:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-2:#fff;--surface:#fff;--surface-2:#eef3f8;--line:#d5dee8;--text:#1c2733;--muted:#5b6b7c;--faint:#7a8b9c;--accent:#1f7ae0;--accent-2:#3d8eef;--must:#c4841a;--talk:#2d7ab8;--skim:#6b7c8d;--ok:#1a9f63;--bad:#d64550;--warn:#c47b1a;--nav-active:#e8f2ff;--opt-on:#e7f2ff;--opt-ok-bg:#e5f7ee;--opt-bad-bg:#fdecee;--pill-must-bg:#fff6e5;--btn-primary-fg:#fff;--mark-bg:#e8f2ff;--shadow:0 1px 2px #1428460f;--snow:#fffffff2;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.55}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e141b;--bg-2:#141c25;--surface:#1a2430;--surface-2:#212c3a;--line:#2c3a4a;--text:#e7eef6;--muted:#8b9bb0;--faint:#6b7c90;--accent:#4aa3ff;--accent-2:#6bb0ff;--must:#f0b429;--talk:#5b9fd6;--skim:#7d8b9a;--ok:#3ecf8e;--bad:#ef6e78;--warn:#e0a454;--nav-active:#1c334c;--opt-on:#17344f;--opt-ok-bg:#143528;--opt-bad-bg:#3a1a1e;--pill-must-bg:#2a2416;--btn-primary-fg:#061018;--mark-bg:#1c334c;--shadow:0 0 0 1px var(--line);--snow:#e6f0ffd9}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,pre{font-family:Cascadia Code,Sarasa Mono SC,Consolas,monospace}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg-2);z-index:20;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #7c5cff);width:18px;height:18px;box-shadow:0 0 0 3px var(--mark-bg);border-radius:5px;flex-shrink:0}.brand strong{letter-spacing:.02em;font-size:15px}.brand span{color:var(--muted);font-size:12px}.nav{gap:4px;display:flex}.nav a,.nav button.linkish{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px}.nav a.active,.nav a:hover,.nav button.linkish:hover{color:var(--text);background:var(--nav-active)}.top-actions{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.user-name{color:var(--text)}.theme-switch{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;display:flex;overflow:hidden}.theme-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:11px}.theme-switch button.on{background:var(--accent);color:var(--btn-primary-fg)}.fun-stage,.fun-stage *{cursor:url(/muyu-v2.png) 8 8,auto}.fun-stage input,.fun-stage textarea{cursor:text}.snow-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}.app.fun-stage>header,.app.fun-stage>main{z-index:2;position:relative}.merit-pop{z-index:80;color:#c47a3a;pointer-events:none;text-shadow:0 1px #fff6e8;font-size:14px;font-weight:700;animation:.9s ease-out forwards merit-up;position:fixed;transform:translate(-50%,-120%)}html[data-theme=dark] .merit-pop{color:#ffd08a;text-shadow:0 1px 2px #000}@keyframes merit-up{0%{opacity:1;transform:translate(-50%,-120%)scale(1)}to{opacity:0;transform:translate(-50%,-220%)scale(1.12)}}.auth-app{position:relative;overflow:hidden}.auth-brand{align-items:center;gap:10px;width:100%;margin-bottom:18px;display:flex}.auth-wrap{z-index:1;max-width:420px;margin:72px auto;padding:0 20px;position:relative}.orb{display:none}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;display:inline-block}.mod-head{align-items:center;gap:10px;display:flex}.mod-mark{background:var(--mark-bg);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.mod-go{color:var(--accent);cursor:pointer}.mod-card:hover{border-color:var(--accent-2);box-shadow:var(--shadow);transform:translateY(-2px)}.mod-card{transition:border-color .15s,transform .15s,box-shadow .15s}.stat.accent b{color:var(--accent)}.auth-wrap h1{margin:0 0 8px;font-size:26px}.auth-form{flex-direction:column;gap:12px;margin:20px 0 16px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-form input{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none;padding:10px 12px}.auth-form input:focus{border-color:var(--accent-2)}.auth-error{color:var(--bad);margin:0;font-size:13px}.auth-status{text-align:center;color:var(--muted);padding:80px 20px}.auth-wrap a{color:var(--accent)}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.page.wide{max-width:1400px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:650}.hero p{color:var(--muted);max-width:640px;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stat b{font-size:22px;font-weight:650;display:block}.stat span{color:var(--muted);font-size:12px}.grid-8{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mod-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;min-height:168px;padding:16px;display:flex}.mod-card:hover{border-color:var(--accent-2)}.mod-card h3{margin:0;font-size:16px}.mod-card p{color:var(--muted);flex:1;margin:0;font-size:13px}.progress-line{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-line i{background:var(--accent);border-radius:99px;height:100%;display:block}.mod-meta{color:var(--faint);justify-content:space-between;font-size:12px;display:flex}.pill{background:var(--surface-2);height:22px;color:var(--muted);border:1px solid var(--line);border-radius:99px;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.pill.must{color:var(--must);border-color:var(--must);background:var(--pill-must-bg)}.pill.talk{color:var(--talk)}.pill.skim{color:var(--skim)}.pill.understand{color:var(--faint)}.pill.familiar{color:var(--talk)}.pill.master{color:var(--ok);border-color:var(--ok)}.pill.proficient{color:var(--must);border-color:var(--must);background:var(--pill-must-bg)}.pill.expert{color:var(--accent);border-color:var(--accent-2)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.bad{color:var(--bad)}.rubric-on{color:var(--text)}.learn-layout{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}.side{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 88px);padding:12px;position:sticky;top:72px;overflow:auto}.side input,.side select{background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:8px 10px}.side input:focus,.side select:focus{border-color:var(--accent-2)}.tree-l1{color:var(--faint);margin:6px 0 2px;font-size:12px}.tree-item{text-align:left;cursor:pointer;width:100%;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:13px;display:block}.tree-item:hover{background:var(--surface-2);color:var(--text)}.tree-item.active{background:var(--nav-active);color:var(--text)}.tree-item.l3{padding-left:18px;font-size:12px}.article{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:60vh;padding:22px 24px 28px}.crumb{color:var(--faint);margin-bottom:8px;font-size:12px}.article h1{margin:0 0 8px;font-size:24px}.lead{color:var(--muted);margin:0 0 16px}.points{margin:0 0 18px;padding-left:18px}.points li{margin:6px 0}.body-text{white-space:pre-wrap;color:var(--text)}.article pre{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px;overflow:auto}.call{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;margin-top:16px;padding:12px 14px}.call h4{color:var(--must);margin:0 0 6px;font-size:13px}.call.pit h4{color:var(--bad)}.call.docs h4{color:var(--accent-2,#7dd3fc)}.doc-links{margin:0;padding-left:18px}.doc-links li{margin:6px 0}.doc-links a{color:var(--accent-2,#7dd3fc)}.doc-links a:hover{text-decoration:underline}.row-actions{flex-wrap:wrap;gap:8px;margin:18px 0 8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:8px;padding:8px 14px}.btn:hover{border-color:var(--accent-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--btn-primary-fg);font-weight:650}.btn.ghost{background:0 0}.q-card{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;margin-top:12px;padding:16px}.q-stem{margin-bottom:10px;font-weight:600}.opt{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;width:100%;margin:6px 0;padding:8px 10px;display:block}.opt:hover{border-color:var(--accent-2)}.opt.on{border-color:var(--accent);background:var(--opt-on)}.opt.ok{border-color:var(--ok);background:var(--opt-ok-bg)}.opt.bad{border-color:var(--bad);background:var(--opt-bad-bg)}.explain{color:var(--muted);white-space:pre-wrap;margin-top:10px;font-size:13px}.fill{background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:8px 10px}.quiz-wrap{max-width:760px;margin:0 auto}.quiz-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:12px}.mt{margin-top:18px}.h2{margin:28px 0 12px;font-size:18px}.search-hit{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:12px;display:block}.search-hit:hover{color:var(--text)}@media (width<=900px){.grid-8,.stats{grid-template-columns:1fr 1fr}.learn-layout{grid-template-columns:1fr}.side{max-height:320px;position:static}}