:root{--bg:#f8fafc;--fg:#0f172a;--muted:#475569;--primary:#2563eb;--accent:#ea580c;--card:#fff;--border:#e2e8f0;--shadow:0 1px 2px #0206170f,0 8px 24px #0206170f;--nav-bg:#10b981;--nav-fg:#fff}[data-theme=dark]{--bg:#0b1220;--fg:#e5e7eb;--muted:#94a3b8;--primary:#60a5fa;--accent:#f59e0b;--card:#0f172a;--border:#1f2937;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--nav-bg:#065f46;--nav-fg:#e5e7eb}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);text-rendering:optimizeLegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Helvetica Neue,Arial,sans-serif;line-height:1.7}.container{width:min(1200px,92vw);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);background:var(--nav-bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{width:100%;margin:0;padding:0}.header-inner{align-items:center;gap:16px;min-width:0;padding:6px 0;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:6px;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.site-title{font-weight:700}.nav{flex-wrap:nowrap;gap:8px;min-width:0;max-width:100%;margin-left:auto;display:flex;overflow:visible}.nav a{color:var(--nav-fg);white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1;text-decoration:none}.nav-more-toggle{display:none}.nav-toggle{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--nav-fg);cursor:pointer;width:0;height:0;margin-left:8px;display:inline-block}.nav-panel{z-index:9;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:16px 0;display:none;position:fixed;top:52px;left:0;right:0}.nav-more-toggle:checked~.nav-panel{display:block}.nav a:hover,.nav a:focus{background:color-mix(in oklab,var(--nav-fg),transparent 92%);outline:none}.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;margin-left:4px;padding:8px 10px}.theme-toggle:hover{filter:brightness(1.03)}.hero{padding:40px 0 24px}.hero h1{letter-spacing:.2px;margin:0 0 8px;font-size:clamp(24px,3.8vw,34px)}.hero p{color:var(--muted);margin:0}.hero .container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;display:flex}.section{padding:48px 0}.section-head h2{margin:0 0 10px;font-size:clamp(20px,3.4vw,28px)}.section-desc{color:var(--muted);margin:0 0 16px}.topic{grid-template-columns:minmax(0,1fr) 260px;gap:24px;display:grid}@media (max-width:960px){.topic{grid-template-columns:1fr}}.content-col{gap:20px;display:grid}.sidebar-col{justify-self:end;position:relative}.topic-block{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:24px}.content-col h2{font-size:clamp(22px,3.8vw,30px)}.content-col .topic-block p{font-size:16px}.figure{margin:12px 0 18px}.figure .media{aspect-ratio:16/9;border:1px solid var(--border);box-shadow:var(--shadow);background:color-mix(in oklab,var(--primary),transparent 90%);border-radius:12px;place-items:center;display:grid}.figure .media img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.figure figcaption{color:var(--muted);margin-top:8px;font-size:13px}.toc{width:240px;font-size:14px;line-height:1.6;position:sticky;top:80px}.toc h3{margin:0 0 6px;font-size:15px}.toc ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--fg);border-radius:8px;padding:6px 8px;text-decoration:none}.toc a:hover{background:color-mix(in oklab,var(--primary),transparent 92%)}.triangle{gap:20px;display:grid}.triangle-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card-link{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--fg);text-align:center;border-radius:14px;padding:16px;text-decoration:none;display:block}.card-link h3{margin:0 0 6px;font-size:18px}.card-link p{color:var(--muted);margin:0;font-size:14px}.pos-center{grid-column:2}.pos-left{grid-column:1}.pos-right{grid-column:3}@media (max-width:640px){.triangle-row{grid-template-columns:1fr}.pos-center,.pos-left,.pos-right{grid-column:auto}}.site-footer{border-top:1px solid var(--border);margin-top:20px}.footer-inner{align-items:center;gap:10px;padding:20px 0;display:flex}.footer-links{gap:12px;margin-left:auto;display:flex}.footer-links a{color:var(--muted);text-decoration:none}:focus-visible{outline:2px solid color-mix(in oklab,var(--primary),#000 20%);outline-offset:2px}