:root{--ink:#252740;--muted:#71758b;--line:#e9e7f1;--purple:#6557bc;--deep:#4c409c;--wash:#f1eeff;--bg:#f8f7fc;--good:#e1f6e9;--goodText:#25764a;--learn:#fff0bd;--learnText:#866000;--white:#fff;--shadow:0 18px 48px rgba(57,43,113,.065);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse 55% 370px at 11% 3%,#ffedf4 0,transparent 100%),radial-gradient(ellipse 55% 420px at 94% 4%,#ece9ff 0,transparent 100%),var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ab9ff5;outline-offset:3px}button:disabled{opacity:.46;cursor:not-allowed}[hidden]{display:none!important}.shell{max-width:1350px;margin:auto;padding:24px clamp(16px,3.5vw,52px) 45px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;letter-spacing:-.025em}.logo{width:42px;height:42px;background:linear-gradient(145deg,#8075da,#584baa);border-radius:14px;color:#fff;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 17px #6557bc36}.top-meta{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#49b18d;display:inline-block}.hero{margin:0 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:750;color:var(--purple)}h1{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.045em;margin:4px 0 10px}.hero p{color:var(--muted);max-width:760px;margin:0}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 22px}.nav button,.pill{border:1px solid var(--line);background:#fff;color:#5f6075;border-radius:12px;padding:10px 17px;font-weight:700;font-size:13px}.nav button[aria-current="page"]{color:#fff;background:var(--purple);border-color:var(--purple);box-shadow:0 5px 15px #6557bc20}.panel{background:var(--white);border:1px solid #eceaf4;border-radius:var(--radius);box-shadow:var(--shadow)}.section-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:20px;margin:0;letter-spacing:-.025em}.subtle{color:var(--muted);font-size:13px}.btn{border-radius:11px;padding:10px 14px;border:1px solid var(--line);background:#fff;color:#54536b;font-size:13px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px}.btn:hover{filter:brightness(.985)}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.btn.soft{background:var(--wash);border-color:#e4ddfa;color:var(--deep)}.btn.good{color:var(--goodText);background:var(--good);border-color:#cbe9d6}.btn.warn{color:var(--learnText);background:var(--learn);border-color:#f4de92}.btn.small{padding:7px 10px;min-height:34px;font-size:12px}.btn.danger{color:#a0404b;background:#fff7f7}.btn.active{box-shadow:0 0 0 2px var(--purple) inset}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.story-picker{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:17px}.story-tab{border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px 13px;font-size:13px;color:#666578;font-weight:650}.story-tab.active{background:var(--wash);border-color:#cfc6f6;color:var(--deep)}.reading-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px}.reading-toolbar .mode-btn{border-radius:12px;border:1px solid var(--line);padding:10px 14px;background:white;color:#656177;font-weight:700;font-size:13px}.reading-toolbar .mode-btn.active{background:var(--purple);border-color:var(--purple);color:white}.legend{margin-left:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.swatch{width:12px;height:12px;border-radius:4px;display:inline-block;vertical-align:middle}.swatch.learn{background:#f9d775}.read-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.8fr);gap:20px;align-items:start}.paper{padding:25px clamp(17px,3.1vw,34px) 30px;min-width:0}.paper h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0 0 5px}.paper-summary{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.tag{padding:6px 9px;border-radius:9px;background:#f6f4ff;color:#7068b6;font-size:11px;font-weight:800;white-space:nowrap}.countline{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;color:var(--muted);margin:15px 0 7px}.track{height:7px;border-radius:50px;background:#eeeaf8;overflow:hidden}.track>span{display:block;background:linear-gradient(90deg,#9080dd,#6857c1);width:0;height:100%;transition:width .3s}.sentence{padding:17px 2px;border-bottom:1px solid #f0eef5}.sentence:first-child{padding-top:20px}.sentence-head{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a5a1b7;margin-bottom:7px;font-weight:800}.chinese{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;font-size:clamp(25px,2.7vw,32px);line-height:1.95;letter-spacing:.01em;overflow-wrap:anywhere}.word{font:inherit;line-height:inherit;letter-spacing:inherit;border:0;background:transparent;padding:3px 1px;border-radius:6px;color:inherit;display:inline;vertical-align:baseline;transition:background .15s}.word:hover{background:#efecff}.word.learning{background:var(--learn);box-shadow:inset 0 -3px 0 #dcae39}.word.selected{outline:2px solid #8779dc;outline-offset:-1px}.word.speech-current{background:#dcddff;box-shadow:0 0 0 2px #6858be}.word.speech-past:not(.learning):not(.known){background:#f0f2ff}.sentence-actions{display:flex;gap:9px;align-items:center;margin-top:10px;flex-wrap:wrap}.translation{font-size:13px;color:#6d667d;background:#f8f7fc;padding:11px 13px;border-radius:11px;margin:9px 0 0}.quiet{border:0;background:transparent;color:var(--purple);font-weight:700;font-size:12px;padding:6px}.continuous{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;font-size:clamp(28px,3vw,37px);line-height:2.08;letter-spacing:.025em;padding:12px 0 25px;overflow-wrap:anywhere}.continuous p{margin:0 0 18px}.minimal-head{font-size:12px;color:var(--muted);margin:6px 0 0}.study-tip{padding:12px 14px;border-radius:11px;color:#71728b;background:#f8f7fc;font-size:12px;margin-top:17px}.helper{padding:23px;position:sticky;top:15px}.helper h2{font-size:17px;margin:0 0 14px}.placeholder{text-align:center;color:var(--muted);padding:20px 8px 25px}.placeholder .glyph{font-size:42px;color:#7666bf;background:#f1eeff;border-radius:16px;width:80px;height:80px;display:grid;place-items:center;margin:0 auto 14px}.placeholder strong{display:block;color:var(--ink);margin-bottom:5px}.word-big{font-family:"Noto Sans SC",sans-serif;font-size:56px;line-height:1.25;margin:8px 0}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#a5a2b4}.pinyin{font-size:21px;color:var(--deep);font-weight:700;margin:4px 0 13px}.meaning{font-size:16px;margin:3px 0 12px}.helper-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.detail-controls{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.helper-note{color:var(--muted);font-size:12px;margin:12px 0 0}.helper-tools{border-top:1px solid var(--line);padding-top:16px;margin-top:19px}.helper-tools h3{margin:0 0 10px;font-size:14px}.vocab-counts{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.vocab-counts span{background:#f6f4fa;border-radius:8px;padding:6px 8px}.switch{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer}.switch input{accent-color:var(--purple)}.reader-options{margin-left:auto}.read-aloud-bar{border:1px solid #e4dff6;background:#fbfaff;border-radius:13px;padding:12px;margin:7px 0 16px}.listening-state{display:flex;gap:7px;align-items:center;color:#6e638e;font-size:12px}.mic-pulse{width:9px;height:9px;border-radius:50%;background:#c8c3d7}.mic-pulse.live{background:#43bc89;box-shadow:0 0 0 4px #def9eb;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.4}}.speech-transcript{color:#6f6a81;font-size:12px;margin:9px 0 0;word-break:break-word}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px}.lesson-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:9px}.lesson-card h3{margin:0;font-size:17px}.lesson-card .zh{font-size:20px}.lesson-card .bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:6px}.small-tag{font-size:11px;color:#796ab5;background:#f3efff;padding:4px 7px;border-radius:8px}.card-grid .lesson-card:hover{border-color:#c7baf6}.view{animation:up .2s ease}@keyframes up{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.content-panel{padding:25px}.content-panel h2{margin:0 0 8px;font-size:23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;color:#676178}.field input,.field textarea,.field select{border:1px solid #dad8e5;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);min-width:0}.field textarea{min-height:180px;resize:vertical;line-height:1.8}.field-wide{grid-column:1/-1}.import-help{padding:12px;border-radius:11px;background:#f7f5fe;color:#706b88;font-size:13px}.status{font-size:12px;color:#615a83;margin:11px 0}.status.error{color:#a6414b}.import-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px}.section-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:9px}.vocab-card{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left}.vocab-card h3{margin:0 0 2px;font-size:25px}.vocab-card .sense{font-size:12px;color:var(--muted)}.vocab-card .pin{color:var(--purple);font-size:13px;font-weight:700}.review-game{max-width:520px;margin:15px auto;text-align:center;border:1px solid var(--line);border-radius:18px;padding:35px 20px;background:#fff}.review-char{font-family:"Noto Sans SC",sans-serif;font-size:66px;margin:12px 0 20px}.review-answer{margin:18px 0;color:var(--deep)}.review-actions{justify-content:center}.review-instruction{font-size:13px;color:var(--muted)}.notice{background:#fff9e6;color:#80652c;border:1px solid #f5e1a3;border-radius:12px;padding:12px 14px;font-size:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2c2941;color:white;padding:10px 17px;border-radius:12px;z-index:200;box-shadow:0 12px 35px #201b3e35;font-size:13px;max-width:calc(100vw - 24px);text-align:center}.drawer-backdrop{display:none}.helper-close{display:none}.footer{color:#9995aa;font-size:11px;text-align:center;margin-top:26px}.kbd{border:1px solid #dfdced;border-radius:5px;padding:1px 5px;background:#fff}.empty{padding:25px;text-align:center;color:var(--muted)}.all-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tipslist{padding-left:18px;color:var(--muted);font-size:13px;line-height:1.8}.tipslist li{margin:3px 0}.speech-legend{font-size:11px;color:#80788d;line-height:1.5;margin:8px 0 0}
@media(max-width:900px){.read-layout{grid-template-columns:1fr}.helper{position:fixed;z-index:110;bottom:0;left:0;right:0;top:auto;border-radius:22px 22px 0 0;max-height:83vh;overflow:auto;padding:19px 22px 26px;box-shadow:0 -15px 40px #241e4d33;transform:translateY(115%);transition:transform .22s ease}.helper.open{transform:translateY(0)}.drawer-backdrop.open{display:block;position:fixed;inset:0;background:#22203977;z-index:100}.helper-close{display:inline-flex}.placeholder{display:none}.legend{margin-left:0}.reader-options{margin-left:0}.content-panel{padding:20px}}
@media(max-width:550px){.shell{padding:16px 14px 34px}.top{margin-bottom:14px}.top-meta{display:none}.brand{font-size:15px}.hero h1{font-size:29px}.hero{margin-bottom:17px}.nav button{flex:1;padding:10px}.nav{gap:5px}.paper{padding:17px}.paper h2{font-size:21px}.chinese{font-size:29px;line-height:1.9}.continuous{font-size:30px;line-height:2.05}.reading-toolbar{gap:6px}.reading-toolbar .mode-btn{flex:1;padding:10px 9px;font-size:12px}.story-picker{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.story-tab{flex-shrink:0}.fields{grid-template-columns:1fr}.content-panel{padding:17px}.helper{padding:17px 19px 23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.mic-overlay{position:fixed;z-index:8000;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(29,26,55,.56);padding:20px}
.mic-dialog{width:min(460px,100%);padding:26px;box-shadow:0 25px 90px #16112b55}
.mic-dialog h2{margin:2px 0 10px;font-size:22px}.mic-dialog p{line-height:1.55;margin:10px 0}
.mic-dialog-icon{font-size:36px}.mic-dialog .btn-row{margin-top:20px}