:root{--bg:#e8ecf3;--card:#f4f6fa;--ink:#1e293b;--muted:#566579;--line:#d2d9e5;--pri:#4f46e5;--link:#4338ca;--acc:#14b8a6;--ok:#15803d;--bad:#dc2626;--badbg:#fde2e2;--cur:#fde68a;--seg:#dde3ee;--field:#eceff6;--navbg:rgba(232,236,243,.9)}
:root[data-theme="dark"]{--bg:#151b27;--card:#1d2535;--ink:#e3e9f4;--muted:#9aa8bf;--line:#2b3649;--pri:#5a5fe6;--link:#a5b4fc;--acc:#2dd4bf;--ok:#4ade80;--bad:#f87171;--badbg:#4a2222;--cur:#5c4a0f;--seg:#101622;--field:#171e2c;--navbg:rgba(21,27,39,.9)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#151b27;--card:#1d2535;--ink:#e3e9f4;--muted:#9aa8bf;--line:#2b3649;--pri:#5a5fe6;--link:#a5b4fc;--acc:#2dd4bf;--ok:#4ade80;--bad:#f87171;--badbg:#4a2222;--cur:#5c4a0f;--seg:#101622;--field:#171e2c;--navbg:rgba(21,27,39,.9)}}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto}
.mt-top{position:sticky;top:0;z-index:40;background:var(--navbg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mt-nav{display:flex;align-items:center;gap:8px;max-width:980px;margin:0 auto;padding:8px 14px;position:relative}
.mt-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:800;font-size:17px;margin-right:auto}
.mt-brand b{color:var(--link)}
#mtNav{display:flex;gap:2px 14px;align-items:center}
#mtNav a{color:var(--muted);text-decoration:none;font-size:14.5px;padding:8px 2px}
#mtNav a:hover{color:var(--link)}
#mtNav a.mt-dl{background:var(--pri);color:#fff;border-radius:10px;padding:7px 12px}
.mt-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:18px;cursor:pointer}
#mtMenu{display:none}
@media(max-width:900px){#mtMenu{display:inline-block}#mtNav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--bg);padding:8px 16px 14px;border-bottom:1px solid var(--line)}#mtNav.open{display:flex}#mtNav a{padding:11px 4px}}
.cta{display:inline-block;padding:12px 20px;margin:6px 8px 6px 0;border-radius:12px;border:0;background:linear-gradient(90deg,#4f46e5,#0f766e);color:#fff;font:700 16px system-ui,sans-serif;text-decoration:none;cursor:pointer}
.cta.alt{background:transparent;color:var(--link);border:1.5px solid var(--pri)}
.mt-seo,.art{max-width:760px;margin:0 auto;padding:10px 16px 36px;line-height:1.7}
.mt-seo h1,.art h1{font-size:clamp(25px,6vw,36px);line-height:1.2;margin:14px 0 8px}
.mt-seo h2,.art h2{font-size:22px;margin:28px 0 6px}
.art h3{font-size:17px;margin:18px 0 4px}
.mt-seo a,.art a{color:var(--link)}
.art a.cta{color:#fff}
.toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:16px 0}
.toc ol,.toc ul{margin:6px 0;padding-left:22px}.toc a{text-decoration:none;color:var(--ink)}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0}
summary{cursor:pointer;font-weight:700}details p{margin:8px 0 0}
.mt-foot{max-width:980px;margin:20px auto 0;padding:22px 14px 34px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;text-align:center}
.mt-foot a{color:var(--link);text-decoration:none;margin:0 7px;white-space:nowrap;display:inline-block;padding:3px 0}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--pri);color:#fff;padding:12px 18px;border-radius:12px;z-index:60;max-width:90%}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}