:root{--bg-0: #0d1117;--bg-1: #161b22;--bg-2: #1c2230;--bg-3: #262d3a;--border: #30363d;--border-strong: #444c56;--text-0: #e6edf3;--text-1: #adbac7;--text-2: #768390;--text-3: #545d68;--accent: #58a6ff;--accent-2: #7ee787;--accent-3: #ffa657;--accent-4: #ff7b72;--accent-5: #d2a8ff;--selection: rgba(88, 166, 255, .25);--shadow-lg: 0 10px 40px rgba(0,0,0,.5);--radius: 8px;--radius-sm: 4px;--font-sans: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, "Noto Sans Mono CJK TC", monospace}[data-theme=paper]{--bg-0: #f5f1e8;--bg-1: #fbf8f1;--bg-2: #ede7d8;--bg-3: #e0d8c4;--border: #d8cfba;--border-strong: #beb39a;--text-0: #2a2620;--text-1: #5a5246;--text-2: #8a8170;--text-3: #b3a892;--accent: #7a6b52;--accent-2: #6b8a5a;--accent-3: #b8794a;--accent-4: #a85c4a;--accent-5: #5a7a8a;--selection: rgba(122, 107, 82, .18);--shadow-lg: 0 6px 24px rgba(86, 70, 40, .08);--font-sans: "Noto Serif TC", "Cormorant Garamond", "Inter", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", "Noto Sans Mono CJK TC", monospace}[data-theme=synth]{--bg-0: #0f0a1f;--bg-1: #1a1033;--bg-2: #241644;--bg-3: #2e1c55;--border: #3d2670;--border-strong: #553098;--text-0: #f5ecff;--text-1: #cbb8f0;--text-2: #8a78c0;--text-3: #5a4a85;--accent: #ff5ec4;--accent-2: #5eead4;--accent-3: #ffcf5e;--accent-4: #ff6b6b;--accent-5: #a78bfa;--selection: rgba(255, 94, 196, .3);--shadow-lg: 0 10px 40px rgba(255, 94, 196, .2), 0 0 60px rgba(167, 139, 250, .15);--font-sans: "Space Grotesk", "Noto Sans TC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text-0);font-family:var(--font-sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre{font-family:var(--font-mono);font-feature-settings:"liga" 0}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}[data-theme=synth] .app{background:radial-gradient(ellipse 60% 50% at 80% -10%,rgba(255,94,196,.15),transparent 60%),radial-gradient(ellipse 50% 40% at -10% 80%,rgba(167,139,250,.18),transparent 60%),var(--bg-0)}[data-theme=paper] .app{background:radial-gradient(circle at 25% 30%,rgba(86,70,40,.025) 1px,transparent 1.5px),radial-gradient(circle at 75% 70%,rgba(86,70,40,.02) 1px,transparent 1.5px),var(--bg-0);background-size:11px 13px,17px 19px,100% 100%}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);padding:24px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:0 24px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.brand-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--text-0);letter-spacing:-.01em}.brand-dot{width:10px;height:10px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}[data-theme=synth] .brand-dot{border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-5))}.brand-tag{font-size:11px;color:var(--text-2);margin-top:6px;font-family:var(--font-mono)}.nav-section{padding:0 12px;margin-bottom:20px}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);padding:8px 12px;font-family:var(--font-mono);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-size:14px;border:1px solid transparent;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-2);color:var(--text-0)}.nav-item.active{background:var(--bg-2);color:var(--accent);border-color:var(--border)}[data-theme=synth] .nav-item.active{background:linear-gradient(90deg,rgba(255,94,196,.12),transparent);border-color:#ff5ec44d}.nav-icon{width:18px;display:inline-flex;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.nav-item.active .nav-icon{color:var(--accent)}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--border);background:var(--bg-0);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.breadcrumb-sep{color:var(--text-3)}.breadcrumb-current{color:var(--text-0)}.topbar-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.btn:hover{background:var(--bg-3);color:var(--text-0);border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:var(--bg-0);border-color:var(--accent);font-weight:500}.btn-primary:hover{background:var(--accent);opacity:.9;color:var(--bg-0)}[data-theme=synth] .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-5));border-color:transparent;color:#fff;box-shadow:0 0 20px #ff5ec466}.content{padding:40px 48px 80px;max-width:920px}.page-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.page-eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.page-title{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;color:var(--text-0)}[data-theme=synth] .page-title{background:linear-gradient(135deg,#fff,var(--accent) 60%,var(--accent-5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:17px;color:var(--text-1);margin:0 0 32px;max-width:680px;line-height:1.55}h2.section-title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:40px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}h2.section-title .hash{font-family:var(--font-mono);color:var(--text-3);font-weight:400}h3.sub{font-size:16px;font-weight:600;margin:24px 0 8px;color:var(--text-0)}p{margin:0 0 12px;color:var(--text-1)}ul,ol{color:var(--text-1);padding-left:22px}li{margin-bottom:6px}:not(pre)>code{font-size:.88em;background:var(--bg-2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--accent-3)}[data-theme=synth] :not(pre)>code{color:var(--accent-2)}.codeblock{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;overflow:hidden;position:relative}[data-theme=synth] .codeblock{background:#0f0a1fb3;border-color:#ff5ec433;box-shadow:inset 0 0 30px #ff5ec40a}.codeblock-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-2);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.codeblock-dots{display:flex;gap:6px;margin-right:12px}.codeblock-dots span{width:11px;height:11px;border-radius:50%;background:var(--bg-3)}.codeblock-dots span:nth-child(1){background:#ff5f57}.codeblock-dots span:nth-child(2){background:#febc2e}.codeblock-dots span:nth-child(3){background:#28c840}.codeblock-file{display:flex;align-items:center;flex:1}.codeblock-copy{background:transparent;border:1px solid transparent;color:var(--text-2);font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .12s}.codeblock-copy:hover{background:var(--bg-3);color:var(--text-0);border-color:var(--border)}.codeblock-copy.copied{color:var(--accent-2)}.codeblock pre{margin:0;padding:16px 18px;overflow-x:auto;font-size:13.5px;line-height:1.65;color:var(--text-0)}.codeblock pre code{background:none;border:none;padding:0;color:inherit}.tok-key{color:var(--accent-4)}.tok-str{color:var(--accent-2)}.tok-num{color:var(--accent-3)}.tok-com{color:var(--text-3);font-style:italic}.tok-fn{color:var(--accent-5)}.tok-var{color:var(--accent)}.tok-tag{color:var(--accent-4)}.tok-attr{color:var(--accent-5)}.tok-punc{color:var(--text-2)}.tabs{margin:24px 0}.tabs-bar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tab{background:transparent;border:none;color:var(--text-2);padding:10px 16px;font-family:var(--font-mono);font-size:13px;cursor:pointer;position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .12s}.tab:hover{color:var(--text-0)}.tab.active{color:var(--accent)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}[data-theme=synth] .tab.active:after{background:linear-gradient(90deg,var(--accent),var(--accent-5));box-shadow:0 0 8px var(--accent)}.tab-badge{background:var(--bg-2);color:var(--text-2);font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid var(--border)}.tab.active .tab-badge{background:var(--selection);color:var(--accent);border-color:var(--accent)}.collapse{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;background:var(--bg-1);overflow:hidden}.collapse-head{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.collapse-head:hover{background:var(--bg-2)}.collapse-caret{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:transform .18s ease;font-family:var(--font-mono)}.collapse.open .collapse-caret{transform:rotate(90deg)}.collapse-title{flex:1;font-size:14px;color:var(--text-0)}.collapse-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.collapse-body{padding:4px 18px 16px;border-top:1px solid var(--border);display:none}.collapse.open .collapse-body{display:block}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:24px 0}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .15s,transform .15s;cursor:pointer;display:flex;flex-direction:column;gap:10px}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}[data-theme=synth] .card:hover{border-color:var(--accent);box-shadow:0 8px 24px #ff5ec426}.card-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;color:var(--accent);font-size:14px}[data-theme=synth] .card-icon{background:linear-gradient(135deg,#ff5ec426,#a78bfa1a);border-color:#ff5ec44d}.card-title{font-size:16px;font-weight:600;color:var(--text-0);margin:0}.card-desc{font-size:13px;color:var(--text-2);margin:0;line-height:1.5}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.tag{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:4px;background:var(--bg-2);color:var(--text-1);border:1px solid var(--border)}.tag.html{color:#e34f26;border-color:#e34f264d}.tag.css{color:#2965f1;border-color:#2965f166}.tag.js{color:#f7df1e;border-color:#f7df1e4d}.tag.react{color:#61dafb;border-color:#61dafb4d}.tag.py{color:#ffd43b;border-color:#ffd43b4d}.hero{padding:32px 0 8px;border-bottom:1px solid var(--border);margin-bottom:12px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.hero-terminal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:13px}.hero-terminal .codeblock-head{background:var(--bg-2)}.term-body{padding:16px 18px;line-height:1.7}.term-line{display:block}.term-prompt{color:var(--accent-2);margin-right:8px}.term-cmd{color:var(--text-0)}.term-out{color:var(--text-2)}.term-cursor{display:inline-block;width:8px;height:14px;background:var(--accent);vertical-align:middle;animation:blink 1s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:0}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 8px}.stat{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-num{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-2);margin-top:2px;font-family:var(--font-mono)}.arch{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin:24px 0}.arch-row{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:16px 0;border-bottom:1px dashed var(--border);align-items:start}.arch-row:last-child{border-bottom:none}.arch-label{font-family:var(--font-mono);font-size:13px;color:var(--accent);font-weight:600}.arch-label-sub{font-size:11px;color:var(--text-3);margin-top:4px}.arch-items{display:flex;flex-wrap:wrap;gap:10px}.arch-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--text-1);cursor:pointer;transition:all .12s;font-family:var(--font-mono)}.arch-pill:hover{border-color:var(--accent);color:var(--text-0)}.arch-pill .num{color:var(--text-3);font-size:11px}.callout{background:var(--bg-1);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:16px 0;font-size:14px;color:var(--text-1)}.callout strong{color:var(--text-0)}.toc{position:sticky;top:80px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}[data-theme=paper] body{font-family:var(--font-sans);line-height:1.75}[data-theme=paper] .brand-logo{font-family:var(--font-sans);font-style:italic;font-weight:500}[data-theme=paper] .brand-dot{border-radius:50%;background:var(--accent-4);box-shadow:none}[data-theme=paper] .nav-section-title{letter-spacing:.2em;color:var(--text-2)}[data-theme=paper] .nav-item{font-family:var(--font-sans)}[data-theme=paper] .nav-item.active{background:var(--bg-2);color:var(--accent-3);border-color:transparent;border-left:2px solid var(--accent-3);border-radius:0;padding-left:14px}[data-theme=paper] .nav-item.active .nav-icon{color:var(--accent-3)}[data-theme=paper] .page-eyebrow{font-family:var(--font-mono);font-style:normal;color:var(--accent-4);letter-spacing:.16em}[data-theme=paper] .page-title{font-family:"Noto Serif TC",Cormorant Garamond,Georgia,serif;font-weight:600;letter-spacing:.01em;color:var(--text-0)}[data-theme=paper] .page-subtitle{font-style:italic;color:var(--text-1);border-left:2px solid var(--accent-3);padding-left:16px;margin-left:-18px}[data-theme=paper] h2.section-title{font-family:"Noto Serif TC",serif;font-weight:600;border-bottom:1px solid var(--border)}[data-theme=paper] h2.section-title .hash{color:var(--accent-4)}[data-theme=paper] .card-title{font-family:"Noto Serif TC",serif}[data-theme=paper] .card-icon{background:transparent;border:1px solid var(--accent-3);color:var(--accent-3);border-radius:50%}[data-theme=paper] .codeblock{background:#fbf8f1;border-color:var(--border);box-shadow:0 1px #5646280a}[data-theme=paper] .codeblock-head{background:var(--bg-2);color:var(--text-2)}[data-theme=paper] .codeblock-dots span:nth-child(1){background:#c98a7c}[data-theme=paper] .codeblock-dots span:nth-child(2){background:#d9b96b}[data-theme=paper] .codeblock-dots span:nth-child(3){background:#91a87a}[data-theme=paper] .codeblock pre{color:var(--text-0)}[data-theme=paper] .tok-key{color:#a85c4a}[data-theme=paper] .tok-str{color:#6b8a5a}[data-theme=paper] .tok-num{color:#b8794a}[data-theme=paper] .tok-com{color:#a89a7e;font-style:italic}[data-theme=paper] .tok-fn{color:#7a5a8a}[data-theme=paper] .tok-var{color:#5a7a8a}[data-theme=paper] .tok-tag{color:#a85c4a}[data-theme=paper] .tok-attr{color:#7a5a8a}[data-theme=paper] :not(pre)>code{background:var(--bg-2);color:var(--accent-3);border-color:var(--border)}[data-theme=paper] .btn-primary{background:var(--accent-3);border-color:var(--accent-3);color:#fbf8f1}[data-theme=paper] .btn-primary:hover{background:var(--accent-4);color:#fbf8f1}[data-theme=paper] .tab.active{color:var(--accent-3)}[data-theme=paper] .tab.active:after{background:var(--accent-3)}[data-theme=paper] .tab.active .tab-badge{background:#b8794a26;color:var(--accent-3);border-color:var(--accent-3)}[data-theme=paper] .callout{background:#f9f4e8;border-left-color:var(--accent-3)}[data-theme=paper] .arch-label{color:var(--accent-4);font-family:var(--font-mono)}[data-theme=paper] .arch-pill{background:var(--bg-1);font-family:var(--font-sans)}[data-theme=paper] .arch-pill:hover{border-color:var(--accent-3);color:var(--accent-3)}[data-theme=paper] .hero-terminal{background:var(--bg-1);box-shadow:var(--shadow-lg)}[data-theme=paper] .term-prompt{color:var(--accent-2)}[data-theme=paper] .term-cmd{color:var(--text-0)}[data-theme=paper] .term-out{color:var(--text-2)}[data-theme=paper] .term-cursor{background:var(--accent-3)}[data-theme=paper] .stat-num{color:var(--accent-3)}[data-theme=paper] .card:hover{border-color:var(--accent-3);box-shadow:0 4px 16px #b8794a1a}[data-theme=paper] .collapse{background:var(--bg-1)}[data-theme=paper] .collapse-title{font-family:var(--font-sans)}.ch-index{display:flex;flex-wrap:nowrap;gap:8px;margin:24px -8px 8px;padding:12px 14px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;position:sticky;top:53px;z-index:9;background:color-mix(in srgb,var(--bg-1) 92%,transparent);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}.ch-index::-webkit-scrollbar{height:6px}.ch-index::-webkit-scrollbar-track{background:transparent}.ch-index::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ch-index::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.ch-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-size:12.5px;font-family:var(--font-sans);color:var(--text-1);cursor:pointer;text-decoration:none;transition:all .12s;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.ch-chip:hover{border-color:var(--accent);color:var(--text-0);text-decoration:none}.ch-num{font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.04em}.ch-chip:hover .ch-num{color:var(--accent)}.ch-section{margin:36px 0;scroll-margin-top:120px}.ch-head{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;border-bottom:2px solid var(--border);margin-bottom:18px}.ch-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--bg-2);border:1px solid var(--border);padding:3px 10px;border-radius:4px;letter-spacing:.04em;flex-shrink:0}[data-theme=paper] .ch-tag{color:var(--accent-3);border-color:var(--accent-3)}[data-theme=synth] .ch-tag{color:var(--accent);border-color:#ff5ec466;box-shadow:0 0 8px #ff5ec433}.ch-title{font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--text-0)}[data-theme=paper] .ch-title{font-family:"Noto Serif TC",serif}.ch-body h3.sub{font-size:15px;font-weight:600;margin:24px 0 8px;color:var(--text-0);display:flex;align-items:center;gap:8px}.ch-body h3.sub:before{content:"▸";color:var(--accent);font-size:12px}.tbl-wrap{margin:16px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ref-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--bg-1)}.ref-table thead th{background:var(--bg-2);color:var(--text-0);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ref-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:top}.ref-table tbody tr:last-child td{border-bottom:none}.ref-table tbody tr:hover td{background:var(--bg-2)}[data-theme=paper] .ref-table thead th{font-family:var(--font-mono)}.img-wrap{margin:16px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-1)}.img-wrap img{display:block;width:100%;height:auto}.img-caption{padding:10px 14px;background:var(--bg-2);border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2);font-family:var(--font-mono);text-align:center}.video-wrap{position:relative;width:100%;padding-bottom:56.25%;margin:16px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#000}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.menu-btn{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:4px;margin-right:10px;flex-shrink:0}.menu-btn span{display:block;width:20px;height:2px;background:var(--text-1);border-radius:2px;transition:background .15s}.menu-btn:hover span{background:var(--text-0)}.topbar-left{display:flex;align-items:center}.btn-label{display:inline}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-close{display:none;position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-2);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.sidebar-close:hover{background:var(--bg-2);color:var(--text-0)}@media (max-width: 1024px){.app{grid-template-columns:220px 1fr}.content{padding:32px 32px 80px;max-width:100%}.topbar{padding:12px 24px}.hero-grid{gap:20px}.page-title{font-size:30px}.arch-row{grid-template-columns:110px 1fr}}@media (max-width: 768px){.app{grid-template-columns:1fr;position:relative}.main{width:100%}.sidebar{position:fixed;left:-100%;top:0;width:min(280px,85vw);height:100vh;z-index:100;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:none;border-right:1px solid var(--border);padding-top:20px}.sidebar--open{left:0;box-shadow:4px 0 24px #00000059}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .28s}.sidebar-is-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-close{display:block}.menu-btn{display:flex}.topbar{padding:10px 16px}.topbar-actions{gap:6px}.btn-mdn .btn-label{display:none}.btn{padding:6px 10px;font-size:12px}.content{padding:20px 16px 80px;max-width:100%}.page-title{font-size:24px}.page-subtitle{font-size:15px;margin-bottom:24px}h2.section-title{font-size:18px;margin:28px 0 12px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-terminal{font-size:12px}.term-body{padding:12px 14px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:12px}.stat-num{font-size:18px}.arch{padding:16px}.arch-row{grid-template-columns:1fr;gap:10px;padding:12px 0}.arch-label{font-size:12px}.arch-items{gap:6px}.arch-pill{font-size:12px;padding:4px 10px}.card-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.codeblock pre{font-size:12px;padding:12px 14px}.tabs-bar{gap:0}.tab{padding:8px 12px;font-size:12px}.ch-index{margin:16px -4px 4px;padding:10px;top:49px}.ch-chip{font-size:12px;padding:4px 8px}.ch-head{flex-wrap:wrap;gap:6px}[data-theme=paper] .page-subtitle{margin-left:-12px}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 400px){.card-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}.topbar-actions .btn-mdn,.hero-terminal{display:none}}