
:root{color-scheme:dark;--bg:#08070d;--panel:#12101c;--panel2:#1b1730;--text:#f6f2ff;--muted:#b9afd3;--violet:#a975ff;--cyan:#72e6ff;--line:#31284b;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#291657 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.75;overflow-wrap:anywhere}a{color:var(--cyan);text-underline-offset:.2em}a:hover{color:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;color:#111;padding:.6rem;z-index:10}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem max(1rem,calc((100vw - var(--max))/2));background:rgba(8,7,13,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:800;text-decoration:none;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:.67rem;font-weight:500;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:2.35rem;aspect-ratio:1;border:1px solid var(--violet);border-radius:.5rem;background:linear-gradient(145deg,#a975ff,#4b2e91);box-shadow:0 0 20px rgba(169,117,255,.35)}.media-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.media-tabs a{color:var(--muted);text-decoration:none;padding:.38rem .65rem;border:1px solid transparent;border-radius:999px;font-size:.86rem}.media-tabs a:hover{color:#fff;border-color:var(--line);background:var(--panel)}main{width:min(var(--max),calc(100% - 2rem));margin:auto}.breadcrumbs{display:flex;gap:.55rem;align-items:center;color:var(--muted);font-size:.88rem;padding:1.2rem 0}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(2rem,7vw,6rem) 0 3rem}.eyebrow{color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(2.35rem,7vw,5.8rem);line-height:1.02;margin:.4rem 0 1.4rem;letter-spacing:-.04em}.lede{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);max-width:47rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:.65rem;text-decoration:none;font-weight:760}.primary{background:var(--violet);color:#0c0716}.secondary{border:1px solid var(--line);color:var(--text);background:var(--panel)}.pixel-window{margin:0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(150deg,var(--panel2),#0c0a13);box-shadow:0 28px 80px rgba(0,0,0,.4)}.pixel-window img{display:block;width:100%;height:auto;border-radius:.65rem}.pixel-window figcaption{color:var(--muted);font-size:.78rem;margin-top:.7rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}.prose{min-width:0}.content-section{padding:1.55rem 0;border-top:1px solid var(--line)}.content-section h2,.directory h2,.related h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.25;margin:.2rem 0 .8rem}.content-section p{color:#ddd6ee;max-width:78ch}.evidence-panel{position:sticky;top:6rem;padding:1.25rem;border:1px solid var(--line);border-radius:.8rem;background:var(--panel)}.evidence-panel h2{font-size:1.1rem}.evidence-panel dt{color:var(--cyan);font-weight:800;margin-top:.7rem}.evidence-panel dd{margin:.2rem 0;color:var(--muted)}.directory,.related{padding:3rem 0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-card{padding:1.2rem;border:1px solid var(--line);border-radius:.85rem;background:linear-gradient(145deg,var(--panel),#0e0b16)}.guide-card h3{font-size:1.05rem;line-height:1.35;margin:.25rem 0}.guide-card p{color:var(--muted);font-size:.9rem}.card-type{text-transform:uppercase;color:var(--violet)!important;font-size:.68rem!important;letter-spacing:.12em}.related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;list-style:none;padding:0}.related li{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel)}.related span{color:var(--muted);font-size:.86rem;margin-top:.35rem}footer{width:min(var(--max),calc(100% - 2rem));margin:4rem auto 0;padding:2rem 0 4rem;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}.error-page{min-height:70vh;display:grid;align-content:center;justify-items:start;max-width:820px;margin:auto;padding:3rem 0}.error-page h1{font-size:clamp(2.3rem,6vw,4.8rem);margin-bottom:.5rem}.error-page img{width:min(100%,620px);height:auto;margin:1rem 0;border-radius:1rem}
@media(max-width:920px){.site-header{position:static;align-items:flex-start;flex-direction:column}.media-tabs{justify-content:flex-start}.hero,.content-layout{grid-template-columns:1fr}.evidence-panel{position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){main{width:min(100% - 1.1rem,var(--max))}.site-header{padding:.85rem}.media-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.media-tabs a{font-size:.78rem;padding:.35rem .45rem}.hero{padding-top:1.6rem}.hero h1{font-size:clamp(2.1rem,13vw,3.8rem)}.card-grid,.related ul{grid-template-columns:1fr}.hero-actions{align-items:stretch}.button{width:100%}.pixel-window{padding:.6rem}.content-section{padding:1.15rem 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
