:root{--radius: 16px;--radius-sm: 10px;--shell-max: 520px;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-display: "Noto Serif SC", "Songti SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;--font-num: Georgia, "Times New Roman", "Songti SC", "Noto Serif SC", serif;font-size:16px}html[data-theme=warm]{--bg: #f6f2e9;--bg-deco1: rgba(178, 141, 58, .14);--bg-deco2: rgba(58, 48, 30, .06);--card: #fffdf7;--card-2: #f4eee0;--border: rgba(88, 70, 38, .16);--border-strong: rgba(88, 70, 38, .3);--text: #262013;--text-2: #82755e;--accent: #8f6e26;--accent-2: #b28f3e;--accent-grad: linear-gradient(135deg, #cba95c 0%, #9c7b30 100%);--accent-soft: rgba(143, 110, 38, .1);--on-accent: #241c0b;--ink: #262013;--ink-panel: #2b2418;--ink-panel-text: #f0e6cd;--seal: #a63e32;--ok: #3f7d4e;--ok-soft: rgba(63, 125, 78, .12);--warn: #a97913;--danger: #b3372c;--danger-soft: rgba(179, 55, 44, .1);--locked: #b6ab94;--path: #d8cdb2;--path-done: #a98634;--shadow: 0 2px 16px rgba(64, 49, 25, .09);--shadow-lg: 0 10px 34px rgba(64, 49, 25, .14);--mask: rgba(32, 25, 14, .55);color-scheme:light}html[data-theme=dark]{--bg: #0c0f16;--bg-deco1: rgba(212, 180, 106, .1);--bg-deco2: rgba(94, 134, 196, .08);--card: #131722;--card-2: #1a1f2c;--border: rgba(212, 180, 106, .16);--border-strong: rgba(212, 180, 106, .36);--text: #ebe5d5;--text-2: #98917e;--accent: #d4b46a;--accent-2: #e4cc8b;--accent-grad: linear-gradient(135deg, #e8d194 0%, #b08c3a 100%);--accent-soft: rgba(212, 180, 106, .12);--on-accent: #221a09;--ink: #ebe5d5;--ink-panel: #171b26;--ink-panel-text: #ecdfbc;--seal: #c1544a;--ok: #62ae78;--ok-soft: rgba(98, 174, 120, .14);--warn: #d9a93f;--danger: #d96a5e;--danger-soft: rgba(217, 106, 94, .12);--locked: #4c4a41;--path: #262c3b;--path-done: #c9a851;--shadow: 0 4px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .6);--mask: rgba(3, 4, 9, .7);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.72;-webkit-font-smoothing:antialiased;transition:background .3s ease;overflow-x:hidden}#root{min-height:100dvh}.shell{position:relative;max-width:var(--shell-max);margin:0 auto;min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-blobs:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);background:var(--bg-deco1);top:-180px;right:-160px}.bg-blobs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(640px 420px at -10% 110%,var(--bg-deco2),transparent 70%)}html[data-theme=dark] .bg-blobs:after{background:repeating-linear-gradient(0deg,rgba(212,180,106,.028) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(212,180,106,.028) 0 1px,transparent 1px 44px),radial-gradient(640px 420px at -10% 110%,var(--bg-deco2),transparent 70%)}html[data-theme=warm] .bg-blobs:after{background:repeating-linear-gradient(0deg,rgba(88,70,38,.026) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(88,70,38,.026) 0 1px,transparent 1px 44px),radial-gradient(640px 420px at -10% 110%,var(--bg-deco2),transparent 70%)}.shell>*{position:relative;z-index:1}h1,h2,h3{line-height:1.38;margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.015em}p{margin:0 0 10px}button{font-family:inherit}.num{font-family:var(--font-num)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.seal-mark{width:38px;height:38px;min-width:38px;border-radius:10px;background:var(--ink-panel);color:var(--accent-2);font-family:var(--font-display);font-size:22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px #d4b46a8c,var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 22px;border:1px solid transparent;border-radius:12px;font-size:15.5px;font-weight:600;letter-spacing:.04em;cursor:pointer;color:var(--on-accent);background:var(--accent-grad);box-shadow:inset 0 1px #ffffff59,var(--shadow);transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--border-strong);box-shadow:none}.btn.soft{background:var(--accent-soft);color:var(--accent);border:1px solid transparent;box-shadow:none}.btn.small{min-height:36px;padding:6px 16px;font-size:13.5px;border-radius:10px}.btn.block{display:flex;width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:12.5px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);font-weight:500;letter-spacing:.02em;white-space:nowrap}.muted{color:var(--text-2)}input.field,textarea.field{width:100%;min-height:46px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--card);color:var(--text);font-size:16px;font-family:inherit;outline:none}input.field:focus,textarea.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:var(--shell-max);max-height:88dvh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:22px 22px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));animation:slideUp .25s ease}.modal-handle{width:42px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto 14px}.modal h3{font-size:19px;margin-bottom:4px}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink-panel);color:var(--ink-panel-text);border:1px solid var(--border);padding:10px 18px;border-radius:12px;font-size:14px;z-index:99;max-width:86vw;text-align:center;animation:fadeIn .2s ease;box-shadow:var(--shadow-lg)}.home-head{padding:20px 18px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brand-text{display:flex;flex-direction:column}.brand .name{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:.06em}.brand .slogan{font-size:10.5px;color:var(--text-2);letter-spacing:.1em}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--accent);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.hero-card{margin:12px 16px;padding:26px 20px;text-align:center;background:radial-gradient(340px 180px at 85% -30%,rgba(203,169,92,.22),transparent 70%),var(--ink-panel);color:var(--ink-panel-text);border:1px solid var(--border-strong)}.hero-card h2{font-size:24px;margin:8px 0;letter-spacing:.08em}.hero-card p{font-size:13.5px;opacity:.85;margin-bottom:16px;line-height:1.9}.hero-eyebrow{color:var(--accent-2)}.progress-card{margin:12px 16px;padding:16px;display:flex;flex-direction:column;gap:10px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-title{font-size:15px;font-weight:700;font-family:var(--font-display)}.progress-bar{height:6px;border-radius:999px;background:var(--path);overflow:hidden}.progress-bar>i{display:block;height:100%;border-radius:999px;background:var(--accent-grad);transition:width .4s ease}.progress-actions{display:flex;gap:8px;flex-wrap:wrap}.entry-row{display:flex;gap:10px;margin:0 16px 6px}.entry-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 6px 12px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;font-size:13px;font-weight:600;color:var(--text);text-align:center}.entry-item .ico{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);color:var(--accent);font-family:var(--font-display);font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft)}.entry-item .sub{font-size:10.5px;font-weight:400;color:var(--text-2)}.map-block{margin-top:8px}.map-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 20px 0}.map-title-row .eyebrow{white-space:nowrap}.map-title-note{font-size:11px;color:var(--text-2);letter-spacing:.06em;text-align:right;white-space:nowrap}.map-wrap{position:relative;margin:6px 0 20px}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:156px;cursor:pointer;border:none;background:none;padding:0;color:var(--text)}.node-circle{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:1.5px solid var(--border-strong);box-shadow:var(--shadow);position:relative;transition:transform .15s ease,border-color .2s ease}.node-num{font-family:var(--font-num);font-size:24px;font-weight:700;color:var(--accent);line-height:1}.map-node:active .node-circle{transform:scale(.94)}.map-node.done .node-circle{background:var(--accent-grad);border-color:transparent}.map-node.done .node-num{color:var(--on-accent);font-size:22px}.map-node.current .node-circle{border-color:var(--accent);animation:halo 2.4s ease-out infinite}.map-node.locked .node-circle{opacity:.6}.map-node.locked .node-num{color:var(--locked)}.seal-circle{border-radius:14px;background:var(--seal);border-color:transparent}.seal-circle .node-num{color:#fdf6e8;font-size:26px}.cert-node.locked .node-circle{opacity:.5}.node-badge{position:absolute;right:-3px;top:-3px;width:20px;height:20px;border-radius:50%;background:var(--card);border:1px solid var(--border);font-size:10px;display:flex;align-items:center;justify-content:center;filter:grayscale(.4)}.node-label{font-family:var(--font-display);font-size:13.5px;font-weight:700;text-align:center;line-height:1.3;letter-spacing:.02em}.node-sub{font-size:10.5px;color:var(--text-2);text-align:center;line-height:1.5}.node-flag{font-size:10.5px;padding:2.5px 12px;border-radius:999px;background:var(--ink-panel);color:var(--accent-2);font-weight:600;letter-spacing:.14em;border:1px solid var(--border-strong)}.node-flag.locktag{background:transparent;color:var(--text-2);border-color:var(--border)}.node-stars{font-size:11px;letter-spacing:2px;color:var(--accent)}@keyframes halo{0%{box-shadow:0 0 0 0 var(--accent-soft),var(--shadow)}70%{box-shadow:0 0 0 12px transparent,var(--shadow)}to{box-shadow:0 0 0 0 transparent,var(--shadow)}}.buddy{position:fixed;right:max(14px,calc((100vw - var(--shell-max)) / 2 + 14px));bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.buddy-bubble{max-width:250px;background:var(--card);border:1px solid var(--border-strong);border-radius:14px 14px 4px;padding:10px 14px;font-size:13px;line-height:1.7;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.buddy-face{width:50px;height:50px;border-radius:14px;background:var(--accent-grad);border:none;color:var(--on-accent);font-family:var(--font-display);font-size:24px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1.5px #fffdf766,var(--shadow-lg);display:flex;align-items:center;justify-content:center}.lesson-top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.lesson-top-row{display:flex;align-items:center;gap:10px;padding:10px 14px}.back-btn{width:38px;height:38px;min-width:38px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lesson-top-title{font-family:var(--font-display);font-size:15px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.read-progress{height:2px;background:transparent}.read-progress>i{display:block;height:100%;background:var(--accent-grad);transition:width .25s ease}.lesson-body{padding:20px 18px 30px;display:flex;flex-direction:column;gap:14px}.step-body{animation:rise .4s ease both;padding-bottom:12px;min-height:calc(100dvh - 210px)}.lesson-hero{text-align:center;padding:14px 0 4px}.module-no{font-family:var(--font-num);font-size:13px;letter-spacing:.34em;color:var(--accent);margin-bottom:10px}.lesson-hero .big{font-size:44px;line-height:1.2}.lesson-hero h1{font-size:26px;margin:6px 0;letter-spacing:.04em}.lesson-hero .sub{color:var(--text-2);font-size:13.5px}.lesson-intro{font-size:15.5px;line-height:1.85;padding:0 2px}.outline-card{padding:18px}.outline-list{margin:10px 0 0;padding:0;list-style:none;counter-reset:outline;display:flex;flex-direction:column;gap:0}.outline-list li{counter-increment:outline;display:flex;align-items:baseline;gap:12px;padding:9px 0;font-size:14.5px;font-weight:500;border-bottom:1px dashed var(--border)}.outline-list li:last-child{border-bottom:none}.outline-list li:before{content:counter(outline,decimal-leading-zero);font-family:var(--font-num);font-size:13px;color:var(--accent);min-width:22px}.outline-list li.outline-extra{color:var(--text-2);font-weight:400}.kp-head{padding:6px 0 0}.kp-title{font-size:22px;margin-top:8px;letter-spacing:.02em}.kp-concept{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius);background:var(--ink-panel);color:var(--ink-panel-text);border:1px solid var(--border-strong)}.kp-concept p{margin:0;font-size:15px;line-height:1.8}.kp-concept-mark{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:6px;padding:2px 6px;min-width:24px;text-align:center;line-height:1.5;margin-top:3px;writing-mode:horizontal-tb;white-space:nowrap}.metaphor-card{background:var(--card-2);border-color:var(--border)}.metaphor-card p{margin:10px 0 0;font-size:14.5px;line-height:1.85}.metaphor-head{display:flex;align-items:center;gap:12px}.metaphor-ico{font-size:26px;width:46px;height:46px;min-width:46px;border-radius:12px;background:var(--card);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center}.metaphor-title{font-family:var(--font-display);font-size:16.5px;font-weight:700;margin-top:2px}.lesson-section h2{font-size:17.5px;margin-bottom:8px}.lesson-section p,.lesson-section li{font-size:15px;color:var(--text);line-height:1.8}.lesson-section p:last-child{margin-bottom:0}.lesson-section ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.lesson-section li::marker{color:var(--accent)}.tipbox{padding:12px 16px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600;line-height:1.7;border-left:3px solid var(--accent)}.tipbox:before{content:"记住 ";font-family:var(--font-display);letter-spacing:.2em;opacity:.7;font-size:11px;display:block;margin-bottom:2px}.apply-card{background:var(--card)}.apply-group{margin-top:12px}.apply-tag{display:inline-block;font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--accent);border:1px solid var(--border-strong);border-radius:999px;padding:2px 12px;margin-bottom:8px}.apply-group ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.apply-group li{font-size:14px;line-height:1.75;color:var(--text)}.apply-group li::marker{color:var(--accent)}.practice-card{display:flex;gap:14px}.practice-no{font-family:var(--font-num);font-size:22px;font-weight:700;color:var(--accent);line-height:1.2;min-width:34px}.practice-body{flex:1;min-width:0}.practice-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:6px}.practice-body p{font-size:14px;color:var(--text-2);line-height:1.75}.template-box{background:var(--card-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;line-height:1.8;white-space:pre-wrap;margin-bottom:10px}.interact-card{border:1px solid var(--border-strong);background:var(--card);position:relative;overflow:hidden}.interact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-grad)}.interact-card>.interact-head{font-family:var(--font-display);font-weight:700;font-size:18px;margin:8px 0 4px;letter-spacing:.02em}.interact-hint{font-size:13px;color:var(--text-2);margin-bottom:14px;line-height:1.7}.summary-card{background:var(--card-2)}.summary-card li{font-size:14.5px}.done-banner{text-align:center;padding:14px;border-radius:var(--radius);background:var(--ok-soft);color:var(--ok);font-weight:700;animation:slideUp .3s ease}.lesson-foot{display:flex;gap:10px;margin-top:6px}.step-nav{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.step-nav .btn{min-width:108px}.step-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:150px}.step-dots i{width:5px;height:5px;border-radius:50%;background:var(--path)}.step-dots i.done{background:var(--accent-2)}.step-dots i.cur{background:var(--accent);transform:scale(1.5)}.widget{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px 14px 16px;box-shadow:var(--shadow)}.widget-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.widget-tag{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--on-accent);background:var(--accent-grad);padding:3px 10px;border-radius:6px;white-space:nowrap;margin-top:2px}.widget-prompt{font-size:13.5px;color:var(--text-2);line-height:1.65;flex:1}.widget-progress{margin-top:10px;font-size:12px;color:var(--text-2);letter-spacing:.04em}.feedback{padding:11px 14px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.75;margin-top:10px}.feedback.good{background:var(--ok-soft);color:var(--ok)}.feedback.bad{background:var(--danger-soft);color:var(--danger)}.feedback.info{background:var(--accent-soft);color:var(--accent)}.flip-grid{display:grid;gap:10px}.flip-grid.cols-2{grid-template-columns:1fr 1fr}.flip-grid.cols-1{grid-template-columns:1fr}.flip-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);padding:14px 12px;min-height:92px;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:background .2s ease,border-color .2s ease;line-height:1.6}.flip-card:not(.open):active{transform:scale(.98)}.flip-card.open{background:var(--card);border-color:var(--border-strong);animation:rise .3s ease both}.flip-ico{font-size:22px}.flip-front{font-weight:700;font-size:14px;font-family:var(--font-display)}.flip-sub{font-size:11.5px;color:var(--text-2)}.flip-cue{position:absolute;right:10px;bottom:8px;font-size:10.5px;color:var(--accent);letter-spacing:.14em;border:1px solid var(--border-strong);border-radius:999px;padding:1px 8px}.flip-title{font-weight:700;font-size:13px;font-family:var(--font-display);color:var(--accent)}.flip-back{font-size:13px;line-height:1.75}.quiz-q{font-size:15px;font-weight:600;line-height:1.7;margin-bottom:10px}.quiz-opts{display:flex;flex-direction:column;gap:8px}.quiz-opt{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);padding:11px 13px;font-size:14px;cursor:pointer;text-align:left;line-height:1.6;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s}.quiz-opt:not(:disabled):active{transform:scale(.99)}.quiz-opt.right{border-color:var(--ok);background:var(--ok-soft)}.quiz-opt.wrong{border-color:var(--danger);background:var(--danger-soft)}.quiz-opt.dim{opacity:.55}.quiz-opt:disabled{cursor:default}.quiz-opt-text{font-weight:500}.quiz-why{font-size:12.5px;color:var(--text-2);line-height:1.7;border-top:1px dashed var(--border);padding-top:6px}.quiz-footer{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:13px}.sort-stage{display:flex;flex-direction:column;gap:10px}.sort-count{font-size:11.5px;color:var(--text-2);letter-spacing:.08em}.sort-card{background:var(--card-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:18px 16px;font-size:15px;font-weight:600;line-height:1.7;text-align:center;box-shadow:var(--shadow)}.sort-buckets{display:grid;gap:8px}.sort-buckets.n2{grid-template-columns:1fr 1fr}.sort-buckets.n3{grid-template-columns:repeat(3,1fr)}.sort-buckets.n4{grid-template-columns:1fr 1fr}.sort-bucket{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--accent);font-weight:600;font-size:14px;padding:12px 8px;cursor:pointer;transition:background .15s,transform .1s}.sort-bucket:active{transform:scale(.97);background:var(--accent-soft)}.cmp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.cmp-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text-2);font-size:14px;font-weight:600;padding:10px 8px;cursor:pointer;letter-spacing:.04em}.cmp-tab.on{background:var(--ink-panel);color:var(--accent-2);border-color:var(--border-strong)}.cmp-panel{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;animation:rise .25s ease both}.cmp-title{font-family:var(--font-display);font-size:14.5px;font-weight:700;margin-bottom:8px;color:var(--accent)}.cmp-line{font-size:13.5px;line-height:1.75;margin:0 0 7px}.cmp-line:last-child{margin-bottom:0}.dial-row{display:flex;align-items:center;gap:10px}.dial-label{font-size:13px;font-weight:600;white-space:nowrap;color:var(--text-2)}.dial-slider{flex:1;accent-color:var(--accent);min-height:30px}.dial-stop-name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap;min-width:74px;text-align:right}.dial-meter{height:5px;border-radius:999px;background:var(--path);overflow:hidden;margin:10px 0}.dial-meter>i{display:block;height:100%;background:var(--accent-grad);transition:width .35s ease}.dial-output{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;animation:rise .25s ease both}.dial-output p{margin:0;font-size:14px;line-height:1.75}.dial-note{display:block;margin-top:6px;font-size:12px;color:var(--accent)}.predict-context{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:15px;line-height:1.8;margin-bottom:10px}.predict-slot{display:inline-block;min-width:44px;text-align:center;border-bottom:2px solid var(--accent);color:var(--accent);font-weight:700;margin-left:2px}.predict-slot.filled{animation:rise .25s ease both}.predict-opts{display:flex;flex-direction:column;gap:7px}.predict-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);padding:9px 12px;cursor:pointer;transition:border-color .15s}.predict-opt.on{border-color:var(--accent);background:var(--accent-soft)}.predict-opt.dim{opacity:.5}.predict-opt:disabled{cursor:default}.predict-word{font-weight:700;font-size:14.5px;min-width:44px;text-align:left}.predict-bar{flex:1;height:6px;border-radius:3px;background:var(--path);overflow:hidden}.predict-bar>i{display:block;height:100%;background:var(--accent-grad)}.predict-pct{font-family:var(--font-num);font-size:12.5px;color:var(--text-2);min-width:38px;text-align:right}.redact-box{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:14.5px;line-height:2.1}.redact-plain{cursor:default}.redact-seg{display:inline;border:none;background:none;padding:1px 4px;margin:0 1px;font-size:inherit;font-family:inherit;color:var(--accent);border-bottom:1.5px dashed var(--accent);cursor:pointer;line-height:inherit}.redact-seg.hit{background:var(--ink-panel);color:var(--ink-panel-text);border-bottom-color:transparent;border-radius:4px;letter-spacing:1px}.shake{animation:shake .3s ease}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.run-steps{display:flex;flex-direction:column;gap:10px}.run-step{display:flex;gap:10px;align-items:flex-start;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;animation:rise .35s ease both}.run-dot{width:22px;height:22px;min-width:22px;border-radius:50%;background:var(--accent-grad);color:var(--on-accent);font-family:var(--font-num);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.run-title{font-weight:700;font-size:13.5px;font-family:var(--font-display)}.run-detail{font-size:13px;color:var(--text-2);line-height:1.7;margin-top:2px}.run-running{font-size:12.5px;color:var(--accent);letter-spacing:.14em;animation:blink 1s ease infinite;padding-left:4px}@keyframes blink{50%{opacity:.35}}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);padding:10px 12px;font-size:13.5px;line-height:1.65;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.check-item.on{border-color:var(--accent);background:var(--accent-soft)}.check-box{width:20px;height:20px;min-width:20px;border-radius:6px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--on-accent);margin-top:1px}.check-item.on .check-box{background:var(--accent-grad);border-color:transparent}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);padding:12px 10px;font-size:14px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;transition:border-color .15s,background .15s,transform .1s;min-height:46px;justify-content:center;line-height:1.5}.opt-card:active{transform:scale(.97)}.opt-card .ico{font-size:22px}.opt-card.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.opt-card.right{border-color:var(--ok);background:var(--ok-soft)}.opt-card.wrong{border-color:var(--danger);opacity:.75}.opt-card.dim{opacity:.5}.opt-card:disabled{cursor:default}.seq-list{display:flex;flex-direction:column;gap:8px}.chat-box{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding:4px 2px}.msg{max-width:82%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.65;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--ink-panel);color:var(--ink-panel-text);border-bottom-right-radius:4px}.msg.bot{align-self:flex-start;background:var(--card-2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg .cite{display:block;margin-top:6px;font-size:12px;color:var(--accent)}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.codeblock{background:#10131f;color:#d7e2ff;border-radius:var(--radius-sm);padding:12px;overflow-x:auto;white-space:pre;line-height:1.6;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px;border:1px solid var(--border)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center;transition:transform .12s,border-color .15s;box-shadow:var(--shadow)}.case-card:active{transform:scale(.97)}.case-card .ico{font-size:28px}.case-card .t{font-weight:700;font-size:15px;font-family:var(--font-display)}.case-card .d{font-size:11px;color:var(--text-2);line-height:1.5}.case-card.visited{border-color:var(--accent)}.case-card .visited-mark{position:absolute;top:8px;right:10px;color:var(--accent);font-size:13px;font-weight:700}.principle-box{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;line-height:1.8}.scene-stage{border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--border)}.slider-row{display:flex;align-items:center;gap:10px;font-size:14px}.slider-row input[type=range]{accent-color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;cursor:pointer}.tag.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.rank-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--border)}.rank-item .ico{font-size:22px}.rank-item .info{flex:1;min-width:0}.rank-item .t{font-size:14px;font-weight:600}.rank-item .d{font-size:12px;color:var(--text-2)}.match-bar{height:5px;border-radius:3px;background:var(--path);overflow:hidden;margin-top:4px}.match-bar>i{display:block;height:100%;background:var(--accent-grad)}.canvas-preview{width:100%;border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);display:block}.tips-list{display:flex;flex-direction:column;gap:10px}.tip-item{padding:12px 14px;border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--border)}.tip-item .t{font-weight:700;font-size:14.5px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-display)}.tip-item .x{font-size:13.5px;color:var(--text-2);line-height:1.7}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;box-shadow:var(--shadow)}.stat-card .n{font-family:var(--font-num);font-size:22px;font-weight:700;color:var(--accent);line-height:1.3}.stat-card .l{font-size:10.5px;color:var(--text-2);line-height:1.5;display:block;margin-top:4px}.quote-card{padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--card-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15px;font-family:var(--font-display);line-height:1.85}.quote-card .by{display:block;margin-top:6px;font-size:12px;color:var(--text-2);text-align:right;font-family:var(--font-sans)}.xp-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--font-num);background:var(--accent-grad);color:var(--on-accent);letter-spacing:.04em}.reveal{animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media(min-width:560px){.shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}.step-nav{max-width:var(--shell-max);margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}}