:root{--ink: #1f2a44;--ink-soft: #4a5670;--paper: #f6f8f5;--card: #ffffff;--line: #dfe4dc;--accent: #2a6f6b;--accent-soft: #e6f2f0;--good: #2e7d5b;--good-soft: #e8f5ee;--bad: #c0392b;--bad-soft: #fdecea;--ch14: #7b4bb7;--ch15: #2a6f97;--ch16: #2e7d5b;--ch17: #b4552d;--ch18: #96721b;--ch19: #b02a53}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65}.app{max-width:640px;margin:0 auto;padding:16px 14px 40px}.page{display:flex;flex-direction:column;gap:14px}.hero{text-align:center;padding:22px 8px 6px}.hero-kicker{font-size:13px;letter-spacing:2px;color:var(--accent);font-weight:600}.hero h1{margin:6px 0 8px;font-size:30px;letter-spacing:4px}.hero-sub{color:var(--ink-soft);font-size:14.5px;margin:0 auto;max-width:40em}.mode-grid{display:grid;grid-template-columns:1fr;gap:10px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-align:left;cursor:pointer;box-shadow:0 1px 3px #1f2a440f;transition:transform .08s ease;font:inherit;color:inherit}.mode-card:active{transform:scale(.98)}.mode-emoji{font-size:22px}.mode-name{font-size:17px;font-weight:700}.mode-desc{font-size:13px;color:var(--ink-soft)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.panel h2{margin:0 0 8px;font-size:16px}.panel-head{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--ink-soft);font-size:14px;margin:4px 0}.small-text{font-size:13px}.weak-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.weak-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.weak-name{font-weight:700}.weak-acc{color:var(--bad);font-size:13.5px;margin-left:auto}.wrong-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.wrong-list li{border-top:1px dashed var(--line);padding-top:8px}.wrong-text{margin:0;font-size:14px;color:var(--ink-soft)}.wrong-meta{margin:4px 0 0;font-size:13.5px}.bad-text{color:var(--bad)}.good-text{color:var(--good)}.reset-row{text-align:center;margin:0}.tag{display:inline-block;font-size:12px;font-weight:600;color:#fff;border-radius:999px;padding:2px 10px;white-space:nowrap}.tag-ch14{background:var(--ch14)}.tag-ch15{background:var(--ch15)}.tag-ch16{background:var(--ch16)}.tag-ch17{background:var(--ch17)}.tag-ch18{background:var(--ch18)}.tag-ch19{background:var(--ch19)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;font:inherit}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 6px #1f2a440d}.card.center{text-align:center}.card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.en{font-size:12.5px;color:var(--ink-soft);font-style:italic}.card-title{margin:8px 0 6px;font-size:22px}.def{margin:0 0 12px;color:var(--ink);font-size:15.5px}.example-box,.hint-box{background:var(--accent-soft);border-radius:12px;padding:10px 14px;font-size:14.5px}.example-box p{margin:4px 0 0}.example-label{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px}.iw{background:linear-gradient(180deg,#1f2a4409,#1f2a4404);border:1px dashed var(--line);border-radius:12px;padding:12px;margin-bottom:12px;touch-action:manipulation}.iw-guide{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--accent);letter-spacing:.5px}.iw-btn{display:block;width:100%;margin-top:10px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.iw-btn.small{width:auto;display:inline-block;padding:7px 11px;font-size:13px;margin-top:0;background:var(--card);color:var(--ink);border-color:var(--line)}.iw-btn.small.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.iw-insight{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:13.5px;border-left:3px solid var(--accent)}.iw-insight.good{background:var(--good-soft);border-left-color:var(--good)}.iw-note{margin:8px 0 0;font-size:13px;color:var(--ink-soft)}.iw-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;margin-top:8px}.iw-panel:first-child{margin-top:0}.iw-panel p{margin:4px 0 0}.iw-panel.dimmed{opacity:.55}.iw-panel.highlight{border-color:var(--accent);background:#fff}.iw-mini-tag{font-size:11.5px;font-weight:800;color:var(--ink-soft);letter-spacing:1px}.iw-mini-tag.alt{color:var(--accent)}.iw-pop{animation:iwpop .35s ease}@keyframes iwpop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.iw-flip{animation:iwflip .4s ease}@keyframes iwflip{0%{transform:perspective(600px) rotateX(45deg);opacity:.3}to{transform:none;opacity:1}}.iw-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.iw-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer;font-family:inherit}.iw-chip.used{opacity:.5;border-style:dashed}.iw-chip.static{cursor:default;background:var(--accent-soft);border-color:transparent}.iw-chip.cls-right{background:var(--good-soft);border-color:var(--good);color:var(--good);font-weight:700}.iw-chip.cls-wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad);text-decoration:line-through}.iw-spec-ends{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:4px;gap:12px}.iw-range{width:100%;accent-color:var(--accent);height:32px;cursor:pointer}.iw-zone{margin-top:6px;padding:10px 12px;border-radius:10px;font-size:13.5px;transition:background .25s}.iw-zone.bad{background:var(--bad-soft);border-left:3px solid var(--bad)}.iw-zone.good{background:var(--good-soft);border-left:3px solid var(--good)}.iw-timeline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iw-tl-event{flex:1 1 100px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:13.5px;text-align:center;min-width:96px}.iw-tl-arrow{display:flex;flex-direction:column;align-items:center;font-size:20px;color:var(--accent);font-weight:700}.iw-tl-arrow span{font-size:11px;white-space:nowrap}.iw-frame-strip{display:flex;flex-wrap:wrap;gap:6px;user-select:none;-webkit-user-select:none}.iw-tile{border-radius:10px;padding:8px 10px;font-size:13px;border:1px solid var(--line);transition:all .25s;background:var(--card)}.iw-tile.lit{border:2px solid var(--accent);background:var(--accent-soft);font-weight:600}.iw-tile.dark{opacity:.18;filter:grayscale(1)}.iw-tile.zoom{opacity:1}.iw-frame-ctrl{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}.iw-conclusion{background:var(--card);border:2px solid var(--ink);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-align:center;transition:transform .5s,opacity .5s}.iw-conclusion.sunk{transform:translateY(10px) rotate(-2deg);opacity:.6;border-style:dashed}.iw-plank-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.iw-plank{flex:1 1 30%;min-width:110px;border:1px solid #c9a36a;background:#f7e8cf;border-radius:8px;padding:9px 8px;font-size:12.5px;cursor:pointer;font-family:inherit;color:var(--ink)}.iw-plank.holds{background:var(--good-soft);border-color:var(--good)}.iw-plank.cracked{background:var(--bad-soft);border-color:var(--bad);transform:rotate(-1.5deg)}.iw-chain-track{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:8px}.iw-chain-node{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:all .25s}.iw-chain-node.cur{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.12)}.iw-chain-node.past{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.iw-chain-link{color:var(--line);font-weight:700;transition:color .25s}.iw-chain-link.lit{color:var(--accent)}.iw-check-list{display:flex;flex-direction:column;gap:8px}.iw-check-item{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:6px}.iw-check-label{font-size:13.5px}.iw-check-btns{display:flex;gap:6px}.iw-choice-col{display:flex;flex-direction:column;gap:8px;margin-top:10px}.iw-choice{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:14px;text-align:left;cursor:pointer;font-family:inherit;transition:all .2s}.iw-choice.good{border-color:var(--good);background:var(--good-soft);font-weight:700}.iw-choice.bad{border-color:var(--bad);background:var(--bad-soft)}.iw-choice.dim{opacity:.55}.sect{border-radius:10px;margin-bottom:10px;overflow:hidden;border:1px solid var(--line)}.sect-what{border-left:4px solid var(--ink)}.sect-why{border-left:4px solid var(--accent)}.sect-how{border-left:4px solid var(--good)}.sect-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background:#1f2a4408;border:none;cursor:pointer;font:inherit;text-align:left;color:inherit}.sect-head.static{cursor:default}.sect-label{font-size:12.5px;font-weight:800;letter-spacing:1px}.sect-what .sect-label{color:var(--ink)}.sect-why .sect-label{color:var(--accent)}.sect-how .sect-label{color:var(--good)}.sect-caret{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}.sect-body{padding:8px 12px 10px;font-size:14.5px}.sect-body p{margin:0 0 8px}.sect-body p:last-child{margin-bottom:0}.how-signal{color:var(--ink)}.how-fix{background:var(--good-soft);border-radius:8px;padding:8px 10px}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px 16px;font-size:14.5px;cursor:pointer;font:inherit}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:13px}.btn.wide{width:100%;margin-top:10px}.stepper{display:flex;align-items:center;justify-content:space-between;gap:8px}.step-count{color:var(--ink-soft);font-size:13.5px}.topbar{display:flex;align-items:center;gap:8px}.topbar-title{font-weight:700;font-size:17px}.topbar-spacer{flex:1}.jn-progress{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jn-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--ink-soft);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.jn-dot.cur{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.jn-dot.done{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.jn-dot.jn-flag{font-size:15px}.jn-scene{background:#fbf6ea;border:1px solid #ead9b0;border-radius:12px;padding:10px 14px;font-size:14.5px;margin-bottom:12px}.jn-scene p{margin:4px 0 0}.jn-scene .example-label{color:#96721b}.jn-pitfall{background:var(--bad-soft);border-left:3px solid var(--bad);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:4px}.jn-checklist{background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-size:14.5px;margin-bottom:10px}.jn-checklist p{margin:4px 0}.quiz-progress{color:var(--ink-soft);font-size:13.5px}.quiz-source{text-align:center;color:var(--ink-soft);font-size:12.5px;letter-spacing:1px;margin-bottom:8px}.quiz-text{margin:0;font-size:15.5px}.hint-box{border:1px dashed var(--accent)}.hint-more{color:var(--accent);font-weight:600}.result-box{border-radius:14px;padding:14px 16px;font-size:14.5px}.result-box.ok{background:var(--good-soft);border:1px solid #bfe3d0}.result-box.no{background:var(--bad-soft);border:1px solid #f2c4bd}.result-box p{margin:8px 0 0}.options{display:flex;flex-direction:column;gap:10px}.options-title{margin:0;font-weight:700;font-size:15px}.opt-chips{display:flex;flex-wrap:wrap;gap:6px}.opt{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 13px;font-size:13.5px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:6px}.opt:active{transform:scale(.97)}.opt.wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad);text-decoration:line-through}.opt.right{background:var(--good-soft);border-color:var(--good);color:var(--good);font-weight:700}.opt.dim{opacity:.45}.opt.none{border-style:dashed}.opt-ch{font-size:10.5px;font-weight:800;color:#fff;border-radius:999px;padding:1px 7px;white-space:nowrap}.foot{text-align:center;color:var(--ink-soft);font-size:12px;margin-top:28px}.mm{display:flex;flex-direction:column}.mm-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-soft);margin-bottom:10px}.mm-legend span{display:inline-flex;align-items:center;gap:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.st-green.dot,.dot.st-green{background:var(--good)}.st-red.dot,.dot.st-red{background:var(--bad)}.st-gray.dot,.dot.st-gray{background:#b9b3a6}.mm-prev{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--ink-soft);margin-bottom:10px}.mm-root{background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px;text-align:center;box-shadow:0 2px 8px #1f2a4440}.mm-root-title{font-size:18px;font-weight:800;letter-spacing:1px}.mm-root-sub{font-size:12.5px;opacity:.85;margin-top:4px}.mm-trunk{width:3px;height:18px;background:var(--ink-soft);margin:0 auto;border-radius:2px}.mm-branch{position:relative;padding-left:18px;margin-bottom:4px}.mm-branch:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--line)}.mm-branch:last-child:before{bottom:auto;height:26px}.mm-branch:after{content:"";position:absolute;left:7px;top:24px;width:11px;height:2px;background:var(--line)}.mm-ch{display:flex;align-items:center;gap:8px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin:6px 0;cursor:pointer;font:inherit;color:inherit;text-align:left}.mm-phase{font-size:11px;font-weight:800;color:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap;flex:none}.mm-ch-title{font-size:14px;font-weight:700;flex:1}.mm-caret{font-size:12px;color:var(--ink-soft);white-space:nowrap}.mm-leaves{padding:2px 0 8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.mm-note{flex-basis:100%;margin:0 0 4px;font-size:12.5px;color:var(--ink-soft)}.mm-leaf{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 13px;font-size:13.5px;cursor:pointer;font-family:inherit}.mm-leaf.st-green{border-color:var(--good);background:var(--good-soft)}.mm-leaf.st-red{border-color:var(--bad);background:var(--bad-soft)}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a4473;z-index:50;display:flex;align-items:flex-end;justify-content:center}.mm-pop{background:var(--card);border-radius:16px 16px 0 0;padding:18px 16px 24px;width:100%;max-width:640px;animation:iwpop .25s ease}.mm-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:17px}.mm-pop-st{font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;color:#fff}.mm-pop-st.st-green{background:var(--good)}.mm-pop-st.st-red{background:var(--bad)}.mm-pop-st.st-gray{background:#b9b3a6}.mm-pop-def{font-size:14px;margin:10px 0 14px}.mm-pop-btns{display:flex;gap:8px;flex-wrap:wrap}.mm-pop-btns .btn{flex:1;min-width:100px}