:root{color-scheme:light dark;--bg: #05080f;--bg-secondary: #0f172a;--text: #f8fafc;--text-muted: #cbd5f5;--accent: #38bdf8;--accent-2: #2dd4bf;--card: rgba(15, 23, 42, .8);--border: rgba(148, 163, 184, .3);--muted: rgba(148, 163, 184, .8);--font-heading: "Space Grotesk", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top,#0f172a,#05080f 50%);min-height:100vh;line-height:1.7}p{margin-block:.5rem 1rem;color:var(--text-muted)}h1,h2,h3{font-family:var(--font-heading);font-weight:600;margin:0 0 .5rem;color:var(--text)}main{width:min(1100px,100%);margin:0 auto;padding:3rem 1.5rem 4rem}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:4rem clamp(1.5rem,5vw,4rem) 3rem;background:linear-gradient(135deg,#0f172a,#020617,#111c34);border-bottom:1px solid var(--border)}.hero__content{flex:1 1 320px;max-width:540px}.hero__figure{flex:1 1 280px;margin:0;display:flex;justify-content:center;align-items:center}.hero__figure svg{width:100%;max-width:360px}.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.2em;font-size:.75rem;margin:0 0 1rem}.lede{font-size:1.1rem}.hero__cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.btn{border:1px solid transparent;padding:.75rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;color:#020617;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 25px #38bdf840}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #38bdf859}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.section-heading{margin-bottom:2rem;max-width:720px}.stack{margin-top:3rem}.stack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:1.5rem;backdrop-filter:blur(12px);box-shadow:0 20px 40px #02061766}.card h3{margin-top:0}.card ul{padding-left:1rem;margin:0;color:var(--text-muted)}.card li+li{margin-top:.35rem}.site-nav{display:flex;gap:1rem;align-items:center;margin:1rem clamp(1.5rem,6vw,4rem);padding-bottom:1rem;border-bottom:1px solid var(--border)}.site-nav a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s ease}.site-nav .site-logo{font-size:1rem;font-weight:600;color:var(--text)}.site-nav .site-logo:hover,.site-nav a:hover,.site-nav a.active{color:var(--accent)}.site-nav .spacer{flex:1}.articles{margin-top:4rem}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.article-card{background:linear-gradient(135deg,#0f172ae6,#020617e6);padding:1.75rem;border-radius:28px;border:1px solid var(--border);position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column}.article-card h3{margin:.5rem 0}.article-card p{flex:1}.article-card svg{width:140px;position:absolute;bottom:0;right:.5rem;opacity:.5}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .85rem;border-radius:999px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent)}.article-meta{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.article-hero{padding:3rem clamp(1.5rem,5vw,4rem) 1rem}.article-hero h1{font-size:clamp(2rem,4vw,3rem)}.article-hero p{max-width:720px}.back-link{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.back-link:hover{color:var(--accent)}.tip{margin-top:2rem;font-style:italic;color:var(--text-muted)}.article article+article{margin-top:2.5rem}.article ul{padding-left:1.1rem;color:var(--text-muted)}.article pre{background:#0f172a;border-radius:16px;padding:1rem;overflow-x:auto;border:1px solid var(--border);color:var(--accent)}.diagram{background:#0f172a99;border-radius:24px;padding:1rem;border:1px solid var(--border);margin:1.5rem 0}.diagram svg{width:100%;height:auto}.diagram figcaption{margin-top:.5rem;font-size:.9rem;color:var(--muted)}.svg-text{font-size:.6rem;fill:#e2e8f0;font-family:var(--font-body)}.svg-title{font-size:.9rem;fill:#e2e8f0;font-family:var(--font-heading)}.svg-block{fill:#ffffff05;stroke:#ffffff26;stroke-width:2}.svg-block--encoder{fill:#38bdf814;stroke:#38bdf899}.svg-block--decoder{fill:#f472b614;stroke:#f472b699}.svg-block--qkv{fill:#2563eb14;stroke:#2563eb80}.svg-block--op{fill:#0f766e1f;stroke:#2dd4bf80}.svg-heading{fill:#f8fafc;font-size:1rem;font-family:var(--font-heading)}.svg-body{fill:#cbd5f5;font-size:.85rem;font-family:var(--font-body)}.svg-arrow{stroke:#f8fafc99;stroke-width:3}.pill-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.pill{border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;color:var(--text-muted)}.callout{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:20px;border:1px solid rgba(56,189,248,.2);background:#38bdf814}.callout h4{margin-top:0;margin-bottom:.25rem}blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid var(--accent);background:#38bdf814;border-radius:0 18px 18px 0;color:var(--text-muted)}.footer{text-align:center;padding:2rem 1rem 3rem;border-top:1px solid var(--border);color:var(--muted)}@media(max-width:768px){.hero{padding-top:3rem}.hero__content{order:2}.hero__figure{order:1}.hero__cta{flex-direction:column}}