:root{font-family:"Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;color:#fff;background:#163e5b}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.title-screen{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:linear-gradient(125deg,#07538922,#acddf122),url('/assets/room-v1.webp') center/cover}.scene-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#042b4be6 0%,#07508099 30%,#12679300 67%),linear-gradient(0deg,#052f51cc,transparent 45%)}.top-mark{position:absolute;left:4.5%;top:5%;font-size:13px;font-weight:800;letter-spacing:.22em;border-left:3px solid #68e4fa;padding-left:12px}.top-mark span{display:block;margin-top:7px;font-size:12px;letter-spacing:.12em;color:#ccebf4}.main-menu{position:relative;z-index:3;width:min(40%,490px);padding-top:clamp(140px,23vh,230px);padding-bottom:90px;display:flex;flex-direction:column;gap:16px}.menu-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:#063355e8;color:white;text-align:left;padding:17px 40px 17px 12%;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);box-shadow:inset 0 2px #c0f6ff,inset 0 -2px #7bcbec;transition:background .16s,transform .16s}.menu-item>span:not(.menu-en){font-size:clamp(22px,2.5vw,34px);font-weight:800;letter-spacing:.08em}.menu-en{font-size:10px;letter-spacing:.28em;color:#afe9fc;margin-bottom:4px}.menu-item small{font-size:12px;line-height:1.5;color:#d4edf8;margin-top:6px}.primary{background:linear-gradient(100deg,#096a9d,#1577b1e8);width:108%}.menu-item:hover,.menu-item:focus-visible{background:linear-gradient(105deg,#7255b7,#139bbedf);transform:translateX(7px);outline:none}.menu-item:focus-visible:before{content:'▶';position:absolute;left:4%;top:43%;color:#fff7a1}.hero{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-portrait{position:absolute;width:min(62vw,86svh,780px);height:min(62vw,86svh,780px);right:3%;bottom:3svh;background:url('/assets/expressions-v1.webp') 0 0/300% 200% no-repeat;filter:drop-shadow(0 12px 25px #06344b55)}.welcome{position:absolute;top:10%;right:8%;max-width:340px;padding:14px 20px;background:#f3fcffea;color:#194e70;border-left:3px solid #329cc5;box-shadow:0 8px 30px #14375918}.welcome b{font-size:12px;letter-spacing:.1em;color:#1682ad}.welcome p{margin:7px 0 0;line-height:1.7;font-size:15px}.course-brand{position:absolute;z-index:2;right:4.5%;bottom:10%;text-align:right;filter:drop-shadow(0 3px 2px #07324a88);pointer-events:none}.brand-kicker{font-size:12px;letter-spacing:.35em;color:#e7fbff}.course-brand h1{font-size:clamp(42px,7vw,92px);font-weight:900;line-height:1;margin:12px 0;color:#fff;font-style:italic}.course-brand h1 span{color:#88ecff}.course-brand p{font-size:clamp(12px,1.5vw,18px);margin:0;letter-spacing:.08em}footer{position:absolute;z-index:3;bottom:0;width:100%;display:flex;justify-content:space-between;gap:12px;padding:17px 4.5%;border-top:1px solid #d2f2ff55;background:#08395865;color:#d9edf7;font-size:12px}.no-script{position:absolute;z-index:5;bottom:60px;background:#062c49;padding:20px}.no-script a{text-decoration:underline}dialog{width:min(920px,94vw);max-height:90svh;overflow-y:auto;border:1px solid white;border-radius:16px;padding:30px;color:#19445e;background:#f1fbfff7;box-shadow:0 20px 90px #092b4a60}dialog::backdrop{background:#052847bb;backdrop-filter:blur(5px)}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.chapter-heading small{color:#4388a6;letter-spacing:.12em;font-size:11px}h2{font-size:26px;margin:7px 0}.back-button{border:1px solid #90b9ca;border-radius:7px;background:#fff;color:#225471;padding:10px 14px;white-space:nowrap}.chapter-intro{font-size:14px;color:#55798e;line-height:1.7}h3{font-size:15px;color:#327a9c;margin:22px 0 10px}.chapter-card{display:grid;grid-template-columns:48px 1fr auto auto;gap:14px;align-items:center;padding:16px;margin:10px 0;border:1px solid #c1dce9;border-radius:9px;background:white}.chapter-card.recommended{border-color:#269ec8;background:#e7f7ff}.chapter-card:hover{border-color:#3383a6;background:#e8f5fc}.chapter-card:focus-visible,.back-button:focus-visible{outline:3px solid #cb9830;outline-offset:3px}.chapter-number{font-size:27px;font-weight:800;color:#4789a9}.chapter-card h4{margin:0;font-size:17px}.chapter-card p{font-size:13px;color:#597b8d;margin:5px 0}.chapter-card small{color:#0a7ba2}.chapter-status{font-size:12px;white-space:nowrap;color:#6b8190}.chapter-card[data-completed=true] .chapter-status{color:#28794f}.chapter-arrow{font-size:13px;color:#166e96;white-space:nowrap}.coming-soon{color:#7e94a1;border-top:1px solid #cbdee8;margin:25px 0 0;padding-top:16px;font-size:13px}@media(min-width:1450px){.hero-portrait{right:8%}}@media(max-width:800px) and (min-width:601px){.main-menu{width:43%}.welcome{right:4%;max-width:260px}.hero-portrait{width:72vw;height:72vw;right:-8%}.course-brand{bottom:12%}}@media(max-width:600px){.title-screen{min-height:850px;min-height:max(850px,100svh);background-position:65% center}.top-mark{top:25px;left:6%;font-size:11px}.scene-shade{background:linear-gradient(0deg,#043653 0%,#06476b70 70%,#0c4e7520)}.hero-portrait{width:420px;height:420px;right:calc(50% - 250px);bottom:auto;top:40px}.welcome{top:350px;left:6%;right:6%;max-width:none;padding:10px 14px}.welcome p{font-size:13px;margin-top:4px}.main-menu{width:88%;margin-left:0;padding-top:440px;padding-bottom:100px;gap:12px}.menu-item{padding:13px 30px 13px 7%;}.primary{width:108%}.menu-item>span:not(.menu-en){font-size:23px}.menu-item small{font-size:11px}.menu-en{font-size:9px}.course-brand{top:95px;bottom:auto;left:6%;right:auto;text-align:left}.brand-kicker{font-size:9px;letter-spacing:.16em}.course-brand h1{font-size:36px}.course-brand p{max-width:120px;line-height:1.7;font-size:11px}footer{flex-direction:column;gap:6px;font-size:10px;padding:14px 6%}dialog{padding:18px}.chapter-heading{align-items:flex-start}h2{font-size:21px}.back-button{font-size:12px;padding:8px}.chapter-card{grid-template-columns:30px 1fr auto;gap:10px;padding:13px}.chapter-number{font-size:22px}.chapter-card h4{font-size:15px}.chapter-card p{font-size:12px}.chapter-arrow{grid-column:3}.chapter-status{font-size:11px}.chapter-heading small{font-size:9px}}@media(prefers-reduced-motion:reduce){.menu-item{transition:none}}