:root{--bg:#0b0e13;--bg-raise:#10141c;--bg-raise-2:#151a24;--line:#c4cddc1f;--line-strong:#c4cddc38;--text:#dfe4ec;--text-dim:#8b93a3;--text-faint:#5c6474;--gold:#c9a227;--gold-bright:#e3bd45;--gold-fill:#c9a227;--glow:#c9a2270f;--up:#d64045;--down:#3a9d6e;--serif:"Noto Serif TC", "Songti TC", Georgia, serif;--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;line-height:1.75}*{box-sizing:border-box}::selection{background:#c9a2274d}body{background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%, var(--glow), transparent);color:var(--text);min-height:100vh;padding-top:env(safe-area-inset-top);margin:0;font-size:15px}#root{--gutter:20px;max-width:880px;padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));margin:0 auto}a{color:var(--gold-bright);text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.35}.page{padding:24px 0 calc(80px + env(safe-area-inset-bottom))}.kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:11px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{border:1px solid var(--line-strong);color:var(--text);font-size:15px;font-family:var(--sans);cursor:pointer;background:0 0;border-radius:4px;padding:10px 24px;transition:border-color .15s,background .15s,color .15s;display:inline-block}.btn.primary{background:var(--gold-fill);border-color:var(--gold-fill);color:#141002;font-weight:700}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.primary:disabled{opacity:.35;cursor:not-allowed}.btn.ghost:hover{border-color:var(--gold);color:var(--gold-bright)}.btn.small{padding:6px 16px;font-size:13px}.hero{text-align:center;border-bottom:1px solid var(--line);margin-bottom:28px;padding:56px 0 20px}.hero .kicker{margin-bottom:14px;display:block}.hero h1{letter-spacing:.06em;margin:0 0 10px;font-size:44px;font-weight:900}.hero .tagline{color:var(--text-dim);margin:0;font-size:15px}.hero .rule{background:var(--gold-fill);width:56px;height:2px;margin:22px auto 0}.modes{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 36px;display:grid}@media (width<=640px){.modes{grid-template-columns:1fr}}.mode-card{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;padding:20px 22px}.mode-card h3{margin:6px 0;font-size:19px}.mode-card p{color:var(--text-dim);margin:0 0 14px;font-size:13.5px}.bar{background:#c4cddc1a;height:3px;margin-bottom:14px}.bar-fill{background:var(--gold-fill);height:100%;transition:width .4s}.chapters .section-head{align-items:baseline;gap:14px;margin:36px 0 16px;display:flex}.chapters .section-head h2{margin:0;font-size:24px}.chapters .section-head .kicker{color:var(--text-faint)}.chapter-block{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;margin-bottom:12px;padding:18px 22px}.chapter-block.locked-ch{opacity:.55}.chapter-head{align-items:center;gap:16px;display:flex}.chapter-num{font-family:var(--mono);letter-spacing:.12em;color:var(--gold);white-space:nowrap;border:1px solid #c9a22766;border-radius:3px;padding:3px 9px;font-size:12px}.chapter-head h3{margin:0;font-size:18px}.chapter-head p{color:var(--text-dim);margin:1px 0 0;font-size:13px}.chapter-count{color:var(--text-faint);white-space:nowrap;font-size:12.5px;font-family:var(--mono);margin-left:auto}.levels{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:16px;display:grid}.level-card{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;flex-direction:column;gap:2px;padding:13px 15px;transition:border-color .15s,transform .15s;display:flex}.level-card:hover:not(.locked){border-color:var(--gold);transform:translateY(-1px)}.level-card.locked{opacity:.4;cursor:default}.level-card.next{border-color:var(--gold)}.level-card.done{border-color:#3a9d6e73}.level-num{font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;font-size:11px}.level-name{font-size:15px;font-weight:700}.level-sub{color:var(--text-dim);font-size:12px}.level-state{color:var(--gold);margin-top:8px;font-size:12.5px}.level-card.done .level-state{color:var(--down)}.home-footer{border-top:1px solid var(--line);text-align:center;color:var(--text-faint);margin-top:48px;padding-top:18px;font-size:12px}.level-header{border-bottom:1px solid var(--line);top:env(safe-area-inset-top);background:var(--bg);z-index:5;align-items:center;gap:16px;padding:16px 0;display:flex;position:sticky}.level-header .back{color:var(--text-dim);white-space:nowrap;font-size:13.5px}.level-header .back:hover{color:var(--gold-bright)}.level-title{font-weight:700;font-family:var(--serif);font-size:16px}.chapter-tag{font-family:var(--mono);color:var(--gold);letter-spacing:.1em;margin-right:6px;font-size:11.5px}.step-progress{gap:6px;margin-left:auto;display:flex}.dot{background:#c4cddc2e;border-radius:1px;width:18px;height:3px}.dot.done{background:var(--down)}.dot.now{background:var(--gold-fill)}.step-body{max-width:720px;margin:0 auto;padding:28px 0;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.step-body h2{margin:0 0 18px;font-size:24px}.rich-text{font-size:15.5px}.rich-text p{margin:0 0 14px}.rich-text ul{margin:0 0 14px;padding-left:4px;list-style:none}.rich-text li{margin-bottom:7px;padding-left:18px;position:relative}.rich-text li:before{content:"";background:var(--gold);width:8px;height:1.5px;position:absolute;top:.75em;left:0}.rich-text strong{color:var(--gold-bright);font-weight:700}.chart-box{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:12px}.chart-caption{text-align:center;color:var(--text-dim);font-size:12px;font-family:var(--mono);letter-spacing:.02em;padding-top:8px}.chart-caption.anonymous{color:var(--gold)}.chart-legend{color:var(--text-dim);justify-content:center;gap:18px;padding-top:8px;font-size:12px;display:flex}.chart-legend .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.chart-loading{color:var(--text-faint);justify-content:center;align-items:center;font-size:13px;display:flex}.chart-error{color:var(--up);padding:20px}.quiz-options{flex-direction:column;gap:10px;margin-top:16px;display:flex}.quiz-option{text-align:left;border:1px solid var(--line);background:var(--bg-raise);color:var(--text);font-size:15px;font-family:var(--sans);cursor:pointer;border-radius:5px;padding:14px 18px;line-height:1.6;transition:border-color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--gold);background:var(--bg-raise-2)}.quiz-option.correct{border-color:var(--down);background:#3a9d6e1a}.quiz-option.wrong{border-color:var(--up);background:#d6404517}.quiz-option.dim{opacity:.4}.quiz-option:disabled{cursor:default}.hint-btn{border:1px dashed var(--line-strong);color:var(--text-dim);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border-radius:4px;margin-top:10px;padding:6px 14px}.quiz-why{border-left-width:3px;border-radius:5px;margin-top:16px;padding:16px 18px;animation:.3s fadeIn}.quiz-why.good{border:1px solid #3a9d6e59;border-left:3px solid var(--down);background:#3a9d6e14}.quiz-why.bad{border:1px solid #d6404559;border-left:3px solid var(--up);background:#d6404512}.quiz-why p{margin:7px 0 0}.quiz-why .also-see{color:var(--text-dim);font-size:13.5px}.level-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;max-width:720px;margin:0 auto;padding:14px 0 22px;display:flex}.unlock-preview{text-align:center;color:var(--gold);padding-bottom:22px;font-size:13px}.done-page{text-align:center;padding-top:64px}.done-mark{font-family:var(--serif);letter-spacing:.5em;text-indent:.5em;color:var(--gold);margin-bottom:10px;font-size:15px}.done-page h1{margin:0 0 8px;font-size:30px}.done-score{font-family:var(--mono);color:var(--text-dim)}.unlock-card{background:var(--bg-raise);text-align:left;border:1px solid #c9a22780;border-radius:6px;max-width:540px;margin:26px auto;padding:20px 22px}.unlock-label{font-family:var(--mono);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.unlock-text{font-size:17px;font-weight:700;font-family:var(--serif);margin:8px 0 4px}.unlock-detail{color:var(--text-dim);font-size:14px}.chapter-done-banner{margin:14px 0 22px}.done-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.page-header{padding-top:8px}.page-header .back{color:var(--text-dim);font-size:13.5px}.page-header .back:hover{color:var(--gold-bright)}.page-header h1{margin:14px 0 8px;font-size:30px}.page-header p{color:var(--text-dim);max-width:640px;font-size:14.5px}.checklist-section{margin-top:30px}.checklist-section h2{color:var(--gold);font-size:14px;font-family:var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:8px;font-weight:500}.checklist-section ol{counter-reset:ck;margin:12px 0 0;padding-left:0;list-style:none}.checklist-section li{background:var(--bg-raise);border:1px solid var(--line);counter-increment:ck;border-radius:5px;flex-direction:column;gap:4px;margin-bottom:8px;padding:13px 18px;display:flex}.checklist-section li .ck-text:before{content:counter(ck, decimal-leading-zero) " — ";font-family:var(--mono);color:var(--gold);font-size:13px}.checklist-section li.locked{opacity:.45}.checklist-section li.unlocked .ck-text{font-weight:700}.ck-detail{color:var(--text-dim);font-size:13.5px}.tm-setup-card{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;max-width:640px;padding:26px}.tm-filter{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;font-size:14px;font-family:var(--sans);background:0 0;border-radius:3px;padding:5px 16px}.chip.on{border-color:var(--gold);color:var(--gold-bright);font-weight:700}.tm-rules{color:var(--text-dim);margin:0 0 20px;padding-left:0;font-size:14px;list-style:none}.tm-rules li{margin-bottom:5px;padding-left:18px;position:relative}.tm-rules li:before{content:"";background:var(--gold);width:8px;height:1.5px;position:absolute;top:.75em;left:0}.tm-round{color:var(--gold);font-family:var(--mono);white-space:nowrap;margin-left:auto;font-size:13px}.tm-panels{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.tm-panels{grid-template-columns:1fr}}.tm-panel{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;padding:14px 18px}.tm-panel h4{color:var(--text-faint);font-size:11px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-weight:500}.tm-stat{justify-content:space-between;margin-bottom:5px;font-size:15px;display:flex}.tm-stat b{font-family:var(--mono);font-weight:500}.tm-stat .up{color:var(--up)}.tm-stat .down{color:var(--down)}.tm-note{color:var(--text-faint);margin-top:8px;font-size:12px}.tm-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.tm-action{flex:1;min-width:108px}.tm-action:disabled{opacity:.3;cursor:not-allowed}.tm-checklist{margin-top:14px}.tm-checklist summary{cursor:pointer;color:var(--text-dim);font-size:13px;font-family:var(--mono);letter-spacing:.06em}.tm-checklist ul{columns:2;column-gap:24px;margin:10px 0 0;padding-left:0;list-style:none}@media (width<=640px){.tm-checklist ul{columns:1}}.tm-checklist li{color:var(--text-dim);break-inside:avoid;margin-bottom:6px;font-size:13px}.tm-checklist li:before{content:"· ";color:var(--gold)}.tm-result-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}@media (width<=640px){.tm-result-cards{grid-template-columns:1fr}}.tm-result-card{background:var(--bg-raise);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:3px;padding:16px 18px;display:flex}.tm-result-card span{color:var(--text-faint);font-size:11px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.tm-result-card b{font-size:24px;font-family:var(--mono);font-weight:500}.tm-result-card small{color:var(--text-dim);font-size:12.5px}.tm-result-card.win b{color:var(--up)}.tm-result-card.lose b{color:var(--down)}.tm-review{flex-direction:column;gap:6px;display:flex}.tm-review-row{background:var(--bg-raise);border:1px solid var(--line);border-radius:5px;align-items:center;gap:16px;padding:10px 16px;font-size:14px;display:flex}.tm-review-row.good{border-left:3px solid var(--down)}.tm-review-row.bad{border-left:3px solid var(--up)}.tm-review-row.neutral{border-left:3px solid var(--line-strong)}.rv-month{color:var(--text-faint);width:76px;font-family:var(--mono);font-size:13px}.rv-action{width:150px;font-weight:700}.rv-fwd{color:var(--text-dim);flex:1}.rv-fwd b{font-family:var(--mono);font-weight:500}.rv-fwd .up{color:var(--up)}.rv-fwd .down{color:var(--down)}.rv-grade{white-space:nowrap;font-size:13px}.tm-placeholder{background:var(--bg-raise);border:1px dashed var(--line-strong);border-radius:6px;max-width:620px;padding:30px}@media (width<=900px){#root{--gutter:18px}.hero h1{font-size:38px}}@media (width<=640px){body{font-size:14.5px}#root{--gutter:14px}.page{padding:14px 0 calc(56px + env(safe-area-inset-bottom))}.hero{padding:34px 0 16px}.hero h1{letter-spacing:.04em;font-size:31px}.hero .tagline{font-size:13.5px}.hero .kicker{font-size:10px}.mode-card{padding:16px 18px}.mode-card h3{font-size:17px}.chapters .section-head{margin:28px 0 12px}.chapters .section-head h2{font-size:21px}.chapter-block{padding:14px 16px}.chapter-head{gap:10px}.chapter-head>div{min-width:0}.chapter-head h3{font-size:16px}.chapter-head p{font-size:12px}.levels{grid-template-columns:1fr;gap:8px}.level-card{flex-flow:wrap;align-items:baseline;gap:4px 10px;padding:11px 14px}.level-card .level-sub{display:none}.level-card .level-state{margin-top:0;margin-left:auto}.level-header{gap:10px;padding:12px 0}.level-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.step-progress{gap:4px}.dot{width:11px}.step-body{padding:20px 0}.step-body h2{font-size:20px}.rich-text{font-size:14.5px}.chart-box{margin:14px 0;padding:8px}.chart-legend{flex-wrap:wrap;gap:6px 14px;font-size:11.5px}.chart-caption{font-size:11px}.quiz-option{padding:12px 14px;font-size:14.5px}.quiz-why{padding:13px 14px}.level-footer{padding:12px 0 18px}.level-footer .btn{text-align:center;flex:1}.done-page{padding-top:36px}.done-page h1{font-size:26px}.unlock-card{padding:16px 18px}.done-actions{flex-direction:column;align-items:stretch}.page-header h1{font-size:25px}.checklist-section li{padding:12px 14px}.tm-setup-card{padding:18px}.tm-filter{flex-wrap:wrap}.tm-panel{padding:12px 14px}.tm-stat{font-size:14px}.tm-actions{gap:6px}.tm-action{flex:none;min-width:calc(50% - 3px);padding:10px 8px;font-size:13.5px}.tm-round{font-size:12px}.tm-result-card{padding:13px 15px}.tm-result-card b{font-size:20px}.tm-review-row{flex-wrap:wrap;gap:3px 12px;padding:9px 12px;font-size:13px}.rv-month{width:auto;font-size:12px}.rv-action{width:auto}.rv-fwd{flex-basis:100%;font-size:12.5px}.rv-grade{margin-left:auto;font-size:12px}}:root[data-theme=light]{--bg:#f5f2ea;--bg-raise:#fdfbf5;--bg-raise-2:#f0ecdf;--line:#2e344221;--line-strong:#2e344242;--text:#262c3c;--text-dim:#5b6374;--text-faint:#8b91a0;--gold:#96760e;--gold-bright:#7c610a;--glow:#9c7a1012;--up:#c22f34;--down:#257a56;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.top-controls{top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:80;gap:8px;display:flex;position:fixed}.theme-toggle{font-family:var(--mono);letter-spacing:.08em;color:var(--text-dim);background:var(--bg-raise);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:11px;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--gold);border-color:var(--gold)}@media (width<=980px){.level-header{padding-right:150px}}@media (width<=640px){.toggle-label{display:none}.level-header{padding-right:92px}}body:before{content:"";height:env(safe-area-inset-top);background:var(--bg);z-index:90;pointer-events:none;position:fixed;top:0;left:0;right:0}:root[data-theme=light] body:before{background:#262c3c}.install-hint{background:var(--bg-raise);border:1px solid #c9a22773;border-radius:6px;align-items:center;gap:14px;margin:-14px 0 30px;padding:12px 12px 12px 18px;display:flex}.install-hint-text{min-width:0;color:var(--text-dim);flex-direction:column;flex:1;gap:2px;font-size:13.5px;display:flex}.install-hint-text strong{color:var(--text);font-family:var(--serif);font-size:15px}.pwa-toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:85;background:var(--bg-raise-2);border:1px solid var(--line-strong);border-radius:6px;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:10px 10px 10px 16px;font-size:14px;animation:.3s toastIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.pwa-toast-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.pwa-toast-close:hover{color:var(--text)}