:root{--t1:#2B6CB0;--t2:#2F8A6B;--t3:#C08417;--t4:#C8322B;--t5:#8A94A0;--td-line:#E4DDCB;--td-card:#FFFFFF}.td-shell{max-width:1000px;padding-left:16px;padding-right:16px;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;color:var(--ink)}#td-root{padding:18px 0 80px;display:grid;gap:14px}.zh{font-family:"Noto Serif SC",serif}.py{font-family:IBM Plex Mono,monospace}.td-muted{color:var(--ink-soft);font-size:.86rem;line-height:1.55;margin:0}.td-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.td-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--td-line);background:var(--td-card);border-radius:10px;padding:9px 14px;font:600 .9rem Be Vietnam Pro,sans-serif;cursor:pointer;color:var(--ink);text-decoration:none}.td-btn:hover{border-color:var(--ink-soft)}.td-btn--primary{background:var(--seal);border-color:var(--seal);color:#fff}.td-btn--light{background:#fff;border-color:#fff;color:var(--ink)}.td-btn--ghostlight{background:transparent;border-color:#fff6;color:#fff}.td-btn--rec{border-color:var(--seal);color:var(--seal)}.td-btn--rec.is-on{background:var(--seal);color:#fff;animation:td-pulse 1s infinite}@keyframes td-pulse{50%{box-shadow:0 0 0 6px #c8322b2e}}.td-btn:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--azure);outline-offset:2px}.td-back{color:var(--ink-soft);text-decoration:none;font-size:.9rem}.td-back:hover{color:var(--seal)}.td-hero h1{font:700 clamp(1.7rem,4.5vw,2.4rem)/1.2 "Be Vietnam Pro",sans-serif;margin:6px 0 8px;text-wrap:balance}.td-kicker{margin:0;font-size:.8rem;font-weight:600;color:var(--seal)}.td-lead{margin:0 0 6px;color:var(--ink-soft);line-height:1.65;max-width:64ch}.td-meta{margin:0;font:600 .85rem IBM Plex Mono,monospace}.td-story{background:var(--ink);color:#fff;border-radius:16px;padding:18px 20px;display:grid;gap:6px}.td-story-label{font-size:.8rem;color:#b9c2cc}.td-story-zh{font:600 clamp(1.4rem,4vw,2rem) "Noto Serif SC",serif;letter-spacing:.06em}.td-story-py{font:500 1rem IBM Plex Mono,monospace}.td-story-py span[style*=t5]{color:#b9c2cc!important}.td-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.td-lesson{position:relative;display:grid;gap:6px;padding:14px;border:1.5px solid var(--td-line);border-radius:12px;background:var(--td-card);color:var(--ink);text-decoration:none}.td-lesson:hover{border-color:var(--ink-soft)}.td-lesson.is-lock{opacity:.6}.td-lesson.is-lock:after{content:"🔒 Premium";position:absolute;top:12px;right:12px;font-size:.72rem;color:var(--ink-soft)}.td-no{font:600 .78rem IBM Plex Mono,monospace;color:var(--ink-soft)}.td-big{font:700 1.6rem "Noto Serif SC",serif}.td-title{font-weight:600;font-size:.95rem}.td-bar{height:5px;border-radius:3px;background:var(--td-line);overflow:hidden}.td-bar i{display:block;height:100%;background:var(--jade)}.td-done{font-size:.78rem;color:var(--jade);font-weight:600}.td-games-link{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px;border-radius:14px;background:var(--td-card);border:1.5px solid var(--td-line);color:var(--ink);text-decoration:none}.td-games-link span{color:var(--ink-soft);font-size:.9rem}.td-lesson-head h1{font:700 clamp(1.4rem,4vw,2rem)/1.25 "Be Vietnam Pro",sans-serif;margin:4px 0 0}.td-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.td-panel{background:var(--td-card);border:1.5px solid var(--td-line);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start}.td-panel h2{margin:0;font-size:1.02rem}.td-panel p{margin:0;line-height:1.65;font-size:.95rem}.td-staff,.td-cmp{width:100%;height:auto;display:block}.td-staff text,.td-cmp text{font:500 10px IBM Plex Mono,monospace;fill:var(--ink-soft)}.td-cmp{background:#fff;border:1px solid var(--td-line);border-radius:10px}.td-pitfall{border-left:4px solid var(--t3);background:#fbf6ea;border-radius:6px;padding:8px 12px;font-size:.9rem}.td-pitfall ul{margin:4px 0 0;padding-left:18px;display:grid;gap:4px}.td-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.td-word{display:grid;gap:2px;justify-items:start;text-align:left;border:1.5px solid var(--td-line);background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)}.td-word:hover{border-color:var(--ink-soft)}.td-word .zh{font-size:1.5rem;font-weight:600}.td-word .py{font-size:.92rem}.td-vi{font-size:.82rem;color:var(--ink-soft)}.td-spoken{font-size:.75rem;color:var(--ink-soft)}.td-chips{display:flex;gap:6px;flex-wrap:wrap}.td-chips button{border:1.5px solid var(--td-line);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit}.td-chips button .zh{font-size:1.1rem}.td-chips button.is-sel{border-color:var(--ink)}.td-verdict{font-weight:600;min-height:1.4em}.td-ok{color:var(--jade)}.td-bad{color:var(--seal)}.td-gate{text-align:left}.td-next{justify-content:space-between}.td-quiz-body{display:grid;gap:10px}.td-quiz-word{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.td-quiz-word .zh{font-size:2.6rem;font-weight:700}.td-syl{display:flex;align-items:center;gap:10px}.td-syl .zh{font-size:1.4rem;font-weight:600;min-width:1.4em}.td-pick{display:flex;gap:6px}.td-pick button{width:46px;height:46px;border-radius:10px;border:1.5px solid var(--td-line);background:#fff;font:700 1.1rem IBM Plex Mono,monospace;cursor:pointer;color:var(--c)}.td-pick button:hover:not(:disabled){border-color:var(--c)}.td-pick button.is-right{background:var(--c);color:#fff;border-color:var(--c)}.td-pick button.is-wrong{background:#f3e6e4;border-color:var(--seal);color:var(--seal);text-decoration:line-through}.td-fb{min-height:1.6em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.td-mark{width:80px;height:80px}.td-mark--sm{width:28px;height:28px}.td-quiz-result{font-weight:700;font-size:1.1rem}.td-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.td-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.td-pair .td-muted{grid-column:1 / -1}.td-pairs--quiz{grid-template-columns:1fr 1fr}.td-word.is-right{border-color:var(--jade);background:#eaf5f0}.td-word.is-wrong{border-color:var(--seal);background:#f8e9e7}#td-pa-l h3,#td-pa-r h3{margin:4px 0;font-size:1rem}.td-games{display:grid;grid-template-columns:1fr 1fr;gap:14px}.td-game{background:var(--ink);color:#fff;border-radius:16px;padding:18px;display:grid;gap:12px;align-content:start}.td-game h2{margin:0;font-size:1.1rem}.td-gmuted{margin:0;color:#b9c2cc;font-size:.86rem;line-height:1.55}.td-hud{display:flex;gap:14px;flex-wrap:wrap;font:600 .88rem IBM Plex Mono,monospace}.td-hud b{font-size:1.25rem}.td-timebar{height:6px;background:#22323d;border-radius:3px;overflow:hidden}.td-timebar i{display:block;height:100%;width:100%;background:var(--t3);transition:width .1s linear}.td-stage{position:relative;background:#22323d;border-radius:12px;min-height:150px;display:grid;place-items:center}.td-stage-zh{font:700 4rem "Noto Serif SC",serif}.td-stage-fb{position:absolute;bottom:8px;left:10px;right:10px;text-align:center;font-size:.88rem}.td-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.td-keys button{height:52px;border:0;border-radius:10px;background:var(--c);color:#fff;font:700 1.3rem IBM Plex Mono,monospace;cursor:pointer}.td-keys button:active{transform:translateY(2px)}.td-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.td-mem button{aspect-ratio:1;border:0;border-radius:10px;background:#22323d;color:#fff;cursor:pointer;display:grid;place-items:center;font:700 1.6rem "Noto Serif SC",serif}.td-mem button.is-open,.td-mem button.is-done{background:#fff;color:var(--ink)}.td-mem button.is-done{opacity:.45}.td-mem .td-mark{width:70%;height:70%}@media (max-width:760px){.td-lessons{grid-template-columns:1fr 1fr}.td-grid2,.td-games{grid-template-columns:1fr}}@media (max-width:420px){.td-lessons{grid-template-columns:1fr}.td-pick button{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.td-btn--rec.is-on{animation:none}.td-timebar i{transition:none}}.td-hsk-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.td-hsk-levels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.td-hsk-levels button{font:inherit;font-size:.88rem;border:1.5px solid var(--td-line);background:#fff;color:var(--ink);border-radius:999px;padding:4px 12px;cursor:pointer}.td-hsk-levels button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.td-hsk-levels small{opacity:.7;font-variant-numeric:tabular-nums}.td-hsk-words{max-height:560px;overflow-y:auto;padding-right:4px}.td-hsk-mouth{position:sticky;top:60px;border:1.5px solid var(--td-line);border-radius:12px;padding:10px;background:#fff}.td-hsk-now{margin:8px 0 0;text-align:center;font-size:.95rem}.td-hsk-now .zh{font-size:1.3rem;font-weight:600}.td-word.is-playing{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}@media (max-width:720px){.td-hsk-layout{grid-template-columns:1fr}.td-hsk-mouth{order:-1;top:48px;z-index:2}.td-hsk-words{max-height:none}}.td-vs-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}.td-vs-chart{width:100%;height:auto}.td-vs-legend{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px;font-size:.86rem}.td-vs-legend li{display:flex;align-items:center;gap:8px}.td-vs-legend svg{width:30px;height:8px;flex:none}.td-vs-mark{font-weight:600}.td-vs-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.92rem}.td-vs-vn{font-weight:600}.td-vs-points{margin:0;padding-left:18px;display:grid;gap:8px;line-height:1.55}.td-vs-tip{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f3f7ee;line-height:1.55}.td-vs-table-wrap{overflow-x:auto}.td-vs-table{width:100%;border-collapse:collapse;font-size:.92rem}.td-vs-table th,.td-vs-table td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--td-line)}.td-vs-table th{font-weight:600;white-space:nowrap}.td-vs-num{font-variant-numeric:tabular-nums;white-space:nowrap}.td-vs-general{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:14px 0 0;line-height:1.55}.td-vs-general dt{font-weight:600}.td-vs-general dd{margin:0}@media (max-width:720px){.td-vs-grid{grid-template-columns:1fr}.td-vs-general{grid-template-columns:1fr;gap:2px}.td-vs-general dd{margin-bottom:8px}}.td-hsk-head{grid-column:1 / -1;margin:8px 0 0;font-weight:600;color:var(--ink-soft);border-bottom:1px solid var(--td-line);padding-bottom:2px}.td-rec-picked{margin:8px 0 0;font-size:.95rem}.td-rec-picked .zh{font-size:1.2rem;font-weight:600}.td-hsk-staff{margin-top:6px}.mouth-view,svg.tone-staff{cursor:pointer}