@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--bg:#0a0b10;--bg-elev-1:#11131c;--bg-elev-2:#181b27;--bg-elev-3:#1f2331;--sidebar-bg:#0d0f17;--border:#ffffff0f;--border-strong:#ffffff21;--border-focus:var(--accent);--text:#f1f3fb;--text-muted:#f1f3fbb3;--text-dim:#f1f3fb75;--text-faint:#f1f3fb3d;--text-ghost:#f1f3fb14;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--accent:#8b5cf6;--accent-12:color-mix(in srgb, var(--accent) 12%, transparent);--accent-18:color-mix(in srgb, var(--accent) 18%, transparent);--accent-30:color-mix(in srgb, var(--accent) 30%, transparent);--accent-45:color-mix(in srgb, var(--accent) 45%, transparent);--accent-70:color-mix(in srgb, var(--accent) 70%, transparent);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 8px 28px #00000059;--shadow-lg:0 24px 64px #00000080;--shadow-glow:0 0 0 1px var(--accent-30), 0 16px 48px -12px var(--accent-45);--font-sans:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-serif-sc:"Noto Serif SC", "Source Han Serif SC", serif;--font-sans-sc:"Noto Sans SC", "Source Han Sans SC", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.24s;--dur-slow:.42s;--sidebar-w:256px;--surface:var(--bg-elev-1);--text-1:var(--text);--text-2:var(--text-muted)}:root[data-theme=light]{--bg:#f4f0e8;--bg-elev-1:#fffdf8;--bg-elev-2:#ede6da;--bg-elev-3:#e4dccf;--sidebar-bg:#ece5d9;--border:#372d241a;--border-strong:#372d2433;--text:#29241f;--text-muted:#29241fb3;--text-dim:#29241f85;--text-faint:#29241f57;--text-ghost:#29241f11;--shadow-sm:0 1px 2px #372d2414;--shadow-md:0 12px 32px #372d241a;--shadow-lg:0 24px 64px #372d242e;--shadow-glow:0 0 0 1px var(--accent-30), 0 16px 42px -18px var(--accent-45)}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;height:100%;margin:0;padding:0}body{min-height:100dvh;overflow-x:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}button:disabled{opacity:.35;cursor:not-allowed}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input:focus{caret-color:var(--accent)}::selection{background:var(--accent-45)}.app{grid-template-columns:var(--sidebar-w) 1fr;background:radial-gradient(ellipse 60% 40% at 100% 0%, var(--accent-12), transparent 60%), var(--bg);min-height:100dvh;transition:background-color var(--dur) var(--ease);display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);height:100dvh;padding:var(--s-5) var(--s-3);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:0 var(--s-3) var(--s-6);border-bottom:1px solid var(--border);margin-bottom:var(--s-4);align-items:center;gap:12px;display:flex}.brand__mark{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));width:38px;height:38px;font-family:var(--font-serif-sc);color:#fff;box-shadow:var(--shadow-glow);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.brand__text{flex-direction:column;min-width:0;display:flex}.brand__zh{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:1.5px;font-size:16px;font-weight:700;line-height:1.1}.brand__en{letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700}.nav-section+.nav-section{border-top:1px solid var(--border);margin-top:var(--s-2);padding-top:var(--s-4)}.nav-section__label{letter-spacing:1.5px;color:var(--text-faint);text-transform:uppercase;padding:0 var(--s-3) var(--s-2);font-size:10px;font-weight:700}.nav-item{border-radius:var(--r-md);color:var(--text-muted);letter-spacing:.1px;text-align:left;width:100%;transition:all var(--dur-fast) var(--ease);align-items:center;gap:11px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.nav-item:hover{background:var(--text-ghost);color:var(--text)}.nav-item--active{background:var(--accent-18);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-30)}.nav-item--active .nav-item__icon{color:var(--accent)}.nav-item__icon{text-align:center;width:20px;color:var(--text-dim);transition:color var(--dur-fast) var(--ease);flex:none;font-size:16px}.nav-item__label{flex:1;min-width:0}.nav-item__badge{border-radius:var(--r-full);background:var(--accent);color:#fff;letter-spacing:.3px;flex:none;padding:2px 8px;font-size:10px;font-weight:700}.nav-item__badge--ghost{background:var(--text-ghost);color:var(--text-dim)}.lesson-list{flex-direction:column;gap:1px;display:flex}.lesson-item{border-radius:var(--r-md);text-align:left;width:100%;transition:all var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:9px 12px;display:flex}.lesson-item:hover{background:var(--text-ghost)}.lesson-item--active{background:var(--accent-18);box-shadow:inset 0 0 0 1px var(--accent-30)}.lesson-item__dot{border-radius:50%;flex:none;width:8px;height:8px}.lesson-item__label{font-family:var(--font-serif-sc);color:var(--text-muted);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;overflow:hidden}.lesson-item--active .lesson-item__label{color:var(--text)}.lesson-item__progress{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-weight:700}.sidebar__footer{padding:var(--s-4) var(--s-3) 0;border-top:1px solid var(--border);margin-top:auto}.streak-card{background:linear-gradient(135deg, var(--accent-18), transparent);border:1px solid var(--accent-30);border-radius:var(--r-lg);padding:14px 16px}.streak-card__row{align-items:baseline;gap:6px;display:flex}.streak-card__num{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.streak-card__label{color:var(--text-dim);letter-spacing:.5px;font-size:11px;font-weight:600}.streak-card__sub{color:var(--text-faint);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.main{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.page-header{padding:var(--s-6) var(--s-8) var(--s-4);justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.page-header__title{color:var(--text);letter-spacing:-.4px;margin:0;font-size:28px;font-weight:700}.page-header__subtitle{color:var(--text-dim);letter-spacing:.1px;margin-top:4px;font-size:13px}.page-header__actions{gap:var(--s-2);align-items:center;display:flex}.menu-toggle{display:none}.page{padding:0 var(--s-8) var(--s-8);flex:1;width:100%;max-width:1100px}.surface{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--s-7);box-shadow:var(--shadow-md);animation:surface-in var(--dur-slow) var(--ease-out)}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tile{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5);transition:all var(--dur) var(--ease)}.tile--interactive{cursor:pointer}.tile--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero{background:radial-gradient(ellipse 70% 100% at 100% 0%, var(--accent-30), transparent 60%), linear-gradient(180deg, var(--bg-elev-2), var(--bg-elev-1));border:1px solid var(--accent-30);border-radius:var(--r-2xl);padding:var(--s-8);margin-bottom:var(--s-6);position:relative;overflow:hidden}.hero__eyebrow{letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.hero__title{color:var(--text);letter-spacing:-.6px;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.15}.hero__subtitle{color:var(--text-muted);margin-bottom:var(--s-6);max-width:520px;font-size:15px;line-height:1.55}.hero__actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.stat-grid{gap:var(--s-4);margin-bottom:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5)}.stat__label{letter-spacing:1.2px;color:var(--text-dim);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.stat__value{color:var(--text);letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.stat__delta{color:var(--text-dim);margin-top:6px;font-size:12px;font-weight:600}.section-title{color:var(--text);letter-spacing:-.2px;margin:var(--s-7) 0 var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-3);font-size:18px;font-weight:700;display:flex}.section-title__link{color:var(--text-dim);letter-spacing:.3px;font-size:12px;font-weight:600}.section-title__link:hover{color:var(--accent)}.lesson-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.lesson-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5);text-align:left;transition:all var(--dur) var(--ease);flex-direction:column;gap:10px;width:100%;display:flex}.lesson-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lesson-card__title{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:1.5px;font-size:19px;font-weight:600}.lesson-card__sub{letter-spacing:1.2px;color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4}.lesson-card__chip{border-radius:var(--r-full);background:var(--accent-18);color:var(--accent);letter-spacing:.3px;padding:4px 10px;font-size:10px;font-weight:700}.lesson-card__meta{color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.progress-bar{background:var(--text-ghost);border-radius:var(--r-full);height:5px;margin-top:4px;overflow:hidden}.progress-bar__fill{background:var(--accent);border-radius:var(--r-full);height:100%;transition:width var(--dur-slow) var(--ease)}.btn{border-radius:var(--r-md);letter-spacing:.3px;transition:all var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -8px var(--accent-70)}.btn--primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 12px 28px -8px var(--accent-70);transform:translateY(-1px)}.btn--ghost{background:var(--text-ghost);color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-elev-2);color:var(--text);border-color:var(--border-strong)}.btn--lg{padding:14px 28px;font-size:14px}.btn--full{width:100%;padding:13px}.btn-row{gap:var(--s-2);margin-top:var(--s-5);flex-wrap:wrap;justify-content:center;display:flex}.tab-bar{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--s-4);padding:5px}.tab-bar__inner{flex-wrap:wrap;gap:3px;display:flex}.tab{border-radius:var(--r-sm);min-width:64px;transition:all var(--dur-fast) var(--ease);color:var(--text-dim);flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:10px 6px;display:flex}.tab__zh{font-family:var(--font-serif-sc);font-size:18px;line-height:1}.tab__en{letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.tab:hover{color:var(--text-muted);background:var(--text-ghost)}.tab--active{color:var(--accent);background:var(--accent-12)}.tab--active .tab__zh{transform:scale(1.05)}.toolbar{margin-bottom:var(--s-4);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.toolbar__btn{background:var(--text-ghost);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);letter-spacing:.8px;transition:all var(--dur-fast) var(--ease);padding:7px 12px;font-size:11px;font-weight:700}.toolbar__btn:hover{color:var(--text);border-color:var(--border-strong)}.toolbar__btn--on{background:var(--accent-18);border-color:var(--accent-45);color:var(--text)}.flash-meta{text-align:center;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:var(--s-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.progress-dots{margin-bottom:var(--s-3);justify-content:center;gap:4px;display:flex}.progress-dot{border-radius:var(--r-full);background:var(--text-ghost);max-width:22px;height:3px;transition:background var(--dur-fast) var(--ease);flex:1 1 0}.progress-dot--done{background:var(--accent-45)}.progress-dot--current{background:var(--accent)}.card{background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--accent-12), transparent 60%), var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--r-2xl);text-align:center;min-height:260px;transition:all var(--dur) var(--ease);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 28px 56px;display:flex;position:relative}.card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-strong))}.card--flipped{background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--accent-30), transparent 60%), var(--bg-elev-2);border-color:var(--accent-45);box-shadow:var(--shadow-glow)}.card__hint{letter-spacing:2px;color:var(--text-faint);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:18px;left:0;right:0}.card__corner{letter-spacing:1px;color:var(--text-faint);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;top:16px;left:18px}.hanzi-xl{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:6px;font-size:60px;font-weight:600;line-height:1.1}.hanzi-lg{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:4px;font-size:42px;font-weight:600;line-height:1.2}.hanzi-md{font-family:var(--font-serif-sc);color:var(--text);font-size:21px;font-weight:500;line-height:1.85}.en-lg{color:var(--text);max-width:460px;font-size:22px;line-height:1.4}.en-md{color:var(--text-muted);font-size:16px;line-height:1.6}.en-sm{color:var(--text-dim);font-size:13px;line-height:1.65}.grade-bar{gap:var(--s-2);margin-top:var(--s-5);display:flex}.grade-btn{border-radius:var(--r-md);transition:all var(--dur-fast) var(--ease);border:1.5px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 10px;display:flex}.grade-btn:hover:not(:disabled){transform:translateY(-1px)}.grade-btn:active:not(:disabled){transform:scale(.96)}.grade-btn__label{letter-spacing:1.2px;font-size:11px;font-weight:700}.grade-btn__interval{opacity:.72;letter-spacing:.5px;font-size:10px;font-weight:500}.grade-btn--again{background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.grade-btn--good{background:color-mix(in srgb, var(--success) 14%, transparent);border-color:color-mix(in srgb, var(--success) 55%, transparent);color:var(--success)}.grade-btn--easy{background:color-mix(in srgb, var(--info) 14%, transparent);border-color:color-mix(in srgb, var(--info) 55%, transparent);color:var(--info)}.speaker-btn{border-radius:var(--r-full);background:var(--bg-elev-3);border:1px solid var(--border-strong);width:40px;height:40px;transition:all var(--dur-fast) var(--ease);flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.speaker-btn:hover{background:var(--accent-18);border-color:var(--accent-45)}.speaker-btn:active{transform:scale(.9)}.speaker-btn--floating{z-index:1;position:absolute;top:16px;right:16px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-2);font-size:10px;font-weight:700}.section-label--muted{color:var(--text-dim)}.tag{letter-spacing:1px;border-radius:var(--r-full);background:var(--accent-18);color:var(--accent);border:1px solid var(--accent-45);font-size:10px;font-weight:600;font-family:var(--font-serif-sc);padding:4px 12px;display:inline-flex}.reveal-box{background:var(--accent-12);border:1px solid var(--accent-30);border-radius:var(--r-lg);animation:reveal-in var(--dur-slow) var(--ease-out);padding:18px 20px}@keyframes reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-box{margin-top:var(--s-5);border-radius:var(--r-md);animation:reveal-in var(--dur-slow) var(--ease-out);border:1px solid;overflow:hidden}.result-box--correct{border-color:color-mix(in srgb, var(--success) 45%, transparent)}.result-box--wrong{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.result-box__header{letter-spacing:.5px;padding:12px 18px;font-size:13px;font-weight:700}.result-box--correct .result-box__header{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.result-box--wrong .result-box__header{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.result-box__body{background:var(--bg-elev-2);padding:14px 18px}.result-box__note{background:var(--accent-12);border-top:1px solid var(--border);padding:14px 18px}.breakdown-parts{margin:var(--s-4) 0;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.char-tile{background:var(--accent-12);border:1px solid var(--accent-30);border-radius:var(--r-lg);text-align:center;flex:100px;min-width:100px;padding:18px 14px}.char-tile__char{font-family:var(--font-serif-sc);color:var(--text);margin-bottom:6px;font-size:36px;font-weight:600}.char-tile__meaning{color:var(--accent);font-size:12px;line-height:1.5}.display-card{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--r-xl);text-align:center;padding:32px 24px;position:relative}.display-card--accent{background:linear-gradient(180deg, var(--accent-12), var(--bg-elev-2));border-color:var(--accent-30)}.example-box{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:var(--s-4);padding:16px 18px}.example-box__row{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.prompt-box{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);margin-bottom:var(--s-4);padding:22px;position:relative}.prompt-box--accent{background:var(--accent-12);border-color:var(--accent-30)}.prompt-box__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.prompt-box__tip{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s-4);color:var(--text-muted);padding:12px 16px;font-size:13px;line-height:1.65}.prompt-box__tip-label{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-right:6px;font-size:10px;font-weight:700}.translate-header{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.translate-header__dir{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.fill-header{margin-bottom:var(--s-4);justify-content:space-between;align-items:center;display:flex}.fill-header__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.fill-header__hint{color:var(--text-dim);font-size:12px}.fill-sentence{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);font-family:var(--font-serif-sc);color:var(--text);flex-wrap:wrap;align-items:center;gap:4px;padding:24px 20px;font-size:22px;line-height:2.4;display:flex}.blank-input{background:var(--bg-elev-3);border:1.5px solid var(--border-strong);border-radius:var(--r-sm);font-family:var(--font-serif-sc);text-align:center;width:120px;transition:all var(--dur-fast) var(--ease);padding:6px 12px;font-size:20px}.blank-input:focus{border-color:var(--accent)}.blank-input--correct{background:color-mix(in srgb, var(--success) 16%, var(--bg-elev-3));border-color:color-mix(in srgb, var(--success) 55%, transparent)}.blank-input--wrong{background:color-mix(in srgb, var(--danger) 16%, var(--bg-elev-3));border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.scramble-header{margin-bottom:var(--s-4);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scramble-header__en{color:var(--text-muted);flex:1;font-size:14px;line-height:1.5}.scramble-tray{background:var(--bg-elev-2);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);min-height:68px;margin-bottom:var(--s-4);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.scramble-tray__placeholder{color:var(--text-faint);font-size:13px}.scramble-bank{margin-bottom:var(--s-4);flex-wrap:wrap;gap:8px;display:flex}.word-chip{background:var(--bg-elev-3);border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-family:var(--font-serif-sc);color:var(--text);transition:all var(--dur-fast) var(--ease);padding:9px 16px;font-size:17px}.word-chip:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong))}.word-chip--chosen{background:var(--accent-18);border-color:var(--accent-45)}.empty-state{text-align:center;padding:40px 20px}.empty-state__emoji{margin-bottom:14px;font-size:56px}.empty-state__title{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.empty-state__body{color:var(--text-dim);margin-bottom:var(--s-6);font-size:13px;line-height:1.7}.article-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.article-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);text-align:left;width:100%;transition:all var(--dur) var(--ease);flex-direction:column;gap:10px;display:flex}.article-card:hover{border-color:var(--accent-30);box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card__chips{gap:6px;display:flex}.chip{border-radius:var(--r-full);background:var(--text-ghost);color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;font-size:10px;font-weight:700}.chip--accent{background:var(--accent-18);color:var(--accent)}.article-card__title{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:1px;margin-top:4px;font-size:22px;font-weight:600;line-height:1.4}.article-card__title-en{color:var(--text-dim);font-size:13px;font-style:italic;line-height:1.5}.article-card__meta{color:var(--text-faint);letter-spacing:.5px;text-transform:uppercase;gap:12px;margin-top:auto;font-size:11px;font-weight:600;display:flex}.reader{max-width:720px;margin:0 auto}.reader__hero{margin-bottom:var(--s-6)}.reader__back{background:var(--text-ghost);border-radius:var(--r-full);color:var(--text-muted);margin-bottom:var(--s-4);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.reader__back:hover{background:var(--bg-elev-2);color:var(--text)}.reader__title{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:2px;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1.3}.reader__title-en{color:var(--text-dim);margin-bottom:var(--s-4);font-size:14px;font-style:italic}.reader__chips{margin-bottom:var(--s-5);gap:6px;display:flex}.reader__paragraph{font-family:var(--font-serif-sc);color:var(--text);margin-bottom:var(--s-5);letter-spacing:.5px;font-size:22px;line-height:2.2}.vocab-token{color:var(--accent);border-bottom:1.5px dashed var(--accent-45);cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:2px;padding:0 1px;display:inline;position:relative}.vocab-token:hover,.vocab-token--active{background:var(--accent-18)}.vocab-popover{z-index:100;background:var(--bg-elev-3);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:200px;max-width:280px;animation:reveal-in var(--dur) var(--ease-out);padding:14px 18px;position:fixed}.vocab-popover__zh{font-family:var(--font-serif-sc);color:var(--text);margin-bottom:4px;font-size:22px;font-weight:600}.vocab-popover__py{color:var(--accent);letter-spacing:.5px;margin-bottom:6px;font-size:13px}.vocab-popover__en{color:var(--text-muted);font-size:13px;line-height:1.5}.vocab-popover__lesson{letter-spacing:1px;border-radius:var(--r-full);background:var(--text-ghost);color:var(--text-dim);text-transform:uppercase;margin-top:8px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.reader__legend{color:var(--text-dim);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s-5);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.daily-prefs{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;padding:12px 16px;display:flex}.daily-prefs__label{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.daily-prefs__chips{flex-wrap:wrap;gap:6px;display:flex}.daily-topic-chip{border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-dim);transition:all var(--dur-fast) var(--ease);letter-spacing:.3px;padding:6px 12px;font-size:12px;font-weight:600}.daily-topic-chip:hover{color:var(--text);border-color:var(--border-strong)}.daily-topic-chip--on{color:var(--accent);border-color:var(--accent-45)}.daily-banner{margin-top:var(--s-3);background:color-mix(in srgb, var(--warning) 14%, transparent);border:1px solid color-mix(in srgb, var(--warning) 38%, transparent);color:#fde68a;border-radius:var(--r-md);padding:10px 14px;font-size:13px}.daily-empty{padding:var(--s-8);text-align:center;background:var(--bg-elev-1);border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-muted)}.daily-empty__title{color:var(--text);margin:0 0 6px;font-size:18px}.daily-empty__sub{font-size:13px;line-height:1.6}.daily-empty code{background:var(--bg-elev-2);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.daily-archive{margin-top:var(--s-7)}.daily-archive__row{flex-wrap:wrap;gap:8px;display:flex}.daily-archive__pill{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--dur-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;display:flex}.daily-archive__pill:hover{border-color:var(--accent-45)}.daily-archive__pill--active{border-color:var(--accent);background:var(--accent-12)}.daily-archive__date{color:var(--text);letter-spacing:.5px;font-size:13px;font-weight:600}.daily-archive__count{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.daily-paragraph{position:relative}.daily-paragraph__toggle{letter-spacing:1px;border-radius:var(--r-full);background:var(--text-ghost);color:var(--text-dim);vertical-align:middle;transition:all var(--dur-fast) var(--ease);align-items:center;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.daily-paragraph__toggle:hover,.daily-paragraph__toggle--on{background:var(--accent-18);color:var(--accent)}.daily-paragraph__en{background:var(--bg-elev-1);border-left:2px solid var(--accent-45);border-radius:var(--r-sm);font-family:var(--font-sans);color:var(--text-muted);letter-spacing:0;margin-top:8px;padding:10px 14px;font-size:14px;line-height:1.6}.daily-vocab{margin-top:var(--s-7)}.daily-vocab__grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.daily-vocab__card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;position:relative}.daily-vocab__card:hover{border-color:var(--accent-30)}.daily-vocab__zh{font-family:var(--font-serif-sc);letter-spacing:1px;color:var(--text);margin-bottom:4px;font-size:22px;font-weight:600}.daily-vocab__py{letter-spacing:.5px;margin-bottom:6px;font-size:13px}.daily-vocab__en{color:var(--text-muted);font-size:13px;line-height:1.5}.daily-vocab__note{color:var(--text-dim);margin-top:6px;font-size:11px;font-style:italic;line-height:1.5}.daily-vocab__speak{position:absolute;top:10px;right:10px}.daily-source{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--border);color:var(--text-dim);font-size:12px}.daily-source a{color:var(--accent);text-decoration:none}.daily-source a:hover{text-decoration:underline}.stat-row{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s-2);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.stat-row__label{align-items:center;gap:12px;display:flex}.stat-row__name{font-family:var(--font-serif-sc);color:var(--text);letter-spacing:1px;font-size:16px}.stat-row__count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.mastery-bar{border-radius:var(--r-full);background:var(--text-ghost);height:10px;margin:0 var(--s-4);flex:1;max-width:300px;display:flex;overflow:hidden}.mastery-bar__seg{height:100%;transition:width var(--dur-slow) var(--ease)}.mastery-bar__seg--mature{background:var(--success)}.mastery-bar__seg--learning{background:var(--accent)}.mastery-bar__seg--new{background:var(--text-faint)}.legend{gap:var(--s-4);margin-bottom:var(--s-4);letter-spacing:.5px;flex-wrap:wrap;font-size:11px;font-weight:600;display:flex}.legend__item{color:var(--text-dim);align-items:center;gap:6px;display:flex}.legend__dot{border-radius:3px;width:10px;height:10px}.footer{text-align:center;padding:var(--s-6) 0 var(--s-4);letter-spacing:2px;color:var(--text-faint);text-transform:uppercase;font-size:10px;font-weight:600}.scrim{-webkit-backdrop-filter:blur(4px);z-index:49;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:50;width:280px;height:100dvh;transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.scrim--show{display:block}.menu-toggle{border-radius:var(--r-md);background:var(--bg-elev-1);border:1px solid var(--border);width:42px;height:42px;color:var(--text);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.page-header{padding:var(--s-5) var(--s-5) var(--s-3)}.page{padding:0 var(--s-5) var(--s-7)}.page-header__title{font-size:22px}.hero{padding:var(--s-6)}.hero__title{font-size:24px}}@media (width<=520px){.hanzi-xl{letter-spacing:4px;font-size:48px}.hanzi-lg{font-size:34px}.surface{padding:var(--s-5)}.reader__title{font-size:24px}.reader__paragraph{font-size:19px;line-height:2}}.custom-lesson-banner{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-5);border-radius:var(--r-md);background:color-mix(in oklab, var(--accent) 10%, var(--surface));border:1px solid color-mix(in oklab, var(--accent) 25%, transparent);color:var(--text-2);font-size:13px;display:flex}.custom-lesson-banner strong{color:var(--text-1)}.import-dual{gap:var(--s-5);margin-bottom:var(--s-5);grid-template-columns:1fr 280px;align-items:start;display:grid}@media (width<=720px){.import-dual{grid-template-columns:1fr}}.import-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5)}.import-panel__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:var(--s-3);font-size:12px}.import-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-1);padding:var(--s-4);resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.6}.import-textarea:focus{border-color:var(--accent);outline:none}.dropzone{justify-content:center;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-7) var(--s-5);border:2px dashed var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text-1);cursor:pointer;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone--over{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 6%, var(--bg))}.dropzone__icon{font-size:36px}.dropzone__title{font-size:15px;font-weight:600}.dropzone__sub{color:var(--text-2);font-size:12px}.raw-preview{margin-top:var(--s-4);color:var(--text-2);font-size:12px}.raw-preview summary{cursor:pointer;padding:var(--s-2) 0}.raw-preview pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-3);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.import-error{background:color-mix(in oklab, #ef4444 12%, var(--surface));color:#fecaca;padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);margin-bottom:var(--s-4);border:1px solid oklab(63.6834% .187864 .0889286/.35);font-size:13px}.import-meta{margin-bottom:var(--s-4)}.import-title-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-1);padding:var(--s-3) var(--s-4);font-size:14px}.import-title-input:focus{border-color:var(--accent);outline:none}.entry-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s-5);overflow:hidden}.entry-row{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1.4fr 1.8fr 32px;align-items:center;display:grid}.entry-row:last-child{border-bottom:none}.entry-row--header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);background:var(--bg);font-size:11px}.entry-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-1);padding:8px 10px;font-size:13px}.entry-input:focus{border-color:var(--accent);outline:none}.entry-input--zh{font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif;font-size:16px}.entry-pinyin-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;padding:0 8px;font-size:14px}.entry-pinyin-btn:hover{border-color:var(--accent)}.entry-delete{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.entry-delete:hover{color:#ef4444}@media (width<=720px){.entry-row{gap:var(--s-2);grid-template-columns:1fr 1fr 1fr 24px}.entry-input{padding:6px 8px;font-size:12px}.entry-input--zh{font-size:14px}}.mine-score{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-5)}.mine-score__bar{border-radius:var(--r-full);background:var(--bg-elev-3);height:8px;overflow:hidden}.mine-score__fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--accent-45), var(--accent));height:100%;transition:width .7s cubic-bezier(.22,1,.36,1)}.mine-score__caption{margin-top:var(--s-3);color:var(--text-dim);font-size:13px}.mine-score__caption strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.mine-note{border-left:2px solid var(--warning);background:color-mix(in srgb, var(--warning) 8%, transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--s-3) var(--s-4);color:var(--text-muted);margin-bottom:var(--s-5);font-size:12.5px;line-height:1.65}.mine-echo{background:color-mix(in srgb, var(--success) 7%, var(--bg-elev-1));border:1px solid color-mix(in srgb, var(--success) 22%, transparent);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-6)}.mine-echo__head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.mine-echo__title{color:var(--text);font-size:15px;font-weight:700}.mine-echo__sub{color:var(--text-dim);max-width:46ch;margin-top:4px;font-size:12.5px;line-height:1.6}.mine-echo__words{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.mine-echo__word{font-family:var(--font-serif-sc);letter-spacing:1px;border-radius:var(--r-full);background:color-mix(in srgb, var(--success) 14%, transparent);color:color-mix(in srgb, var(--success) 80%, white);padding:3px 10px;font-size:15px}.mine-section-head{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.seed-list{gap:var(--s-2);margin-bottom:var(--s-6);flex-direction:column;display:flex}.seed{align-items:start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;grid-template-columns:26px 1fr auto;transition:border-color .14s,background .14s;display:grid}.seed:hover{border-color:var(--border-strong)}.seed--on{border-color:var(--accent-45);background:color-mix(in srgb, var(--accent) 7%, var(--bg-elev-1))}.seed__check{border:1.5px solid var(--border-strong);width:20px;height:20px;color:var(--bg);border-radius:6px;place-items:center;margin-top:2px;font-size:12px;transition:background .14s,border-color .14s;display:grid}.seed--on .seed__check{background:var(--accent);border-color:var(--accent)}.seed__head{align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.seed__zh{font-family:var(--font-serif-sc);letter-spacing:2px;color:var(--text);font-size:21px}.seed__count{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:11px}.seed__badge{letter-spacing:.09em;text-transform:uppercase;border-radius:var(--r-full);background:var(--accent-18);color:var(--accent);padding:2px 7px;font-size:9.5px;font-weight:700}.seed__en{color:var(--text-muted);margin-top:3px;font-size:12.5px;line-height:1.5}.mine-ctx{gap:var(--s-2);margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px dashed var(--border);display:flex}.mine-ctx__who{opacity:.7;font-size:11px;line-height:1.7}.mine-ctx__text{font-family:var(--font-sans-sc);color:var(--text-dim);font-size:13px;line-height:1.7}.mine-ctx__hit{background:var(--accent-18);color:var(--accent);border-radius:3px;padding:0 2px}.mine-meta{margin-bottom:var(--s-4)}.card__ctx{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px dashed var(--border);font-family:var(--font-sans-sc);color:var(--text-dim);max-width:34ch;font-size:13.5px;line-height:1.7}.card__ctx-who{opacity:.7;margin-right:6px}@media (width<=720px){.mine-echo__head{flex-direction:column}.seed{gap:var(--s-2);padding:var(--s-3);grid-template-columns:22px 1fr auto}.seed__zh{font-size:19px}.seed__en,.mine-ctx__text{font-size:12px}}.reader__loading{padding:var(--s-10) 0;text-align:center;color:var(--text-dim);font-size:13px}.reader-bar{z-index:20;gap:var(--s-2);padding:var(--s-3) 0;margin-bottom:var(--s-4);background:linear-gradient(var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;display:flex;position:sticky;top:0}.reader-bar__btn{font:inherit;letter-spacing:.04em;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-muted);cursor:pointer;padding:7px 14px;font-size:12px;font-weight:600;transition:all .14s}.reader-bar__btn:hover{border-color:var(--accent-45);color:var(--text)}.reader-bar__btn--on{background:var(--accent-18);border-color:var(--accent);color:var(--accent)}.reading{font-family:var(--font-sans-sc);color:var(--text);letter-spacing:.02em;font-size:22px;line-height:2.05}.reading--ruby{line-height:2.9}.reading__para{margin-bottom:var(--s-7)}.reading__en{margin-top:var(--s-3);padding-left:var(--s-4);border-left:2px solid var(--border-strong);font-family:var(--font-sans,inherit);color:var(--text-dim);letter-spacing:0;font-size:14px;line-height:1.75}.reading__sent{border-radius:6px}.tk{cursor:pointer;border-radius:3px;transition:background .12s}.tk:hover{background:var(--accent-18)}.tk--known{color:var(--accent);border-bottom:1.5px dashed var(--accent-45)}.tk--dict{border-bottom:1px solid #0000}.tk--dict:hover{border-bottom-color:var(--accent-45)}.tk--added{color:var(--success);border-bottom-color:color-mix(in srgb, var(--success) 45%, transparent)}.tk-plain{color:var(--text-muted)}ruby.tk{ruby-align:center}ruby.tk>rt{font-family:var(--font-sans,system-ui), sans-serif;color:var(--text-dim);letter-spacing:0;-webkit-user-select:none;user-select:none;padding-bottom:2px;font-size:.42em;font-weight:500;line-height:1.4}ruby.tk--known>rt{color:color-mix(in srgb, var(--accent) 75%, transparent)}.vocab-popover__actions{align-items:center;gap:var(--s-2);margin-top:var(--s-3);display:flex}.btn--tiny{border-radius:var(--r-full);padding:5px 11px;font-size:11px}.reader-toast{z-index:60;border-radius:var(--r-full);background:color-mix(in srgb, var(--success) 16%, var(--bg-elev-3));border:1px solid color-mix(in srgb, var(--success) 40%, transparent);color:color-mix(in srgb, var(--success) 85%, white);padding:10px 18px;font-size:13px;font-weight:600;animation:.22s cubic-bezier(.22,1,.36,1) toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=720px){.reading{font-size:20px;line-height:2}.reading--ruby{line-height:2.8}.reader-bar{padding:var(--s-2) 0}.reader-bar__btn{padding:6px 12px;font-size:11.5px}}.page{max-width:1180px}.theme-toggle{border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-elev-1);min-height:38px;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast), transform var(--dur-fast);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle span{font-size:16px;line-height:1}.theme-toggle small{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.hero--editorial{align-items:center;gap:var(--s-8);background:linear-gradient(115deg, color-mix(in srgb, var(--accent) 20%, var(--bg-elev-2)), var(--bg-elev-1) 62%), var(--bg-elev-1);grid-template-columns:minmax(0,1fr) 230px;min-height:330px;padding:clamp(30px,5vw,60px);display:grid}.hero--editorial:after{content:"学";color:var(--text-ghost);font-family:var(--font-serif-sc);pointer-events:none;font-size:210px;line-height:1;position:absolute;bottom:-48px;right:19%}.hero--editorial .hero__title{max-width:720px;font-family:var(--font-serif-sc);letter-spacing:-.04em;font-size:clamp(34px,4.5vw,56px);font-weight:600}.hero__seal{z-index:1;aspect-ratio:1;border:2px solid color-mix(in srgb, var(--accent) 72%, var(--text));outline:1px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:9px;width:184px;color:color-mix(in srgb, var(--accent) 82%, var(--text));flex-direction:column;justify-content:center;justify-self:center;align-items:center;display:flex;position:relative;transform:rotate(2deg)}.hero__seal span{font-family:var(--font-serif-sc);letter-spacing:.08em;writing-mode:vertical-rl;font-size:58px}.hero__seal small{letter-spacing:.28em;margin-top:10px;font-size:8px;font-weight:800}.home-metrics,.journey-stats{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-elev-1);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.home-metrics>div,.journey-stats>div{border-right:1px solid var(--border);align-items:baseline;gap:9px;padding:20px 22px;display:flex}.home-metrics>div:last-child,.journey-stats>div:last-child{border-right:0}.home-metrics strong,.journey-stats strong{color:var(--text);font-family:var(--font-serif-sc);font-size:25px}.home-metrics span,.journey-stats span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:46px 0 17px;display:flex}.section-heading h3{color:var(--text);font-family:var(--font-serif-sc);letter-spacing:.01em;margin:3px 0 0;font-size:25px;font-weight:600}.section-heading>span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.section-heading__eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.section-heading--archive .section-heading__eyebrow{color:#8c7bb4}.lesson-card{position:relative;overflow:hidden}.lesson-card:before{content:"";background:var(--lesson-accent,var(--accent));width:3px;position:absolute;top:0;bottom:0;left:0}.lesson-card:hover{border-color:color-mix(in srgb, var(--lesson-accent,var(--accent)) 35%, var(--border))}.lesson-card__kicker{color:var(--lesson-accent,var(--accent));letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.lesson-card .progress-bar__fill{background:var(--lesson-accent,var(--accent))}.lesson-card .lesson-card__chip{color:var(--lesson-accent,var(--accent));background:color-mix(in srgb, var(--lesson-accent,var(--accent)) 14%, transparent)}.lesson-grid--archive .lesson-card{opacity:.92}.archive-banner{text-align:left;border:1px solid color-mix(in srgb, #8c7bb4 28%, var(--border));border-radius:var(--r-2xl);background:linear-gradient(110deg, color-mix(in srgb, #8c7bb4 13%, var(--bg-elev-1)), var(--bg-elev-1)), var(--bg-elev-1);width:100%;transition:transform var(--dur), border-color var(--dur), box-shadow var(--dur);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:26px;margin-top:46px;padding:clamp(24px,4vw,40px);display:grid}.archive-banner:hover{border-color:color-mix(in srgb, #8c7bb4 55%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.archive-banner__mark{color:#8c7bb4;width:72px;height:72px;font-family:var(--font-serif-sc);border:1px solid #8c7bb4;place-items:center;font-size:37px;display:grid}.archive-banner__eyebrow{color:#8c7bb4;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.archive-banner h3{color:var(--text);font-family:var(--font-serif-sc);margin:5px 0;font-size:27px;font-weight:600}.archive-banner p{max-width:670px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.archive-banner__action{color:var(--text);white-space:nowrap;font-size:12px;font-weight:700}.archive-banner__action span{color:#8c7bb4;margin-left:7px}.journey-intro{background:linear-gradient(115deg, color-mix(in srgb, #d97757 17%, var(--bg-elev-2)), var(--bg-elev-1) 68%);border:1px solid color-mix(in srgb, #d97757 28%, var(--border));border-radius:var(--r-2xl);grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:36px;min-height:290px;padding:clamp(28px,5vw,56px);display:grid}.journey-intro__eyebrow{color:#d97757;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.journey-intro h2{color:var(--text);font-family:var(--font-serif-sc);letter-spacing:-.045em;margin:8px 0 14px;font-size:clamp(38px,5.5vw,64px);font-weight:500;line-height:1.04}.journey-intro p{max-width:690px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.journey-intro__stamp{color:#d97757;width:128px;height:150px;font-family:var(--font-serif-sc);text-align:center;border:2px solid #d97757;place-items:center;font-size:43px;line-height:1.15;display:grid;transform:rotate(3deg)}.journey-stats{margin-top:18px}.journey-section{margin-top:56px}.journey-section .section-heading{margin-top:0}.era-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.era-card{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--bg-elev-1);padding:27px;position:relative;overflow:hidden}.era-card:after{content:"";background:var(--era-accent);height:3px;position:absolute;inset:auto 0 0}.era-card__top{color:var(--era-accent);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.era-card__top time{color:var(--text-dim)}.era-card h4{font-family:var(--font-serif-sc);margin:26px 0 2px;font-size:28px;font-weight:600}.era-card__platform{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.era-card p{color:var(--text-muted);margin:16px 0 0;font-size:13px;line-height:1.65}.vocab-search{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev-1);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:15px 17px;display:flex}.vocab-search>span{color:var(--accent);font-size:24px;line-height:1}.vocab-search input{width:100%;color:var(--text);font-size:15px}.vocab-search input::placeholder{color:var(--text-faint)}.vocab-search button{color:var(--text-dim);font-size:11px;font-weight:700}.vocab-results{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elev-1);margin-top:10px;overflow:hidden}.vocab-results__count{border-bottom:1px solid var(--border);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;padding:11px 15px;font-size:10px;font-weight:800}.vocab-result{text-align:left;border-bottom:1px solid var(--border);width:100%;transition:background var(--dur-fast);grid-template-columns:minmax(160px,.8fr) 1.5fr minmax(150px,.8fr);align-items:center;gap:18px;padding:13px 15px;display:grid}.vocab-result:last-child{border-bottom:0}.vocab-result:hover{background:var(--accent-12)}.vocab-result>div{align-items:baseline;gap:10px;display:flex}.vocab-result strong{font-family:var(--font-serif-sc);letter-spacing:.06em;font-size:19px}.vocab-result span{color:var(--accent);font-size:12px}.vocab-result p{color:var(--text-muted);margin:0;font-size:13px}.vocab-result small{color:var(--text-dim);text-align:right;font-size:10px}.timeline{position:relative}.timeline:before{content:"";background:var(--border-strong);width:1px;position:absolute;top:8px;bottom:8px;left:116px}.timeline-item{grid-template-columns:96px 41px minmax(0,1fr);gap:0;min-height:128px;display:grid}.timeline-item__date{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;padding-top:8px;font-size:10px;font-weight:800}.timeline-item__dot{position:relative}.timeline-item__dot:after{content:"";width:9px;height:9px;box-shadow:0 0 0 5px var(--bg);background:#d97757;border-radius:50%;position:absolute;top:9px;left:16px}.timeline-item__body{padding:0 0 26px 55px;position:relative}.timeline-item__zh{color:color-mix(in srgb, #d97757 70%, var(--text));font-family:var(--font-serif-sc);writing-mode:vertical-rl;font-size:25px;position:absolute;top:-3px;left:0}.timeline-item h4{color:var(--text);font-family:var(--font-serif-sc);margin:0 0 7px;font-size:21px;font-weight:600}.timeline-item p{max-width:680px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.65}:root[data-theme=light] .app{background:radial-gradient(ellipse 60% 40% at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%), linear-gradient(#493d3106 1px, transparent 1px), var(--bg);background-size:auto,100% 24px,auto}:root[data-theme=light] .brand__mark{box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 22%, transparent)}@media (width<=760px){.hero--editorial{grid-template-columns:1fr;min-height:auto;padding:28px}.hero__seal{display:none}.hero--editorial:after{font-size:160px;right:-24px}.home-metrics,.journey-stats{grid-template-columns:repeat(2,1fr)}.home-metrics>div:nth-child(2),.journey-stats>div:nth-child(2){border-right:0}.home-metrics>div:nth-child(-n+2),.journey-stats>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.archive-banner{grid-template-columns:58px minmax(0,1fr);gap:18px}.archive-banner__mark{width:54px;height:54px;font-size:28px}.archive-banner__action{grid-column:2}.journey-intro{grid-template-columns:1fr;min-height:auto}.journey-intro__stamp{display:none}.era-grid{grid-template-columns:1fr}.vocab-result{grid-template-columns:1fr;gap:6px}.vocab-result small{text-align:left}}@media (width<=520px){.theme-toggle small{display:none}.theme-toggle{justify-content:center;width:38px;padding:8px}.section-heading{align-items:flex-start}.section-heading>span{text-align:right;padding-top:5px}.home-metrics>div,.journey-stats>div{flex-direction:column;gap:2px;padding:16px}.archive-banner{grid-template-columns:1fr}.archive-banner__mark{display:none}.archive-banner__action{grid-column:1}.timeline:before{left:8px}.timeline-item{grid-template-columns:26px minmax(0,1fr)}.timeline-item__date{grid-column:2;padding-top:0;padding-bottom:8px}.timeline-item__dot{grid-area:1/1/span 2}.timeline-item__dot:after{left:4px}.timeline-item__body{grid-column:2;padding-left:46px}}:root{--bg:#0d0d0c;--bg-elev-1:#151512;--bg-elev-2:#1d1c18;--bg-elev-3:#27251f;--sidebar-bg:#0a0a09;--border:#eee5d217;--border-strong:#eee5d22e;--text:#f2eadc;--text-muted:#f2eadcb0;--text-dim:#f2eadc75;--text-faint:#f2eadc4a;--text-ghost:#f2eadc0e;--accent:#d85b3f;--ink-red:#d85b3f;--ink-jade:#4d8c7d;--ink-blue:#6582a3;--paper:#f3ecde;--paper-ink:#25221d;--sidebar-w:284px;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--shadow-md:0 18px 46px #00000042;--shadow-lg:0 32px 90px #0000006b}:root[data-theme=light]{--bg:#eee8dc;--bg-elev-1:#faf5eb;--bg-elev-2:#e6ded0;--bg-elev-3:#dcd1c0;--sidebar-bg:#e5ddcf;--border:#2e28211c;--border-strong:#2e282136;--text:#27231d;--text-muted:#27231db3;--text-dim:#27231d7d;--text-faint:#27231d4f;--text-ghost:#27231d0e;--paper:#fffaf0;--paper-ink:#25221d}html{background:var(--bg)}body{letter-spacing:-.005em}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);background:linear-gradient(90deg, transparent calc(100% - 1px), var(--border) calc(100% - 1px)) 0 0 / 72px 100%, linear-gradient(var(--border) 1px, transparent 1px) 0 0 / 100% 72px, radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 34%), var(--bg)}.sidebar{border-right:1px solid var(--border-strong);background:linear-gradient(var(--ink-red), var(--ink-red)) top / 100% 3px no-repeat, color-mix(in srgb, var(--sidebar-bg) 96%, transparent);padding:0 15px 18px;box-shadow:16px 0 60px #0000001f}.brand{border-bottom:1px solid var(--border-strong);gap:14px;min-height:104px;margin:0 0 10px;padding:22px 9px 18px}.brand__mark{background:var(--ink-red);width:46px;height:52px;box-shadow:0 12px 34px color-mix(in srgb, var(--ink-red) 24%, transparent);border-radius:2px;font-size:27px;font-weight:600;transform:rotate(-1.5deg)}.brand__zh{letter-spacing:.15em;font-size:17px;font-weight:600}.brand__en{letter-spacing:.19em;margin-top:4px;font-size:9px}.brand__edition{color:var(--ink-red);letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700}.nav-section{padding:8px 0 12px}.nav-section+.nav-section{border-color:var(--border);margin-top:3px;padding-top:16px}.nav-section__label{color:var(--text-faint);letter-spacing:.16em;padding:0 10px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.nav-item{border-radius:5px;min-height:39px;margin:0 0 2px;padding:8px 10px;font-size:12.5px;font-weight:600}.nav-item:hover{background:var(--text-ghost);transform:translate(2px)}.nav-item--active{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);position:relative}.nav-item--active:before{content:"";background:var(--accent);width:3px;height:22px;position:absolute;left:-15px}.nav-item__badge{border-radius:3px;min-width:28px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.lesson-list{gap:1px}.lesson-item{border-radius:5px;min-height:33px;padding:6px 10px;font-size:11.5px}.lesson-item:hover{transform:translate(2px)}.lesson-item__dot{border-radius:0;width:5px;height:5px;transform:rotate(45deg)}.lesson-item__progress{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.sidebar__footer{padding:18px 0 0}.streak-card{border:1px solid var(--border-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--ink-red) 12%, transparent), transparent 60%), var(--bg-elev-1);border-radius:7px;padding:16px}.streak-card__num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px}.streak-card__label{letter-spacing:.13em;text-transform:uppercase;font-size:9px}.streak-card__sub{margin-top:8px;font-size:9px}.streak-card__meta{border-top:1px solid var(--border);color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;margin-top:13px;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:flex}.main{min-width:0}.page-header{border-bottom:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:90px;padding:17px clamp(24px,4vw,58px)}.page-header__title{font-family:var(--font-serif-sc);letter-spacing:-.025em;font-size:24px;font-weight:600}.page-header__subtitle{letter-spacing:.09em;text-transform:uppercase;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.page-header__actions{gap:10px}.page-header__release{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700;display:inline-flex}.page-header__release span{background:var(--ink-red);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ink-red) 13%, transparent);border-radius:50%}.theme-toggle{border-radius:4px;min-height:34px;padding:7px 10px}.page{width:min(100%,1320px);max-width:1320px;padding:clamp(28px,4vw,58px)}.footer{border-top:1px solid var(--border);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:72px;padding:22px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.hero--editorial{border:1px solid var(--border-strong);border-top:4px solid var(--ink-red);background:linear-gradient(90deg, transparent 62%, var(--border) 62%, var(--border) calc(62% + 1px), transparent calc(62% + 1px)), linear-gradient(120deg, color-mix(in srgb, var(--ink-red) 15%, var(--bg-elev-2)), var(--bg-elev-1) 64%);min-height:430px;box-shadow:var(--shadow-lg);border-radius:3px 3px 16px 16px;grid-template-columns:minmax(0,1fr) 230px;padding:clamp(34px,5vw,70px)}.hero--editorial:after{content:"学";color:color-mix(in srgb, var(--text) 4%, transparent);font-size:320px;bottom:-90px;right:24%;transform:rotate(-4deg)}.hero__copy{z-index:1;position:relative}.hero__chapterline{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;gap:16px;margin-bottom:clamp(34px,6vw,72px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700;display:flex}.hero__chapterline span:first-child{color:var(--ink-red)}.hero__eyebrow{color:var(--ink-red);letter-spacing:.15em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.hero--editorial .hero__title{max-width:820px;font-family:var(--font-serif-sc);letter-spacing:-.06em;margin:12px 0 18px;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:.98}.hero--editorial .hero__subtitle{max-width:630px;color:var(--text-muted);font-size:15px;line-height:1.75}.hero__actions{margin-top:30px}.hero__seal{border:2px solid var(--ink-red);width:176px;height:214px;color:var(--ink-red);border-radius:2px;flex-direction:column;justify-content:space-between;place-self:center end;padding:17px;display:flex;position:relative;transform:rotate(2.5deg)}.hero__seal:before{content:"";border:1px solid color-mix(in srgb, var(--ink-red) 45%, transparent);position:absolute;inset:7px}.hero__seal span{writing-mode:vertical-rl;font-size:52px;line-height:1;position:relative}.hero__seal small,.hero__seal b{letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;position:relative}.home-metrics,.journey-stats{border:1px solid var(--border-strong);background:var(--bg-elev-1);border-radius:8px;margin-top:18px;overflow:hidden}.home-metrics>div,.journey-stats>div{min-height:94px;padding:20px 23px}.home-metrics strong,.journey-stats strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:29px;font-weight:500}.home-metrics span,.journey-stats span{color:var(--text-dim);letter-spacing:.11em;text-transform:uppercase;font-size:9px}.section-heading{border-bottom:1px solid var(--border-strong);margin:62px 0 18px;padding:0 0 13px}.section-heading__eyebrow{color:var(--ink-red);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.section-heading h3{font-family:var(--font-serif-sc);letter-spacing:-.035em;margin-top:5px;font-size:30px;font-weight:600}.section-heading>span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.lesson-card{border:1px solid var(--border-strong);border-top:3px solid var(--lesson-accent,var(--accent));background:linear-gradient(145deg, color-mix(in srgb, var(--lesson-accent,var(--accent)) 8%, transparent), transparent 55%), var(--bg-elev-1);min-height:258px;box-shadow:none;transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);border-radius:3px 3px 12px 12px;padding:21px}.lesson-card:before{display:none}.lesson-card:hover{border-color:color-mix(in srgb, var(--lesson-accent,var(--accent)) 42%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-5px)}.lesson-card__folio{color:var(--lesson-accent,var(--accent));align-items:flex-start;gap:5px;margin-bottom:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.lesson-card__folio span{font-size:28px;font-weight:500;line-height:.9}.lesson-card__folio small{font-family:var(--font-serif-sc);font-size:10px}.lesson-card__kicker{color:var(--text-dim);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px}.lesson-card__head{margin-top:8px}.lesson-card__title{font-family:var(--font-serif-sc);letter-spacing:-.02em;font-size:22px;font-weight:600}.lesson-card__sub{margin-top:6px;font-size:11px}.lesson-card__chip{border-radius:3px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.lesson-card .progress-bar{border-radius:0;height:2px;margin-top:25px}.lesson-card__meta{letter-spacing:.06em;text-transform:uppercase;margin-top:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.lesson-card__cta{border-top:1px solid var(--border);color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-top:22px;padding-top:12px;font-size:9px;font-weight:700;display:flex}.lesson-card__cta span{color:var(--lesson-accent,var(--accent));font-size:14px}.lesson-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid--archive .lesson-card{opacity:.9;min-height:220px}.archive-banner{border:1px solid color-mix(in srgb, var(--ink-red) 35%, var(--border));background:linear-gradient(110deg, color-mix(in srgb, var(--ink-red) 18%, var(--bg-elev-1)), var(--bg-elev-1) 65%);border-radius:5px;margin-top:52px;padding:32px 34px}.archive-banner:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.archive-banner__mark{border:1px solid var(--ink-red);color:var(--ink-red);background:0 0;border-radius:2px}.surface,.stat,.era-card,.article-card,.daily-card,.import-panel,.mine-score,.reader-article,.reader-library__hero,.journey-intro,.vocab-results{border-color:var(--border-strong);background:var(--bg-elev-1);border-radius:8px;box-shadow:0 1px #ffffff06}.surface{padding:clamp(20px,3vw,38px)}.btn{letter-spacing:.075em;text-transform:uppercase;border-radius:4px;min-height:38px;font-size:10px;font-weight:750}.btn--primary{background:var(--accent);box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 18%, transparent)}.btn--primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn--ghost{border-color:var(--border-strong);background:var(--bg-elev-1)}.tab-bar{border:1px solid var(--border-strong);background:var(--bg-elev-1);border-radius:7px;margin-bottom:15px}.tab{border-radius:4px;min-height:52px}.tab--active{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 -2px 0 var(--accent)}.tab__zh{font-family:var(--font-serif-sc)}.flashcard{background:linear-gradient(#25221d0e 1px, transparent 1px) 0 0 / 100% 29px, var(--paper);min-height:410px;color:var(--paper-ink);border-radius:8px;box-shadow:0 26px 70px #0003}.flashcard__zh,.flashcard .pinyin{color:var(--paper-ink)}.flashcard__en,.flashcard__hint{color:#25221d9e}.flashcard:after{content:"中文";color:#d85b3f26;font-family:var(--font-serif-sc);letter-spacing:.2em;font-size:18px;position:absolute;bottom:18px;right:22px}.grade-btn,.toolbar-chip,.topic-filter,.entry-row,.vocab-search{border-radius:5px}.grade-btn{min-height:56px}.stat-grid{gap:12px}.stat{border-top:3px solid var(--accent)}.stat__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500}.reader-text{font-family:var(--font-serif-sc);line-height:2.05}.reader-article__title,.daily-card__zh,.article-card__title,.journey-intro h2,.era-card h4{font-family:var(--font-serif-sc)}.import-panel{border-top:3px solid var(--accent)}.import-textarea,.entry-input,.import-title-input,.vocab-search{background:color-mix(in srgb, var(--bg-elev-2) 65%, transparent)}.journey-intro{border-top:4px solid var(--ink-red);border-radius:3px 3px 12px 12px}.timeline:before{background:var(--border-strong)}:root[data-theme=light] .app{background:linear-gradient(90deg, transparent calc(100% - 1px), #322c240b calc(100% - 1px)) 0 0 / 72px 100%, linear-gradient(#322c240b 1px, transparent 1px) 0 0 / 100% 72px, radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34%), var(--bg)}:root[data-theme=light] .sidebar{box-shadow:16px 0 50px #463a2a12}:root[data-theme=light] .hero--editorial{box-shadow:0 25px 70px #4a3e2d21}@media (width<=1080px){:root{--sidebar-w:252px}.page{padding:34px}.hero--editorial{grid-template-columns:minmax(0,1fr) 170px}.hero__seal{width:148px;height:188px}.hero--editorial .hero__title{font-size:clamp(44px,6vw,64px)}}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{width:min(88vw,310px)}.page-header{min-height:72px;padding:13px 20px}.page{width:100%;padding:24px 20px 48px}}@media (width<=760px){.page-header__release{display:none}.hero--editorial{background:linear-gradient(125deg, color-mix(in srgb, var(--ink-red) 14%, var(--bg-elev-2)), var(--bg-elev-1));grid-template-columns:1fr;min-height:auto;padding:30px 25px}.hero__chapterline{flex-direction:column;gap:5px;margin-bottom:38px}.hero--editorial .hero__title{font-size:clamp(42px,13vw,58px)}.hero__seal{display:none}.lesson-grid,.lesson-grid--archive{grid-template-columns:1fr}.lesson-card,.lesson-grid--archive .lesson-card{min-height:220px}.archive-banner{padding:25px}.surface{padding:18px}}@media (width<=520px){.page{padding:18px 14px 42px}.page-header__title{font-size:19px}.page-header__subtitle{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.hero--editorial{padding:26px 21px}.hero--editorial .hero__title{font-size:43px}.hero--editorial .hero__subtitle{font-size:13px}.hero__actions{align-items:stretch}.hero__actions .btn{width:100%}.home-metrics>div,.journey-stats>div{min-height:78px;padding:15px}.section-heading{margin-top:48px}.lesson-card{padding:18px}.lesson-card__folio{margin-bottom:20px}.archive-banner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lesson-card,.nav-item,.lesson-item,.btn,.archive-banner{transition:none!important}}:root{--dock-bg:#10100fe0;--dock-line:#f4ede024;--dock-shadow:0 24px 80px #00000075;--signal:#ff6548}[data-theme=light]{--dock-bg:#f3ebdce6;--dock-line:#211d1829;--dock-shadow:0 24px 70px #4a351f33;--signal:#c33f2d}.app{min-height:100dvh;display:block}.main{min-width:0;padding-bottom:124px}.main:before{content:"学习是一种生活方式  ·  STUDY IS A WAY OF LIVING";z-index:20;writing-mode:vertical-rl;letter-spacing:.34em;color:color-mix(in srgb, var(--ink-muted) 60%, transparent);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;position:fixed;top:50%;left:15px;transform:translateY(-50%)}.sidebar{z-index:100;border:1px solid var(--dock-line);background:linear-gradient(100deg, color-mix(in srgb, var(--signal) 7%, transparent), transparent 28%), var(--dock-bg);width:min(1120px,100vw - 64px);height:78px;min-height:0;box-shadow:var(--dock-shadow);-webkit-backdrop-filter:blur(28px)saturate(1.35);border-radius:24px;flex-direction:row;align-items:stretch;gap:8px;padding:8px;display:flex;position:fixed;inset:auto auto 22px 50%;overflow:visible;transform:translate(-50%)}.sidebar:before,.sidebar:after{content:"";pointer-events:none;position:absolute}.sidebar:before{border:1px solid color-mix(in srgb, var(--dock-line) 54%, transparent);border-radius:19px;inset:4px}.sidebar:after{background:var(--signal);width:64px;height:3px;box-shadow:0 0 20px color-mix(in srgb, var(--signal) 48%, transparent);top:-2px;left:36px}.brand{z-index:1;border:0;border-right:1px solid var(--dock-line);flex:0 0 62px;place-items:center;min-width:62px;margin:0;padding:0;display:grid;position:relative}.brand__text{display:none}.sidebar>.brand+.nav-section{z-index:1;border:0;flex:auto;align-items:stretch;gap:4px;min-width:0;margin:0;padding:0;display:flex;position:relative}.sidebar>.brand+.nav-section~.nav-section{display:none}.nav-item{min-width:76px;height:60px;color:color-mix(in srgb, var(--ink) 56%, transparent);background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;margin:0;padding:7px 9px 6px;transition:color .18s,background .18s,transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--ink);border-color:color-mix(in srgb, var(--dock-line) 74%, transparent);background:color-mix(in srgb, var(--ink) 5%, transparent);transform:translateY(-2px)}.nav-item--active{color:var(--paper);border-color:color-mix(in srgb, var(--ink-red) 58%, transparent);background:radial-gradient(circle at 50% 140%, color-mix(in srgb, var(--ink-red) 38%, transparent), transparent 63%), color-mix(in srgb, var(--ink) 7%, transparent)}[data-theme=light] .nav-item--active{color:var(--ink);background:radial-gradient(circle at 50% 140%, color-mix(in srgb, var(--ink-red) 22%, transparent), transparent 63%), #ffffff6b}.nav-item--active:after{content:"";background:var(--signal);width:18px;height:2px;box-shadow:0 0 12px var(--signal);border-radius:99px;position:absolute;bottom:5px}.nav-item__icon{width:auto;font-size:16px;line-height:1}.nav-item__label{letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:700;line-height:1}.nav-item__badge{border:1px solid color-mix(in srgb, var(--ink-red) 38%, transparent);min-width:22px;height:16px;color:var(--ink-red);background:color-mix(in srgb, var(--ink-red) 9%, transparent);border-radius:999px;place-items:center;padding:0 5px;font-size:7px;display:grid;position:absolute;top:5px;right:7px}.sidebar__footer{z-index:1;border-left:1px solid var(--dock-line);flex:0 0 136px;margin:0;padding:0 0 0 8px;display:block;position:relative}.streak-card{background:color-mix(in srgb, var(--ink) 5%, transparent);border:0;border-radius:15px;height:60px;min-height:0;padding:8px 12px}.streak-card__row{gap:6px}.streak-card__num{font-size:22px;line-height:1}.streak-card__label{font-size:6px}.streak-card__sub{white-space:nowrap;margin-top:5px;font-size:5px}.streak-card__meta{display:none}.scrim,.menu-toggle{display:none!important}.page-header{background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 94%, transparent) 72%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:0;min-height:86px;padding:15px max(44px,50vw - 630px)}.page-header:after{content:"";background:linear-gradient(90deg, var(--signal), var(--line) 20%, var(--line) 80%, transparent);height:1px;position:absolute;bottom:0;left:max(44px,50vw - 630px);right:max(44px,50vw - 630px)}.page-header__title{letter-spacing:-.035em;font-size:clamp(27px,2.4vw,38px)}.page-header__subtitle{letter-spacing:.18em;margin-top:3px}.page-header__release,.theme-toggle{border-radius:999px}.page{width:min(1260px,100vw - 88px);padding-top:40px;padding-bottom:80px}.hero--editorial{border-radius:34px 8px;min-height:min(580px,100dvh - 222px);box-shadow:0 34px 90px #00000042,inset 0 1px #ffffff0d}.hero--editorial:after{content:"04";color:color-mix(in srgb, var(--paper) 8%, transparent);letter-spacing:-.08em;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:112px;font-weight:800;line-height:1;position:absolute;bottom:16px;right:30px}.hero--editorial .hero__title{letter-spacing:-.066em;max-width:810px;font-size:clamp(60px,7.4vw,108px);line-height:.84}.hero--editorial .hero__subtitle{max-width:690px;font-size:16px}.hero__seal{box-shadow:20px 26px 0 color-mix(in srgb, var(--ink-red) 7%, transparent);border-radius:4px 26px;transform:rotate(3deg)}.home-metrics{z-index:3;border-radius:18px;margin-top:-18px;position:relative;box-shadow:0 22px 70px #0003}.lesson-grid{gap:16px}.lesson-card{border-radius:4px 26px}.lesson-card:nth-child(2n){border-radius:26px 4px}.lesson-card:hover{transform:translateY(-7px)rotate(-.35deg);box-shadow:0 26px 54px #00000040}.lesson-card:nth-child(2n):hover{transform:translateY(-7px)rotate(.35deg)}.archive-banner{border-radius:30px 5px}@media (width<=1040px){.sidebar{width:calc(100vw - 28px)}.sidebar__footer{flex-basis:104px}.streak-card__label,.streak-card__sub{display:none}.streak-card__row{justify-content:center;height:100%}.nav-item{min-width:64px}.page{width:calc(100vw - 48px)}}@media (width<=760px){.main{padding-bottom:104px}.main:before{display:none}.sidebar,.sidebar.sidebar--open{border-radius:20px;width:calc(100vw - 18px);height:68px;padding:6px;inset:auto auto 10px 50%;transform:translate(-50%)}.sidebar:before{border-radius:16px}.sidebar:after{width:44px;left:22px}.brand,.sidebar__footer{display:none}.sidebar>.brand+.nav-section{scrollbar-width:none;scroll-snap-type:x proximity;overflow:auto hidden}.sidebar>.brand+.nav-section::-webkit-scrollbar{display:none}.nav-item{scroll-snap-align:center;border-radius:14px;flex:0 0 61px;min-width:61px;height:54px;padding:6px 4px 5px}.nav-item__icon{font-size:15px}.nav-item__label{font-size:6px}.nav-item__badge{top:3px;right:3px;transform:scale(.88)}.page-header{min-height:74px;padding:12px 18px}.page-header:after{left:18px;right:18px}.page-header__subtitle,.page-header__release{display:none}.page{width:100%;padding:22px 14px 44px}.hero--editorial{border-radius:26px 5px;min-height:510px;padding:32px 24px}.hero--editorial:after{font-size:76px;right:22px}.hero--editorial .hero__title{font-size:clamp(48px,15vw,72px)}.home-metrics{margin-top:-8px}}@media (width<=430px){.theme-toggle small{display:none}.theme-toggle{width:42px;padding:0}.hero--editorial .hero__title{font-size:clamp(44px,14vw,62px)}}:root{--quiet-red:#e95d43;--quiet-paper:#efe8da;--quiet-radius:18px}.main{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--bg);background-size:72px 72px}[data-theme=light] .main{background:linear-gradient(#2b231b09 1px, transparent 1px), linear-gradient(90deg, #2b231b09 1px, transparent 1px), var(--bg);background-size:72px 72px}.main:before{display:none}.page:before{content:none}.sidebar{background:#11110fe8;border-radius:19px;gap:6px;width:min(980px,100vw - 64px);height:72px;padding:7px;bottom:20px;box-shadow:0 18px 56px #00000061}[data-theme=light] .sidebar{background:#f0e8daed;box-shadow:0 18px 48px #3e2d1c2e}.sidebar:before{opacity:.52;border-radius:15px;inset:4px}.sidebar:after{background:var(--quiet-red);width:48px;height:2px;box-shadow:none;left:28px}.brand__mark{width:38px;height:38px;box-shadow:none;font-size:21px;transform:none}.nav-item{border-radius:13px;gap:4px;min-width:68px;height:56px;padding:7px 8px 6px}.nav-item:hover{transform:translateY(-1px)}.nav-item--active{border-color:color-mix(in srgb, var(--quiet-red) 48%, transparent);background:color-mix(in srgb, var(--quiet-red) 8%, transparent)}.nav-item--active:after{background:var(--quiet-red);width:16px;height:2px;box-shadow:none}.nav-item__icon{font-size:15px}.nav-item__label{letter-spacing:.12em;font-size:6px}.streak-card{background:0 0;height:56px;padding:8px 10px}.streak-card__num{font-size:20px}.page-header{background:color-mix(in srgb, var(--bg) 93%, transparent);min-height:82px}.page-header:after{background:var(--line)}.page-header__release{color:var(--ink-muted);border-color:var(--line);background:0 0}.page-header__release span{background:var(--quiet-red)}.hero--editorial{background:linear-gradient(112deg, #39241ce0, #121411f5 62%), var(--surface);border-radius:24px;min-height:520px;padding:clamp(42px,6vw,76px);box-shadow:0 28px 72px #0000003d}[data-theme=light] .hero--editorial{background:linear-gradient(112deg, #efd5bfe6, #dee4d7f5 62%), var(--surface)}.hero--editorial:before{opacity:1;background:linear-gradient(90deg,#0000 64%,#ffffff0e 64% 64.1%,#0000 64.1%);animation:none}.hero--editorial:after{content:none}.hero--editorial .hero__title{letter-spacing:-.058em;max-width:780px;margin-top:20px;font-size:clamp(58px,7vw,88px);line-height:.9}.hero--editorial .hero__subtitle{max-width:650px;font-size:15px;line-height:1.65}.hero__seal{width:160px;height:204px;box-shadow:10px 12px 0 color-mix(in srgb, var(--quiet-red) 6%, transparent);border-radius:6px;margin-right:8px;animation:none;transform:rotate(2deg)}.hero__seal:after{content:none}.hero__actions .btn--primary{color:#fff8ef;background:var(--quiet-red);box-shadow:none}.hero__actions .btn--primary:hover{background:color-mix(in srgb, var(--quiet-red) 88%, white)}.home-metrics{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);clip-path:none;min-height:94px;box-shadow:none;border-radius:14px;margin-top:16px}.home-metrics>div:before{content:none}.section-heading h3{font-size:clamp(32px,3.4vw,46px)}.lesson-grid,.lesson-grid--current,.lesson-grid--archive{grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lesson-grid .lesson-card,.lesson-grid--current .lesson-card,.lesson-grid--archive .lesson-card{border-radius:var(--quiet-radius);background:linear-gradient(145deg, color-mix(in srgb, var(--lesson-accent) 5%, transparent), transparent 52%), var(--surface);min-height:280px;box-shadow:none;grid-row:auto;padding:26px;transform:none}.lesson-grid .lesson-card:nth-child(2n),.lesson-grid--archive .lesson-card:nth-child(4n+2),.lesson-grid--archive .lesson-card:nth-child(4n+4){border-radius:var(--quiet-radius);transform:none}.lesson-grid .lesson-card:before,.lesson-grid .lesson-card:after,.lesson-grid--current .lesson-card:before,.lesson-grid--current .lesson-card:after{content:none}.lesson-grid--current .lesson-card:first-child .lesson-card__folio span,.lesson-card__folio span{letter-spacing:-.04em;font-size:48px}.lesson-card:hover,.lesson-card:nth-child(2n):hover,.lesson-grid--archive .lesson-card:hover{border-color:color-mix(in srgb, var(--lesson-accent) 50%, var(--line));transform:translateY(-3px);box-shadow:0 16px 34px #00000029}.archive-banner{border:1px solid var(--line-strong);background:linear-gradient(112deg, color-mix(in srgb, var(--ink-red) 7%, transparent), transparent 42%), var(--surface-2);border-radius:22px;min-height:250px;margin:88px 0;padding:38px}.archive-banner__mark{border-radius:8px;width:84px;height:84px;font-size:42px;transform:none}.archive-banner h3{font-size:clamp(34px,4vw,50px);line-height:1}.surface,.study-header,.stats-overview,.reader-workspace{border-radius:18px}@media (width<=920px){.lesson-grid,.lesson-grid--current,.lesson-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}.hero--editorial{min-height:500px}}@media (width<=640px){.sidebar,.sidebar.sidebar--open{width:calc(100vw - 16px);height:66px;bottom:8px}.hero--editorial{border-radius:18px;min-height:490px;padding:32px 24px}.hero--editorial .hero__title{font-size:clamp(46px,13.5vw,62px)}.lesson-grid,.lesson-grid--current,.lesson-grid--archive{grid-template-columns:1fr}.lesson-grid .lesson-card,.lesson-grid--current .lesson-card,.lesson-grid--archive .lesson-card{min-height:250px}.archive-banner{margin:68px 0;padding:28px 22px}}.home-summary{border:1px solid var(--line-strong);border-top:3px solid var(--quiet-red);background:linear-gradient(110deg, color-mix(in srgb, var(--quiet-red) 7%, transparent), transparent 44%), var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:clamp(28px,5vw,72px);min-height:320px;padding:clamp(32px,4.5vw,56px);display:grid}.home-summary__main{max-width:650px}.study-date{color:var(--ink-muted);align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.study-date__hanzi{color:var(--quiet-red);font-family:var(--font-serif);font-size:18px;font-weight:650}.study-date__pinyin{letter-spacing:.04em;font-size:12px;font-weight:650}.study-date__english{border-left:1px solid var(--line-strong);letter-spacing:.1em;text-transform:uppercase;padding-left:9px;font-size:11px}.home-summary h2{max-width:600px;color:var(--ink);font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:520;line-height:1.05}.home-summary__main>p{color:var(--ink-soft);margin:18px 0 0;font-size:15px;line-height:1.6}.home-summary__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.home-summary__actions .btn{min-height:42px;padding:0 18px;font-size:11px}.phrase-note{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 62%, transparent);border-radius:10px;flex-direction:column;justify-content:center;min-height:190px;padding:25px 26px;display:flex}.phrase-note__label{color:var(--ink-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;font-size:9px;font-weight:750}.phrase-note strong{color:var(--quiet-red);font-family:var(--font-serif);letter-spacing:.04em;font-size:clamp(32px,3.2vw,43px);font-weight:550;line-height:1.1}.phrase-note__pinyin{color:var(--ink);letter-spacing:.05em;margin-top:11px;font-size:14px;font-weight:650}.phrase-note__english{color:var(--ink-muted);margin-top:5px;font-size:12px}.home-metrics{min-height:76px}.sidebar{width:min(1040px,100vw - 48px);height:82px;padding:8px}.brand{flex-basis:64px;min-width:64px}.brand__mark{width:44px;height:44px;font-size:24px}.nav-item{gap:7px;min-width:74px;height:66px;padding:8px 9px 7px}.nav-item__icon{font-size:22px;line-height:1}.nav-item__label{letter-spacing:.08em;font-size:9px;line-height:1.05}.nav-item__badge{min-width:24px;height:17px;font-size:8px;top:4px;right:5px}.sidebar__footer{flex-basis:128px}.streak-card{height:66px}.home-metrics>div{padding:17px clamp(16px,2vw,26px)}.home-metrics strong{font-size:clamp(22px,2.2vw,28px)}.home-metrics span,.section-heading>span,.lesson-card__kicker,.lesson-card__meta,.lesson-card__cta{font-size:9px}.section-heading{margin-top:62px;margin-bottom:20px}.section-heading h3{letter-spacing:-.025em;font-size:clamp(27px,2.7vw,36px)}.lesson-grid .lesson-card,.lesson-grid--current .lesson-card,.lesson-grid--archive .lesson-card{min-height:265px;padding:23px}.lesson-grid--current .lesson-card:first-child .lesson-card__folio span,.lesson-card__folio span{font-size:35px}.lesson-card__folio small{font-size:11px}.lesson-grid--current .lesson-card:first-child .lesson-card__title,.lesson-card__title{font-size:21px;line-height:1.18}.lesson-card__pinyin{color:color-mix(in srgb, var(--lesson-accent) 72%, var(--ink));letter-spacing:.025em;margin-top:5px;font-size:13px;font-weight:650}.lesson-card__sub{margin-top:8px;font-size:10px;line-height:1.45}.archive-banner{min-height:210px;margin:68px 0;padding:32px}.archive-banner h3{font-size:clamp(28px,3vw,38px)}.archive-banner p{font-size:13px;line-height:1.6}.study-aids{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:12px 14px;display:flex}.study-aids__label{color:var(--ink);font-size:11px;font-weight:700;display:block}.study-aids__hint{color:var(--ink-muted);margin-top:3px;font-size:11px;display:block}.pinyin-toggle{border:1px solid var(--line-strong);min-width:82px;min-height:34px;color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:11px;font-weight:750}.pinyin-toggle span{font-family:var(--font-serif);margin-right:4px;font-size:14px}.pinyin-toggle--on{border-color:color-mix(in srgb, var(--quiet-red) 58%, var(--line-strong));color:var(--quiet-red);background:color-mix(in srgb, var(--quiet-red) 9%, transparent)}.sentence-library__intro{margin-bottom:20px}.sentence-library__intro p{max-width:680px;color:var(--ink-muted);margin:7px 0 0;font-size:13px;line-height:1.6}.sentence-list{gap:10px;display:grid}.sentence-card{border:1px solid var(--line);border-left:2px solid var(--quiet-red);background:color-mix(in srgb, var(--bg) 38%, transparent);border-radius:10px;padding:18px 20px}.sentence-card__meta{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:750;display:flex}.sentence-card__hanzi{color:var(--ink);font-family:var(--font-serif-sc);margin-top:12px;font-size:clamp(20px,2.2vw,28px);line-height:1.5}.sentence-pinyin{min-height:21px;color:var(--quiet-red);letter-spacing:.02em;margin-top:7px;font-size:14px;line-height:1.5}.sentence-card__english{color:var(--ink-soft);margin-top:8px;font-size:13px;line-height:1.55}.word-anatomy{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.word-anatomy__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.word-anatomy__heading>span{color:var(--ink-muted);font-size:10px}.word-anatomy__parts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}.word-anatomy__part{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:9px;min-height:92px;padding:13px 14px}.word-anatomy__hanzi{color:var(--quiet-red);font-family:var(--font-serif-sc);font-size:24px;line-height:1.1}.word-anatomy__part .sentence-pinyin{min-height:18px;margin-top:4px;font-size:12px}.word-anatomy__gloss{color:var(--ink-soft);margin-top:5px;font-size:11px;line-height:1.45}.word-anatomy__related{margin-top:16px}.word-anatomy__related-label{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:750}.word-anatomy__related-list{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.word-anatomy__related-word{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 45%, transparent);border-radius:8px;flex-direction:column;min-width:130px;padding:9px 10px;display:inline-flex}.word-anatomy__related-word strong{font-family:var(--font-serif-sc);font-size:17px;font-weight:600}.word-anatomy__related-word .sentence-pinyin{min-height:17px;margin-top:2px;font-size:11px}.word-anatomy__related-word small{color:var(--ink-muted);margin-top:4px;font-size:10px;line-height:1.35}@media (width<=760px){.sidebar,.sidebar.sidebar--open{height:76px}.nav-item{flex-basis:66px;gap:6px;min-width:66px;height:62px}.nav-item__icon{font-size:20px}.nav-item__label{letter-spacing:.06em;font-size:8px}.home-summary{grid-template-columns:1fr;gap:28px;min-height:auto;padding:30px 24px}.home-summary h2{font-size:clamp(30px,9vw,40px)}.phrase-note{min-height:150px}}@media (width<=520px){.study-aids{align-items:flex-start}.study-aids__hint{max-width:210px}.study-date{margin-bottom:18px}.home-summary__actions{flex-direction:column;align-items:stretch}.home-summary__actions .btn{width:100%}.section-heading{margin-top:48px}}