:root{--ink:#10233f;--muted:#62728a;--blue:#155eef;--blue-dark:#0c3b8e;--line:#d9e2ef;--soft:#f3f7fc;--white:#fff;--green:#18a66a;--shadow:0 24px 64px rgba(24,48,83,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}.topbar{min-height:78px;display:flex;align-items:center;gap:14px;padding:12px clamp(22px,4vw,68px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:10}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0a397f,#1688eb);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 8px 18px rgba(21,94,239,.25)}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:21px;margin:1px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#738198;margin-bottom:2px}.eyebrow.blue{color:var(--blue)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.status{font-size:14px;font-weight:700;color:#267352}.status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2bd184;margin-right:7px;box-shadow:0 0 0 5px #e7f9f0}.top-actions button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;color:var(--ink);font-weight:700}.hero{min-height:600px;padding:70px clamp(24px,7vw,120px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);align-items:center;gap:clamp(40px,7vw,100px);background:radial-gradient(circle at 8% 10%,#ddecff 0,transparent 33%),radial-gradient(circle at 90% 90%,#e6e7ff 0,transparent 32%),#f8fbff}.hero-copy h2{font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:-.04em;margin:18px 0 24px;max-width:760px}.hero-copy>p{font-size:19px;line-height:1.8;color:var(--muted);max-width:680px}.pill{display:inline-flex;background:#e8f1ff;color:#1251bb;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800}.hero-actions{display:flex;gap:12px;margin:30px 0 22px}.primary,.secondary{border:0;border-radius:12px;padding:14px 21px;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer}.primary{background:var(--blue);color:white;box-shadow:0 10px 22px rgba(21,94,239,.24)}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.hero-copy .disclosure{font-size:13px;color:#77869a}.board-shell{background:#0f2544;border:8px solid #d9e2ee;border-radius:24px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.board-head{display:flex;justify-content:space-between;padding:16px 20px;color:#a8c7ee;border-bottom:1px solid #345071;font-size:13px}.board-content{padding:40px;color:white;min-height:380px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 42px}.chalk-label{font-size:12px;letter-spacing:.2em;color:#75d9ae}.board-content h3{font-size:38px;line-height:1.2;margin:18px 0 34px}.sentence{padding:16px 0;border-top:1px solid #35506f;border-bottom:1px solid #35506f;color:#dce8f7;font-size:17px}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.board-grid span{padding:16px;text-align:center;background:#173354;border-radius:10px;color:#b9d7fb}.section-block{padding:78px clamp(24px,7vw,120px)}.section-block.soft{background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(30px,4vw,46px);margin-bottom:0;letter-spacing:-.03em}.section-heading>p{max-width:520px;color:var(--muted);line-height:1.7}.teacher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.teacher-card{border:1px solid var(--line);border-radius:18px;padding:23px;background:white;box-shadow:0 10px 30px rgba(27,55,92,.06)}.teacher-top{display:flex;align-items:center;gap:14px}.teacher-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e8f1ff;color:var(--blue);font-size:22px;font-weight:900}.teacher-card h3{margin:0 0 3px}.teacher-card .region{color:var(--muted);font-size:13px}.teacher-card>p{color:#52637b;line-height:1.65;margin:18px 0}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:12px;padding:6px 9px;background:#f1f5fa;border-radius:99px;color:#3f526d}.program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.program-card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px}.program-card .number{color:var(--blue);font-size:12px;font-weight:900}.program-card h3{font-size:21px;margin:13px 0}.program-card p{color:var(--muted);line-height:1.6;font-size:14px}.workflow{padding:60px clamp(24px,7vw,120px);background:#10233f;color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.workflow strong{color:#5da0ff}.workflow h3{margin:15px 0 10px}.workflow p{color:#b4c4d9;line-height:1.6}footer{padding:24px clamp(24px,7vw,120px);display:flex;justify-content:space-between;color:#6e7e93;font-size:13px;border-top:1px solid var(--line)}dialog{width:min(760px,calc(100vw - 32px));border:0;border-radius:22px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(10,28,51,.55);backdrop-filter:blur(4px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.dialog-head h2{margin:4px 0 0}.dialog-head button{border:0;background:#eef3f9;width:42px;height:42px;border-radius:11px;font-size:26px;color:#52637b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:14px;font-weight:700}input{width:100%;margin-top:7px;padding:13px;border:1px solid #cbd7e6;border-radius:10px;font:inherit}.check{display:block;margin-top:18px;font-weight:500;color:#52637b}.check input{width:auto;margin-right:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#registerMessage{margin:15px 0 0;color:#b42318;font-weight:700}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.teacher-grid{grid-template-columns:repeat(2,1fr)}.program-grid,.workflow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{padding:10px 16px}.topbar .eyebrow,.status{display:none}.topbar h1{font-size:17px}.hero{padding:46px 20px}.hero-copy h2{font-size:38px}.board-shell{transform:none}.board-content{padding:28px;min-height:330px}.teacher-grid,.program-grid,.workflow,.form-grid{grid-template-columns:1fr}.section-block{padding:55px 20px}.section-heading{display:block}.workflow{padding:45px 20px}footer{padding:20px;display:block}footer span{display:block;margin:5px 0}}

/* AI digital-human classroom */
.digital-stage{position:relative;min-height:460px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#081d38,#123e69);box-shadow:var(--shadow);isolation:isolate}.digital-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}.digital-stage:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#2176ff;filter:blur(110px);opacity:.23;left:-80px;bottom:-160px;z-index:-1}.ai-badge{position:absolute;top:22px;left:22px;z-index:3;background:rgba(5,18,35,.68);border:1px solid rgba(132,193,255,.4);color:#a9d5ff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.12em}.avatar-figure{position:absolute;width:260px;height:360px;right:9%;bottom:0;filter:drop-shadow(0 22px 25px rgba(0,0,0,.3))}.face{position:absolute;width:154px;height:188px;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,#f6caaa,#dba07e);left:53px;top:52px;z-index:2}.hair{position:absolute;width:174px;height:125px;border-radius:56% 56% 38% 35%;background:#172536;left:43px;top:31px;z-index:3;clip-path:polygon(0 0,100% 0,100% 88%,81% 62%,67% 91%,52% 60%,37% 86%,20% 55%,0 83%)}.eye{position:absolute;top:82px;width:13px;height:8px;background:#182535;border-radius:50%}.eye.left{left:39px}.eye.right{right:39px}.mouth{position:absolute;left:63px;top:133px;width:29px;height:9px;border:3px solid #8b3c45;border-top:0;border-radius:0 0 50% 50%;transform-origin:center}.body{position:absolute;left:18px;bottom:-70px;width:224px;height:210px;background:linear-gradient(145deg,#e9f3ff,#91b6df);border-radius:48% 48% 15px 15px}.stage-copy{position:absolute;z-index:3;left:8%;bottom:10%;width:50%;color:#fff}.stage-copy span{color:#7fc1ff;font-weight:800}.stage-copy h3{font-size:clamp(28px,3vw,45px);margin:12px 0}.stage-copy p{color:#c6d8ec;font-size:17px}.stage-wave{position:absolute;right:2%;bottom:4%;width:52%;height:32%;border:1px solid rgba(85,172,255,.2);border-radius:50%;transform:rotate(-7deg)}
.digital-stage.speaking .mouth{animation:speak-mouth .18s infinite alternate}.digital-stage.speaking .avatar-figure{animation:teacher-breathe 2.2s ease-in-out infinite}.digital-stage.speaking .eye{animation:teacher-blink 4s infinite}.digital-stage.paused .avatar-figure{animation-play-state:paused}.digital-stage.syllable .body{filter:brightness(1.08)}@keyframes speak-mouth{to{height:22px;border-radius:45%;background:#602d36}}@keyframes teacher-breathe{50%{transform:translateY(-4px) rotate(.3deg)}}@keyframes teacher-blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.08)}}
.teacher-card{position:relative;display:flex;flex-direction:column}.teacher-card h4{font-size:16px;margin:18px 0 0}.teacher-top .ai-mini{margin-left:auto;align-self:start;background:#e7f0ff;color:var(--blue);padding:5px 7px;border-radius:7px;font-size:11px}.teacher-avatar{position:relative;overflow:hidden}.teacher-avatar i{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--blue)}.capability{margin:0 0 18px;border-top:1px solid #e6edf6}.capability div{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:12px}.capability dt{font-weight:900;color:#436080}.capability dd{margin:0;color:#64748a}.teacher-preview{margin-top:18px;border:1px solid #bfd2ef;background:#edf5ff;color:#0c52b8;border-radius:10px;padding:11px;font-weight:800;cursor:pointer}.teacher-preview:hover{background:#155eef;color:white}
.preview-dialog{width:min(1040px,calc(100vw - 28px))}.preview-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr)}.preview-stage{border-radius:22px 0 0 22px;min-height:610px}.preview-stage .avatar-figure{right:50%;transform:translateX(50%);width:320px;height:480px}.preview-stage .face{transform:scale(1.25);transform-origin:center bottom;top:105px}.preview-stage .hair{transform:scale(1.25);transform-origin:center bottom;top:75px}.preview-stage .body{left:35px;width:250px;height:260px}.preview-panel{padding:30px}.preview-meta{color:var(--muted);font-weight:700}.preview-panel textarea{width:100%;resize:vertical;margin-top:8px;padding:14px;border:1px solid #cbd7e6;border-radius:11px;font:inherit;line-height:1.6}.blackboard-mini{display:grid;grid-template-columns:1fr repeat(3,auto);gap:8px;align-items:center;background:#10233f;color:#fff;border-radius:12px;padding:14px;margin:18px 0}.blackboard-mini span{background:#1d416e;border-radius:7px;padding:7px 9px;font-size:12px}.voice-controls{display:flex;flex-wrap:wrap;gap:9px}.voice-controls button{padding:11px 14px}.secondary.danger{color:#b42318;border-color:#f4b8b4}.voice-status{min-height:44px;color:#4e627d;font-size:13px;line-height:1.6;margin:16px 0 8px}.voice-bars{position:absolute;left:28px;right:28px;bottom:24px;height:45px;display:flex;justify-content:center;align-items:end;gap:7px}.voice-bars i{display:block;width:7px;height:12px;background:#55b3ff;border-radius:99px}.speaking .voice-bars i{animation:voice-bar .6s ease-in-out infinite alternate}.speaking .voice-bars i:nth-child(2){animation-delay:.1s}.speaking .voice-bars i:nth-child(3){animation-delay:.2s}.speaking .voice-bars i:nth-child(4){animation-delay:.3s}@keyframes voice-bar{to{height:39px}}
@media(max-width:820px){.preview-layout{grid-template-columns:1fr}.preview-stage{min-height:340px;border-radius:22px 22px 0 0}.preview-stage .avatar-figure{height:330px;transform:translateX(50%) scale(.72);transform-origin:center bottom}.preview-panel{padding:22px}.hero-stage{min-height:420px}.hero-stage .avatar-figure{right:0;opacity:.72}.stage-copy{width:66%}}
.runtime-routing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.runtime-routing label{display:grid;gap:6px;font-weight:700;color:#243b53}.runtime-routing select{width:100%;min-height:44px;border:1px solid #bfd0e5;border-radius:10px;background:#fff;padding:0 12px;color:#102a43}.voice-controls{flex-wrap:wrap}.voice-controls button{min-height:44px}@media(max-width:760px){.runtime-routing{grid-template-columns:1fr}.voice-controls{display:grid;grid-template-columns:1fr 1fr}.voice-controls button:first-child{grid-column:1/-1}}