AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u9996\u9801 \u2014 \u4fee\u6b63\u7248\u9810\u89bd<\/title>\n<style>\n html, body { margin:0; padding:0; background:#fafaf8; overflow-x:hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Syne:wght@700;800&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: 100vh;\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: 13px;\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; }\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\n<div id=\"aihr-hero\">\n <canvas id=\"aihr-canvas\"><\/canvas>\n <div class=\"aihr-bg-text\">ETHICS<\/div>\n\n \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=\"\/atgx\/?page_id=5812\" class=\"aihr-btn-fill\">\u63a2\u7d22\u8ab2\u7a0b \u2192<\/a>\n <a href=\"\/atgx\/?page_id=2708\" class=\"aihr-btn-ghost\">\u4e86\u89e3\u4e2d\u5fc3<\/a>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"aihr-speech\" id=\"aihrSpeech\">\u55e8\uff01\u6b61\u8fce\u4f86\u5230<br>AI\u502b\u7406\u6559\u80b2\u4e2d\u5fc3 \ud83d\udc4b<\/div>\n\n \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 \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 \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 \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 \n <rect x=\"52\" y=\"78\" width=\"16\" height=\"10\" rx=\"4\" fill=\"#111118\"\/>\n \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 \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 \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 \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 \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\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 && !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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;700&family=Syne:wght@700;800&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\n<div id=\"aihr-marquee\">\n <div id=\"aihr-marquee-inner\">\n \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 15px;\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\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&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\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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:26px;color:#111118;}\n#aihr-news .aihr-nw-title em{font-style:italic;color:#ff5533;}\n\n\/* \u9802\u5217\uff1a\u8a08\u6578 + \u7bad\u982d *\/\n#aihr-news .aihr-nw-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}\n#aihr-news .aihr-nw-count{display:inline-flex;align-items:baseline;gap:8px;font-family:'Noto Sans TC',sans-serif;font-size:13px;font-weight:700;color:#111118;letter-spacing:.04em;}\n#aihr-news .aihr-nw-count .now{font-size:17px;font-weight:700;}\n#aihr-news .aihr-nw-count .sep{opacity:.4;}\n#aihr-news .aihr-nw-count .hint{font-weight:500;color:rgba(17,17,24,.5);margin-left:6px;}\n#aihr-news .aihr-nw-arrows{display:flex;gap:10px;}\n#aihr-news .aihr-nw-ctrl{width:46px;height:46px;border:2px solid #111118;background:#fff;color:#111118;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,opacity .15s;flex-shrink:0;line-height:1;}\n#aihr-news .aihr-nw-ctrl:hover:not(:disabled){background:#111118;color:#fff;}\n#aihr-news .aihr-nw-ctrl:disabled{opacity:.22;cursor:default;}\n\n\/* \u6a6b\u5411\u5377\u8ef8 *\/\n#aihr-news .aihr-nw-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 6px;scroll-padding-left:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n#aihr-news .aihr-nw-rail::-webkit-scrollbar{display:none;}\n\n\/* \u5361\u7247\uff1a\u5bec\u5ea6\u523b\u610f\u7559\u51fa\u7b2c\u56db\u5f35\u4e00\u89d2 *\/\n#aihr-news .aihr-nw-card{flex:0 0 clamp(266px, 31.5%, 358px);scroll-snap-align:start;background:#fff;border:2px solid #111118;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s ease, box-shadow .22s ease;opacity:0;transform:translateY(16px);}\n#aihr-news .aihr-nw-card.aihr-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease, transform .5s ease, box-shadow .22s ease;}\n#aihr-news .aihr-nw-card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #111118;}\n\n#aihr-news .aihr-nw-bar{height:6px;width:100%;flex-shrink:0;}\n\n#aihr-news .aihr-nw-body{padding:28px;display:flex;flex-direction:column;flex:1;}\n#aihr-news .aihr-nw-cat{font-family:'Noto Sans TC',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;}\n#aihr-news .aihr-nw-card h3{font-family:'Noto Sans TC',sans-serif;font-size:16px;font-weight:500;line-height:1.7;color:#111118;flex:1;margin-bottom:20px;}\n#aihr-news .aihr-nw-date{font-family:'Noto Sans TC',sans-serif;font-size:12px;color:#111118;opacity:.5;font-weight:500;letter-spacing:.06em;margin-bottom:16px;}\n#aihr-news .aihr-nw-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #111118;font-size:16px;color:#111118;transition:background .2s,color .2s;flex-shrink:0;}\n#aihr-news .aihr-nw-card:hover .aihr-nw-arrow{background:#111118;color:#fff;}\n\n\/* \u9032\u5ea6\u689d\uff08\u986f\u793a\u5377\u8ef8\u4f4d\u7f6e\uff0c\u660e\u793a\u9084\u6709\u66f4\u591a\uff09 *\/\n#aihr-news .aihr-nw-progress{margin-top:24px;height:10px;border:2px solid #111118;background:#efece4;position:relative;overflow:hidden;}\n#aihr-news .aihr-nw-progress-fill{position:absolute;top:0;bottom:0;left:0;width:30%;background:#ff5533;transition:left .12s linear,width .12s linear;}\n\n\/* RWD *\/\n@media (max-width:900px){\n #aihr-news{padding:60px 24px;}\n #aihr-news .aihr-nw-card{flex:0 0 clamp(260px, 46%, 340px);}\n}\n@media (max-width:600px){\n #aihr-news{padding:48px 16px;}\n #aihr-news .aihr-nw-card{flex:0 0 84%;}\n #aihr-news .aihr-nw-ctrl{width:42px;height:42px;}\n}\n@media (prefers-reduced-motion: reduce){\n #aihr-news .aihr-nw-card{opacity:1!important;transform:none!important;}\n #aihr-news .aihr-nw-progress-fill{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 <div class=\"aihr-nw-top\">\n <div class=\"aihr-nw-count\">\n <span>\u7b2c<\/span><span class=\"now\" id=\"aihr-range\">1\u20133<\/span><span class=\"sep\">\/<\/span><span>\u5171 5 \u5247<\/span>\n <span class=\"hint\">\u2190 \u5de6\u53f3\u6ed1\u52d5\u67e5\u770b\u66f4\u591a \u2192<\/span>\n <\/div>\n <div class=\"aihr-nw-arrows\">\n <button class=\"aihr-nw-ctrl\" id=\"aihr-prev\" aria-label=\"\u4e0a\u4e00\u5247\" disabled>←<\/button>\n <button class=\"aihr-nw-ctrl\" id=\"aihr-next\" aria-label=\"\u4e0b\u4e00\u5247\">→<\/button>\n <\/div>\n <\/div>\n\n <div class=\"aihr-nw-rail\" id=\"aihr-rail\">\n\n \n <a class=\"aihr-nw-card\" 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 <div class=\"aihr-nw-bar\" style=\"background:#ff5533;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#ff5533;\">TAICA \u00b7 \u7533\u8acb\u516c\u544a<\/div>\n <h3>114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<\/h3>\n <div class=\"aihr-nw-date\">2026-02<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" 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 <div class=\"aihr-nw-bar\" style=\"background:#1a7cff;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#1a7cff;\">TAICA \u00b7 \u516c\u544a<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2026-01-30<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/udn.com\/news\/story\/6885\/9238834\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#f5a623;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#c97e12;\">TKU \u00b7 \u9ad8\u4e2d\u5408\u4f5c<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2026-01<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/taicatw.net\/2025\/12\/09\/taica-ai-workshop\/\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#00c896;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#009970;\">TAICA \u00b7 \u5de5\u4f5c\u574a<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2025-12-22<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=59340\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#7c3aff;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#7c3aff;\">AI\u7cfb \u00b7 \u7af6\u8cfd\u7372\u734e<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2025-06<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"aihr-nw-progress\"><div class=\"aihr-nw-progress-fill\" id=\"aihr-progress-fill\"><\/div><\/div>\n<\/div>\n\n<script>\n(function () {\n var rail = document.getElementById('aihr-rail');\n var prev = document.getElementById('aihr-prev');\n var next = document.getElementById('aihr-next');\n var fill = document.getElementById('aihr-progress-fill');\n var rangeEl = document.getElementById('aihr-range');\n var cards = rail.querySelectorAll('.aihr-nw-card');\n var total = cards.length;\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function step() { return cards[0].getBoundingClientRect().width + 20; }\n function visibleCount() { return Math.max(1, Math.round(rail.clientWidth \/ step())); }\n\n function update() {\n var max = rail.scrollWidth - rail.clientWidth;\n var sl = rail.scrollLeft;\n var frac = rail.scrollWidth ? rail.clientWidth \/ rail.scrollWidth : 1;\n fill.style.width = Math.min(100, frac * 100) + '%';\n fill.style.left = (rail.scrollWidth ? (sl \/ rail.scrollWidth) * 100 : 0) + '%';\n prev.disabled = sl <= 2;\n next.disabled = sl >= max - 2;\n var first = Math.min(total, Math.round(sl \/ step()) + 1);\n var last = Math.min(total, first + visibleCount() - 1);\n rangeEl.textContent = first + '\\u2013' + last;\n }\n\n function page(dir) {\n var n = Math.max(1, visibleCount() - 1);\n rail.scrollBy({ left: dir * step() * n, behavior: reduce ? 'auto' : 'smooth' });\n }\n prev.onclick = function () { page(-1); };\n next.onclick = function () { page(1); };\n\n var raf = null;\n rail.addEventListener('scroll', function () {\n if (raf) return;\n raf = requestAnimationFrame(function () { raf = null; update(); });\n }, { passive: true });\n window.addEventListener('resize', update);\n\n \/* \u9032\u5834\u52d5\u756b *\/\n if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); }\n else {\n var delays = [0, 100, 200, 300, 400];\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 () { entry.target.classList.add('aihr-visible'); }, delays[idx] || 0);\n io.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n cards.forEach(function (c) { io.observe(c); });\n }\n\n update();\n setTimeout(update, 300);\n})();\n<\/script>\n\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Syne:wght@700;800&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: 14px;\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 \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 \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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 12px;\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: 10px;\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 \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 \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 \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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 15px;\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: 13px;\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: 13px;\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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\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 {\n box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u6a19\u984c *\/\n#aihr-cert .aihr-ct-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-cert .aihr-ct-title {\n font-family: 'Noto Sans TC', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 5vw, 56px);\n line-height: 1.1;\n margin-bottom: 52px;\n color: #111118;\n}\n#aihr-cert .aihr-ct-title em {\n font-style: italic;\n color: #ff5533;\n}\n\n\/* \u5de6\u53f3\u96d9\u6b04 *\/\n#aihr-cert .aihr-ct-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n}\n\n\/* \u2500\u2500 \u5de6\u6b04 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-left h3 {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: clamp(22px, 2.5vw, 30px);\n font-weight: 700;\n color: #111118;\n line-height: 1.4;\n margin-bottom: 20px;\n}\n#aihr-cert .aihr-ct-left p {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 15px;\n line-height: 1.9;\n color: rgba(17,17,24,0.72);\n font-weight: 400;\n margin-bottom: 12px;\n}\n\n\/* \u7da0\u8272 callout *\/\n#aihr-cert .aihr-ct-callout {\n background: #e0faf3;\n border-left: 4px solid #00c896;\n padding: 16px 20px;\n margin: 24px 0 32px;\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 14px;\n line-height: 1.8;\n font-weight: 500;\n color: #111118;\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n#aihr-cert .aihr-ct-callout::before {\n content: '\u2705';\n flex-shrink: 0;\n margin-top: 1px;\n}\n\n\/* \u2500\u2500 \u7d71\u8a08\u6578\u5b57\u5361\u7247 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n}\n\n#aihr-cert .aihr-ct-stat {\n border: 2px solid #111118;\n padding: 20px 16px;\n text-align: center;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n}\n#aihr-cert .aihr-ct-stat.aihr-visible {\n opacity: 1;\n transform: translateY(0);\n}\n#aihr-cert .aihr-ct-stat:nth-child(1) { transition-delay: 0s; }\n#aihr-cert .aihr-ct-stat:nth-child(2) { transition-delay: 0.15s; }\n#aihr-cert .aihr-ct-stat:nth-child(3) { transition-delay: 0.3s; }\n\n#aihr-cert .aihr-ct-stat-num {\n font-family: 'Noto Sans TC', sans-serif;\n font-weight: 700;\n font-size: clamp(28px, 3.5vw, 40px);\n line-height: 1;\n margin-bottom: 6px;\n}\n#aihr-cert .aihr-ct-stat:nth-child(1) .aihr-ct-stat-num { color: #ff5533; }\n#aihr-cert .aihr-ct-stat:nth-child(2) .aihr-ct-stat-num { color: #1a7cff; }\n#aihr-cert .aihr-ct-stat:nth-child(3) .aihr-ct-stat-num { color: #00c896; }\n\n#aihr-cert .aihr-ct-stat-label {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.08em;\n color: rgba(17,17,24,0.6);\n line-height: 1.5;\n}\n\n\/* \u2500\u2500 \u53f3\u6b04\uff1a\u8b49\u66f8\u5716 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-right {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n#aihr-cert .aihr-ct-right.aihr-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#aihr-cert .aihr-ct-img-wrap {\n border: 2px solid #111118;\n padding: 16px;\n background: #fafaf8;\n box-shadow: 8px 8px 0 #111118;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n#aihr-cert .aihr-ct-img-wrap:hover {\n transform: translate(-4px, -4px);\n box-shadow: 12px 12px 0 #111118;\n}\n#aihr-cert .aihr-ct-img-wrap img {\n width: 100%;\n display: block;\n}\n\n\/* RWD *\/\n@media (max-width: 900px) {\n #aihr-cert { padding: 60px 24px; }\n #aihr-cert .aihr-ct-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 480px) {\n #aihr-cert { padding: 48px 16px; }\n #aihr-cert .aihr-ct-stats { grid-template-columns: 1fr; gap: 10px; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n #aihr-cert .aihr-ct-stat,\n #aihr-cert .aihr-ct-right { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<div id=\"aihr-cert\">\n <div class=\"aihr-ct-tag\">\u8ab2\u7a0b\u8a8d\u8b49<\/div>\n <h2 class=\"aihr-ct-title\">\u4fee\u8ab2 <em>\u6210\u679c<\/em><\/h2>\n\n <div class=\"aihr-ct-grid\">\n\n \n <div class=\"aihr-ct-left\">\n <h3>\u4eba\u5de5\u667a\u6167\u502b\u7406\u8ab2\u7a0b<br>\u7d2e\u6839\u5c08\u696d\u7d20\u990a<\/h3>\n <p>\u672c\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7cfb\u65bc113\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f\u958b\u8a2d\u300c\u4eba\u5de5\u667a\u6167\u502b\u7406\u5b78\u300d\u8ab2\u7a0b\uff0c\u8ab2\u7a0b\u8a2d\u8a08\u805a\u7126\u65bcAI\u767c\u5c55\u6240\u6d89\u53ca\u7684\u502b\u7406\u8b70\u984c\u8207\u793e\u6703\u8cac\u4efb\u3002<\/p>\n <p>\u5171\u8a0841\u4f4d\u5b78\u751f\u4fee\u8ab2\uff0c\u6b77\u7d93\u4e00\u5b78\u671f\u7684\u5b78\u7fd2\u8207\u8a55\u91cf\uff0c\u5171\u670939\u4f4d\u5b78\u751f\u9806\u5229\u901a\u904e\uff0c\u5c55\u73fe\u5c0dAI\u502b\u7406\u8b70\u984c\u7684\u6df1\u5ea6\u7406\u89e3\u8207\u53cd\u601d\u80fd\u529b\u3002<\/p>\n\n <div class=\"aihr-ct-callout\">\n \u5c0d\u65bc\u80fd\u9806\u5229\u5b8c\u6210\u8ab2\u7a0b\u7684\u540c\u5b78\uff0cAI\u5275\u667a\u5b78\u9662\u4ea6\u9812\u767c\u4fee\u8ab2\u8b49\u660e\uff0c\u4ee5\u8332\u9f13\u52f5\u4e26\u4f5c\u70ba\u500b\u4eba\u5b78\u7fd2\u6210\u679c\u4e4b\u91cd\u8981\u4f50\u8b49\u3002\n <\/div>\n\n \n <div class=\"aihr-ct-stats\">\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">41<\/div>\n <div class=\"aihr-ct-stat-label\">\u4fee\u8ab2<br>\u4eba\u6578<\/div>\n <\/div>\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">39<\/div>\n <div class=\"aihr-ct-stat-label\">\u901a\u904e<br>\u4eba\u6578<\/div>\n <\/div>\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">95%<\/div>\n <div class=\"aihr-ct-stat-label\">\u8ab2\u7a0b<br>\u901a\u904e\u7387<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aihr-ct-right\">\n <div class=\"aihr-ct-img-wrap\">\n <img decoding=\"async\" loading=\"lazy\"\n src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2025\/07\/\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b-e1751960835627.png\"\n alt=\"\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function () {\n var stats = document.querySelectorAll('#aihr-cert .aihr-ct-stat');\n var rightCol = document.querySelector('#aihr-cert .aihr-ct-right');\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (reduce) {\n stats.forEach(function (el) { el.classList.add('aihr-visible'); });\n if (rightCol) rightCol.classList.add('aihr-visible');\n return;\n }\n\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add('aihr-visible');\n io.unobserve(entry.target);\n });\n }, { threshold: 0.2 });\n\n stats.forEach(function (el) { io.observe(el); });\n if (rightCol) io.observe(rightCol);\n})();\n<\/script>\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Syne:wght@700;800&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:15px;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#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<\/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\n\n <div class=\"feat-list\">\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/1-7EF167E8-FFB9-4571-B9B3-41FCC3AEDC8E.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/2-4CE5DF51-8602-42C9-842B-8C1AC4083EC3.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/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\">←<\/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\">→<\/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\">▾<\/span>\n <\/button>\n <\/div>\n <\/article>\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/01\/\u4e0b\u8f09-1024x626.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/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\">▾<\/span>\n <\/button>\n <\/div>\n <\/article>\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2025\/07\/PXL_20250715_091011295-scaled.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/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\">▾<\/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 \/* \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<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u9996\u9801 \u2014 \u4fee\u6b63\u7248\u9810\u89bd 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\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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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":178,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions"}],"predecessor-version":[{"id":7619,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions\/7619"}],"wp:attachment":[{"href":"\/aiee\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"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-06-12T17:08:15","modified_gmt":"2026-06-12T09:08:15","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\n\n\n\n\nAI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u9996\u9801 \u2014 \u4fee\u6b63\u7248\u9810\u89bd<\/title>\n<style>\n html, body { margin:0; padding:0; background:#fafaf8; overflow-x:hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Syne:wght@700;800&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: 100vh;\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: 13px;\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; }\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\n<div id=\"aihr-hero\">\n <canvas id=\"aihr-canvas\"><\/canvas>\n <div class=\"aihr-bg-text\">ETHICS<\/div>\n\n \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=\"\/atgx\/?page_id=5812\" class=\"aihr-btn-fill\">\u63a2\u7d22\u8ab2\u7a0b \u2192<\/a>\n <a href=\"\/atgx\/?page_id=2708\" class=\"aihr-btn-ghost\">\u4e86\u89e3\u4e2d\u5fc3<\/a>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"aihr-speech\" id=\"aihrSpeech\">\u55e8\uff01\u6b61\u8fce\u4f86\u5230<br>AI\u502b\u7406\u6559\u80b2\u4e2d\u5fc3 \ud83d\udc4b<\/div>\n\n \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 \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 \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 \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 \n <rect x=\"52\" y=\"78\" width=\"16\" height=\"10\" rx=\"4\" fill=\"#111118\"\/>\n \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 \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 \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 \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 \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\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 && !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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;700&family=Syne:wght@700;800&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\n<div id=\"aihr-marquee\">\n <div id=\"aihr-marquee-inner\">\n \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 15px;\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\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&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\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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:26px;color:#111118;}\n#aihr-news .aihr-nw-title em{font-style:italic;color:#ff5533;}\n\n\/* \u9802\u5217\uff1a\u8a08\u6578 + \u7bad\u982d *\/\n#aihr-news .aihr-nw-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}\n#aihr-news .aihr-nw-count{display:inline-flex;align-items:baseline;gap:8px;font-family:'Noto Sans TC',sans-serif;font-size:13px;font-weight:700;color:#111118;letter-spacing:.04em;}\n#aihr-news .aihr-nw-count .now{font-size:17px;font-weight:700;}\n#aihr-news .aihr-nw-count .sep{opacity:.4;}\n#aihr-news .aihr-nw-count .hint{font-weight:500;color:rgba(17,17,24,.5);margin-left:6px;}\n#aihr-news .aihr-nw-arrows{display:flex;gap:10px;}\n#aihr-news .aihr-nw-ctrl{width:46px;height:46px;border:2px solid #111118;background:#fff;color:#111118;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,opacity .15s;flex-shrink:0;line-height:1;}\n#aihr-news .aihr-nw-ctrl:hover:not(:disabled){background:#111118;color:#fff;}\n#aihr-news .aihr-nw-ctrl:disabled{opacity:.22;cursor:default;}\n\n\/* \u6a6b\u5411\u5377\u8ef8 *\/\n#aihr-news .aihr-nw-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 6px;scroll-padding-left:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n#aihr-news .aihr-nw-rail::-webkit-scrollbar{display:none;}\n\n\/* \u5361\u7247\uff1a\u5bec\u5ea6\u523b\u610f\u7559\u51fa\u7b2c\u56db\u5f35\u4e00\u89d2 *\/\n#aihr-news .aihr-nw-card{flex:0 0 clamp(266px, 31.5%, 358px);scroll-snap-align:start;background:#fff;border:2px solid #111118;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s ease, box-shadow .22s ease;opacity:0;transform:translateY(16px);}\n#aihr-news .aihr-nw-card.aihr-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease, transform .5s ease, box-shadow .22s ease;}\n#aihr-news .aihr-nw-card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #111118;}\n\n#aihr-news .aihr-nw-bar{height:6px;width:100%;flex-shrink:0;}\n\n#aihr-news .aihr-nw-body{padding:28px;display:flex;flex-direction:column;flex:1;}\n#aihr-news .aihr-nw-cat{font-family:'Noto Sans TC',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;}\n#aihr-news .aihr-nw-card h3{font-family:'Noto Sans TC',sans-serif;font-size:16px;font-weight:500;line-height:1.7;color:#111118;flex:1;margin-bottom:20px;}\n#aihr-news .aihr-nw-date{font-family:'Noto Sans TC',sans-serif;font-size:12px;color:#111118;opacity:.5;font-weight:500;letter-spacing:.06em;margin-bottom:16px;}\n#aihr-news .aihr-nw-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #111118;font-size:16px;color:#111118;transition:background .2s,color .2s;flex-shrink:0;}\n#aihr-news .aihr-nw-card:hover .aihr-nw-arrow{background:#111118;color:#fff;}\n\n\/* \u9032\u5ea6\u689d\uff08\u986f\u793a\u5377\u8ef8\u4f4d\u7f6e\uff0c\u660e\u793a\u9084\u6709\u66f4\u591a\uff09 *\/\n#aihr-news .aihr-nw-progress{margin-top:24px;height:10px;border:2px solid #111118;background:#efece4;position:relative;overflow:hidden;}\n#aihr-news .aihr-nw-progress-fill{position:absolute;top:0;bottom:0;left:0;width:30%;background:#ff5533;transition:left .12s linear,width .12s linear;}\n\n\/* RWD *\/\n@media (max-width:900px){\n #aihr-news{padding:60px 24px;}\n #aihr-news .aihr-nw-card{flex:0 0 clamp(260px, 46%, 340px);}\n}\n@media (max-width:600px){\n #aihr-news{padding:48px 16px;}\n #aihr-news .aihr-nw-card{flex:0 0 84%;}\n #aihr-news .aihr-nw-ctrl{width:42px;height:42px;}\n}\n@media (prefers-reduced-motion: reduce){\n #aihr-news .aihr-nw-card{opacity:1!important;transform:none!important;}\n #aihr-news .aihr-nw-progress-fill{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 <div class=\"aihr-nw-top\">\n <div class=\"aihr-nw-count\">\n <span>\u7b2c<\/span><span class=\"now\" id=\"aihr-range\">1\u20133<\/span><span class=\"sep\">\/<\/span><span>\u5171 5 \u5247<\/span>\n <span class=\"hint\">\u2190 \u5de6\u53f3\u6ed1\u52d5\u67e5\u770b\u66f4\u591a \u2192<\/span>\n <\/div>\n <div class=\"aihr-nw-arrows\">\n <button class=\"aihr-nw-ctrl\" id=\"aihr-prev\" aria-label=\"\u4e0a\u4e00\u5247\" disabled>←<\/button>\n <button class=\"aihr-nw-ctrl\" id=\"aihr-next\" aria-label=\"\u4e0b\u4e00\u5247\">→<\/button>\n <\/div>\n <\/div>\n\n <div class=\"aihr-nw-rail\" id=\"aihr-rail\">\n\n \n <a class=\"aihr-nw-card\" 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 <div class=\"aihr-nw-bar\" style=\"background:#ff5533;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#ff5533;\">TAICA \u00b7 \u7533\u8acb\u516c\u544a<\/div>\n <h3>114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f TAICA \u4eba\u5de5\u667a\u6167\u5b78\u5206\u5b78\u7a0b\u767b\u8a18\u7533\u8acb<\/h3>\n <div class=\"aihr-nw-date\">2026-02<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" 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 <div class=\"aihr-nw-bar\" style=\"background:#1a7cff;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#1a7cff;\">TAICA \u00b7 \u516c\u544a<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2026-01-30<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/udn.com\/news\/story\/6885\/9238834\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#f5a623;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#c97e12;\">TKU \u00b7 \u9ad8\u4e2d\u5408\u4f5c<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2026-01<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/taicatw.net\/2025\/12\/09\/taica-ai-workshop\/\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#00c896;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#009970;\">TAICA \u00b7 \u5de5\u4f5c\u574a<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2025-12-22<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n \n <a class=\"aihr-nw-card\" href=\"https:\/\/tkutimes.tku.edu.tw\/dtl.aspx?no=59340\" target=\"_blank\" rel=\"noopener\">\n <div class=\"aihr-nw-bar\" style=\"background:#7c3aff;\"><\/div>\n <div class=\"aihr-nw-body\">\n <div class=\"aihr-nw-cat\" style=\"color:#7c3aff;\">AI\u7cfb \u00b7 \u7af6\u8cfd\u7372\u734e<\/div>\n <h3>\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<\/h3>\n <div class=\"aihr-nw-date\">2025-06<\/div>\n <span class=\"aihr-nw-arrow\">→<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"aihr-nw-progress\"><div class=\"aihr-nw-progress-fill\" id=\"aihr-progress-fill\"><\/div><\/div>\n<\/div>\n\n<script>\n(function () {\n var rail = document.getElementById('aihr-rail');\n var prev = document.getElementById('aihr-prev');\n var next = document.getElementById('aihr-next');\n var fill = document.getElementById('aihr-progress-fill');\n var rangeEl = document.getElementById('aihr-range');\n var cards = rail.querySelectorAll('.aihr-nw-card');\n var total = cards.length;\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function step() { return cards[0].getBoundingClientRect().width + 20; }\n function visibleCount() { return Math.max(1, Math.round(rail.clientWidth \/ step())); }\n\n function update() {\n var max = rail.scrollWidth - rail.clientWidth;\n var sl = rail.scrollLeft;\n var frac = rail.scrollWidth ? rail.clientWidth \/ rail.scrollWidth : 1;\n fill.style.width = Math.min(100, frac * 100) + '%';\n fill.style.left = (rail.scrollWidth ? (sl \/ rail.scrollWidth) * 100 : 0) + '%';\n prev.disabled = sl <= 2;\n next.disabled = sl >= max - 2;\n var first = Math.min(total, Math.round(sl \/ step()) + 1);\n var last = Math.min(total, first + visibleCount() - 1);\n rangeEl.textContent = first + '\\u2013' + last;\n }\n\n function page(dir) {\n var n = Math.max(1, visibleCount() - 1);\n rail.scrollBy({ left: dir * step() * n, behavior: reduce ? 'auto' : 'smooth' });\n }\n prev.onclick = function () { page(-1); };\n next.onclick = function () { page(1); };\n\n var raf = null;\n rail.addEventListener('scroll', function () {\n if (raf) return;\n raf = requestAnimationFrame(function () { raf = null; update(); });\n }, { passive: true });\n window.addEventListener('resize', update);\n\n \/* \u9032\u5834\u52d5\u756b *\/\n if (reduce) { cards.forEach(function (c) { c.classList.add('aihr-visible'); }); }\n else {\n var delays = [0, 100, 200, 300, 400];\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 () { entry.target.classList.add('aihr-visible'); }, delays[idx] || 0);\n io.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n cards.forEach(function (c) { io.observe(c); });\n }\n\n update();\n setTimeout(update, 300);\n})();\n<\/script>\n\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Syne:wght@700;800&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: 14px;\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 \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 \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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 12px;\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: 10px;\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 \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 \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 \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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&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: 15px;\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: 13px;\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: 13px;\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 \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 \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\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\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 {\n box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u6a19\u984c *\/\n#aihr-cert .aihr-ct-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-cert .aihr-ct-title {\n font-family: 'Noto Sans TC', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 5vw, 56px);\n line-height: 1.1;\n margin-bottom: 52px;\n color: #111118;\n}\n#aihr-cert .aihr-ct-title em {\n font-style: italic;\n color: #ff5533;\n}\n\n\/* \u5de6\u53f3\u96d9\u6b04 *\/\n#aihr-cert .aihr-ct-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n}\n\n\/* \u2500\u2500 \u5de6\u6b04 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-left h3 {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: clamp(22px, 2.5vw, 30px);\n font-weight: 700;\n color: #111118;\n line-height: 1.4;\n margin-bottom: 20px;\n}\n#aihr-cert .aihr-ct-left p {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 15px;\n line-height: 1.9;\n color: rgba(17,17,24,0.72);\n font-weight: 400;\n margin-bottom: 12px;\n}\n\n\/* \u7da0\u8272 callout *\/\n#aihr-cert .aihr-ct-callout {\n background: #e0faf3;\n border-left: 4px solid #00c896;\n padding: 16px 20px;\n margin: 24px 0 32px;\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 14px;\n line-height: 1.8;\n font-weight: 500;\n color: #111118;\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n#aihr-cert .aihr-ct-callout::before {\n content: '\u2705';\n flex-shrink: 0;\n margin-top: 1px;\n}\n\n\/* \u2500\u2500 \u7d71\u8a08\u6578\u5b57\u5361\u7247 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n}\n\n#aihr-cert .aihr-ct-stat {\n border: 2px solid #111118;\n padding: 20px 16px;\n text-align: center;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n}\n#aihr-cert .aihr-ct-stat.aihr-visible {\n opacity: 1;\n transform: translateY(0);\n}\n#aihr-cert .aihr-ct-stat:nth-child(1) { transition-delay: 0s; }\n#aihr-cert .aihr-ct-stat:nth-child(2) { transition-delay: 0.15s; }\n#aihr-cert .aihr-ct-stat:nth-child(3) { transition-delay: 0.3s; }\n\n#aihr-cert .aihr-ct-stat-num {\n font-family: 'Noto Sans TC', sans-serif;\n font-weight: 700;\n font-size: clamp(28px, 3.5vw, 40px);\n line-height: 1;\n margin-bottom: 6px;\n}\n#aihr-cert .aihr-ct-stat:nth-child(1) .aihr-ct-stat-num { color: #ff5533; }\n#aihr-cert .aihr-ct-stat:nth-child(2) .aihr-ct-stat-num { color: #1a7cff; }\n#aihr-cert .aihr-ct-stat:nth-child(3) .aihr-ct-stat-num { color: #00c896; }\n\n#aihr-cert .aihr-ct-stat-label {\n font-family: 'Noto Sans TC', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.08em;\n color: rgba(17,17,24,0.6);\n line-height: 1.5;\n}\n\n\/* \u2500\u2500 \u53f3\u6b04\uff1a\u8b49\u66f8\u5716 \u2500\u2500 *\/\n#aihr-cert .aihr-ct-right {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n#aihr-cert .aihr-ct-right.aihr-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n#aihr-cert .aihr-ct-img-wrap {\n border: 2px solid #111118;\n padding: 16px;\n background: #fafaf8;\n box-shadow: 8px 8px 0 #111118;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n#aihr-cert .aihr-ct-img-wrap:hover {\n transform: translate(-4px, -4px);\n box-shadow: 12px 12px 0 #111118;\n}\n#aihr-cert .aihr-ct-img-wrap img {\n width: 100%;\n display: block;\n}\n\n\/* RWD *\/\n@media (max-width: 900px) {\n #aihr-cert { padding: 60px 24px; }\n #aihr-cert .aihr-ct-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 480px) {\n #aihr-cert { padding: 48px 16px; }\n #aihr-cert .aihr-ct-stats { grid-template-columns: 1fr; gap: 10px; }\n}\n\n\/* \u5c0a\u91cd\u300c\u6e1b\u5c11\u52d5\u614b\u300d\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n #aihr-cert .aihr-ct-stat,\n #aihr-cert .aihr-ct-right { opacity: 1 !important; transform: none !important; }\n}\n<\/style>\n\n<div id=\"aihr-cert\">\n <div class=\"aihr-ct-tag\">\u8ab2\u7a0b\u8a8d\u8b49<\/div>\n <h2 class=\"aihr-ct-title\">\u4fee\u8ab2 <em>\u6210\u679c<\/em><\/h2>\n\n <div class=\"aihr-ct-grid\">\n\n \n <div class=\"aihr-ct-left\">\n <h3>\u4eba\u5de5\u667a\u6167\u502b\u7406\u8ab2\u7a0b<br>\u7d2e\u6839\u5c08\u696d\u7d20\u990a<\/h3>\n <p>\u672c\u6821\u4eba\u5de5\u667a\u6167\u5b78\u7cfb\u65bc113\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f\u958b\u8a2d\u300c\u4eba\u5de5\u667a\u6167\u502b\u7406\u5b78\u300d\u8ab2\u7a0b\uff0c\u8ab2\u7a0b\u8a2d\u8a08\u805a\u7126\u65bcAI\u767c\u5c55\u6240\u6d89\u53ca\u7684\u502b\u7406\u8b70\u984c\u8207\u793e\u6703\u8cac\u4efb\u3002<\/p>\n <p>\u5171\u8a0841\u4f4d\u5b78\u751f\u4fee\u8ab2\uff0c\u6b77\u7d93\u4e00\u5b78\u671f\u7684\u5b78\u7fd2\u8207\u8a55\u91cf\uff0c\u5171\u670939\u4f4d\u5b78\u751f\u9806\u5229\u901a\u904e\uff0c\u5c55\u73fe\u5c0dAI\u502b\u7406\u8b70\u984c\u7684\u6df1\u5ea6\u7406\u89e3\u8207\u53cd\u601d\u80fd\u529b\u3002<\/p>\n\n <div class=\"aihr-ct-callout\">\n \u5c0d\u65bc\u80fd\u9806\u5229\u5b8c\u6210\u8ab2\u7a0b\u7684\u540c\u5b78\uff0cAI\u5275\u667a\u5b78\u9662\u4ea6\u9812\u767c\u4fee\u8ab2\u8b49\u660e\uff0c\u4ee5\u8332\u9f13\u52f5\u4e26\u4f5c\u70ba\u500b\u4eba\u5b78\u7fd2\u6210\u679c\u4e4b\u91cd\u8981\u4f50\u8b49\u3002\n <\/div>\n\n \n <div class=\"aihr-ct-stats\">\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">41<\/div>\n <div class=\"aihr-ct-stat-label\">\u4fee\u8ab2<br>\u4eba\u6578<\/div>\n <\/div>\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">39<\/div>\n <div class=\"aihr-ct-stat-label\">\u901a\u904e<br>\u4eba\u6578<\/div>\n <\/div>\n <div class=\"aihr-ct-stat\">\n <div class=\"aihr-ct-stat-num\">95%<\/div>\n <div class=\"aihr-ct-stat-label\">\u8ab2\u7a0b<br>\u901a\u904e\u7387<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aihr-ct-right\">\n <div class=\"aihr-ct-img-wrap\">\n <img decoding=\"async\" loading=\"lazy\"\n src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2025\/07\/\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b-e1751960835627.png\"\n alt=\"\u4fee\u8ab2\u8b49\u66f8\u7bc4\u4f8b\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function () {\n var stats = document.querySelectorAll('#aihr-cert .aihr-ct-stat');\n var rightCol = document.querySelector('#aihr-cert .aihr-ct-right');\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (reduce) {\n stats.forEach(function (el) { el.classList.add('aihr-visible'); });\n if (rightCol) rightCol.classList.add('aihr-visible');\n return;\n }\n\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add('aihr-visible');\n io.unobserve(entry.target);\n });\n }, { threshold: 0.2 });\n\n stats.forEach(function (el) { io.observe(el); });\n if (rightCol) io.observe(rightCol);\n})();\n<\/script>\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Syne:wght@700;800&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:15px;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#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<\/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\n\n <div class=\"feat-list\">\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/1-7EF167E8-FFB9-4571-B9B3-41FCC3AEDC8E.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/2-4CE5DF51-8602-42C9-842B-8C1AC4083EC3.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/03\/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\">←<\/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\">→<\/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\">▾<\/span>\n <\/button>\n <\/div>\n <\/article>\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2026\/01\/\u4e0b\u8f09-1024x626.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/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\">▾<\/span>\n <\/button>\n <\/div>\n <\/article>\n\n \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:\/\/aio.acad.tku.edu.tw\/atgx\/wp-content\/uploads\/2025\/07\/PXL_20250715_091011295-scaled.jpg\" alt=\"\">\n <img decoding=\"async\" class=\"feat-fg\" loading=\"lazy\" src=\"https:\/\/aio.acad.tku.edu.tw\/atgx\/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\">▾<\/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 \/* \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<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>AI\u502b\u7406\u6559\u80b2\u8cc7\u6e90\u4e2d\u5fc3\u9996\u9801 \u2014 \u4fee\u6b63\u7248\u9810\u89bd 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\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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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":178,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions"}],"predecessor-version":[{"id":7619,"href":"\/aiee\/index.php?rest_route=\/wp\/v2\/pages\/2668\/revisions\/7619"}],"wp:attachment":[{"href":"\/aiee\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}