{"id":2668,"date":"2024-12-31T11:16:01","date_gmt":"2024-12-31T03:16:01","guid":{"rendered":"https:\/\/iweb20wpa.url.tku.edu.tw\/atgx\/?page_id=2668"},"modified":"2026-08-11T10:35:35","modified_gmt":"2026-08-11T02:35:35","slug":"ai%e5%80%ab%e7%90%86%e8%b3%87%e6%ba%90%e4%b8%ad%e5%bf%83","status":"publish","type":"page","link":"\/aiee\/","title":{"rendered":"AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3"},"content":{"rendered":"\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3 \u2014 Hero \u5340\u584a\n  WordPress \u81ea\u8a02 HTML \u5340\u584a\u5c08\u7528\n  \u6240\u6709 class \u52a0\u4e0a aihr- \u524d\u7db4\uff0c\u907f\u514d\u8207\u4e3b\u984c\u885d\u7a81\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&#038;family=Syne:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 \u6240\u6709\u6a23\u5f0f\u7528 #aihr-hero \u5305\u4f4f\uff0c\u5b8c\u5168\u9694\u96e2 \u2500\u2500 *\/\n#aihr-hero {\n  --aihr-white: #ffffff;\n  --aihr-off: #fafaf8;\n  --aihr-ink: #111118;\n  --aihr-coral: #ff5533;\n  --aihr-sky: #1a7cff;\n  --aihr-mint: #00c896;\n  --aihr-yellow: #ffd333;\n  --aihr-peach: #fff0ec;\n  --aihr-sky-pale: #eaf2ff;\n  --aihr-mint-pale: #e0faf3;\n  --aihr-yellow-pale: #fffbe6;\n\n  font-family: 'Noto Sans TC', sans-serif;\n  min-height: 75vh;\n  padding: 80px max(40px, calc((100% - 1120px) \/ 2)) 80px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  background: var(--aihr-off);\n  box-sizing: border-box;\n}\n\n#aihr-hero *, #aihr-hero *::before, #aihr-hero *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* BG TEXT *\/\n#aihr-hero .aihr-bg-text {\n  position: absolute;\n  top: 50%; left: -20px;\n  transform: translateY(-50%);\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(120px, 18vw, 260px);\n  font-weight: 800;\n  color: transparent;\n  -webkit-text-stroke: 1.5px rgba(17,17,24,0.06);\n  pointer-events: none;\n  line-height: 1;\n  user-select: none;\n  white-space: nowrap;\n  z-index: 0;\n}\n\n\/* PARTICLE CANVAS *\/\n#aihr-hero #aihr-canvas {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n}\n\n\/* LEFT COLUMN *\/\n#aihr-hero .aihr-left {\n  position: relative;\n  z-index: 2;\n}\n\n#aihr-hero .aihr-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--aihr-yellow);\n  border: 2px solid var(--aihr-ink);\n  padding: 6px 16px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  margin-bottom: 32px;\n  animation: aihrPopIn 0.5s cubic-bezier(.34,1.56,.64,1) both;\n}\n#aihr-hero .aihr-eyebrow-dot {\n  width: 7px; height: 7px;\n  background: var(--aihr-coral);\n  border-radius: 50%;\n  display: inline-block;\n}\n\n#aihr-hero .aihr-title {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-weight: 900;\n  font-size: clamp(52px, 6vw, 82px);\n  line-height: 1.06;\n  margin-bottom: 28px;\n  color: var(--aihr-ink);\n  animation: aihrFadeUp 0.7s 0.1s ease both;\n}\n#aihr-hero .aihr-title .aihr-accent       { color: var(--aihr-coral); font-style: italic; }\n#aihr-hero .aihr-title .aihr-accent-blue  { color: var(--aihr-sky); }\n\n#aihr-hero .aihr-desc {\n  font-size: 16px;\n  line-height: 1.85;\n  color: rgba(17,17,24,0.72);\n  max-width: 460px;\n  margin-bottom: 20px;\n  font-weight: 400;\n  animation: aihrFadeUp 0.7s 0.2s ease both;\n}\n\n\/* TYPEWRITER *\/\n#aihr-hero .aihr-typewriter {\n  display: inline-flex;\n  align-items: center;\n  font-family: 'Syne', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  min-height: 24px;\n  margin-bottom: 32px;\n}\n#aihr-hero .aihr-tw-prefix { color: var(--aihr-ink); opacity: 0.55; margin-right: 6px; }\n#aihr-hero .aihr-tw-text   { color: var(--aihr-coral); }\n#aihr-hero .aihr-tw-cursor {\n  display: inline-block;\n  width: 2px; height: 18px;\n  background: var(--aihr-coral);\n  margin-left: 3px;\n  vertical-align: middle;\n  animation: aihrBlink 0.75s step-end infinite;\n}\n@keyframes aihrBlink { 0%,100%{opacity:1;} 50%{opacity:0;} }\n\n\/* BUTTONS *\/\n#aihr-hero .aihr-btns {\n  display: flex; gap: 16px; flex-wrap: wrap;\n  animation: aihrFadeUp 0.7s 0.3s ease both;\n}\n#aihr-hero .aihr-btn-fill {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 14px 28px;\n  background: var(--aihr-coral);\n  color: white !important;\n  font-weight: 700;\n  font-size: 14px;\n  text-decoration: none !important;\n  border: 2px solid var(--aihr-coral);\n  letter-spacing: 0.05em;\n  transition: all 0.2s;\n  font-family: 'Noto Sans TC', sans-serif;\n}\n#aihr-hero .aihr-btn-fill:hover { background: var(--aihr-ink); border-color: var(--aihr-ink); color: white !important; }\n#aihr-hero .aihr-btn-ghost {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 14px 28px;\n  background: transparent;\n  color: var(--aihr-ink) !important;\n  font-weight: 700;\n  font-size: 14px;\n  text-decoration: none !important;\n  border: 2px solid var(--aihr-ink);\n  letter-spacing: 0.05em;\n  transition: all 0.2s;\n  font-family: 'Noto Sans TC', sans-serif;\n}\n#aihr-hero .aihr-btn-ghost:hover { background: var(--aihr-ink); color: white !important; }\n\n\/* RIGHT COLUMN \u2014 stat boxes *\/\n#aihr-hero .aihr-right {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  position: relative;\n  z-index: 2;\n  animation: aihrFadeUp 0.7s 0.35s ease both;\n}\n\n#aihr-hero .aihr-stat {\n  border: 2px solid var(--aihr-ink);\n  padding: 32px 28px;\n  position: relative;\n  overflow: visible;\n  transition: transform 0.2s;\n  z-index: 1;\n}\n#aihr-hero .aihr-stat:hover { transform: translate(-3px,-3px); }\n#aihr-hero .aihr-stat-shadow {\n  position: absolute;\n  inset: 4px -4px -4px 4px;\n  z-index: -1;\n  transition: all 0.2s;\n}\n#aihr-hero .aihr-stat:hover .aihr-stat-shadow { inset: 6px -6px -6px 6px; }\n#aihr-hero .aihr-stat:nth-child(1) { background: var(--aihr-peach); }\n#aihr-hero .aihr-stat:nth-child(1) .aihr-stat-shadow { background: var(--aihr-coral); }\n#aihr-hero .aihr-stat:nth-child(2) { background: var(--aihr-sky-pale); }\n#aihr-hero .aihr-stat:nth-child(2) .aihr-stat-shadow { background: var(--aihr-sky); }\n#aihr-hero .aihr-stat:nth-child(3) { background: var(--aihr-mint-pale); }\n#aihr-hero .aihr-stat:nth-child(3) .aihr-stat-shadow { background: var(--aihr-mint); }\n#aihr-hero .aihr-stat:nth-child(4) { background: var(--aihr-yellow-pale); }\n#aihr-hero .aihr-stat:nth-child(4) .aihr-stat-shadow { background: var(--aihr-yellow); }\n\n#aihr-hero .aihr-stat-num {\n  font-family: 'Syne', sans-serif;\n  font-size: 52px;\n  font-weight: 800;\n  line-height: 1;\n  margin-bottom: 6px;\n  color: var(--aihr-ink);\n  transition: color 0.3s;\n}\n#aihr-hero .aihr-stat-label {\n  font-size: 14px;\n  font-weight: 500;\n  opacity: 0.7;\n  color: var(--aihr-ink);\n}\n\n\/* ROBOT *\/\n#aihr-hero .aihr-robot-wrap {\n  position: absolute;\n  right: 24px; bottom: 24px;\n  width: 140px;\n  z-index: 10;\n  filter: drop-shadow(4px 6px 0 rgba(17,17,24,0.15));\n  animation: aihrRobotFloat 3.5s ease-in-out infinite;\n  cursor: pointer;\n}\n#aihr-hero .aihr-robot-wrap:hover {\n  animation-play-state: paused;\n  filter: drop-shadow(6px 8px 0 var(--aihr-coral));\n}\n@keyframes aihrRobotFloat {\n  0%,100% { transform: translateY(0) rotate(-1deg); }\n  50%      { transform: translateY(-14px) rotate(1deg); }\n}\n#aihr-hero .aihr-robot-eye {\n  animation: aihrEyeBlink 4s infinite;\n  transform-origin: center;\n}\n@keyframes aihrEyeBlink {\n  0%,92%,100% { transform: scaleY(1); }\n  95%          { transform: scaleY(0.08); }\n}\n#aihr-hero .aihr-ant-light {\n  animation: aihrAntPulse 1.2s ease-in-out infinite;\n}\n@keyframes aihrAntPulse {\n  0%,100% { opacity:1; }\n  50%      { opacity:0.25; }\n}\n#aihr-hero .aihr-arm-r {\n  animation: aihrArmWave 2.5s ease-in-out infinite;\n  transform-origin: 102px 90px;\n}\n@keyframes aihrArmWave {\n  0%,100% { transform: rotate(0deg); }\n  40%      { transform: rotate(20deg); }\n  60%      { transform: rotate(-6deg); }\n}\n#aihr-hero .aihr-screen-txt {\n  animation: aihrScreenFlicker 3s linear infinite;\n}\n@keyframes aihrScreenFlicker {\n  0%,47%,53%,77%,83%,100% { opacity:1; }\n  50% { opacity:0.3; }\n  80% { opacity:0.3; }\n}\n\n\/* SPEECH BUBBLE *\/\n#aihr-hero .aihr-speech {\n  position: absolute;\n  right: 165px; bottom: 120px;\n  background: white;\n  border: 2px solid var(--aihr-ink);\n  padding: 12px 16px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.55;\n  max-width: 170px;\n  z-index: 11;\n  box-shadow: 3px 3px 0 var(--aihr-ink);\n  opacity: 0;\n  transform-origin: bottom right;\n  animation: aihrSpeechPop 0.4s 1.5s cubic-bezier(.34,1.56,.64,1) forwards,\n             aihrSpeechBob 4s 2s ease-in-out infinite;\n  color: var(--aihr-ink);\n  font-family: 'Noto Sans TC', sans-serif;\n}\n#aihr-hero .aihr-speech::after {\n  content:'';\n  position:absolute; right:-12px; bottom:16px;\n  border:6px solid transparent;\n  border-left:6px solid var(--aihr-ink);\n}\n#aihr-hero .aihr-speech::before {\n  content:'';\n  position:absolute; right:-9px; bottom:17px;\n  border:5px solid transparent;\n  border-left:5px solid white;\n  z-index:1;\n}\n@keyframes aihrSpeechPop {\n  from { opacity:0; transform:scale(0.5); }\n  to   { opacity:1; transform:scale(1); }\n}\n@keyframes aihrSpeechBob {\n  0%,100% { transform:translateY(0); }\n  50%      { transform:translateY(-5px); }\n}\n\n\/* KEYFRAMES *\/\n@keyframes aihrFadeUp {\n  from { opacity:0; transform:translateY(24px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n@keyframes aihrPopIn {\n  from { opacity:0; transform:scale(0.8); }\n  to   { opacity:1; transform:scale(1); }\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  #aihr-hero {\n    grid-template-columns: 1fr;\n    padding: 80px 24px 60px;\n    min-height: auto;\n  }\n  #aihr-hero .aihr-right { grid-template-columns: repeat(4,1fr); }\n  #aihr-hero .aihr-robot-wrap { width: 100px; right: 12px; bottom: 12px; }\n  #aihr-hero .aihr-speech { right: 110px; font-size: 11px; max-width: 150px; }\n}\n@media (max-width: 600px) {\n  #aihr-hero .aihr-right { grid-template-columns: 1fr 1fr; overflow: hidden; }\n  #aihr-hero .aihr-stat { padding: 20px 16px; overflow: hidden; }\n  #aihr-hero .aihr-stat-shadow { display: none; }\n  #aihr-hero .aihr-stat-num { font-size: clamp(26px, 8vw, 38px); }\n  #aihr-hero .aihr-robot-wrap { display: none; }\n  #aihr-hero .aihr-speech { display: none; }\n}\n\n\/* \u2500\u2500 \u5c0a\u91cd\u4f7f\u7528\u8005\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a\uff08\u7121\u969c\u7919\uff09 \u2500\u2500 *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-hero *,\n  #aihr-hero *::before,\n  #aihr-hero *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n  #aihr-hero .aihr-speech { opacity: 1 !important; }\n}\n<\/style>\n\n<!-- \u2500\u2500 HTML \u2500\u2500 -->\n<div id=\"aihr-hero\">\n  <canvas id=\"aihr-canvas\"><\/canvas>\n  <div class=\"aihr-bg-text\">ETHICS<\/div>\n\n  <!-- \u5de6\u6b04\uff1a\u6587\u5b57 -->\n  <div class=\"aihr-left\">\n    <div class=\"aihr-eyebrow\">\n      <span class=\"aihr-eyebrow-dot\"><\/span>\n      \u6de1\u6c5f\u5927\u5b78 \u00b7 \u6559\u52d9\u8655 \u00b7 Since 2024\n    <\/div>\n    <h1 class=\"aihr-title\">\n      <span class=\"aihr-accent\">AI \u502b\u7406<\/span><br>\n      \u6559\u80b2\u8cc7\u6e90<br>\n      <span class=\"aihr-accent-blue\">\u4e2d\u5fc3<\/span>\n    <\/h1>\n    <p class=\"aihr-desc\">\n      \u4ee5\u4eba\u70ba\u672c\uff0c\u5b88\u8b77\u79d1\u6280\u908a\u754c\u3002\u5728\u4eba\u5de5\u667a\u6167\u5feb\u901f\u767c\u5c55\u7684\u6d6a\u6f6e\u4e2d\uff0c\u6211\u5011\u5efa\u7acb\u5b8c\u5584\u7684\u502b\u7406\u6846\u67b6\uff0c\u5f15\u5c0e\u6280\u8853\u671d\u5411\u516c\u6b63\u3001\u900f\u660e\u3001\u8ca0\u8cac\u4efb\u7684\u65b9\u5411\u524d\u9032\u3002\n    <\/p>\n    <div class=\"aihr-typewriter\">\n      <span class=\"aihr-tw-prefix\">\u6211\u5011\u81f4\u529b\u65bc \u2192<\/span>\n      <span class=\"aihr-tw-text\" id=\"aihrTwText\"><\/span>\n      <span class=\"aihr-tw-cursor\"><\/span>\n    <\/div>\n    <div class=\"aihr-btns\">\n      <a href=\"\/aiee\/?page_id=5812\" class=\"aihr-btn-fill\">\u63a2\u7d22\u8ab2\u7a0b \u2192<\/a>\n      <a href=\"\/aiee\/?page_id=2708\" class=\"aihr-btn-ghost\">\u4e86\u89e3\u4e2d\u5fc3<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u53f3\u6b04\uff1a\u7d71\u8a08 + \u6a5f\u5668\u4eba -->\n  <div class=\"aihr-right\">\n    <div class=\"aihr-stat\">\n      <div class=\"aihr-stat-shadow\"><\/div>\n      <div class=\"aihr-stat-num\" id=\"aihrN1\">5<\/div>\n      <div class=\"aihr-stat-label\">\u6838\u5fc3\u8b1b\u5e2b<\/div>\n    <\/div>\n    <div class=\"aihr-stat\">\n      <div class=\"aihr-stat-shadow\"><\/div>\n      <div class=\"aihr-stat-num\" id=\"aihrN2\">4+<\/div>\n      <div class=\"aihr-stat-label\">\u5b78\u7a0b\u6578<\/div>\n    <\/div>\n    <div class=\"aihr-stat\">\n      <div class=\"aihr-stat-shadow\"><\/div>\n      <div class=\"aihr-stat-num\" id=\"aihrN3\">3+<\/div>\n      <div class=\"aihr-stat-label\">\u570b\u969b\u5408\u4f5c<\/div>\n    <\/div>\n    <div class=\"aihr-stat\">\n      <div class=\"aihr-stat-shadow\"><\/div>\n      <div class=\"aihr-stat-num\" id=\"aihrN4\">2025<\/div>\n      <div class=\"aihr-stat-label\">\u6307\u5357\u767c\u5e03<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u6a5f\u5668\u4eba\u5c0d\u8a71\u6ce1\u6ce1 -->\n  <div class=\"aihr-speech\" id=\"aihrSpeech\">\u55e8\uff01\u6b61\u8fce\u4f86\u5230<br>AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3 \ud83d\udc4b<\/div>\n\n  <!-- SVG \u6a5f\u5668\u4eba -->\n  <div class=\"aihr-robot-wrap\" id=\"aihrRobot\">\n    <svg viewBox=\"0 0 120 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"140\">\n      <!-- antenna -->\n      <line x1=\"60\" y1=\"18\" x2=\"60\" y2=\"6\" stroke=\"#111118\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n      <circle cx=\"60\" cy=\"4\" r=\"4\" fill=\"#111118\"\/>\n      <circle class=\"aihr-ant-light\" cx=\"60\" cy=\"4\" r=\"5\" fill=\"#ff5533\" opacity=\"0.85\"\/>\n      <!-- head -->\n      <rect x=\"22\" y=\"18\" width=\"76\" height=\"60\" rx=\"16\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"3\"\/>\n      <rect x=\"30\" y=\"26\" width=\"60\" height=\"36\" rx=\"8\" fill=\"#0a0f1e\" stroke=\"#111118\" stroke-width=\"2\"\/>\n      <text class=\"aihr-screen-txt\" x=\"60\" y=\"38\" text-anchor=\"middle\" font-family=\"monospace\" font-size=\"7\" fill=\"#00c896\">AI Ethics<\/text>\n      <text class=\"aihr-screen-txt\" x=\"60\" y=\"50\" text-anchor=\"middle\" font-family=\"monospace\" font-size=\"6\" fill=\"#ffd333\">\u502b\u7406 \u00b7 \u516c\u6b63<\/text>\n      <!-- eyes -->\n      <circle class=\"aihr-robot-eye\" cx=\"46\" cy=\"58\" r=\"5\" fill=\"#ffd333\"\/>\n      <circle class=\"aihr-robot-eye\" cx=\"74\" cy=\"58\" r=\"5\" fill=\"#ffd333\"\/>\n      <circle cx=\"47\" cy=\"58\" r=\"2\" fill=\"#111118\"\/>\n      <circle cx=\"75\" cy=\"58\" r=\"2\" fill=\"#111118\"\/>\n      <circle cx=\"48\" cy=\"56\" r=\"1\" fill=\"white\" opacity=\"0.9\"\/>\n      <circle cx=\"76\" cy=\"56\" r=\"1\" fill=\"white\" opacity=\"0.9\"\/>\n      <!-- neck -->\n      <rect x=\"52\" y=\"78\" width=\"16\" height=\"10\" rx=\"4\" fill=\"#111118\"\/>\n      <!-- body -->\n      <rect x=\"16\" y=\"88\" width=\"88\" height=\"68\" rx=\"14\" fill=\"#ff5533\" stroke=\"#111118\" stroke-width=\"3\"\/>\n      <rect x=\"30\" y=\"98\" width=\"60\" height=\"38\" rx=\"8\" fill=\"#c93d20\" stroke=\"#111118\" stroke-width=\"1.5\"\/>\n      <circle cx=\"46\" cy=\"112\" r=\"7\" fill=\"#ffd333\" stroke=\"#111118\" stroke-width=\"1.5\"\/>\n      <circle cx=\"60\" cy=\"112\" r=\"7\" fill=\"#00c896\" stroke=\"#111118\" stroke-width=\"1.5\"\/>\n      <circle cx=\"74\" cy=\"112\" r=\"7\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"1.5\"\/>\n      <text x=\"46\" y=\"116\" text-anchor=\"middle\" font-size=\"8\" fill=\"#111118\">\u2696<\/text>\n      <text x=\"60\" y=\"116\" text-anchor=\"middle\" font-size=\"8\" fill=\"#111118\">\u2726<\/text>\n      <text x=\"74\" y=\"116\" text-anchor=\"middle\" font-size=\"8\" fill=\"#111118\">\ud83d\udee1<\/text>\n      <rect x=\"34\" y=\"126\" width=\"52\" height=\"6\" rx=\"3\" fill=\"#111118\" opacity=\"0.3\"\/>\n      <!-- left arm -->\n      <rect x=\"4\"  y=\"90\" width=\"14\" height=\"48\" rx=\"7\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2.5\"\/>\n      <circle cx=\"11\" cy=\"143\" r=\"8\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2.5\"\/>\n      <!-- right arm (waves) -->\n      <g class=\"aihr-arm-r\">\n        <rect x=\"102\" y=\"90\" width=\"14\" height=\"48\" rx=\"7\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2.5\"\/>\n        <circle cx=\"109\" cy=\"143\" r=\"8\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2.5\"\/>\n      <\/g>\n      <!-- legs -->\n      <rect x=\"30\" y=\"154\" width=\"22\" height=\"38\" rx=\"8\" fill=\"#111118\"\/>\n      <rect x=\"68\" y=\"154\" width=\"22\" height=\"38\" rx=\"8\" fill=\"#111118\"\/>\n      <!-- feet -->\n      <rect x=\"24\" y=\"184\" width=\"32\" height=\"14\" rx=\"6\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2\"\/>\n      <rect x=\"64\" y=\"184\" width=\"32\" height=\"14\" rx=\"6\" fill=\"#1a7cff\" stroke=\"#111118\" stroke-width=\"2\"\/>\n    <\/svg>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* \u2500\u2500 PARTICLES\uff08\u964d\u8f09\uff1a\u7c92\u5b50\u6578\u6e1b\u5c11\u3001\u96e2\u958b\u8996\u7a97\/\u5206\u9801\u6642\u66ab\u505c\uff09 \u2500\u2500 *\/\n  var canvas = document.getElementById('aihr-canvas');\n  var ctx = canvas.getContext('2d');\n  var colors = ['#ff5533','#1a7cff','#00c896','#ffd333','#7c3aff'];\n\n  function resize() {\n    var hero = document.getElementById('aihr-hero');\n    canvas.width  = hero.offsetWidth;\n    canvas.height = hero.offsetHeight;\n  }\n  resize();\n  window.addEventListener('resize', resize);\n\n  function Particle() { this.reset(); }\n  Particle.prototype.reset = function() {\n    this.x = Math.random() * canvas.width;\n    this.y = Math.random() * canvas.height;\n    this.r = Math.random() * 3.5 + 1;\n    this.vx = (Math.random() - 0.5) * 0.55;\n    this.vy = (Math.random() - 0.5) * 0.55;\n    this.color = colors[Math.floor(Math.random() * colors.length)];\n    this.alpha = Math.random() * 0.45 + 0.12;\n    this.square = Math.random() > 0.6;\n  };\n  Particle.prototype.update = function() {\n    this.x += this.vx; this.y += this.vy;\n    if (this.x < -10 || this.x > canvas.width+10 || this.y < -10 || this.y > canvas.height+10) this.reset();\n  };\n  Particle.prototype.draw = function() {\n    ctx.globalAlpha = this.alpha;\n    ctx.fillStyle = this.color;\n    if (this.square) { ctx.fillRect(this.x - this.r, this.y - this.r, this.r*2, this.r*2); }\n    else { ctx.beginPath(); ctx.arc(this.x, this.y, this.r, 0, Math.PI*2); ctx.fill(); }\n  };\n\n  var pts = [];\n  for (var i = 0; i < 28; i++) pts.push(new Particle());\n\n  var running = false, rafId = null;\n  function frame() {\n    if (!running) return;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    for (var i = 0; i < pts.length; i++) {\n      for (var j = i+1; j < pts.length; j++) {\n        var dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y;\n        var d = Math.sqrt(dx*dx + dy*dy);\n        if (d < 90) {\n          ctx.globalAlpha = (1 - d\/90) * 0.1;\n          ctx.strokeStyle = pts[i].color;\n          ctx.lineWidth = 1;\n          ctx.beginPath(); ctx.moveTo(pts[i].x, pts[i].y); ctx.lineTo(pts[j].x, pts[j].y); ctx.stroke();\n        }\n      }\n      pts[i].update(); pts[i].draw();\n    }\n    rafId = requestAnimationFrame(frame);\n  }\n  function start() { if (reduce || running) return; running = true; rafId = requestAnimationFrame(frame); }\n  function stop()  { running = false; if (rafId) cancelAnimationFrame(rafId); }\n\n  document.addEventListener('visibilitychange', function() {\n    document.hidden ? stop() : start();\n  });\n  var heroEl = document.getElementById('aihr-hero');\n  if ('IntersectionObserver' in window) {\n    new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) { e.isIntersecting ? start() : stop(); });\n    }, { threshold: 0 }).observe(heroEl);\n  } else { start(); }\n  start();\n\n  \/* \u2500\u2500 TYPEWRITER \u2500\u2500 *\/\n  var phrases = ['AI\u502b\u7406\u6559\u80b2','\u8ca0\u8cac\u4efb\u7684\u79d1\u6280','\u516c\u6b63\u7684\u672a\u4f86','\u4eba\u672c\u79d1\u6280\u50f9\u503c','\u900f\u660e\u7684AI\u6cbb\u7406'];\n  var pIdx = 0, cIdx = 0, del = false;\n  var twEl = document.getElementById('aihrTwText');\n  function type() {\n    var ph = phrases[pIdx];\n    if (!del) {\n      twEl.textContent = ph.slice(0, ++cIdx);\n      if (cIdx === ph.length) { del = true; setTimeout(type, 1500); return; }\n      setTimeout(type, 110);\n    } else {\n      twEl.textContent = ph.slice(0, --cIdx);\n      if (cIdx === 0) { del = false; pIdx = (pIdx+1) % phrases.length; setTimeout(type, 400); return; }\n      setTimeout(type, 55);\n    }\n  }\n  if (reduce) { twEl.textContent = phrases[0]; } else { setTimeout(type, 1000); }\n\n  \/* \u2500\u2500 ROBOT CLICK \u2500\u2500 *\/\n  var robot = document.getElementById('aihrRobot');\n  var speech = document.getElementById('aihrSpeech');\n  var msgs = [\n    '\u55e8\uff01\u6b61\u8fce\u4f86\u5230<br>AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3 \ud83d\udc4b',\n    '\u79d1\u6280\u4ee5\u4eba\u70ba\u672c\uff01<br>\u8b93\u6211\u5011\u5b88\u8b77\u672a\u4f86 \ud83c\udf1f',\n    '\u60f3\u4e86\u89e3 AI \u502b\u7406\uff1f<br>\u9ede\u300c\u63a2\u7d22\u8ab2\u7a0b\u300d\uff01 \ud83c\udf93',\n    '\u6211\u662f\u6de1\u6c5f\u5927\u5b78<br>AI \u502b\u7406\u5c0f\u5925\u4f34 \ud83e\udd16',\n    '\u8a18\u5f97\uff1aAI \u8981\u6709<br>\u516c\u6b63\u8207\u900f\u660e\uff01 \u2696\ufe0f'\n  ];\n  var mIdx = 0;\n  robot.addEventListener('click', function() {\n    mIdx = (mIdx + 1) % msgs.length;\n    speech.innerHTML = msgs[mIdx];\n    speech.style.animation = 'none';\n    void speech.offsetWidth;\n    speech.style.opacity = '1';\n    speech.style.animation = 'aihrSpeechPop 0.35s cubic-bezier(.34,1.56,.64,1) both, aihrSpeechBob 4s 0.4s ease-in-out infinite';\n    robot.style.transition = 'transform 0.15s';\n    robot.style.transform = 'scale(1.12) rotate(12deg)';\n    setTimeout(function(){ robot.style.transform = ''; }, 300);\n  });\n\n  \/* \u2500\u2500 COUNTERS\uff08\u5e74\u4efd\u4e0d\u6efe\u52d5\uff0c\u76f4\u63a5\u986f\u793a\uff09 \u2500\u2500 *\/\n  var counted = false;\n  function countUp(el, target, suffix) {\n    var start = null, dur = 1600;\n    function step(ts) {\n      if (!start) start = ts;\n      var p = Math.min((ts - start) \/ dur, 1);\n      el.textContent = Math.floor(p * target) + (p < 1 ? '' : suffix);\n      if (p < 1) requestAnimationFrame(step);\n      else el.textContent = target + suffix;\n    }\n    requestAnimationFrame(step);\n  }\n  var io = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting &#038;&#038; !counted) {\n        counted = true;\n        if (reduce) {\n          document.getElementById('aihrN1').textContent = '5';\n          document.getElementById('aihrN2').textContent = '4+';\n          document.getElementById('aihrN3').textContent = '3+';\n        } else {\n          countUp(document.getElementById('aihrN1'), 5, '');\n          countUp(document.getElementById('aihrN2'), 4, '+');\n          countUp(document.getElementById('aihrN3'), 3, '+');\n        }\n        document.getElementById('aihrN4').textContent = '2025';\n      }\n    });\n  }, { threshold: 0.3 });\n  io.observe(document.getElementById('aihr-hero'));\n\n  \/* \u2500\u2500 STAT HOVER COLORS \u2500\u2500 *\/\n  var hColors = ['#ff5533','#1a7cff','#00c896','#ffd333'];\n  document.querySelectorAll('#aihr-hero .aihr-stat').forEach(function(box, i) {\n    box.addEventListener('mouseenter', function(){ box.querySelector('.aihr-stat-num').style.color = hColors[i]; });\n    box.addEventListener('mouseleave', function(){ box.querySelector('.aihr-stat-num').style.color = ''; });\n  });\n})();\n<\/script>\n\n\n<p><!-- ===================== 02-marquee ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u8dd1\u99ac\u71c8 \u2014 WordPress \u81ea\u8a02 HTML \u5340\u584a\n  \u26a0 \u5df2\u79fb\u9664\u300c\u5168\u7ad9\u81ea\u8a02\u6ed1\u9f20\u6e38\u6a19\u300d(\u6703\u7d81\u67b6\u6574\u7ad9\u6e38\u6a19\u3001\u624b\u6a5f\u5931\u6548)\n  \u6240\u6709\u6a23\u5f0f\u4ee5 #aihr- \u524d\u7db4\u9694\u96e2\uff0c\u4e0d\u5f71\u97ff\u4e3b\u984c\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;700&#038;family=Syne:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 \u8dd1\u99ac\u71c8 \u2500\u2500 *\/\n#aihr-marquee {\n  background: #1a7cff;\n  border-top: 2px solid #111118;\n  border-bottom: 2px solid #111118;\n  overflow: hidden;\n  padding: 14px 0;\n  position: relative;\n  box-sizing: border-box;\n  \/* \u6eff\u7248\u505a\u6cd5\uff1a\u7528\u8ca0 margin \u6490\u51fa\uff0cwidth:auto \u907f\u514d 100vw \u9020\u6210\u7684\u6a6b\u5411\u6372\u52d5 *\/\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  width: auto;\n}\n\n#aihr-marquee-inner {\n  display: flex;\n  gap: 0;\n  white-space: nowrap;\n  width: max-content;\n  animation: aihrMarquee 22s linear infinite;\n}\n\n\/* \u6ed1\u9f20\u79fb\u4e0a\u53bb\u66ab\u505c *\/\n#aihr-marquee:hover #aihr-marquee-inner {\n  animation-play-state: paused;\n}\n\n.aihr-mq-item {\n  font-family: 'Syne', 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  color: white;\n  padding: 0 36px;\n  border-right: 2px solid rgba(255,255,255,0.25);\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  line-height: 1;\n}\n\n\/* \u6bcf\u500b\u9805\u76ee\u524d\u7684\u5c0f\u88dd\u98fe\u9ede *\/\n.aihr-mq-item::before {\n  content: '';\n  width: 6px; height: 6px;\n  background: #ffd333;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n@keyframes aihrMarquee {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a\uff1a\u505c\u6b62\u8dd1\u99ac\u71c8 *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-marquee-inner { animation: none !important; }\n}\n<\/style>\n\n<!-- \u8dd1\u99ac\u71c8 -->\n<div id=\"aihr-marquee\">\n  <div id=\"aihr-marquee-inner\">\n    <!-- \u7b2c\u4e00\u7d44 -->\n    <span class=\"aihr-mq-item\">\u4eba\u672c\u79d1\u6280<\/span>\n    <span class=\"aihr-mq-item\">\u6de1\u6c5f\u5927\u5b78<\/span>\n    <span class=\"aihr-mq-item\">AI\u6cbb\u7406\u63a8\u52d5\u5e2b<\/span>\n    <span class=\"aihr-mq-item\">\u570b\u969b\u4ea4\u6d41<\/span>\n    <span class=\"aihr-mq-item\">\u502b\u7406\u7d20\u990a\u624b\u518a<\/span>\n    <span class=\"aihr-mq-item\">AI\u502b\u7406\u6559\u80b2<\/span>\n    <span class=\"aihr-mq-item\">TAICA \u5b78\u5206\u5b78\u7a0b<\/span>\n    <span class=\"aihr-mq-item\">\u751f\u6210\u5f0fAI\u6e96\u5247<\/span>\n    <!-- \u7b2c\u4e8c\u7d44\uff08\u91cd\u8907\uff0c\u8b93\u8dd1\u99ac\u71c8\u7121\u7e2b\u5faa\u74b0\uff09 -->\n    <span class=\"aihr-mq-item\">\u4eba\u672c\u79d1\u6280<\/span>\n    <span class=\"aihr-mq-item\">\u6de1\u6c5f\u5927\u5b78<\/span>\n    <span class=\"aihr-mq-item\">AI\u6cbb\u7406\u63a8\u52d5\u5e2b<\/span>\n    <span class=\"aihr-mq-item\">\u570b\u969b\u4ea4\u6d41<\/span>\n    <span class=\"aihr-mq-item\">\u502b\u7406\u7d20\u990a\u624b\u518a<\/span>\n    <span class=\"aihr-mq-item\">AI\u502b\u7406\u6559\u80b2<\/span>\n    <span class=\"aihr-mq-item\">TAICA \u5b78\u5206\u5b78\u7a0b<\/span>\n    <span class=\"aihr-mq-item\">\u751f\u6210\u5f0fAI\u6e96\u5247<\/span>\n  <\/div>\n<\/div>\n\n\n<p><!-- ===================== 03-about ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u6211\u5011\u7684\u4f7f\u547d \u2014 \u56db\u683c\u5f69\u8272\u5361\u7247\n  WordPress \u81ea\u8a02 HTML \u5340\u584a\u5c08\u7528\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#aihr-about {\n  padding: 80px max(40px, calc((100% - 1120px) \/ 2));\n  background: #fafaf8;\n  box-sizing: border-box;\n  width: 100%;\n}\n#aihr-about *, #aihr-about *::before, #aihr-about *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u6a19\u984c\u5340 *\/\n#aihr-about .aihr-ab-tag {\n  display: inline-block;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  border: 2px solid #111118;\n  padding: 5px 14px;\n  margin-bottom: 16px;\n  color: #111118;\n}\n#aihr-about .aihr-ab-title {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-weight: 700;\n  font-size: clamp(32px, 4vw, 52px);\n  line-height: 1.1;\n  margin-bottom: 48px;\n  color: #111118;\n}\n#aihr-about .aihr-ab-title em {\n  font-style: italic;\n  color: #ff5533;\n}\n\n\/* 2\u00d72 \u683c\u7dda *\/\n#aihr-about .aihr-ab-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n\/* \u5361\u7247\u901a\u7528 *\/\n#aihr-about .aihr-ab-card {\n  border: 2px solid #111118;\n  padding: 44px 40px;\n  position: relative;\n  overflow: visible;\n  transition: transform 0.22s ease;\n  z-index: 1;\n}\n#aihr-about .aihr-ab-card:hover {\n  transform: translate(-5px, -5px);\n}\n\n\/* \u504f\u79fb\u9670\u5f71\u5c64 *\/\n#aihr-about .aihr-ab-shadow {\n  position: absolute;\n  inset: 5px -5px -5px 5px;\n  z-index: -1;\n  border: 2px solid #111118;\n  transition: inset 0.22s ease;\n}\n#aihr-about .aihr-ab-card:hover .aihr-ab-shadow {\n  inset: 8px -8px -8px 8px;\n}\n\n\/* \u6bcf\u5f35\u5361\u7247\u914d\u8272 *\/\n#aihr-about .aihr-ab-card:nth-child(1)                { background: #ff6b4a; }\n#aihr-about .aihr-ab-card:nth-child(1) .aihr-ab-shadow { background: rgba(0,0,0,0.12); border-color: #111118; }\n#aihr-about .aihr-ab-card:nth-child(2)                { background: #3d8fff; }\n#aihr-about .aihr-ab-card:nth-child(2) .aihr-ab-shadow { background: rgba(0,0,0,0.12); border-color: #111118; }\n#aihr-about .aihr-ab-card:nth-child(3)                { background: #00d4a0; }\n#aihr-about .aihr-ab-card:nth-child(3) .aihr-ab-shadow { background: rgba(0,0,0,0.12); border-color: #111118; }\n#aihr-about .aihr-ab-card:nth-child(4)                { background: #ffd333; }\n#aihr-about .aihr-ab-card:nth-child(4) .aihr-ab-shadow { background: rgba(0,0,0,0.12); border-color: #111118; }\n\n\/* \u5716\u793a *\/\n#aihr-about .aihr-ab-icon {\n  font-size: 38px;\n  margin-bottom: 24px;\n  display: block;\n  line-height: 1;\n  filter: drop-shadow(1px 2px 0 rgba(0,0,0,0.18));\n}\n\n\/* \u6a19\u984c *\/\n#aihr-about .aihr-ab-card h3 {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #ffffff;\n  line-height: 1.2;\n}\n\n\/* \u5167\u6587 *\/\n#aihr-about .aihr-ab-card p {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 16px;\n  line-height: 1.9;\n  color: rgba(255,255,255,0.95);\n  font-weight: 400;\n}\n\n\/* \u9ec3\u8272\u5361\u7247\u6587\u5b57\u6539\u6df1\u8272\uff08\u9ec3\u5e95\u767d\u5b57\u5c0d\u6bd4\u4e0d\u8db3\uff09 *\/\n#aihr-about .aihr-ab-card:nth-child(4) h3 { color: #111118; }\n#aihr-about .aihr-ab-card:nth-child(4) p  { color: rgba(17,17,24,0.82); }\n\n\/* \u5361\u7247\u53f3\u4e0a\u89d2\u88dd\u98fe\u5713\u9ede *\/\n#aihr-about .aihr-ab-card::after {\n  content: '';\n  position: absolute;\n  top: 20px; right: 20px;\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.5);\n  transition: transform 0.3s;\n}\n#aihr-about .aihr-ab-card:hover::after {\n  transform: scale(2);\n  background: rgba(255,255,255,0.8);\n}\n\n\/* Scroll \u9032\u5834\u52d5\u756b *\/\n#aihr-about .aihr-ab-card {\n  opacity: 0;\n  transform: translateY(24px) scale(0.98);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n#aihr-about .aihr-ab-card.aihr-visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n#aihr-about .aihr-ab-card:hover {\n  transform: translate(-5px, -5px) !important;\n}\n\n\/* RWD *\/\n@media (max-width: 768px) {\n  #aihr-about { padding: 60px 20px; }\n  #aihr-about .aihr-ab-grid { grid-template-columns: 1fr; }\n  #aihr-about .aihr-ab-card { padding: 32px 28px; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-about .aihr-ab-card {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div id=\"aihr-about\">\n  <div class=\"aihr-ab-tag\">\u95dc\u65bc\u4e2d\u5fc3<\/div>\n  <h2 class=\"aihr-ab-title\">\u6211\u5011\u7684<em>\u4f7f\u547d<\/em><\/h2>\n\n  <div class=\"aihr-ab-grid\">\n\n    <div class=\"aihr-ab-card\">\n      <div class=\"aihr-ab-shadow\"><\/div>\n      <span class=\"aihr-ab-icon\">\u2696\ufe0f<\/span>\n      <h3>\u502b\u7406\u6846\u67b6\u5efa\u7acb<\/h3>\n      <p>\u70ba\u4e86\u907f\u514dAI\u9020\u6210\u4eba\u985e\u7684\u60b2\u5287\uff0c\u6211\u5011\u9700\u5efa\u7acb\u4e00\u5957\u5b8c\u5584\u7684\u502b\u7406\u6e96\u5247\uff0c\u9019\u4e0d\u50c5\u80fd\u5920\u6307\u5c0eAI\u7684\u7814\u767c\u8207\u61c9\u7528\uff0c\u66f4\u80fd\u5920\u70ba\u76f8\u95dc\u7684\u6cd5\u5f8b\u653f\u7b56\u63d0\u4f9b\u4f9d\u64da\u3002<\/p>\n    <\/div>\n\n    <div class=\"aihr-ab-card\">\n      <div class=\"aihr-ab-shadow\"><\/div>\n      <span class=\"aihr-ab-icon\">\ud83c\udf93<\/span>\n      <h3>\u6559\u80b2\u8cc7\u6e90\u6574\u5408<\/h3>\n      <p>\u4eba\u5de5\u667a\u6167\u6cd5\u5f8b\u570b\u969b\u7814\u7a76\u57fa\u91d1\u6703\u57f7\u884c\u9577\u7684\u8ad6\u8ff0\uff0c\u5f37\u8abf\u4e86\u6559\u8077\u54e1\u9075\u5b88AI\u502b\u7406\u6e96\u5247\u7684\u91cd\u8981\u6027\uff0c\u4e26\u547c\u7c72\u6559\u5e2b\u5011\u8b39\u614e\u904b\u7528AI\u6280\u8853\uff0c\u907f\u514d\u56e0\u70ba\u4e0d\u7576\u4f7f\u7528\u800c\u89f8\u53ca\u6cd5\u5f8b\u8cac\u4efb\u3002<\/p>\n    <\/div>\n\n    <div class=\"aihr-ab-card\">\n      <div class=\"aihr-ab-shadow\"><\/div>\n      <span class=\"aihr-ab-icon\">\ud83c\udf10<\/span>\n      <h3>\u570b\u969b\u63a5\u8ecc\u5408\u4f5c<\/h3>\n      <p>\u7a4d\u6975\u8207\u65b0\u52a0\u5761\u5357\u6d0b\u7406\u5de5\u5927\u5b78\u3001\u65b0\u52a0\u5761\u96fb\u8166\u5b78\u6703\u7b49\u6a5f\u69cb\u4ea4\u6d41\uff0c\u5f15\u5165\u591a\u5143\u3001\u570b\u969b\u5316\u7684AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u8207\u8a8d\u8b49\u5236\u5ea6\u3002<\/p>\n    <\/div>\n\n    <div class=\"aihr-ab-card\">\n      <div class=\"aihr-ab-shadow\"><\/div>\n      <span class=\"aihr-ab-icon\">\ud83d\udccb<\/span>\n      <h3>\u6cd5\u898f\u653f\u7b56\u63a8\u52d5<\/h3>\n      <p>AI\u502b\u7406\u6e96\u5247\u7684\u6838\u5fc3\u5305\u62ec\u4ee5\u4eba\u70ba\u672c\u3001\u907f\u514d\u6b67\u8996\u3001\u6578\u64da\u904b\u7528\u9650\u5236\uff0c\u4ee5\u53ca\u5c0dAI\u4e8b\u6545\u7684\u6cd5\u5f8b\u8cac\u4efb\u898f\u7bc4\uff0c\u78ba\u4fddAI\u7b26\u5408\u9053\u5fb7\u8207\u6cd5\u5f8b\u8981\u6c42\u3002<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var cards = document.querySelectorAll('#aihr-about .aihr-ab-card');\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); return; }\n\n  var delays = [0, 120, 240, 360];\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        var idx = Array.prototype.indexOf.call(cards, entry.target);\n        setTimeout(function () {\n          entry.target.classList.add('aihr-visible');\n        }, delays[idx] || 0);\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  cards.forEach(function (card) { io.observe(card); });\n})();\n<\/script>\n\n\n<p><!-- ===================== 04-badge ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u6a58\u8272\u6210\u5c31\u689d\uff08\u975c\u614b\uff09 \u2014 WordPress \u81ea\u8a02 HTML \u5340\u584a\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n#aihr-badge-strip {\n  background: #ff5533;\n  border-top: 2px solid #111118;\n  border-bottom: 2px solid #111118;\n  padding: 18px 0;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n#aihr-badge-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n.aihr-badge-item {\n  font-family: 'Syne', sans-serif;\n  font-weight: 800;\n  font-size: 13px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: white;\n  white-space: nowrap;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0 40px;\n  border-right: 1px solid rgba(255,255,255,0.3);\n  line-height: 1;\n}\n.aihr-badge-item:last-child {\n  border-right: none;\n}\n.aihr-badge-item::before {\n  content: '\u2726';\n  font-size: 9px;\n  opacity: 0.75;\n  flex-shrink: 0;\n}\n@media (max-width: 900px) {\n  .aihr-badge-item { font-size: 11px; padding: 0 20px; }\n}\n@media (max-width: 600px) {\n  #aihr-badge-inner { flex-wrap: wrap; gap: 8px; padding: 0 12px; }\n  .aihr-badge-item { font-size: 10px; padding: 4px 14px; letter-spacing: 0.06em; border-right: none; }\n}\n<\/style>\n<div id=\"aihr-badge-strip\">\n  <div id=\"aihr-badge-inner\">\n    <span class=\"aihr-badge-item\">\u5168\u53f0\u9996\u5275 AI \u502b\u7406\u7d20\u990a\u624b\u518a<\/span>\n    <span class=\"aihr-badge-item\">TAICA \u5b78\u7a0b\u806f\u76df\u6210\u54e1<\/span>\n    <span class=\"aihr-badge-item\">Singapore \u00d7 TKU \u570b\u969b\u5408\u4f5c<\/span>\n    <span class=\"aihr-badge-item\">\u751f\u6210\u5f0f AI \u502b\u7406\u6307\u5357 2025<\/span>\n  <\/div>\n<\/div>\n\n\n<p><!-- ===================== 05-news ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u8fd1\u671f\u52d5\u614b \u2014 \u689d\u5217\u6e05\u55ae\u5f0f\n  \u00b7 \u4f9d\u6642\u9593\u65b0\u2192\u820a\u6392\u5e8f\n  \u00b7 \u50c5 TAICA \u76f8\u95dc\u9805\u76ee\u6a19\u793a TAICA \u6a19\u7c64\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n#aihr-news{padding:80px max(40px, calc((100% - 1120px)\/2));background:#fafaf8;box-sizing:border-box;width:100%;}\n#aihr-news *,#aihr-news *::before,#aihr-news *::after{box-sizing:border-box;margin:0;padding:0;}\n\n#aihr-news .aihr-nw-tag{display:inline-block;font-family:'Noto Sans TC',sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:2px solid #111118;padding:5px 14px;margin-bottom:20px;color:#111118;}\n#aihr-news .aihr-nw-title{font-family:'Noto Sans TC',sans-serif;font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.1;margin-bottom:32px;color:#111118;}\n#aihr-news .aihr-nw-title em{font-style:italic;color:#ff5533;}\n\n\/* \u6e05\u55ae\u6846 *\/\n#aihr-news .aihr-nw-list{list-style:none;border:2px solid #111118;background:#fff;overflow:hidden;}\n#aihr-news .aihr-nw-list li{border-bottom:1px solid rgba(17,17,24,.08);}\n#aihr-news .aihr-nw-list li:last-child{border-bottom:none;}\n\n\/* \u5217\uff1a\u6574\u9ad4\u70ba\u53ef\u9ede\u64ca\u9023\u7d50 *\/\n#aihr-news .aihr-nw-row{\n  display:flex;align-items:center;gap:18px;\n  padding:18px 28px;\n  text-decoration:none;color:inherit;\n  position:relative;\n  transition:background .16s;\n}\n#aihr-news .aihr-nw-row::before{\n  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;\n  background:#ff5533;transform:scaleY(0);transform-origin:center;\n  transition:transform .2s ease;\n}\n#aihr-news .aihr-nw-row:hover{background:#fdf5f3;}\n#aihr-news .aihr-nw-row:hover::before{transform:scaleY(1);}\n\n\/* \u65e5\u671f *\/\n#aihr-news .aihr-nw-date{\n  font-family:'Noto Sans TC',sans-serif;\n  font-size:12.5px;font-weight:700;letter-spacing:.06em;\n  color:rgba(17,17,24,.4);white-space:nowrap;flex-shrink:0;min-width:88px;\n}\n\n\/* TAICA \u6a19\u7c64 *\/\n#aihr-news .aihr-nw-badge{\n  font-family:'Noto Sans TC',sans-serif;\n  font-size:12px;font-weight:700;letter-spacing:.14em;\n  padding:3px 9px;white-space:nowrap;flex-shrink:0;\n  border:1.5px solid #1a7cff;color:#1a7cff;background:#eaf2ff;\n}\n\n\/* \u6a19\u984c *\/\n#aihr-news .aihr-nw-text{\n  font-family:'Noto Sans TC',sans-serif;\n  font-size:16px;font-weight:500;line-height:1.65;\n  color:#111118;flex:1;\n  transition:color .16s;\n}\n#aihr-news .aihr-nw-row:hover .aihr-nw-text{color:#c93d20;}\n\n\/* \u7bad\u982d *\/\n#aihr-news .aihr-nw-arrow{\n  font-size:15px;color:rgba(17,17,24,.25);flex-shrink:0;\n  transition:color .16s,transform .16s;\n}\n#aihr-news .aihr-nw-row:hover .aihr-nw-arrow{color:#ff5533;transform:translateX(4px);}\n\n\/* RWD *\/\n@media (max-width:768px){\n  #aihr-news{padding:60px 24px;}\n  #aihr-news .aihr-nw-row{gap:12px;padding:16px 20px;flex-wrap:wrap;}\n  #aihr-news .aihr-nw-date{min-width:auto;}\n  #aihr-news .aihr-nw-text{font-size:15px;width:100%;order:3;margin-top:2px;}\n  #aihr-news .aihr-nw-arrow{order:4;align-self:flex-end;}\n}\n@media (max-width:480px){\n  #aihr-news{padding:48px 16px;}\n  #aihr-news .aihr-nw-row{padding:14px 16px;}\n}\n@media (prefers-reduced-motion: reduce){\n  #aihr-news .aihr-nw-row,\n  #aihr-news .aihr-nw-row::before{transition:none!important;}\n}\n<\/style>\n\n<div id=\"aihr-news\">\n  <div class=\"aihr-nw-tag\">\u6700\u65b0\u6d88\u606f<\/div>\n  <h2 class=\"aihr-nw-title\"><em>\u8fd1\u671f<\/em>\u52d5\u614b<\/h2>\n\n  <ul class=\"aihr-nw-list\">\n\n    <!-- 1 \u00b7 2026-06-29 \u00b7 \u7af6\u8cfd\u4f73\u4f5c\uff08\u65b0\u589e\uff09 -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=60565\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2026-06-29<\/span>\n        <span class=\"aihr-nw-text\">\u674e\u5b9c\u81fb\u63edAI\u9762\u8a66\u96b1\u6027\u6b67\u8996\u3000\u7372\u5168\u570b\u5c08\u696d\u502b\u7406\u500b\u6848\u7af6\u8cfd\u4f73\u4f5c<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 2 \u00b7 2026-02 \u00b7 TAICA \u7533\u8acb\u516c\u544a -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?tkuisotope=114%e5%ad%b8%e5%b9%b4%e5%ba%a6%e7%ac%ac2%e5%ad%b8%e6%9c%9f-taica-%e4%ba%ba%e5%b7%a5%e6%99%ba%e6%85%a7%e5%ad%b8%e5%88%86%e5%ad%b8%e7%a8%8b%e7%99%bb%e8%a8%98%e7%94%b3%e8%ab%8b\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2026-04-27<\/span>\n        <span class=\"aihr-nw-badge\">TAICA<\/span>\n        <span class=\"aihr-nw-text\">114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 2 \u00b7 2026-03 \u00b7 \u8208\u5927\u9644\u8fb2 -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=60178\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2026-03-23<\/span>\n        <span class=\"aihr-nw-text\">\u6797\u5609\u742a\u8d74\u8208\u5927\u9644\u8fb2\u4e3b\u8b1bAI\u502b\u7406\u5de5\u4f5c\u574a \u57f9\u529b\u6559\u5e2b\u6578\u4f4d\u601d\u8fa8\u7d20\u990a<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n\n    <!-- 3 \u00b7 2026-01-30 \u00b7 TAICA \u5e38\u898f\u8ab2\u7a0b -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/?tkuisotope=%E5%85%AC%E5%91%8A%E6%9C%AC%E6%A0%A1%E8%87%BA%E7%81%A3%E5%A4%A7%E5%B0%88%E9%99%A2%E6%A0%A1%E4%BA%BA%E5%B7%A5%E6%99%BA%E6%85%A7%E5%AD%B8%E7%A8%8B%E8%81%AF%E7%9B%9F%EF%BC%88%E7%B0%A1%E7%A8%B1taica-2\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2026-01-30<\/span>\n        <span class=\"aihr-nw-badge\">TAICA<\/span>\n        <span class=\"aihr-nw-text\">\u516c\u544a\u672c\u6821\u81fa\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df\uff08TAICA\uff09\u4e4b\u300c\u5b78\u5206\u5b78\u7a0b\u5e38\u898f\u8ab2\u7a0b\u8cc7\u6599\u300d\u696d\u7d93\u5be9\u6838\u901a\u904e<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 4 \u00b7 2026-01 \u00b7 \u9ad8\u4e2d\u624b\u518a -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/udn.com\/news\/story\/6885\/9238834\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2026-01-01<\/span>\n        <span class=\"aihr-nw-text\">\u5168\u53f0\u9996\u5275\uff01\u6de1\u6c5f\u5927\u5b78\u651c\u624b\u65b0\u5317\u6559\u80b2\u5c40\u3001\u9326\u548c\u9ad8\u4e2d\u767c\u8868\u9ad8\u4e2d\u300aAI \u502b\u7406\u7d20\u990a\u624b\u518a\u300b<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 5 \u00b7 2025-12-22 \u00b7 TAICA \u5de5\u4f5c\u574a -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/taicatw.net\/2025\/12\/09\/taica-ai-workshop\/\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2025-12-09<\/span>\n        <span class=\"aihr-nw-badge\">TAICA<\/span>\n        <span class=\"aihr-nw-text\">\u651c\u624b\u5171\u597d\uff0c\u5171\u5275\u672a\u4f86\uff1aTAICA \u8de8\u6821 AI \u6559\u80b2\u8207\u7522\u696d\u63a5\u8ecc\u5de5\u4f5c\u574a\u5831\u540d\u8cc7\u8a0a<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 6 \u00b7 2025-11-17 \u00b7 TAICA \u7b2c1\u5b78\u671f\u7533\u8acb -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?tkuisotope=1141taica%E5%AD%B8%E5%88%86%E5%AD%B8%E7%A8%8B%E7%99%BB%E8%A8%98%E7%94%B3%E8%AB%8B\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2025-11-17<\/span>\n        <span class=\"aihr-nw-badge\">TAICA<\/span>\n        <span class=\"aihr-nw-text\">114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 7 \u00b7 2025-06 \u00b7 \u7af6\u8cfd\u4f73\u4f5c -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=59340\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2025-06-12<\/span>\n        <span class=\"aihr-nw-text\">\u5168\u570b\u5c08\u696d\u502b\u7406\u500b\u6848\u7af6\u8cfd AI\u7cfb\u5b78\u751f\u300c\u5fc3\u7406\u8aee\u8a62\u804a\u5929\u6a5f\u5668\u4eba\u300d\u4e3b\u984c\u7372\u4f73\u4f5c<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 8 \u00b7 2025-03-05 \u00b7 AI\u8ce6\u80fd\u5c08\u984c -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=58818\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2025-03-05<\/span>\n        <span class=\"aihr-nw-text\">\u3010\u5c08\u984c\u3011AI\u8ce6\u80fd \u63d0\u4f9b\u5e2b\u751f\u7121\u9650\u53ef\u80fd\u7684\u5b78\u7fd2\u5e73\u53f0<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n    <!-- 9 \u00b7 2024-12-20 \u00b7 TAICA \u52a0\u5165\u806f\u76df -->\n    <li>\n      <a class=\"aihr-nw-row\" href=\"https:\/\/inter.acad.tku.edu.tw\/interacad\/?tkuisotope=%E3%80%90taica%E3%80%91%E6%81%AD%E8%B3%80%E6%B7%A1%E6%B1%9F%E5%A4%A7%E5%AD%B8%E5%8A%A0%E5%85%A5%E8%87%BA%E7%81%A3%E5%A4%A7%E5%B0%88%E9%99%A2%E6%A0%A1%E4%BA%BA%E5%B7%A5%E6%99%BA%E6%85%A7%E5%AD%B8\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"aihr-nw-date\">2024-12-20<\/span>\n        <span class=\"aihr-nw-badge\">TAICA<\/span>\n        <span class=\"aihr-nw-text\">\u3010TAICA\u00d7TKU\u3011\u606d\u8cc0\uff01\u6de1\u6c5f\u5927\u5b78\u52a0\u5165\u81fa\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df<\/span>\n        <span class=\"aihr-nw-arrow\">&#8594;<\/span>\n      <\/a>\n    <\/li>\n\n  <\/ul>\n<\/div>\n\n\n<p><!-- ===================== 06-ethics ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  AI\u502b\u7406\u6846\u67b6 \u2014 \u6df1\u8272\u56db\u6b04\u5361\u7247\n  WordPress \u81ea\u8a02 HTML \u5340\u584a\u5c08\u7528\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;family=Syne:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#aihr-ethics {\n  background: #111118;\n  padding: 80px 48px 100px;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  \/* \u6eff\u7248\u505a\u6cd5\uff1a\u7528\u8ca0 margin \u6490\u51fa\uff0cwidth:auto \u907f\u514d 100vw \u9020\u6210\u7684\u6a6b\u5411\u6372\u52d5 *\/\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  width: auto;\n}\n#aihr-ethics *, #aihr-ethics *::before, #aihr-ethics *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u80cc\u666f\u7db2\u683c\u88dd\u98fe *\/\n#aihr-ethics::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 48px 48px;\n  pointer-events: none;\n}\n\n\/* \u5167\u5bb9\u7f6e\u4e2d\u3001\u8207\u5176\u4ed6\u5340\u584a\u5c0d\u9f4a *\/\n#aihr-ethics .aihr-et-inner {\n  max-width: 1120px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u6a19\u984c\u5340 *\/\n#aihr-ethics .aihr-et-tag {\n  display: inline-block;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  border: 2px solid rgba(255,255,255,0.25);\n  padding: 5px 14px;\n  margin-bottom: 20px;\n  color: rgba(255,255,255,0.65);\n}\n#aihr-ethics .aihr-et-title {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-weight: 700;\n  font-size: clamp(36px, 5vw, 64px);\n  line-height: 1.1;\n  margin-bottom: 60px;\n  color: #ffffff;\n}\n#aihr-ethics .aihr-et-title em {\n  font-style: italic;\n  color: #ffd333;\n}\n\n\/* \u56db\u6b04\u683c\u7dda *\/\n#aihr-ethics .aihr-et-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n\/* \u5361\u7247 *\/\n#aihr-ethics .aihr-et-card {\n  border: 1px solid rgba(255,255,255,0.1);\n  padding: 36px 28px 40px;\n  position: relative;\n  overflow: hidden;\n  transition: border-color 0.3s ease, transform 0.25s ease, background 0.3s ease;\n  \/* \u9032\u5834\u52d5\u756b\u521d\u59cb\u72c0\u614b *\/\n  opacity: 0;\n  transform: translateY(28px);\n}\n#aihr-ethics .aihr-et-card.aihr-visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.6s ease, transform 0.6s ease, border-color 0.3s ease, background 0.3s ease;\n}\n#aihr-ethics .aihr-et-card:hover {\n  border-color: rgba(255,255,255,0.35);\n  transform: translateY(-6px) !important;\n  background: rgba(255,255,255,0.04);\n}\n\n\/* \u9802\u90e8\u5f69\u8272\u7dda *\/\n#aihr-ethics .aihr-et-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.5s ease;\n}\n#aihr-ethics .aihr-et-card.aihr-visible::before { transform: scaleX(1); }\n#aihr-ethics .aihr-et-card:nth-child(1)::before { background: #ff5533; }\n#aihr-ethics .aihr-et-card:nth-child(2)::before { background: #1a7cff; }\n#aihr-ethics .aihr-et-card:nth-child(3)::before { background: #00c896; }\n#aihr-ethics .aihr-et-card:nth-child(4)::before { background: #ffd333; }\n\n\/* \u5716\u793a\u5713\u5708 *\/\n#aihr-ethics .aihr-et-icon-wrap {\n  width: 60px; height: 60px;\n  border-radius: 50%;\n  border: 2px solid;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 26px;\n  margin-bottom: 24px;\n  transition: transform 0.35s cubic-bezier(.34,1.56,.64,1);\n  position: relative;\n}\n#aihr-ethics .aihr-et-card:hover .aihr-et-icon-wrap {\n  transform: scale(1.15) rotate(-8deg);\n}\n\/* \u5716\u793a\u5713\u5708\u5149\u6688 *\/\n#aihr-ethics .aihr-et-icon-wrap::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n#aihr-ethics .aihr-et-card:hover .aihr-et-icon-wrap::after { opacity: 1; }\n\n#aihr-ethics .aihr-et-card:nth-child(1) .aihr-et-icon-wrap { border-color: #ff5533; }\n#aihr-ethics .aihr-et-card:nth-child(1) .aihr-et-icon-wrap::after { box-shadow: 0 0 16px rgba(255,85,51,0.4); }\n#aihr-ethics .aihr-et-card:nth-child(2) .aihr-et-icon-wrap { border-color: #1a7cff; }\n#aihr-ethics .aihr-et-card:nth-child(2) .aihr-et-icon-wrap::after { box-shadow: 0 0 16px rgba(26,124,255,0.4); }\n#aihr-ethics .aihr-et-card:nth-child(3) .aihr-et-icon-wrap { border-color: #00c896; }\n#aihr-ethics .aihr-et-card:nth-child(3) .aihr-et-icon-wrap::after { box-shadow: 0 0 16px rgba(0,200,150,0.4); }\n#aihr-ethics .aihr-et-card:nth-child(4) .aihr-et-icon-wrap { border-color: #ffd333; }\n#aihr-ethics .aihr-et-card:nth-child(4) .aihr-et-icon-wrap::after { box-shadow: 0 0 16px rgba(255,211,51,0.4); }\n\n\/* \u5927\u6578\u5b57 *\/\n#aihr-ethics .aihr-et-num {\n  font-family: 'Syne', sans-serif;\n  font-size: 64px;\n  font-weight: 800;\n  line-height: 1;\n  margin-bottom: 12px;\n  opacity: 0.12;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n  transition: opacity 0.3s;\n}\n#aihr-ethics .aihr-et-card:hover .aihr-et-num { opacity: 0.2; }\n\n\/* \u6a19\u984c *\/\n#aihr-ethics .aihr-et-card h3 {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 14px;\n  display: inline-block;\n  position: relative;\n}\n#aihr-ethics .aihr-et-card h3::after {\n  content: '';\n  position: absolute;\n  bottom: -3px; left: 0;\n  width: 0; height: 2px;\n  transition: width 0.4s ease;\n}\n#aihr-ethics .aihr-et-card:hover h3::after { width: 100%; }\n#aihr-ethics .aihr-et-card:nth-child(1) h3::after { background: #ff5533; }\n#aihr-ethics .aihr-et-card:nth-child(2) h3::after { background: #1a7cff; }\n#aihr-ethics .aihr-et-card:nth-child(3) h3::after { background: #00c896; }\n#aihr-ethics .aihr-et-card:nth-child(4) h3::after { background: #ffd333; }\n\n\/* \u5167\u6587 *\/\n#aihr-ethics .aihr-et-card p {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 16px;\n  line-height: 1.9;\n  color: rgba(255,255,255,0.66);\n  font-weight: 400;\n}\n\n\/* \u8108\u885d\u5149\u74b0\u52d5\u756b\uff08hover \u6642\u5f9e\u5716\u793a\u5411\u5916\u64f4\u6563\uff09 *\/\n#aihr-ethics .aihr-et-pulse {\n  position: absolute;\n  top: 36px; left: 28px;\n  width: 60px; height: 60px;\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0;\n}\n#aihr-ethics .aihr-et-card:hover .aihr-et-pulse {\n  animation: aihrPulseOut 1s ease-out forwards;\n}\n#aihr-ethics .aihr-et-card:nth-child(1) .aihr-et-pulse { border: 2px solid #ff5533; }\n#aihr-ethics .aihr-et-card:nth-child(2) .aihr-et-pulse { border: 2px solid #1a7cff; }\n#aihr-ethics .aihr-et-card:nth-child(3) .aihr-et-pulse { border: 2px solid #00c896; }\n#aihr-ethics .aihr-et-card:nth-child(4) .aihr-et-pulse { border: 2px solid #ffd333; }\n\n@keyframes aihrPulseOut {\n  0%   { opacity: 0.8; transform: scale(1); }\n  100% { opacity: 0;   transform: scale(2.4); }\n}\n\n\/* RWD *\/\n@media (max-width: 1024px) {\n  #aihr-ethics { padding: 60px 32px 80px; }\n  #aihr-ethics .aihr-et-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\n}\n@media (max-width: 600px) {\n  #aihr-ethics { padding: 48px 20px 64px; }\n  #aihr-ethics .aihr-et-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-ethics .aihr-et-card { opacity: 1 !important; transform: none !important; }\n  #aihr-ethics .aihr-et-card::before { transform: scaleX(1) !important; }\n}\n<\/style>\n\n<div id=\"aihr-ethics\">\n  <div class=\"aihr-et-inner\">\n    <div class=\"aihr-et-tag\">\u6838\u5fc3\u6e96\u5247<\/div>\n    <h2 class=\"aihr-et-title\">AI\u502b\u7406 <em>\u6846\u67b6<\/em><\/h2>\n\n    <div class=\"aihr-et-grid\">\n\n      <!-- 01 -->\n      <div class=\"aihr-et-card\">\n        <div class=\"aihr-et-pulse\"><\/div>\n        <div class=\"aihr-et-icon-wrap\">\u2696\ufe0f<\/div>\n        <div class=\"aihr-et-num\">01<\/div>\n        <h3>\u4ee5\u4eba\u70ba\u672c<\/h3>\n        <p>\u4eba\u5de5\u667a\u6167\u7684\u8a2d\u8a08\u8207\u61c9\u7528\u5fc5\u9808\u4ee5\u4eba\u7684\u5c0a\u56b4\u3001\u81ea\u4e3b\u8207\u798f\u7949\u70ba\u6700\u9ad8\u6307\u5c0e\u539f\u5247\uff0c\u79d1\u6280\u670d\u52d9\u65bc\u4eba\u3002<\/p>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"aihr-et-card\">\n        <div class=\"aihr-et-pulse\"><\/div>\n        <div class=\"aihr-et-icon-wrap\">\ud83e\udd1d<\/div>\n        <div class=\"aihr-et-num\">02<\/div>\n        <h3>\u907f\u514d\u6b67\u8996<\/h3>\n        <p>AI\u7cfb\u7d71\u4e0d\u5f97\u56e0\u7a2e\u65cf\u3001\u6027\u5225\u3001\u5b97\u6559\u7b49\u56e0\u7d20\u7522\u751f\u504f\u898b\u6216\u6b67\u8996\u6027\u6c7a\u7b56\uff0c\u4fdd\u969c\u516c\u5e73\u6b63\u7fa9\u3002<\/p>\n      <\/div>\n\n      <!-- 03 -->\n      <div class=\"aihr-et-card\">\n        <div class=\"aihr-et-pulse\"><\/div>\n        <div class=\"aihr-et-icon-wrap\">\ud83d\udee1\ufe0f<\/div>\n        <div class=\"aihr-et-num\">03<\/div>\n        <h3>\u6578\u64da\u9650\u5236<\/h3>\n        <p>\u5c0d\u6578\u64da\u7684\u6536\u96c6\u3001\u4f7f\u7528\u8207\u5132\u5b58\u9032\u884c\u56b4\u683c\u9650\u5236\uff0c\u4fdd\u8b77\u500b\u4eba\u96b1\u79c1\u8207\u8cc7\u8a0a\u5b89\u5168\u3002<\/p>\n      <\/div>\n\n      <!-- 04 -->\n      <div class=\"aihr-et-card\">\n        <div class=\"aihr-et-pulse\"><\/div>\n        <div class=\"aihr-et-icon-wrap\">\ud83d\udcdc<\/div>\n        <div class=\"aihr-et-num\">04<\/div>\n        <h3>\u6cd5\u5f8b\u8cac\u4efb<\/h3>\n        <p>\u660e\u78ba\u898f\u7bc4AI\u4e8b\u6545\u7684\u6cd5\u5f8b\u8cac\u4efb\u6b78\u5c6c\uff0c\u78ba\u4fddAI\u7cfb\u7d71\u7684\u8a2d\u8a08\u7b26\u5408\u9053\u5fb7\u8207\u6cd5\u5f8b\u7684\u96d9\u91cd\u8981\u6c42\u3002<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var cards = document.querySelectorAll('#aihr-ethics .aihr-et-card');\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); return; }\n\n  var delays = [0, 150, 300, 450];\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        var idx = Array.prototype.indexOf.call(cards, entry.target);\n        setTimeout(function () {\n          entry.target.classList.add('aihr-visible');\n        }, delays[idx] || 0);\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  cards.forEach(function (c) { io.observe(c); });\n\n  \/* \u91cd\u65b0\u89f8\u767c\u8108\u885d\u52d5\u756b\uff08\u6bcf\u6b21 hover\uff09 *\/\n  cards.forEach(function (card) {\n    var pulse = card.querySelector('.aihr-et-pulse');\n    card.addEventListener('mouseenter', function () {\n      pulse.style.animation = 'none';\n      void pulse.offsetWidth;\n      pulse.style.animation = '';\n    });\n  });\n})();\n<\/script>\n\n\n<p><!-- ===================== 07-team ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u6838\u5fc3\u5718\u968a \u2014 \u4e94\u6b04\u8b1b\u5e2b\u5361\u7247\n  WordPress \u81ea\u8a02 HTML \u5340\u584a\u5c08\u7528\n  \u26a0 \u5df2\u4fee\u6b63 class \u540d\u7a31\u885d\u7a81\uff1a\u773c\u7709\u6a19 .aihr-tm-tag \/ \u6280\u80fd\u6a19\u7c64 .aihr-tm-skill \u5206\u958b\n  \u2713 \u8b1b\u5e2b\u7167\u7247\u5df2\u6539\u7528\u6821\u5167\u5a92\u9ad4\u5eab\u7db2\u5740\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#aihr-team {\n  padding: 80px max(40px, calc((100% - 1120px) \/ 2));\n  background: #ffffff;\n  box-sizing: border-box;\n  width: 100%;\n}\n#aihr-team *, #aihr-team *::before, #aihr-team *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u6a19\u984c\uff08\u773c\u7709\u6a19\uff09 *\/\n#aihr-team .aihr-tm-tag {\n  display: inline-block;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  border: 2px solid #111118;\n  padding: 5px 14px;\n  margin-bottom: 20px;\n  color: #111118;\n}\n#aihr-team .aihr-tm-title {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-weight: 700;\n  font-size: clamp(36px, 5vw, 58px);\n  line-height: 1.1;\n  margin-bottom: 48px;\n  color: #111118;\n}\n#aihr-team .aihr-tm-title em {\n  font-style: italic;\n  color: #ff5533;\n}\n\n\/* \u4e94\u6b04\u683c\u7dda *\/\n#aihr-team .aihr-tm-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 20px;\n}\n\n\/* \u5361\u7247 *\/\n#aihr-team .aihr-tm-card {\n  border: 2px solid #111118;\n  padding: 32px 24px 28px;\n  text-align: center;\n  position: relative;\n  overflow: visible;\n  transition: transform 0.22s ease;\n  opacity: 0;\n  transform: translateY(24px);\n  z-index: 1;\n}\n#aihr-team .aihr-tm-card.aihr-visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n#aihr-team .aihr-tm-card:hover {\n  transform: translate(-5px, -5px) !important;\n}\n\n\/* \u504f\u79fb\u9670\u5f71 *\/\n#aihr-team .aihr-tm-shadow {\n  position: absolute;\n  inset: 5px -5px -5px 5px;\n  border: 2px solid #111118;\n  z-index: -1;\n  transition: inset 0.22s ease;\n}\n#aihr-team .aihr-tm-card:hover .aihr-tm-shadow {\n  inset: 8px -8px -8px 8px;\n}\n\n\/* \u5361\u7247\u914d\u8272 *\/\n#aihr-team .aihr-tm-card:nth-child(1) { background: #ff5533; }\n#aihr-team .aihr-tm-card:nth-child(1) .aihr-tm-shadow { background: #c93d20; }\n#aihr-team .aihr-tm-card:nth-child(2) { background: #1a7cff; }\n#aihr-team .aihr-tm-card:nth-child(2) .aihr-tm-shadow { background: #0058cc; }\n#aihr-team .aihr-tm-card:nth-child(3) { background: #00c896; }\n#aihr-team .aihr-tm-card:nth-child(3) .aihr-tm-shadow { background: #009970; }\n#aihr-team .aihr-tm-card:nth-child(4) { background: #ffd333; }\n#aihr-team .aihr-tm-card:nth-child(4) .aihr-tm-shadow { background: #e6b800; }\n#aihr-team .aihr-tm-card:nth-child(5) { background: #7c3aff; }\n#aihr-team .aihr-tm-card:nth-child(5) .aihr-tm-shadow { background: #5a20e0; }\n\n\/* \u7167\u7247\u5713\u5708 *\/\n#aihr-team .aihr-tm-photo {\n  width: 90px; height: 90px;\n  border-radius: 50%;\n  object-fit: cover;\n  object-position: top;\n  border: 3px solid #111118;\n  margin: 0 auto 20px;\n  display: block;\n  transition: transform 0.3s cubic-bezier(.34,1.56,.64,1);\n  background: rgba(255,255,255,0.35);\n}\n#aihr-team .aihr-tm-card:hover .aihr-tm-photo {\n  transform: scale(1.1);\n}\n\n\/* \u59d3\u540d *\/\n#aihr-team .aihr-tm-name {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 6px;\n}\n\/* \u9ec3\u8272\u5361\u6df1\u8272\u5b57 *\/\n#aihr-team .aihr-tm-card:nth-child(4) .aihr-tm-name { color: #111118; }\n\n\/* \u7cfb\u6240 *\/\n#aihr-team .aihr-tm-dept {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 13px;\n  color: rgba(255,255,255,0.85);\n  line-height: 1.6;\n  margin-bottom: 16px;\n}\n#aihr-team .aihr-tm-card:nth-child(4) .aihr-tm-dept { color: rgba(17,17,24,0.7); }\n\n\/* \u6280\u80fd\u6a19\u7c64\u7fa4\uff08\u5df2\u5f9e .aihr-tm-tag \u6539\u540d\u70ba .aihr-tm-skill\uff0c\u907f\u514d\u8207\u773c\u7709\u6a19\u885d\u7a81\uff09 *\/\n#aihr-team .aihr-tm-skills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  justify-content: center;\n}\n#aihr-team .aihr-tm-skill {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  border: 2px solid #111118;\n  padding: 3px 10px;\n  background: white;\n  color: #111118;\n  letter-spacing: 0.04em;\n  transition: background 0.2s, color 0.2s;\n}\n#aihr-team .aihr-tm-card:hover .aihr-tm-skill {\n  background: #111118;\n  color: white;\n}\n\n\/* RWD *\/\n@media (max-width: 1100px) {\n  #aihr-team .aihr-tm-grid { grid-template-columns: repeat(3, 1fr); }\n}\n@media (max-width: 768px) {\n  #aihr-team { padding: 60px 20px; }\n  #aihr-team .aihr-tm-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n}\n@media (max-width: 480px) {\n  #aihr-team .aihr-tm-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-team .aihr-tm-card { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<div id=\"aihr-team\">\n  <div class=\"aihr-tm-tag\">\u8b1b\u5e2b\u9663\u5bb9<\/div>\n  <h2 class=\"aihr-tm-title\"><em>\u6838\u5fc3<\/em>\u5718\u968a<\/h2>\n\n  <div class=\"aihr-tm-grid\">\n\n    <!-- \u6e38\u570b\u5fe0 -->\n    <div class=\"aihr-tm-card\">\n      <div class=\"aihr-tm-shadow\"><\/div>\n      <img decoding=\"async\" class=\"aihr-tm-photo\"\n        src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E6%B8%B8%E5%9C%8B%E5%BF%A0.jpg\"\n        alt=\"\u6e38\u570b\u5fe0\u6559\u6388\" loading=\"lazy\"\n        onerror=\"this.onerror=null;this.removeAttribute('src');\">\n      <div class=\"aihr-tm-name\">\u6e38\u570b\u5fe0 \u6559\u6388<\/div>\n      <div class=\"aihr-tm-dept\">\u4eba\u5de5\u667a\u6167\u5b78\u7cfb<br>\u6559\u6388\u517c\u7cfb\u4e3b\u4efb<\/div>\n      <div class=\"aihr-tm-skills\">\n        <span class=\"aihr-tm-skill\">AI<\/span>\n        <span class=\"aihr-tm-skill\">\u5f71\u50cf<\/span>\n        <span class=\"aihr-tm-skill\">ML<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u6797\u5609\u742a -->\n    <div class=\"aihr-tm-card\">\n      <div class=\"aihr-tm-shadow\"><\/div>\n      <img decoding=\"async\" class=\"aihr-tm-photo\"\n        src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E6%9E%97%E5%98%89%E7%90%AA.jpg\"\n        alt=\"\u6797\u5609\u742a\u6559\u6388\" loading=\"lazy\"\n        onerror=\"this.onerror=null;this.removeAttribute('src');\">\n      <div class=\"aihr-tm-name\">\u6797\u5609\u742a \u6559\u6388<\/div>\n      <div class=\"aihr-tm-dept\">AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90<br>\u4e2d\u5fc3\u4e3b\u4efb<\/div>\n      <div class=\"aihr-tm-skills\">\n        <span class=\"aihr-tm-skill\">\u502b\u7406<\/span>\n        <span class=\"aihr-tm-skill\">\u6558\u4e8b<\/span>\n        <span class=\"aihr-tm-skill\">\u4eba\u53e3<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u937e\u5fd7\u9d3b -->\n    <div class=\"aihr-tm-card\">\n      <div class=\"aihr-tm-shadow\"><\/div>\n      <img decoding=\"async\" class=\"aihr-tm-photo\"\n        src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E9%8D%BE%E5%BF%97%E9%B4%BB.jpg\"\n        alt=\"\u937e\u5fd7\u9d3b\u6559\u6388\" loading=\"lazy\"\n        onerror=\"this.onerror=null;this.removeAttribute('src');\">\n      <div class=\"aihr-tm-name\">\u937e\u5fd7\u9d3b \u6559\u6388<\/div>\n      <div class=\"aihr-tm-dept\">\u6559\u80b2\u79d1\u6280\u5b78\u7cfb<br>\u526f\u6559\u6388<\/div>\n      <div class=\"aihr-tm-skills\">\n        <span class=\"aihr-tm-skill\">\u6559\u80b2<\/span>\n        <span class=\"aihr-tm-skill\">\u904a\u6232\u5316<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u912d\u57f9\u5b87 -->\n    <div class=\"aihr-tm-card\">\n      <div class=\"aihr-tm-shadow\"><\/div>\n      <img decoding=\"async\" class=\"aihr-tm-photo\"\n        src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E9%84%AD%E5%9F%B9%E5%AE%87.jpg\"\n        alt=\"\u912d\u57f9\u5b87\u6559\u6388\" loading=\"lazy\"\n        onerror=\"this.onerror=null;this.removeAttribute('src');\">\n      <div class=\"aihr-tm-name\">\u912d\u57f9\u5b87 \u6559\u6388<\/div>\n      <div class=\"aihr-tm-dept\">\u8cc7\u8a0a\u7ba1\u7406\u5b78\u7cfb<br>\u526f\u6559\u6388<\/div>\n      <div class=\"aihr-tm-skills\">\n        <span class=\"aihr-tm-skill\">EdTech<\/span>\n        <span class=\"aihr-tm-skill\">IoT<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u694a\u535a\u5b8f -->\n    <div class=\"aihr-tm-card\">\n      <div class=\"aihr-tm-shadow\"><\/div>\n      <img decoding=\"async\" class=\"aihr-tm-photo\"\n        src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E6%A5%8A%E5%8D%9A%E5%AE%8F.png\"\n        alt=\"\u694a\u535a\u5b8f\u6559\u6388\" loading=\"lazy\"\n        onerror=\"this.onerror=null;this.removeAttribute('src');\">\n      <div class=\"aihr-tm-name\">\u694a\u535a\u5b8f \u6559\u6388<\/div>\n      <div class=\"aihr-tm-dept\">\u8cc7\u8a0a\u5de5\u7a0b\u5b78\u7cfb<br>\u52a9\u7406\u6559\u6388<\/div>\n      <div class=\"aihr-tm-skills\">\n        <span class=\"aihr-tm-skill\">\u8cc7\u5b89<\/span>\n        <span class=\"aihr-tm-skill\">IoT<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var cards = document.querySelectorAll('#aihr-team .aihr-tm-card');\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); return; }\n\n  var delays = [0, 120, 240, 360, 480];\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        var idx = Array.prototype.indexOf.call(cards, entry.target);\n        setTimeout(function () {\n          entry.target.classList.add('aihr-visible');\n        }, delays[idx] || 0);\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 });\n\n  cards.forEach(function (c) { io.observe(c); });\n})();\n<\/script>\n\n\n<p><!-- ===================== 08-statement ===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u751f\u6210\u5f0fAI\u7684\u502b\u7406\u8072\u660e \u2014 \u5de6\u53f3\u96d9\u6b04\n  WordPress \u81ea\u8a02 HTML \u5340\u584a\u5c08\u7528\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#aihr-stmt {\n  padding: 80px max(40px, calc((100% - 1120px) \/ 2));\n  background: #fafaf8;\n  box-sizing: border-box;\n  width: 100%;\n}\n#aihr-stmt *, #aihr-stmt *::before, #aihr-stmt *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u6a19\u984c\u5340 *\/\n#aihr-stmt .aihr-st-tag {\n  display: inline-block;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  border: 2px solid #111118;\n  padding: 5px 14px;\n  margin-bottom: 20px;\n  color: #111118;\n}\n#aihr-stmt .aihr-st-title {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-weight: 700;\n  font-size: clamp(32px, 5vw, 58px);\n  line-height: 1.1;\n  margin-bottom: 52px;\n  color: #111118;\n}\n#aihr-stmt .aihr-st-title em {\n  font-style: italic;\n  color: #ff5533;\n}\n\n\/* \u5de6\u53f3\u96d9\u6b04 *\/\n#aihr-stmt .aihr-st-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n\/* \u2500\u2500 \u5de6\u6b04\uff1a\u689d\u5217 \u2500\u2500 *\/\n#aihr-stmt .aihr-st-item {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n  padding: 24px 0;\n  border-bottom: 2px solid rgba(17,17,24,0.08);\n  opacity: 0;\n  transform: translateX(-20px);\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n#aihr-stmt .aihr-st-item.aihr-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* \u7de8\u865f\u65b9\u584a *\/\n#aihr-stmt .aihr-st-num {\n  width: 40px; height: 40px;\n  background: #ff5533;\n  color: white;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  letter-spacing: 0.05em;\n  margin-top: 2px;\n  transition: transform 0.25s cubic-bezier(.34,1.56,.64,1), background 0.2s;\n}\n#aihr-stmt .aihr-st-item:hover .aihr-st-num {\n  transform: scale(1.15) rotate(-5deg);\n  background: #111118;\n}\n\n\/* \u5167\u6587 *\/\n#aihr-stmt .aihr-st-text {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 16px;\n  line-height: 1.9;\n  color: rgba(17,17,24,0.78);\n  font-weight: 400;\n  padding-top: 8px;\n}\n\n\/* \u2500\u2500 \u53f3\u6b04\uff1a\u6587\u4ef6\u9762\u677f \u2500\u2500 *\/\n#aihr-stmt .aihr-st-panel {\n  border: 2px solid #111118;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateX(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n#aihr-stmt .aihr-st-panel.aihr-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* \u9762\u677f\u9802\u90e8\u85cd\u8272\u6a19\u982d *\/\n#aihr-stmt .aihr-st-panel-head {\n  background: #1a7cff;\n  color: white;\n  padding: 16px 24px;\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n#aihr-stmt .aihr-st-panel-head::before {\n  content: '\ud83d\udcc1';\n  font-size: 16px;\n}\n\n\/* \u9762\u677f\u5167\u5bb9 *\/\n#aihr-stmt .aihr-st-panel-body {\n  padding: 28px 28px 24px;\n  background: white;\n}\n#aihr-stmt .aihr-st-panel-body h3 {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: #111118;\n  line-height: 1.4;\n  margin-bottom: 24px;\n}\n\n\/* \u4e0b\u8f09\u9023\u7d50 *\/\n#aihr-stmt .aihr-st-dl {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border: 2px solid #111118;\n  text-decoration: none;\n  color: #111118;\n  margin-bottom: 12px;\n  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n  position: relative;\n}\n#aihr-stmt .aihr-st-dl:last-child { margin-bottom: 0; }\n#aihr-stmt .aihr-st-dl:hover {\n  background: #fafaf8;\n  transform: translate(-3px, -3px);\n  box-shadow: 4px 4px 0 #111118;\n}\n\n\/* \u6587\u4ef6\u5716\u793a *\/\n#aihr-stmt .aihr-st-dl-icon {\n  width: 44px; height: 44px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 20px;\n  flex-shrink: 0;\n  border: 2px solid #111118;\n  transition: background 0.2s;\n}\n#aihr-stmt .aihr-st-dl:nth-child(1) .aihr-st-dl-icon { background: #eaf2ff; }\n#aihr-stmt .aihr-st-dl:nth-child(2) .aihr-st-dl-icon { background: #fff0ec; }\n#aihr-stmt .aihr-st-dl:hover .aihr-st-dl-icon { background: #111118; }\n\n\/* \u6587\u4ef6\u540d\u7a31 *\/\n#aihr-stmt .aihr-st-dl-name {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: #111118;\n  margin-bottom: 3px;\n}\n#aihr-stmt .aihr-st-dl-lang {\n  font-family: 'Noto Sans TC', sans-serif;\n  font-size: 14px;\n  color: rgba(17,17,24,0.5);\n}\n\n\/* \u7bad\u982d *\/\n#aihr-stmt .aihr-st-dl-arrow {\n  margin-left: auto;\n  font-size: 16px;\n  opacity: 0;\n  transition: opacity 0.2s, transform 0.2s;\n  flex-shrink: 0;\n}\n#aihr-stmt .aihr-st-dl:hover .aihr-st-dl-arrow {\n  opacity: 1;\n  transform: translateX(3px);\n}\n\n\/* RWD *\/\n@media (max-width: 900px) {\n  #aihr-stmt { padding: 60px 24px; }\n  #aihr-stmt .aihr-st-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 480px) {\n  #aihr-stmt { padding: 48px 16px; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n  #aihr-stmt .aihr-st-item,\n  #aihr-stmt .aihr-st-panel { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<div id=\"aihr-stmt\">\n  <div class=\"aihr-st-tag\">\u4f7f\u7528\u898f\u7bc4<\/div>\n  <h2 class=\"aihr-st-title\">\u751f\u6210\u5f0fAI\u7684 <em>\u502b\u7406\u8072\u660e<\/em><\/h2>\n\n  <div class=\"aihr-st-grid\">\n\n    <!-- \u5de6\u6b04\uff1a\u56db\u689d\u898f\u7bc4 -->\n    <div>\n      <div class=\"aihr-st-item\">\n        <div class=\"aihr-st-num\">01<\/div>\n        <div class=\"aihr-st-text\">\u672c\u6821\u300a\u5c07\u4f7f\u7528\u751f\u6210\u5f0fAI\u7684\u502b\u7406\u8072\u660e\u7d0d\u5165\u6559\u5b78\u5927\u7db1\u300b\u6307\u5357\u65bc2025\u5e742\u6708\u767c\u5e03\u3002<\/div>\n      <\/div>\n      <div class=\"aihr-st-item\">\n        <div class=\"aihr-st-num\">02<\/div>\n        <div class=\"aihr-st-text\">\u672c\u6307\u5357\u9069\u7528\u65bc\u6240\u6709\u8ab2\u7a0b\u3001\u4f5c\u696d\u3001\u5831\u544a\u3001\u5b78\u8853\u7814\u7a76\u53ca\u76f8\u95dc\u6559\u5b78\u6d3b\u52d5\u3002<\/div>\n      <\/div>\n      <div class=\"aihr-st-item\">\n        <div class=\"aihr-st-num\">03<\/div>\n        <div class=\"aihr-st-text\">\u6559\u5e2b\u5728\u7814\u7a76\u3001\u6559\u5b78\u53ca\u5b78\u7fd2\u904e\u7a0b\u4e2d\uff0c\u61c9\u9075\u5faa\u6b64\u9805\u6307\u5357\uff0c\u4e26\u5728\u8ab2\u7a0b\u5927\u7db1\u4e2d\u7d0d\u5165\u4f7f\u7528\u751f\u6210\u5f0fAI\u7684\u502b\u7406\u8072\u660e\uff0c\u78ba\u4fdd\u5b78\u8853\u8aa0\u4fe1\u6709\u660e\u78ba\u6307\u5f15\u3002<\/div>\n      <\/div>\n      <div class=\"aihr-st-item\">\n        <div class=\"aihr-st-num\">04<\/div>\n        <div class=\"aihr-st-text\">\u6559\u5e2b\u61c9\u5728\u8ab2\u7a0b\u958b\u59cb\u524d\uff0c\u5411\u5b78\u751f\u6e05\u695a\u8aaa\u660eAI\u5de5\u5177\u7684\u4f7f\u7528\u898f\u7bc4\uff0c\u5305\u542b\u54ea\u4e9b\u4f5c\u696d\u53ef\u4f7f\u7528AI\u3001\u4f7f\u7528\u7bc4\u570d\u3001\u65b9\u6cd5\u8207\u9650\u5236\u3002<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u53f3\u6b04\uff1a\u6587\u4ef6\u4e0b\u8f09\u9762\u677f -->\n    <div class=\"aihr-st-panel\">\n      <div class=\"aihr-st-panel-head\">\u5b98\u65b9\u502b\u7406\u8072\u660e\u6587\u4ef6\u4e0b\u8f09<\/div>\n      <div class=\"aihr-st-panel-body\">\n        <h3>\u751f\u6210\u5f0f AI \u502b\u7406\u8072\u660e<br>\u5b98\u65b9\u6307\u5f15<\/h3>\n        <a class=\"aihr-st-dl\" href=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E7%94%9F%E6%88%90%E5%BC%8FAI%E7%9A%84%E5%80%AB%E7%90%86%E8%81%B2%E6%98%8E.pdf\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"aihr-st-dl-icon\">\ud83d\udcc4<\/div>\n          <div>\n            <div class=\"aihr-st-dl-name\">\u751f\u6210\u5f0fAI\u7684\u502b\u7406\u8072\u660e<\/div>\n            <div class=\"aihr-st-dl-lang\">\u7e41\u9ad4\u4e2d\u6587\u7248 \u00b7 PDF<\/div>\n          <\/div>\n          <span class=\"aihr-st-dl-arrow\">\u2192<\/span>\n        <\/a>\n        <a class=\"aihr-st-dl\" href=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/%E7%94%9F%E6%88%90%E5%BC%8FAI%E7%9A%84%E5%80%AB%E7%90%86%E8%81%B2%E6%98%8E_%E8%8B%B1%E6%96%87%E7%89%88.pdf\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"aihr-st-dl-icon\">\ud83d\udcc4<\/div>\n          <div>\n            <div class=\"aihr-st-dl-name\">Integrating Ethical Guidelines for Generative AI<\/div>\n            <div class=\"aihr-st-dl-lang\">English Version \u00b7 PDF<\/div>\n          <\/div>\n          <span class=\"aihr-st-dl-arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('#aihr-stmt .aihr-st-item');\n  var panel = document.querySelector('#aihr-stmt .aihr-st-panel');\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduce) {\n    items.forEach(function (el) { el.classList.add('aihr-visible'); });\n    if (panel) panel.classList.add('aihr-visible');\n    return;\n  }\n\n  var delays = [0, 120, 240, 360];\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        var el = entry.target;\n        if (el.classList.contains('aihr-st-item')) {\n          var idx = Array.prototype.indexOf.call(items, el);\n          setTimeout(function () { el.classList.add('aihr-visible'); }, delays[idx] || 0);\n        } else {\n          setTimeout(function () { el.classList.add('aihr-visible'); }, 200);\n        }\n        io.unobserve(el);\n      }\n    });\n  }, { threshold: 0.1 });\n\n  items.forEach(function (el) { io.observe(el); });\n  if (panel) io.observe(panel);\n})();\n<\/script>\n\n\n<p><!-- ===================== 09-cert ===================== --><\/p>\n\n\n<style>\n#aihr-cert {\n  padding: 80px max(40px, calc((100% - 1120px) \/ 2));\n  background: #ffffff;\n  box-sizing: border-box;\n  width: 100%;\n}\n#aihr-cert *, #aihr-cert *::before, #aihr-cert *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 \u6a19\u984c\u5340 \u2500\u2500 *\/\n#aihr-cert .ct-tag {\n  display: inline-block; font-family: 'Noto Sans TC', sans-serif;\n  font-size: 13px; font-weight: 700; letter-spacing: .18em;\n  border: 2px solid #111118; padding: 4px 12px; margin-bottom: 16px; color: #111118;\n}\n#aihr-cert .ct-title {\n  font-family: 'Noto Sans TC', sans-serif; font-weight: 700;\n  font-size: clamp(34px, 5vw, 58px); line-height: 1.1; margin-bottom: 14px; color: #111118;\n}\n#aihr-cert .ct-title em { font-style: italic; color: #ff5533; }\n#aihr-cert .ct-sub {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 16px; line-height: 1.85;\n  color: rgba(17,17,24,.65); max-width: 1080px; margin-bottom: 52px;\n}\n\n\/* \u2500\u2500 \u8ecc\u9053\u5361\u7247 \u2500\u2500 *\/\n#aihr-cert .ct-block {\n  border-left: 5px solid var(--blk-color, #1a7cff);\n  background: var(--blk-bg, #f4f8ff);\n  padding: 32px 36px; margin-bottom: 28px;\n  opacity: 0; transform: translateY(20px);\n  transition: opacity .6s ease, transform .6s ease;\n}\n#aihr-cert .ct-block.ct-visible { opacity: 1; transform: translateY(0); }\n\n#aihr-cert .ct-block-header { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }\n#aihr-cert .ct-block-tag {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 11px; font-weight: 700;\n  letter-spacing: .18em; padding: 4px 10px;\n  background: var(--blk-color, #1a7cff); color: #fff;\n}\n#aihr-cert .ct-block-name {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 13px; font-weight: 500;\n  color: rgba(17,17,24,.5);\n}\n#aihr-cert .ct-block-intro {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 14.5px; line-height: 1.9;\n  color: rgba(17,17,24,.65); margin-bottom: 24px;\n}\n\n\/* \u2500\u2500 \u5b78\u671f\u8ab2\u7a0b\u5361\u7247\u7fa4 \u2500\u2500 *\/\n#aihr-cert .ct-courses { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; }\n#aihr-cert .ct-course {\n  flex: 1; min-width: 240px; background: #fff;\n  border: 2px solid #111118; padding: 20px 22px;\n  box-shadow: 4px 4px 0 rgba(17,17,24,.12);\n}\n#aihr-cert .ct-course-head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }\n#aihr-cert .ct-course-sem {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .04em;\n  padding: 3px 8px; border: 1.5px solid var(--blk-color, #1a7cff); color: var(--blk-color, #1a7cff);\n}\n#aihr-cert .ct-course-name {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 15px; font-weight: 700; color: #111118;\n}\n\n\/* \u2500\u2500 \u6578\u5b57\u4eae\u9ede\u4e09\u5bae\u683c \u2500\u2500 *\/\n#aihr-cert .ct-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: rgba(17,17,24,.1); }\n#aihr-cert .ct-stat { background: #fff; padding: 14px 8px; text-align: center; }\n#aihr-cert .ct-stat-num {\n  display: block; font-family: 'Noto Sans TC', sans-serif;\n  font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1;\n  color: var(--blk-color, #1a7cff); margin-bottom: 6px;\n}\n#aihr-cert .ct-stat-lbl {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 12px; color: rgba(17,17,24,.55);\n}\n\n\/* \u2500\u2500 \u5408\u8a08 \u2500\u2500 *\/\n#aihr-cert .ct-tally {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 14px; color: rgba(17,17,24,.5);\n  line-height: 1.7; padding-top: 4px;\n}\n#aihr-cert .ct-tally b { color: rgba(17,17,24,.75); font-weight: 600; }\n\n\/* \u2500\u2500 TAICA \u5716\u6587\u4e26\u6392 \u2500\u2500 *\/\n#aihr-cert .ct-taica-layout { display: grid; grid-template-columns: 1fr 240px; gap: 36px; align-items: start; }\n\n\/* \u2500\u2500 \u7da0\u8272 callout \u2500\u2500 *\/\n#aihr-cert .ct-callout {\n  background: #e0faf3; border-left: 4px solid #00c896; padding: 14px 18px;\n  margin-top: 18px; font-family: 'Noto Sans TC', sans-serif; font-size: 14px;\n  line-height: 1.85; color: #0d6e56; display: flex; gap: 8px;\n}\n#aihr-cert .ct-callout::before { content: '\u2705'; flex-shrink: 0; }\n\n\/* \u2500\u2500 \u8b49\u66f8\u5716 \u2500\u2500 *\/\n#aihr-cert .ct-cert-img {\n  border: 2px solid #111118; padding: 10px; background: #fff;\n  box-shadow: 5px 5px 0 #111118;\n  transition: transform .25s, box-shadow .25s;\n}\n#aihr-cert .ct-cert-img:hover { transform: translate(-3px,-3px); box-shadow: 8px 8px 0 #111118; }\n#aihr-cert .ct-cert-img img { width: 100%; display: block; }\n#aihr-cert .ct-cert-cap {\n  font-family: 'Noto Sans TC', sans-serif; font-size: 13px;\n  color: rgba(17,17,24,.4); margin-top: 8px; text-align: center;\n}\n\n\/* RWD *\/\n@media (max-width: 860px) {\n  #aihr-cert { padding: 60px 24px; }\n  #aihr-cert .ct-taica-layout { grid-template-columns: 1fr; }\n  #aihr-cert .ct-cert-img { max-width: 280px; }\n}\n@media (max-width: 600px) {\n  #aihr-cert { padding: 48px 16px; }\n  #aihr-cert .ct-block { padding: 24px 20px; }\n  #aihr-cert .ct-courses { flex-direction: column; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #aihr-cert .ct-block { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<div id=\"aihr-cert\">\n  <div class=\"ct-tag\">\u8ab2\u7a0b\u8a8d\u8b49<\/div>\n  <h2 class=\"ct-title\">\u4fee\u8ab2 <em>\u6210\u679c<\/em><\/h2>\n  <p class=\"ct-sub\" style=\"width: 1080px\">\u672c\u6821\u958b\u8a2d AI \u502b\u7406\u76f8\u95dc\u8ab2\u7a0b\uff0c\u9023\u7e8c\u591a\u5b78\u671f\u7a69\u5b9a\u904b\u884c\u3001\u6210\u6548\u6301\u7e8c\u512a\u7570\uff1b\u4e26\u900f\u904e TAICA \u5b78\u7a0b\u806f\u76df\u63a5\u8ecc\u8de8\u6821\u8a8d\u8b49\uff0c\u70ba\u901a\u904e\u8005\u9812\u767c\u4fee\u8ab2\u8b49\u660e\u3002<\/p>\n\n  <!-- \u6821\u5167\u8ab2\u7a0b -->\n  <div class=\"ct-block\" style=\"--blk-color:#1a7cff; --blk-bg:#f4f8ff;\">\n    <div class=\"ct-block-header\">\n      <span class=\"ct-block-tag\" style=\"font-size: 16px\">\u6821\u5167\u8ab2\u7a0b<\/span>\n      <span class=\"ct-block-name\" style=\"font-size: 16px\">\u672c\u6821\u958b\u8a2d<\/span>\n    <\/div>\n    <p class=\"ct-block-intro\" style=\"font-size: 16px\">\u672c\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7cfb\u958b\u8a2d AI \u502b\u7406\u76f8\u95dc\u8ab2\u7a0b\uff0c\u8ab2\u7a0b\u8a2d\u8a08\u805a\u7126\u65bc AI \u767c\u5c55\u6240\u6d89\u53ca\u7684\u502b\u7406\u8b70\u984c\u8207\u793e\u6703\u8cac\u4efb\uff0c\u6b77\u7d93\u591a\u5b78\u671f\u5b78\u7fd2\u8207\u8a55\u91cf\uff0c\u5b78\u751f\u5c55\u73fe\u5c0d AI \u502b\u7406\u8b70\u984c\u7684\u6df1\u5ea6\u7406\u89e3\u8207\u53cd\u601d\u80fd\u529b\u3002<\/p>\n    <div class=\"ct-courses\">\n      <div class=\"ct-course\">\n        <div class=\"ct-course-head\">\n          <span class=\"ct-course-sem\">113-2<\/span>\n          <span class=\"ct-course-name\">\u4eba\u5de5\u667a\u6167\u502b\u7406\u5b78<\/span>\n        <\/div>\n        <div class=\"ct-stats\">\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">41<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u4fee\u8ab2\u4eba\u6578<\/span><\/div>\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">39<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u901a\u904e\u4eba\u6578<\/span><\/div>\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">95%<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u901a\u904e\u7387<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ct-course\">\n        <div class=\"ct-course-head\">\n          <span class=\"ct-course-sem\">114-1<\/span>\n          <span class=\"ct-course-name\">\u4eba\u5de5\u667a\u6167\u502b\u7406<\/span>\n        <\/div>\n        <div class=\"ct-stats\">\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">34<\/b><span class=\"ct-stat-lbl\">\u4fee\u8ab2\u4eba\u6578<\/span><\/div>\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">31<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u901a\u904e\u4eba\u6578<\/span><\/div>\n          <div class=\"ct-stat\"><b class=\"ct-stat-num\">91%<\/b><span class=\"ct-stat-lbl\">\u901a\u904e\u7387<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <p class=\"ct-tally\" style=\"font-size: 16px\">\u5169\u5b78\u671f\u5408\u8a08\u4fee\u8ab2 <b>75<\/b> \u4eba\u3001\u901a\u904e <b>70<\/b> \u4eba\uff0c\u8ab2\u7a0b\u6301\u7e8c\u7a69\u5b9a\u767c\u5c55\u3002<\/p>\n  <\/div>\n\n  <!-- \u6821\u5916 TAICA -->\n  <div class=\"ct-block\" style=\"--blk-color:#ff5533; --blk-bg:#fff7f5;\">\n    <div class=\"ct-block-header\">\n      <span class=\"ct-block-tag\" style=\"font-size: 16px\">TAICA\u9060\u8ddd\u8ab2\u7a0b<\/span>\n      <span class=\"ct-block-name\" style=\"font-size: 16px\">\u55ae\u9580\u8ab2\u7a0b\u8b49\u66f8<\/span>\n    <\/div>\n    <div class=\"ct-taica-layout\">\n      <div>\n        <p class=\"ct-block-intro\" style=\"font-size: 15px\">\u672c\u6821\u52a0\u5165\u81fa\u7063\u5927\u5c08\u9662\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7a0b\u806f\u76df\uff08TAICA\uff09\uff0c\u958b\u653e\u5b78\u751f\u4fee\u7fd2\u806f\u76df\u8de8\u6821 AI \u8ab2\u7a0b\uff0c\u64f4\u5927 AI \u502b\u7406\u6559\u80b2\u7684\u5f71\u97ff\u7bc4\u7587\u3002<\/p>\n        <div class=\"ct-courses\">\n          <div class=\"ct-course\">\n            <div class=\"ct-course-head\">\n              <span class=\"ct-course-sem\">113-2<\/span>\n              <span class=\"ct-course-name\">\u4eba\u5de5\u667a\u6167\u502b\u7406<\/span>\n            <\/div>\n            <div class=\"ct-stats\">\n              <div class=\"ct-stat\"><b class=\"ct-stat-num\">13<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u4fee\u8ab2\u4eba\u6578<\/span><\/div>\n              <div class=\"ct-stat\"><b class=\"ct-stat-num\">10<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u901a\u904e\u4eba\u6578<\/span><\/div>\n              <div class=\"ct-stat\"><b class=\"ct-stat-num\">77%<\/b><span class=\"ct-stat-lbl\" style=\"font-size: 16px\">\u901a\u904e\u7387<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ct-callout\" style=\"font-size: 16px\">\u5c0d\u65bc\u80fd\u9806\u5229\u5b8c\u6210\u8ab2\u7a0b\u7684\u540c\u5b78\uff0c\u7531 AI \u5275\u667a\u5b78\u9662\u3001TCA \u8207 AI \u5927\u806f\u76df\u806f\u540d\u9812\u767c\u6578\u4f4d\u4fee\u8ab2\u8b49\u66f8\uff0c\u4ee5\u8332\u9f13\u52f5\u4e26\u4f5c\u70ba\u500b\u4eba\u5b78\u7fd2\u6210\u679c\u4e4b\u91cd\u8981\u4f50\u8b49\u3002<\/div>\n      <\/div>\n      <div class=\"ct-cert-img\">\n        <img decoding=\"async\" loading=\"lazy\"\n          src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2025\/07\/\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b-e1751960835627.png\"\n          alt=\"\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b\">\n        <p class=\"ct-cert-cap\" style=\"font-size: 16px\">\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  var blocks = document.querySelectorAll('#aihr-cert .ct-block');\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduce) { blocks.forEach(function(b){ b.classList.add('ct-visible'); }); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if (!e.isIntersecting) return;\n      e.target.classList.add('ct-visible');\n      io.unobserve(e.target);\n    });\n  }, { threshold: 0.1 });\n  blocks.forEach(function(b){ io.observe(b); });\n})();\n<\/script>\n\n\n<p><!-- ===================== 10-feature\uff08\u7d71\u4e00\uff1a\u4e2d\u5fc3\u8981\u805e\uff09===================== --><\/p>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \u4e2d\u5fc3\u8981\u805e \u2014 \u4e09\u7bc7\u5831\u5c0e\u7d71\u4e00\u7248\u578b\n  \u00b7 \u5716\u7247\u4e00\u5f8b object-fit:contain\uff08\u6c38\u4e0d\u88c1\u5207\u5408\u7167\uff09\uff0cletterbox \u4ee5\u540c\u5716\u6a21\u7cca\u92ea\u5e95\n  \u00b7 \u5167\u6587\u9810\u8a2d\u6536\u5408\uff0c\u9ede\u300c\u95b1\u8b80\u5168\u6587\u300d\u5c55\u958b\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;family=Syne:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n#aihr-feature{padding:80px max(40px, calc((100% - 1120px)\/2));background:#fafaf8;box-sizing:border-box;width:100%;}\n#aihr-feature *,#aihr-feature *::before,#aihr-feature *::after{box-sizing:border-box;margin:0;padding:0;}\n\n#aihr-feature .feat-tag{display:inline-block;font-family:'Noto Sans TC',sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:2px solid #111118;padding:5px 14px;margin-bottom:20px;color:#111118;}\n#aihr-feature .feat-head{font-family:'Noto Sans TC',sans-serif;font-weight:700;font-size:clamp(34px,5vw,58px);line-height:1.1;margin-bottom:14px;color:#111118;}\n#aihr-feature .feat-head em{font-style:italic;color:#ff5533;}\n#aihr-feature .feat-sub{font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:1.8;color:rgba(17,17,24,.6);max-width:560px;margin-bottom:48px;}\n\n#aihr-feature .feat-list{display:flex;flex-direction:column;gap:40px;}\n\n#aihr-feature .feat-card{--feat-accent:#1a7cff;border:2px solid #111118;background:#fff;display:grid;grid-template-columns:46% 1fr;overflow:hidden;box-shadow:8px 8px 0 #111118;transition:transform .25s ease, box-shadow .25s ease;opacity:0;transform:translateY(24px);}\n#aihr-feature .feat-card.aihr-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease, transform .6s ease, box-shadow .25s ease;}\n#aihr-feature .feat-card:hover{transform:translate(-4px,-4px)!important;box-shadow:12px 12px 0 #111118;}\n\n\/* \u2500\u2500 \u5a92\u9ad4\u5340\uff08\u6c38\u4e0d\u88c1\u5207\uff09\u2500\u2500 *\/\n#aihr-feature .feat-media{position:relative;overflow:hidden;min-height:340px;border-right:2px solid #111118;background:#11131a;}\n#aihr-feature .feat-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;}\n#aihr-feature .feat-slide.is-active{opacity:1;}\n#aihr-feature .feat-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.78) saturate(1.15);transform:scale(1.18);}\n#aihr-feature .feat-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4));}\n#aihr-feature .feat-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(transparent, rgba(17,17,24,.85) 42%);color:rgba(255,255,255,.92);font-family:'Noto Sans TC',sans-serif;font-size:12.5px;line-height:1.6;padding:36px 18px 16px;}\n#aihr-feature .feat-media[data-carousel] .feat-caption{padding-bottom:54px;}\n\n\/* \u2500\u2500 \u7121\u7167\u7247\uff1a\u6392\u7248\u5f0f\u5716\u9762 \u2500\u2500 *\/\n#aihr-feature .feat-media--graphic{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 0%, #fff8e0 0%, #fef0b8 70%);}\n#aihr-feature .feat-media--graphic::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg, rgba(17,17,24,.035) 0 2px, transparent 2px 12px);pointer-events:none;}\n#aihr-feature .feat-graphic{position:relative;z-index:2;text-align:center;padding:40px 28px;font-family:'Noto Sans TC',sans-serif;color:#111118;}\n#aihr-feature .fg-kicker{font-size:12px;font-weight:700;letter-spacing:.22em;color:rgba(17,17,24,.5);margin-bottom:14px;}\n#aihr-feature .fg-title{font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.18;}\n#aihr-feature .fg-rule{width:46px;height:4px;background:var(--feat-accent);margin:22px auto;}\n#aihr-feature .fg-award{font-family:'Syne','Noto Sans TC',sans-serif;font-size:clamp(40px,5vw,58px);font-weight:800;letter-spacing:.04em;color:var(--feat-accent);line-height:1;}\n#aihr-feature .fg-meta{margin-top:14px;font-size:13px;font-weight:500;letter-spacing:.04em;color:rgba(17,17,24,.6);}\n\n\/* \u2500\u2500 \u6176\u8cc0\u52d5\u756b \u2500\u2500 *\/\n#aihr-feature .feat-confetti-canvas{position:absolute;inset:0;pointer-events:none;z-index:1;width:100%;height:100%;}\n#aihr-feature .feat-media--graphic .fg-award{text-shadow:2px 3px 0 rgba(0,0,0,0.18);}\n@keyframes featRulePulse{0%,100%{transform:scaleX(1);box-shadow:none;}50%{transform:scaleX(1.35);box-shadow:0 0 12px rgba(201,138,0,.5);}}\n#aihr-feature .feat-media--graphic .fg-rule{animation:featRulePulse 2.2s ease-in-out infinite;}\n@keyframes featStarFloat{0%,100%{opacity:.95;transform:scale(1) rotate(0deg);}50%{opacity:.35;transform:scale(.7) rotate(22deg);}}\n#aihr-feature .fg-star{position:absolute;z-index:3;pointer-events:none;animation:featStarFloat 1.8s ease-in-out infinite;line-height:1;}\n\n\n#aihr-feature .feat-badge{position:absolute;top:16px;left:16px;z-index:4;background:var(--feat-accent);border:2px solid #111118;padding:6px 13px;font-family:'Syne','Noto Sans TC',sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.06em;color:#fff;box-shadow:2px 2px 0 #111118;display:flex;align-items:center;gap:6px;}\n\n#aihr-feature .feat-ctrl{position:absolute;left:0;right:0;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;}\n#aihr-feature .feat-btn{width:32px;height:32px;border:2px solid rgba(255,255,255,.85);background:rgba(17,17,24,.45);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;line-height:1;}\n#aihr-feature .feat-btn:hover{background:rgba(17,17,24,.85);border-color:#fff;}\n#aihr-feature .feat-dots{display:flex;gap:6px;align-items:center;}\n#aihr-feature .feat-dot{width:8px;height:8px;border:2px solid rgba(255,255,255,.85);background:transparent;cursor:pointer;transition:background .2s;padding:0;}\n#aihr-feature .feat-dot.is-active{background:#fff;}\n\n\/* \u2500\u2500 \u5167\u5bb9\u5340 \u2500\u2500 *\/\n#aihr-feature .feat-content{padding:34px 38px;display:flex;flex-direction:column;gap:16px;position:relative;}\n#aihr-feature .feat-content::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--feat-accent);}\n#aihr-feature .feat-cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}\n#aihr-feature .feat-cat{font-family:'Noto Sans TC',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border:2px solid #111118;color:var(--feat-accent);background:#fafaf8;}\n#aihr-feature .feat-content h3{font-family:'Noto Sans TC',sans-serif;font-size:clamp(19px,2.1vw,25px);font-weight:700;color:#111118;line-height:1.45;}\n#aihr-feature .feat-lead{font-family:'Noto Sans TC',sans-serif;font-size:15.5px;line-height:1.95;color:rgba(17,17,24,.8);font-weight:400;}\n\n#aihr-feature .feat-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease;}\n#aihr-feature .feat-more>.feat-more-inner{overflow:hidden;}\n#aihr-feature .feat-card.is-open .feat-more{grid-template-rows:1fr;}\n#aihr-feature .feat-more-inner{display:flex;flex-direction:column;gap:12px;padding-top:4px;}\n#aihr-feature .feat-more p{font-family:'Noto Sans TC',sans-serif;font-size:14.5px;line-height:1.95;color:rgba(17,17,24,.7);}\n\n#aihr-feature .feat-quote{padding:12px 16px;border-left:4px solid var(--feat-accent);background:#fafaf8;}\n#aihr-feature .feat-quote-label{font-family:'Noto Sans TC',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.55;margin-bottom:5px;}\n#aihr-feature .feat-quote-text{font-family:'Noto Sans TC',sans-serif;font-size:13px;line-height:1.8;color:rgba(17,17,24,.78);font-style:italic;}\n\n#aihr-feature .feat-orgs{display:flex;gap:8px;flex-wrap:wrap;}\n#aihr-feature .feat-org{font-family:'Noto Sans TC',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 12px;border:2px solid #111118;background:#fafaf8;color:var(--feat-accent);}\n\n#aihr-feature .feat-toggle{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;font-family:'Noto Sans TC',sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;padding:10px 20px;border:2px solid #111118;background:#fff;color:#111118;cursor:pointer;transition:background .18s,color .18s;}\n#aihr-feature .feat-toggle:hover{background:#111118;color:#fff;}\n#aihr-feature .feat-toggle .chev{transition:transform .3s ease;display:inline-block;font-size:11px;}\n#aihr-feature .feat-card.is-open .feat-toggle .chev{transform:rotate(180deg);}\n#aihr-feature .feat-toggle .txt-close{display:none;}\n#aihr-feature .feat-card.is-open .feat-toggle .txt-open{display:none;}\n#aihr-feature .feat-card.is-open .feat-toggle .txt-close{display:inline;}\n\n\/* RWD *\/\n@media (max-width:880px){\n  #aihr-feature{padding:60px 24px;}\n  #aihr-feature .feat-card{grid-template-columns:1fr;box-shadow:5px 5px 0 #111118;}\n  #aihr-feature .feat-media{border-right:none;border-bottom:2px solid #111118;min-height:0;aspect-ratio:16\/10;}\n  #aihr-feature .feat-content{padding:28px 24px;}\n}\n@media (max-width:480px){\n  #aihr-feature{padding:48px 16px;}\n  #aihr-feature .feat-fg{padding:14px;}\n  #aihr-feature .feat-media{aspect-ratio:4\/3;}\n  #aihr-feature .feat-content{padding:26px 20px;}\n}\n@media (prefers-reduced-motion: reduce){\n  #aihr-feature .feat-card{opacity:1!important;transform:none!important;}\n  #aihr-feature .feat-slide{transition:none!important;}\n  #aihr-feature .feat-more{transition:none!important;}\n}\n\n\/* \u2500\u2500 \u7af6\u8cfd\u4f73\u4f5c\u734e\u9805\u689d\u5e45 \u2500\u2500 *\/\n#aihr-feature .feat-award-ribbon{\n  position:absolute;left:0;right:0;bottom:0;z-index:5;\n  padding:40px 16px 16px;\n  background:linear-gradient(transparent,rgba(10,12,22,.88) 38%);\n  display:flex;flex-direction:column;align-items:center;gap:4px;\n}\n#aihr-feature .feat-ribbon-year{\n  font-family:'Noto Sans TC',sans-serif;\n  font-size:13px;font-weight:700;letter-spacing:.12em;\n  color:rgba(255,255,255,.75);\n}\n#aihr-feature .feat-ribbon-main{\n  font-family:'Syne','Noto Sans TC',sans-serif;\n  font-size:32px;font-weight:800;color:#ffd333;letter-spacing:.04em;\n  animation:aihrRibbonGlow 2s ease-in-out infinite;\n}\n@keyframes aihrRibbonGlow{\n  0%,100%{text-shadow:0 0 14px rgba(255,211,51,.5),1px 2px 0 rgba(0,0,0,.5);}\n  50%{text-shadow:0 0 30px rgba(255,211,51,.9),1px 2px 0 rgba(0,0,0,.5);}\n}\n#aihr-feature .feat-ribbon-sub{\n  font-family:'Noto Sans TC',sans-serif;\n  font-size:15px;font-weight:700;letter-spacing:.06em;\n  color:rgba(255,255,255,.75);\n}\n<\/style>\n\n<div id=\"aihr-feature\">\n  <div class=\"feat-tag\">\u4e2d\u5fc3\u8981\u805e<\/div>\n  <h2 class=\"feat-head\">\u8fd1\u671f<em>\u5831\u5c0e<\/em>\u8207\u4ea4\u6d41<\/h2>\n  <p class=\"feat-sub\">\u9ede\u64ca\u6309\u9215\u5373\u53ef\u5c55\u958b\u5168\u6587\u3002<\/p>\n\n  <div class=\"feat-list\">\n\n    <!-- \u5361\u7247 0\uff1a\u502b\u7406\u500b\u6848\u7af6\u8cfd\u4f73\u4f5c\uff08\u7425\u73c0\uff09 -->\n    <!-- \u5361\u7247 00\uff1aAI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u8de8\u6821\u5408\u4f5c\u555f\u822a\uff08\u7d2b\uff09\u2014 \u6700\u65b0 -->\n    <article class=\"feat-card\" style=\"--feat-accent:#7c3aff;\">\n      <div class=\"feat-media\">\n        <div class=\"feat-badge\">\ud83e\udd1d \u8de8\u6821\u5408\u4f5c<\/div>\n        <div class=\"feat-slide is-active\">\n          <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/08\/%E5%85%A8%E9%AB%94%E5%90%88%E5%BD%B1%EF%BC%8C%E7%82%BA115%E5%AD%B8%E5%B9%B4%E5%BA%A6AI%E6%B3%95%E5%BE%8B%E9%80%9A%E8%AD%98%E6%95%99%E8%82%B2%E6%8E%A8%E5%8B%95%E8%A8%88%E7%95%AB%E6%8F%AD%E9%96%8B%E5%BA%8F%E5%B9%95-1-scaled.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/08\/%E5%85%A8%E9%AB%94%E5%90%88%E5%BD%B1%EF%BC%8C%E7%82%BA115%E5%AD%B8%E5%B9%B4%E5%BA%A6AI%E6%B3%95%E5%BE%8B%E9%80%9A%E8%AD%98%E6%95%99%E8%82%B2%E6%8E%A8%E5%8B%95%E8%A8%88%E7%95%AB%E6%8F%AD%E9%96%8B%E5%BA%8F%E5%B9%95-1-scaled.jpg\" alt=\"\u300c\u5927\u5c08\u6821\u9662AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u63a8\u52d5\u8a08\u756b\u300d\u8aaa\u660e\u66a8\u5c08\u5bb6\u8aee\u8a62\u5ea7\u8ac7\u6703\u5168\u9ad4\u5408\u5f71\">\n          <div class=\"feat-caption\">\u300c\u5927\u5c08\u6821\u9662AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u63a8\u52d5\u8a08\u756b\u300d\u8aaa\u660e\u66a8\u5c08\u5bb6\u8aee\u8a62\u5ea7\u8ac7\u6703\u5168\u9ad4\u5408\u5f71\uff0c20\u6240\u5408\u4f5c\u5b78\u6821\u4ee3\u8868\u9f4a\u805a\u4e00\u5802\u3002\uff08\u5716\uff0f\u7531\u57f7\u884c\u55ae\u4f4d\u5be6\u8e10\u5927\u5b78\u53ca\u5354\u8fa6\u55ae\u4f4d\u8ca1\u5718\u6cd5\u4eba\u4eba\u5de5\u667a\u6167\u6cd5\u5f8b\u570b\u969b\u7814\u7a76\u57fa\u91d1\u6703\u63d0\u4f9b\uff09<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"feat-content\">\n        <div class=\"feat-cats\">\n          <span class=\"feat-cat\">\u4eba\u5de5\u667a\u6167\u6cd5\u5f8b\u570b\u969b\u7814\u7a76\u57fa\u91d1\u6703<\/span>\n          <span class=\"feat-cat\">\u6559\u80b2\u90e8\u6307\u5c0e<\/span>\n          <span class=\"feat-cat\">\u5be6\u8e10\u5927\u5b78\u57f7\u884c<\/span>\n        <\/div>\n        <h3>\u651c\u624b\u5168\u570b20\u6821\u3000AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u8de8\u6821\u5408\u4f5c\u555f\u822a<\/h3>\n        <p class=\"feat-lead\">\u6559\u80b2\u90e8\u6307\u5c0e\u3001\u5be6\u8e10\u5927\u5b78\u57f7\u884c\u7684\u300c\u5927\u5c08\u6821\u9662AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u63a8\u52d5\u8a08\u756b\u300d\u65bc7\u670815\u65e5\u8209\u884c\u8aaa\u660e\u66a8\u5c08\u5bb6\u8aee\u8a62\u5ea7\u8ac7\u6703\uff0c\u96c6\u7d50\u5317\u3001\u4e2d\u3001\u5357\u3001\u6771\u517120\u6240\u5408\u4f5c\u5b78\u6821\u4ee3\u8868\u9f4a\u805a\u4e00\u5802\uff0c\u672c\u4e2d\u5fc3\u6797\u5609\u742a\u4e3b\u4efb\u4ea6\u4ee3\u8868\u6de1\u6c5f\u5927\u5b78\u51fa\u5e2d\u672c\u6b21\u5ea7\u8ac7\uff0c\u8207\u5168\u570b\u5408\u4f5c\u5b78\u6821\u5171\u540c\u898b\u8b49AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u8de8\u6821\u5408\u4f5c\u7684\u91cd\u8981\u6642\u523b\u3002<\/p>\n        <div class=\"feat-more\"><div class=\"feat-more-inner\">\n          <p>\u6559\u80b2\u90e8\u9ad8\u7b49\u6559\u80b2\u53f8\u5ed6\u9ad8\u8ce2\u53f8\u9577\u65bc\u81f4\u8a5e\u4e2d\u6307\u51fa\uff0c\u6559\u80b2\u90e8\u6240\u898f\u5283\u7684\u300c\u672a\u4f86\u4eba\u624dAI\u80fd\u529b\u5716\u50cf\u300d\uff0c\u5176\u4e2d\u300c\u8ca0\u8cac\u4efb\u4f7f\u7528AI\u7684\u80fd\u529b\u300d\u6b63\u547c\u61c9\u672c\u8a08\u756b\u6838\u5fc3\u7cbe\u795e\uff1b\u671f\u671b\u4ee5\u5be6\u8e10\u5927\u5b78\u70ba\u63a8\u52d5\u57fa\u5730\uff0c\u4e32\u806f\u5168\u570b\u5408\u4f5c\u5b78\u6821\u5efa\u7acbAI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u7db2\u7d61\uff0c\u8b93\u6cd5\u5f8b\u3001\u502b\u7406\u8207\u8cac\u4efb\u5224\u65b7\u6210\u70ba\u5404\u9818\u57df\u5b78\u751f\u7684\u57fa\u672c\u7d20\u990a\u3002\u5be6\u8e10\u5927\u5b78\u8b1d\u5b5f\u96c4\u8463\u4e8b\u9577\u4e5f\u4ee5\u300c\u79d1\u6280\u662f\u5f15\u64ce\uff0c\u6cd5\u5f8b\u8207\u502b\u7406\u662f\u65b9\u5411\u76e4\u8207\u715e\u8eca\u300d\u6bd4\u55bb\uff0c\u8aaa\u660eAI\u767c\u5c55\u9664\u8ffd\u6c42\u5275\u65b0\uff0c\u4e5f\u9808\u517c\u9867\u5b89\u5168\u3001\u8cac\u4efb\u8207\u4eba\u985e\u50f9\u503c\u3002<\/p>\n          <p>\u672c\u6b21\u8a08\u756b\u7531\u5be6\u8e10\u5927\u5b78\u5f35\u9e97\u537f\u8b1b\u5ea7\u6559\u6388\u7d71\u7c4c\u898f\u5283\uff0c20\u6240\u5408\u4f5c\u5b78\u6821\u4e26\u5c31\u8ab2\u7a0b\u8a2d\u8a08\u3001\u5e2b\u8cc7\u6574\u5099\u8207\u884c\u653f\u57f7\u884c\u9032\u884c\u4ea4\u6d41\u3002\u672c\u4e2d\u5fc3\u4f5c\u70ba\u5408\u4f5c\u5b78\u6821\u4e4b\u4e00\uff0c\u672a\u4f86\u5c07\u6301\u7e8c\u95dc\u6ce8\u8a08\u756b\u9032\u5c55\uff0c\u4e26\u5c07\u76f8\u95dc\u8ab2\u7a0b\u8cc7\u6e90\u5c0e\u5165\u6821\u5167AI\u502b\u7406\u6559\u80b2\u63a8\u5ee3\u5de5\u4f5c\u3002<\/p>\n          <div class=\"feat-quote\">\n            <div class=\"feat-quote-label\">\u8cc7\u6599\u4f86\u6e90<\/div>\n            <div class=\"feat-quote-text\"><a href=\"https:\/\/focusnews.com.tw\/2026\/07\/711339\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:underline;\">\u4eca\u50b3\u5a92\u3008\u5168\u570b20\u6240\u5927\u5c08\u6821\u9662AI\u6cd5\u5f8b\u901a\u8b58\u6559\u80b2\u63a8\u52d5\u8a08\u756b\u555f\u822a\u3009\uff0c2026\u5e747\u670815\u65e5<\/a><\/div>\n          <\/div>\n        <\/div><\/div>\n        <button class=\"feat-toggle\" aria-expanded=\"false\">\n          <span class=\"txt-open\">\u95b1\u8b80\u5168\u6587<\/span><span class=\"txt-close\">\u6536\u5408\u5167\u5bb9<\/span>\n          <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n      <\/div>\n    <\/article>\n\n    <article class=\"feat-card\" style=\"--feat-accent:#c98a00;\">\n      <div class=\"feat-media\" id=\"feat-award-panel\">\n        <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\"\n          src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/2026%E5%85%A8%E5%9C%8B%E5%B0%88%E6%A5%AD%E5%80%AB%E7%90%86%E7%AB%B6%E8%B3%BD_%E6%B7%A1%E6%B1%9F%E5%A4%A7%E5%AD%B8%E4%BD%B3%E4%BD%9C%E7%8D%8E.jpg\" alt=\"\">\n        <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" style=\"padding-bottom:110px;\"\n          src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/2026%E5%85%A8%E5%9C%8B%E5%B0%88%E6%A5%AD%E5%80%AB%E7%90%86%E7%AB%B6%E8%B3%BD_%E6%B7%A1%E6%B1%9F%E5%A4%A7%E5%AD%B8%E4%BD%B3%E4%BD%9C%E7%8D%8E.jpg\"\n          alt=\"\u674e\u5b9c\u81fb\u540c\u5b78\u65bc2026\u7b2c\u5341\u4e00\u5c46\u5168\u570b\u5c08\u696d\u502b\u7406\u500b\u6848\u7af6\u8cfd\u7372\u4f73\u4f5c\u734e\">\n        <canvas class=\"feat-confetti-canvas\" id=\"feat-award-confetti\"><\/canvas>\n        <div class=\"feat-badge\">\ud83c\udfc6 \u7af6\u8cfd\u4f73\u4f5c<\/div>\n        <span class=\"fg-star\" style=\"top:12%;left:8%;font-size:16px;animation-delay:0s;\">\u2b50<\/span>\n        <span class=\"fg-star\" style=\"top:16%;right:10%;font-size:13px;animation-delay:.6s;\">\u2728<\/span>\n        <span class=\"fg-star\" style=\"top:40%;left:6%;font-size:12px;animation-delay:1.1s;\">\u2726<\/span>\n        <span class=\"fg-star\" style=\"top:36%;right:8%;font-size:12px;animation-delay:1.6s;\">\u2726<\/span>\n        <div class=\"feat-award-ribbon\">\n          <span class=\"feat-ribbon-year\">2026 \u7b2c\u5341\u4e00\u5c46 \u00b7 \u5168\u570b 183 \u7d44<\/span>\n          <span class=\"feat-ribbon-main\">\ud83c\udfc6 \u4f73\u4f5c\u734e<\/span>\n          <span class=\"feat-ribbon-sub\">\u5168\u570b\u5c08\u696d\u502b\u7406\u500b\u6848\u7af6\u8cfd<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"feat-content\">\n        <div class=\"feat-cats\">\n          <span class=\"feat-cat\">\u6de1\u6c5f\u5927\u5b78 TKU<\/span>\n          <span class=\"feat-cat\">\u6559\u80b2\u79d1\u6280\u5b78\u7cfb<\/span>\n          <span class=\"feat-cat\">\u4e2d\u539f\u5927\u5b78\u4e3b\u8fa6<\/span>\n        <\/div>\n        <h3>\u6f14\u7b97\u6cd5\u7684\u300c\u6709\u8272\u773c\u93e1\u300d\u3000\u6559\u79d1\u7cfb\u5b78\u751f\u63ed AI \u9762\u8a66\u96b1\u6027\u6b67\u8996\u7372\u4f73\u4f5c<\/h3>\n        <p class=\"feat-lead\">2026 \u7b2c\u5341\u4e00\u5c46\u300c\u5168\u570b\u5c08\u696d\u502b\u7406\u500b\u6848\u7af6\u8cfd\u300d\u516c\u5e03\u7d50\u679c\uff0c\u672c\u6821\u6559\u80b2\u79d1\u6280\u5b78\u7cfb 2 \u5e74\u7d1a\u674e\u5b9c\u81fb\u4ee5\u500b\u4eba\u8eab\u4efd\u53c3\u8cfd\uff0c\u5728\u5168\u570b 183 \u7d44\u968a\u4f0d\u4e2d\u812b\u7a4e\u800c\u51fa\uff0c\u4f5c\u54c1\u3008\u6f14\u7b97\u6cd5\u7684\u300c\u6709\u8272\u773c\u93e1\u300d\u2500\u2500\u8ad6 AI \u9762\u8a66\u7cfb\u7d71\u4e2d\u7684\u96b1\u6027\u6b67\u8996\u8207\u502b\u7406\u9632\u7dda\u3009\u69ae\u7372\u4f73\u4f5c\u734e\u3002<\/p>\n        <div class=\"feat-more\"><div class=\"feat-more-inner\">\n          <p>\u672c\u5c46\u7af6\u8cfd\u7531\u4e2d\u539f\u5927\u5b78\u4e3b\u8fa6\u3001\u6559\u80b2\u90e8\u9ad8\u6559\u6df1\u8015\u8a08\u756b\u6307\u5c0e\uff0c\u805a\u7126\u4eba\u5de5\u667a\u6167\u8207\u6c38\u7e8c\u767c\u5c55\u5169\u5927\u502b\u7406\u8b70\u984c\uff0c\u8981\u6c42\u53c3\u8cfd\u8005\u4ee5\u8fd1\u4e8c\u5e74\u5167\u7684\u771f\u5be6\u6848\u4f8b\u9032\u884c\u6df1\u5ea6\u5206\u6790\u3002<\/p>\n          <p>\u674e\u5b9c\u81fb\u9078\u64c7\u5207\u5165\u8fd1\u5e74\u5099\u53d7\u570b\u969b\u95dc\u6ce8\u7684 AI \u62db\u52df\u722d\u8b70\uff0c\u4ee5 2024 \u81f3 2025 \u5e74 Workday \u6f14\u7b97\u6cd5\u6b67\u8996\u96c6\u9ad4\u8a34\u8a1f\u6848\u70ba\u6838\u5fc3\uff0c\u5256\u6790 AI \u9762\u8a66\u7cfb\u7d71\u5982\u4f55\u5728\u770b\u4f3c\u5ba2\u89c0\u7684\u7be9\u9078\u6a5f\u5236\u4e0b\uff0c\u900f\u904e\u504f\u898b\u6578\u64da\u7684\u7e7c\u627f\u8207\u4ee3\u7406\u6307\u6a19\u7684\u904b\u7528\uff0c\u5c0d\u5f31\u52e2\u6c42\u8077\u8005\u5f62\u6210\u7cfb\u7d71\u6027\u7684\u96b1\u6027\u6392\u64e0\uff0c\u4e26\u5f9e\u529f\u5229\u4e3b\u7fa9\u3001\u7fa9\u52d9\u8ad6\u8207\u7f8e\u5fb7\u502b\u7406\u5b78\u4e09\u500b\u54f2\u5b78\u9762\u5411\u63d0\u51fa\u8a55\u6790\u8207\u5177\u9ad4\u56e0\u61c9\u7b56\u7565\u3002<\/p>\n          <div class=\"feat-quote\">\n            <div class=\"feat-quote-label\">\u6307\u5c0e\u6559\u5e2b\u3001AI \u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u4e3b\u4efb \u6797\u5609\u742a<\/div>\n            <div class=\"feat-quote-text\">\u5b78\u751f\u80fd\u4e3b\u52d5\u95dc\u6ce8 AI \u61c9\u7528\u4e2d\u7684\u516c\u5e73\u6027\u554f\u984c\uff0c\u4e26\u5f9e\u502b\u7406\u89d2\u5ea6\u6df1\u5165\u5256\u6790\uff0c\u5c55\u73fe\u4e86\u8de8\u9818\u57df\u601d\u8003\u7684\u6f5b\u529b\u3002<\/div>\n          <\/div>\n          <div class=\"feat-quote\">\n            <div class=\"feat-quote-label\">\u7372\u734e\u5b78\u751f \u674e\u5b9c\u81fb<\/div>\n            <div class=\"feat-quote-text\">\u6f14\u7b97\u6cd5\u770b\u4f3c\u5ba2\u89c0\u4e2d\u7acb\uff0c\u5be6\u5247\u53ef\u80fd\u6210\u70ba\u653e\u5927\u6b77\u53f2\u6027\u6b67\u8996\u7684\u6578\u4f4d\u64f4\u5927\u6a5f\uff0c\u6211\u5011\u5fc5\u9808\u6b63\u8996 AI \u5728\u5c31\u696d\u9818\u57df\u7684\u502b\u7406\u8cac\u4efb\uff0c\u78ba\u4fdd\u6280\u8853\u670d\u52d9\u65bc\u793e\u6703\u516c\u5e73\uff0c\u800c\u975e\u56fa\u5316\u65e2\u6709\u7684\u4e0d\u5e73\u7b49\u3002<\/div>\n          <\/div>\n        <\/div><\/div>\n        <button class=\"feat-toggle\" aria-expanded=\"false\">\n          <span class=\"txt-open\">\u95b1\u8b80\u5168\u6587<\/span><span class=\"txt-close\">\u6536\u5408\u5167\u5bb9<\/span>\n          <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n      <\/div>\n    <\/article>\n\n    <!-- \u5361\u7247 1\uff1a\u8208\u5927\u9644\u8fb2\u5de5\u4f5c\u574a\uff08\u85cd\uff09 -->\n    <article class=\"feat-card\" style=\"--feat-accent:#1a7cff;\">\n      <div class=\"feat-media\" data-carousel>\n        <div class=\"feat-badge\">\ud83e\udd1d \u6821\u5916\u63a8\u5ee3<\/div>\n        <div class=\"feat-slide is-active\">\n          <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/1-7EF167E8-FFB9-4571-B9B3-41FCC3AEDC8E.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/1-7EF167E8-FFB9-4571-B9B3-41FCC3AEDC8E.jpg\" alt=\"\u6797\u5609\u742a\u4e3b\u4efb\u8207\u8208\u5927\u9644\u8fb2\u6559\u5e2b\u65bc\u5de5\u4f5c\u574a\u5f8c\u5408\u5f71\">\n          <div class=\"feat-caption\">AI \u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u4e3b\u4efb\u6797\u5609\u742a\uff08\u5de6\u4e94\uff09\u8207\u8208\u5927\u9644\u8fb2\u6559\u5e2b\u65bc\u5de5\u4f5c\u574a\u5f8c\u5408\u5f71\u3002<\/div>\n        <\/div>\n        <div class=\"feat-slide\">\n          <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/2-4CE5DF51-8602-42C9-842B-8C1AC4083EC3.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/06\/2-4CE5DF51-8602-42C9-842B-8C1AC4083EC3.jpg\" alt=\"\u6797\u5609\u742a\u6559\u6388\u8b1b\u89e3 AI \u502b\u7406\u8ff7\u601d\u7834\u89e3\u55ae\u5143\">\n          <div class=\"feat-caption\">\u6797\u5609\u742a\u6559\u6388\u8b1b\u89e3\u300cAI \u502b\u7406\u7684\u8ff7\u601d\u7834\u89e3\u300d\u55ae\u5143\uff0c\u73fe\u5834\u6559\u5e2b\u5c08\u6ce8\u53c3\u8207\u8a0e\u8ad6\u3002<\/div>\n        <\/div>\n        <div class=\"feat-ctrl\">\n          <button class=\"feat-btn\" data-prev aria-label=\"\u4e0a\u4e00\u5f35\">&#8592;<\/button>\n          <div class=\"feat-dots\">\n            <button class=\"feat-dot is-active\" data-idx=\"0\" aria-label=\"\u7b2c 1 \u5f35\"><\/button>\n            <button class=\"feat-dot\" data-idx=\"1\" aria-label=\"\u7b2c 2 \u5f35\"><\/button>\n          <\/div>\n          <button class=\"feat-btn\" data-next aria-label=\"\u4e0b\u4e00\u5f35\">&#8594;<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"feat-content\">\n        <div class=\"feat-cats\">\n          <span class=\"feat-cat\">\u6de1\u6c5f\u5927\u5b78 TKU<\/span>\n          <span class=\"feat-cat\">AI \u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3<\/span>\n          <span class=\"feat-cat\">\u8208\u5927\u9644\u8fb2<\/span>\n        <\/div>\n        <h3>\u843d\u5be6\u9ad8\u8077\u512a\u8cea\u5316\u8f14\u52a9\u65b9\u6848\u3000\u6797\u5609\u742a\u6559\u6388\u4e3b\u8b1b\u6559\u5e2b AI \u502b\u7406\u601d\u8fa8\u5de5\u4f5c\u574a<\/h3>\n        <p class=\"feat-lead\">\u70ba\u843d\u5be6\u9ad8\u8077\u512a\u8cea\u5316\u8f14\u52a9\u65b9\u6848\uff0c\u4e2d\u5fc3\u4e3b\u4efb\u6797\u5609\u742a\u6559\u6388\u53d7\u9080\u8d74\u8208\u5927\u9644\u8fb2\uff0c\u70ba\u9ad8\u8077\u6559\u5e2b\u4e3b\u8b1b\u300cAI \u502b\u7406\u8207\u5047\u8a0a\u606f\uff1a\u6559\u5e2b\u601d\u8fa8\u8207\u6559\u5b78\u5be6\u8e10\u300d\u5de5\u4f5c\u574a\uff0c\u57f9\u529b\u6559\u5e2b\u5728 AI \u6642\u4ee3\u5efa\u7acb\u7368\u7acb\u601d\u8003\u7684\u6838\u5fc3\u7d20\u990a\u3002<\/p>\n        <div class=\"feat-more\"><div class=\"feat-more-inner\">\n          <p>\u6797\u5609\u742a\u6559\u6388\u5f37\u8abf\uff0c\u73fe\u4ee3\u6559\u80b2\u4e0d\u61c9\u505c\u7559\u65bc\u751f\u786c\u7684\u7406\u8ad6\u704c\u8f38\uff0c\u800c\u61c9\u5f15\u5c0e\u5b78\u751f\u5f9e\u793e\u7fa4\u5a92\u9ad4\u6f14\u7b97\u6cd5\u3001\u751f\u6210\u5f0f AI \u7b49\u65e5\u5e38\u7d93\u9a57\u51fa\u767c\uff0c\u53cd\u601d\u300c\u6f14\u7b97\u6cd5\u7531\u8ab0\u8a2d\u5b9a\u300d\u3001\u300c\u79d1\u6280\u8cac\u4efb\u5982\u4f55\u6b78\u5c6c\u300d\u7b49\u6838\u5fc3\u8b70\u984c\uff0c\u5efa\u7acb\u8de8\u5b78\u79d1\u7684\u50f9\u503c\u5224\u65b7\u8996\u91ce\u3002<\/p>\n          <p>\u91dd\u5c0d\u65e5\u76ca\u56b4\u5cfb\u7684\u5047\u8a0a\u606f\u554f\u984c\uff0c\u5979\u7cfb\u7d71\u6027\u89e3\u6790\u4e86\u5047\u8a0a\u606f\u7684\u985e\u578b\u3001\u5f62\u6210\u6a5f\u5236\u8207\u50b3\u64ad\u9014\u5f91\uff0c\u4e26\u63d0\u4f9b\u5177\u9ad4\u53ef\u64cd\u4f5c\u7684 AI \u751f\u6210\u5167\u5bb9\u8fa8\u8b58\u7b56\u7565\uff0c\u5354\u52a9\u6559\u5e2b\u5c07 AI \u502b\u7406\u89c0\u9ede\u878d\u5165\u6559\u5b78\u73fe\u5834\u3002<\/p>\n          <p>\u4e2d\u5fc3\u8868\u793a\uff0c\u672a\u4f86\u5c07\u6301\u7e8c\u900f\u904e\u8207\u5404\u7d1a\u5b78\u6821\u7684\u5408\u4f5c\uff0c\u63a8\u5ee3 AI \u502b\u7406\u8207\u5a92\u9ad4\u7d20\u990a\u4e4b\u6559\u5b78\u5be6\u8e10\uff0c\u671f\u8a31\u5728\u6f14\u7b97\u6cd5\u6642\u4ee3\u4e2d\u57f9\u80b2\u66f4\u5177\u601d\u8fa8\u529b\u8207\u793e\u6703\u8cac\u4efb\u611f\u7684\u6578\u4f4d\u516c\u6c11\u3002<\/p>\n        <\/div><\/div>\n        <button class=\"feat-toggle\" aria-expanded=\"false\">\n          <span class=\"txt-open\">\u95b1\u8b80\u5168\u6587<\/span><span class=\"txt-close\">\u6536\u5408\u5167\u5bb9<\/span>\n          <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n      <\/div>\n    <\/article>\n\n    <!-- \u5361\u7247 2\uff1a\u9ad8\u4e2d\u502b\u7406\u7d20\u990a\u624b\u518a\uff08\u73ca\u745a\uff09 -->\n    <article class=\"feat-card\" style=\"--feat-accent:#ff5533;\">\n      <div class=\"feat-media\">\n        <div class=\"feat-badge\">\ud83c\udfc6 \u5168\u53f0\u9996\u5275<\/div>\n        <div class=\"feat-slide is-active\">\n          <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/01\/\u4e0b\u8f09-1024x626.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2026\/01\/\u4e0b\u8f09-1024x626.jpg\" alt=\"AI \u502b\u7406\u7d20\u990a\u624b\u518a\u767c\u8868\u66a8\u6559\u5e2b\u7814\u7fd2\u5408\u5f71\">\n          <div class=\"feat-caption\">\u672c\u4e2d\u5fc3\u8207\u9326\u548c\u9ad8\u4e2d\u651c\u624b\u8209\u8fa6 AI \u502b\u7406\u7d20\u990a\u6559\u5e2b\u7814\u7fd2\uff0c\u7b2c\u4e00\u7dda\u6559\u5e2b\u9f4a\u805a\u4ea4\u6d41\u3002\uff08\u5716\uff0f\u65b0\u5317\u5e02\u6559\u80b2\u5c40\u63d0\u4f9b\uff09<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"feat-content\">\n        <div class=\"feat-cats\">\n          <span class=\"feat-cat\">\u6de1\u6c5f\u5927\u5b78 TKU<\/span>\n          <span class=\"feat-cat\">\u65b0\u5317\u5e02\u6559\u80b2\u5c40<\/span>\n          <span class=\"feat-cat\">\u9326\u548c\u9ad8\u4e2d<\/span>\n        <\/div>\n        <h3>\u651c\u624b\u65b0\u5317\u6559\u80b2\u5c40\u3001\u9326\u548c\u9ad8\u4e2d\u3000\u767c\u8868\u5168\u53f0\u9996\u672c\u9ad8\u4e2d\u300aAI \u502b\u7406\u7d20\u990a\u624b\u518a\u300b<\/h3>\n        <p class=\"feat-lead\">\u4e2d\u5fc3\u651c\u624b\u65b0\u5317\u5e02\u6559\u80b2\u5c40\u8207\u65b0\u5317\u5e02\u7acb\u9326\u548c\u9ad8\u4e2d\uff0c\u6b63\u5f0f\u767c\u8868\u5168\u53f0\u9996\u672c\u5c08\u70ba\u9ad8\u4e2d\u968e\u6bb5\u8a2d\u8a08\u7684\u300aAI \u502b\u7406\u6821\u672c\u8ab2\u7a0b\u624b\u518a\u300b\uff0c\u70ba\u570b\u5167 AI \u7d20\u990a\u6559\u80b2\u7acb\u4e0b\u65b0\u91cc\u7a0b\u7891\u3002<\/p>\n        <div class=\"feat-more\"><div class=\"feat-more-inner\">\n          <p>\u96a8\u8457\u751f\u6210\u5f0f AI \u6280\u8853\u98db\u901f\u767c\u5c55\uff0c\u4eba\u5de5\u667a\u6167\u5df2\u6df1\u5165\u65e5\u5e38\u751f\u6d3b\u5404\u500b\u5c64\u9762\uff0c\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5177\u5099\u6b63\u78ba\u7684\u79d1\u6280\u50f9\u503c\u89c0\u8207 AI \u502b\u7406\u7d20\u990a\uff0c\u5df2\u6210\u70ba\u7576\u52d9\u4e4b\u6025\u3002<\/p>\n          <p>\u9762\u5c0d\u5047\u8a0a\u606f\u3001\u6df1\u507d\u5f71\u50cf\uff08Deepfake\uff09\u8207\u6f14\u7b97\u6cd5\u504f\u8aa4\u7b49\u65b0\u8208\u6311\u6230\uff0c\u672c\u624b\u518a\u7531\u4e2d\u5fc3\u4e3b\u4efb\u6797\u5609\u742a\u6559\u6388\u5e36\u9818\u5718\u968a\u7cbe\u5fc3\u898f\u5283\uff0c\u7dca\u6263 108 \u8ab2\u7db1\u8207\u5b78\u751f\u751f\u6d3b\u60c5\u5883\uff0c\u5f15\u5c0e\u5b78\u751f\u53cd\u601d\u6f14\u7b97\u6cd5\u8a2d\u5b9a\u3001\u79d1\u6280\u8cac\u4efb\u6b78\u5c6c\u8207\u50f9\u503c\u5224\u65b7\u7b49\u6838\u5fc3\u8b70\u984c\u3002<\/p>\n          <div class=\"feat-quote\">\n            <div class=\"feat-quote-label\">\u9326\u548c\u9ad8\u4e2d\u6821\u9577 \u5f35\u7d14\u5be7<\/div>\n            <div class=\"feat-quote-text\">\u9019\u672c\u624b\u518a\u63d0\u4f9b\u4e86\u4e00\u5957\u7cfb\u7d71\u5316\u7684\u6559\u5b78\u67b6\u69cb\uff0c\u8b93\u975e\u8cc7\u8a0a\u5c08\u9577\u7684\u6559\u5e2b\u4e5f\u80fd\u81ea\u4fe1\u5730\u5e36\u9818\u5b78\u751f\u8a0e\u8ad6 AI \u502b\u7406\u7d20\u990a\u8b70\u984c\u3002<\/div>\n          <\/div>\n          <div class=\"feat-quote\">\n            <div class=\"feat-quote-label\">\u65b0\u5317\u5e02\u6559\u80b2\u5c40<\/div>\n            <div class=\"feat-quote-text\">\u900f\u904e\u5b98\u5b78\u5408\u4f5c\u6a21\u5f0f\uff0c\u671f\u671b\u80fd\u5c07\u9019\u5957\u8ab2\u7a0b\u63a8\u5ee3\u81f3\u66f4\u591a\u5b78\u6821\uff0c\u5168\u9762\u63d0\u5347\u65b0\u4e16\u4ee3\u5b78\u5b50\u7684\u6578\u4f4d\u516c\u6c11\u7d20\u990a\u3002<\/div>\n          <\/div>\n        <\/div><\/div>\n        <button class=\"feat-toggle\" aria-expanded=\"false\">\n          <span class=\"txt-open\">\u95b1\u8b80\u5168\u6587<\/span><span class=\"txt-close\">\u6536\u5408\u5167\u5bb9<\/span>\n          <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n      <\/div>\n    <\/article>\n\n    <!-- \u5361\u7247 3\uff1a\u524d\u9032\u65b0\u52a0\u5761\uff08\u9752\u7da0\uff09 -->\n    <article class=\"feat-card\" style=\"--feat-accent:#0a9b76;\">\n      <div class=\"feat-media\">\n        <div class=\"feat-badge\">\ud83c\uddf8\ud83c\uddec \u570b\u969b\u4ea4\u6d41<\/div>\n        <div class=\"feat-slide is-active\">\n          <img decoding=\"async\" class=\"feat-bg\" aria-hidden=\"true\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2025\/07\/PXL_20250715_091011295-scaled.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aiee.acad.tku.edu.tw\/aiee\/wp-content\/uploads\/2025\/07\/PXL_20250715_091011295-scaled.jpg\" alt=\"\u6797\u5609\u742a\u6559\u6388\u65bc\u65b0\u52a0\u5761\u8207 NTU\u3001SCS \u4ee3\u8868\u4ea4\u6d41\u5408\u5f71\">\n          <div class=\"feat-caption\">\u6797\u5609\u742a\u6559\u6388\u65bc\u65b0\u52a0\u5761\u8207\u5357\u6d0b\u7406\u5de5\u5927\u5b78\u3001\u65b0\u52a0\u5761\u96fb\u8166\u5b78\u6703\u4ee3\u8868\u4ea4\u6d41\u5408\u5f71\u3002<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"feat-content\">\n        <div class=\"feat-cats\">\n          <span class=\"feat-cat\">\u5357\u6d0b\u7406\u5de5\u5927\u5b78 NTU<\/span>\n          <span class=\"feat-cat\">\u65b0\u52a0\u5761\u96fb\u8166\u5b78\u6703 SCS<\/span>\n          <span class=\"feat-cat\">\u570b\u969b\u5408\u4f5c 2025<\/span>\n        <\/div>\n        <h3>\u524d\u9032\u65b0\u52a0\u5761\u3000\u63a8\u52d5 AI \u502b\u7406\u6559\u80b2\u570b\u969b\u5408\u4f5c<\/h3>\n        <p class=\"feat-lead\">\u4e2d\u5fc3\u4e3b\u4efb\u6797\u5609\u742a\u6559\u6388\u524d\u9032\u65b0\u52a0\u5761\uff0c\u8207\u5357\u6d0b\u7406\u5de5\u5927\u5b78\u53ca\u65b0\u52a0\u5761\u96fb\u8166\u5b78\u6703\u6df1\u5ea6\u4ea4\u6d41\uff0c\u63a2\u8a0e AI \u502b\u7406\u8a8d\u8b49\u5236\u5ea6\u7684\u63a8\u52d5\u7b56\u7565\u8207\u5be6\u52d9\u7d93\u9a57\u3002<\/p>\n        <div class=\"feat-more\"><div class=\"feat-more-inner\">\n          <p>\u65b0\u52a0\u5761\u5728 AI \u502b\u7406\u8207\u6cbb\u7406\u4e0a\u7d50\u5408\u6559\u80b2\u3001\u7522\u696d\u8207\u5236\u5ea6\u7684\u63a8\u52d5\u7b56\u7565\uff0c\u5c0d\u53f0\u7063\u76f8\u95dc\u653f\u7b56\u8207\u6559\u5b78\u8a2d\u8a08\u5177\u6709\u9ad8\u5ea6\u53c3\u8003\u50f9\u503c\uff1b\u96d9\u65b9\u4e26\u5c31\u8a8d\u8b49\u5236\u5ea6\u7684\u843d\u5730\u3001\u8ab2\u7a0b\u5408\u4f5c\u8207\u5e2b\u8cc7\u57f9\u8a13\u7b49\u9762\u5411\u4ea4\u63db\u610f\u898b\u3002<\/p>\n          <div class=\"feat-orgs\">\n            <span class=\"feat-org\">\u5357\u6d0b\u7406\u5de5\u5927\u5b78 NTU<\/span>\n            <span class=\"feat-org\">\u65b0\u52a0\u5761\u96fb\u8166\u5b78\u6703 SCS<\/span>\n            <span class=\"feat-org\">\u570b\u969b\u5408\u4f5c 2025<\/span>\n          <\/div>\n        <\/div><\/div>\n        <button class=\"feat-toggle\" aria-expanded=\"false\">\n          <span class=\"txt-open\">\u95b1\u8b80\u5168\u6587<\/span><span class=\"txt-close\">\u6536\u5408\u5167\u5bb9<\/span>\n          <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* \u9032\u5834\u52d5\u756b *\/\n  var cards = document.querySelectorAll('#aihr-feature .feat-card');\n  if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); }\n  else {\n    var io = new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('aihr-visible'); io.unobserve(e.target); } });\n    }, { threshold: 0.12 });\n    cards.forEach(function (c) { io.observe(c); });\n  }\n\n  \/* \u5c55\u958b\uff0f\u6536\u5408 *\/\n  document.querySelectorAll('#aihr-feature .feat-toggle').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var card = btn.closest('.feat-card');\n      var open = card.classList.toggle('is-open');\n      btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n    });\n  });\n\n  \/* \u7af6\u8cfd\u4f73\u4f5c confetti *\/\n  (function(){\n    var canvas = document.getElementById('feat-award-confetti');\n    if (!canvas) return;\n    var ctx = canvas.getContext('2d');\n    var panel = document.getElementById('feat-award-panel');\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduce) return;\n    var colors = ['#ffd333','#fff0a0','#ffffff','#c98a00','#ffe680','#ffec80'];\n    var pieces = [];\n    function resize() { canvas.width = panel.offsetWidth; canvas.height = panel.offsetHeight; }\n    resize(); window.addEventListener('resize', resize);\n    function Piece(init) {\n      this.x = Math.random() * canvas.width;\n      this.y = init ? Math.random() * canvas.height : -12;\n      this.w = Math.random() * 10 + 3;\n      this.h = Math.random() * 4 + 2;\n      this.rot = Math.random() * Math.PI * 2;\n      this.vx = (Math.random() - .5) * 1.0;\n      this.vy = Math.random() * 1.2 + .5;\n      this.vr = (Math.random() - .5) * .10;\n      this.color = colors[Math.floor(Math.random() * colors.length)];\n      this.alpha = Math.random() * .3 + .15;\n      this.circle = Math.random() > .7;\n    }\n    for (var i = 0; i < 32; i++) pieces.push(new Piece(true));\n    var running = false, raf2 = null;\n    function frame() {\n      if (!running) return;\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      pieces.forEach(function(p) {\n        p.x += p.vx; p.y += p.vy; p.rot += p.vr;\n        if (p.y > canvas.height + 12) { var np = new Piece(false); p.x=np.x;p.y=np.y;p.w=np.w;p.h=np.h;p.rot=np.rot;p.vx=np.vx;p.vy=np.vy;p.vr=np.vr;p.color=np.color;p.alpha=np.alpha;p.circle=np.circle; }\n        ctx.save(); ctx.globalAlpha = p.alpha; ctx.fillStyle = p.color;\n        ctx.translate(p.x, p.y); ctx.rotate(p.rot);\n        if (p.circle) { ctx.beginPath(); ctx.arc(0, 0, p.w\/2, 0, Math.PI*2); ctx.fill(); }\n        else { ctx.fillRect(-p.w\/2, -p.h\/2, p.w, p.h); }\n        ctx.restore();\n      });\n      raf2 = requestAnimationFrame(frame);\n    }\n    function start2() { if (running) return; running = true; raf2 = requestAnimationFrame(frame); }\n    function stop2() { running = false; if (raf2) cancelAnimationFrame(raf2); }\n    document.addEventListener('visibilitychange', function() { document.hidden ? stop2() : start2(); });\n    if ('IntersectionObserver' in window) {\n      new IntersectionObserver(function(es){ es.forEach(function(e){ e.isIntersecting ? start2() : stop2(); }); }, { threshold: 0 }).observe(panel);\n    } else { start2(); }\n    start2();\n  })();\n\n  \/* \u8f2a\u64ad\uff08\u50c5\u591a\u5716\u5361\u7247\uff09 *\/\n  document.querySelectorAll('#aihr-feature [data-carousel]').forEach(function (media) {\n    var slides = media.querySelectorAll('.feat-slide');\n    if (slides.length < 2) return;\n    var dots = media.querySelectorAll('.feat-dot');\n    var cur = 0, timer = null;\n    function show(i) {\n      cur = (i + slides.length) % slides.length;\n      slides.forEach(function (s, k) { s.classList.toggle('is-active', k === cur); });\n      dots.forEach(function (d, k) { d.classList.toggle('is-active', k === cur); });\n    }\n    function auto() { if (reduce) return; timer = setInterval(function () { show(cur + 1); }, 4500); }\n    function reset() { clearInterval(timer); auto(); }\n    media.querySelector('[data-prev]').addEventListener('click', function () { show(cur - 1); reset(); });\n    media.querySelector('[data-next]').addEventListener('click', function () { show(cur + 1); reset(); });\n    dots.forEach(function (d) { d.addEventListener('click', function () { show(parseInt(d.dataset.idx, 10)); reset(); }); });\n    media.addEventListener('mouseenter', function () { clearInterval(timer); });\n    media.addEventListener('mouseleave', auto);\n    auto();\n  });\n})();\n<\/script>\n\n\n<p><\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>ETHICS \u6de1\u6c5f\u5927\u5b78 \u00b7 \u6559\u52d9\u8655 \u00b7 Since 2024 AI \u502b\u7406 \u6559\u80b2\u8cc7\u6e90 \u4e2d\u5fc3 \u4ee5\u4eba\u70ba\u672c\uff0c\u5b88\u8b77\u79d1\u6280\u908a\u754c\u3002\u5728\u4eba\u5de5\u667a\u6167\u5feb\u901f\u767c\u5c55\u7684\u6d6a\u6f6e\u4e2d\uff0c\u6211\u5011\u5efa\u7acb\u5b8c\u5584\u7684\u502b\u7406\u6846\u67b6\uff0c\u5f15\u5c0e\u6280\u8853\u671d\u5411\u516c\u6b63\u3001\u900f\u660e\u3001\u8ca0\u8cac\u4efb\u7684\u65b9\u5411\u524d\u9032\u3002 \u6211\u5011\u81f4\u529b\u65bc \u2192 \u63a2\u7d22\u8ab2\u7a0b \u2192 \u4e86\u89e3\u4e2d\u5fc3 5 \u6838\u5fc3\u8b1b\u5e2b 4+ \u5b78\u7a0b\u6578 3+ \u570b\u969b\u5408\u4f5c 2025 \u6307\u5357\u767c\u5e03 \u55e8\uff01\u6b61\u8fce\u4f86\u5230AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3 \ud83d\udc4b AI Ethics \u502b\u7406 \u00b7 \u516c\u6b63 \u2696 \u2726 \ud83d\udee1 \u4eba\u672c\u79d1\u6280 \u6de1\u6c5f\u5927\u5b78 AI\u6cbb\u7406\u63a8\u52d5\u5e2b \u570b\u969b\u4ea4\u6d41 \u502b\u7406\u7d20\u990a\u624b\u518a AI\u502b\u7406\u6559\u80b2 TAICA \u5b78\u5206\u5b78\u7a0b \u751f\u6210\u5f0fAI\u6e96\u5247 \u4eba\u672c\u79d1\u6280 \u6de1\u6c5f\u5927\u5b78 AI\u6cbb\u7406\u63a8\u52d5\u5e2b \u570b\u969b\u4ea4\u6d41 \u502b\u7406\u7d20\u990a\u624b\u518a AI\u502b\u7406\u6559\u80b2 TAICA \u5b78\u5206\u5b78\u7a0b \u751f\u6210\u5f0fAI\u6e96\u5247 \u95dc\u65bc\u4e2d\u5fc3 \u6211\u5011\u7684\u4f7f\u547d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7169,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-aiee","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668"}],"collection":[{"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/aiee\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2668"}],"version-history":[{"count":220,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions"}],"predecessor-version":[{"id":7756,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions\/7756"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/media\/7169"}],"wp:attachment":[{"href":"\/aiee\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}