@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#100e1b;--panel:#1b172a;--panel2:#262038;--line:#4c4264;--text:#f5ecdc;--muted:#c2b7c9;--gold:#ffd475;--violet:#b99aff;--mint:#9de5c8;--red:#ffaaa8;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% -10%,#47294e 0,transparent 44rem),radial-gradient(circle at 2% 58%,#1b2f35 0,transparent 40rem),var(--bg);font:16px/1.75 'Noto Sans SC','Microsoft YaHei',sans-serif}a{color:var(--gold)}button{font:inherit;cursor:pointer}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#111;padding:8px}.topbar{position:sticky;top:0;z-index:20;background:#100e1be8;border-bottom:1px solid #ffffff20;backdrop-filter:blur(16px)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px}.brand{text-decoration:none;font-size:1rem;font-weight:900;letter-spacing:.12em;color:var(--text);white-space:nowrap}.brand b{color:var(--gold)}.nav{display:flex;gap:5px;overflow-x:auto;white-space:nowrap}.nav a{color:var(--muted);text-decoration:none;padding:9px 13px;border-radius:8px;font-size:.9rem}.nav a:hover,.nav a:focus,.nav a[aria-current=page]{color:#271d30;background:var(--gold)}.hero{padding:76px 0 67px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:45px;align-items:center}.eyebrow,.kicker{color:var(--violet);font-size:.76rem;letter-spacing:.22em;font-weight:900}.hero h1{font-size:clamp(3.1rem,7vw,6rem);letter-spacing:-.055em;line-height:1.12;margin:12px 0 20px}.hero h1 em{font-style:normal;color:var(--gold)}.lead{font-size:1.11rem;color:#dbd0e0;max-width:660px;margin:0 0 25px}.action-row{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--gold);border-radius:8px;padding:11px 19px;background:var(--gold);color:#271c2c;font-weight:900}.btn.secondary{background:#ffffff0b;border-color:#9a7da9;color:var(--text)}.btn:hover{transform:translateY(-2px)}.hero-art{position:relative;min-height:355px;border:1px solid #795d85;border-radius:18px;background:radial-gradient(circle at 50% 48%,#764a7f88,transparent 38%),linear-gradient(145deg,#2c203d,#171727);box-shadow:0 30px 70px #0006,inset 0 0 0 8px #0002;display:grid;place-items:center}.orbit{width:235px;height:235px;border:1px dashed #d8b0df8c;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 48px #b77bdf50}.orbit::before,.orbit::after{content:'';position:absolute;border:1px dashed #d8b0df50;border-radius:50%;inset:20px}.orbit::after{inset:-25px;border-color:#d8b0df3a}.hero-glyph{font-size:7rem;line-height:1;filter:drop-shadow(0 15px 9px #0008)}.hero-art .float{position:absolute;display:grid;place-items:center;width:72px;height:72px;border:1px solid #9780ab;border-radius:14px;background:#302640;box-shadow:0 8px 20px #0006;font-size:2.6rem}.hero-art .one{top:12%;left:8%}.hero-art .two{right:7%;top:17%}.hero-art .three{bottom:8%;left:16%}.hero-art small{position:absolute;right:18px;bottom:16px;color:#c8b5d1;font-size:.75rem;letter-spacing:.1em}.mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.mini-meta span{border:1px solid #665579;border-radius:99px;padding:4px 10px;color:#dfcce8;font-size:.77rem}.section{padding:64px 0;border-top:1px solid #ffffff18;scroll-margin-top:78px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.25;margin:5px 0 0}.section-head p{color:var(--muted);max-width:475px;margin:0}.grid{display:grid;gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 28px #0002}.journey{padding:22px;min-height:230px}.journey .num{color:var(--gold);font:700 2.3rem Georgia,serif}.journey h3,.feature h3{font-size:1.12rem;margin:12px 0 7px}.journey p,.feature p{color:var(--muted);margin:0;font-size:.94rem}.feature{padding:23px}.feature .icon{font-size:1.8rem}.feature strong{color:var(--gold)}.feature ul{color:var(--muted);padding-left:21px;margin-bottom:0}.feature li{margin:5px 0}.card-link{text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.card-link:hover,.card-link:focus{transform:translateY(-4px);border-color:var(--gold)}.card-link .open{color:var(--gold);display:block;margin-top:22px;font-size:.85rem;font-weight:800}.callout{margin-top:20px;padding:17px 20px;border-left:4px solid var(--gold);background:#80642e2c;border-radius:0 8px 8px 0}.callout.warn{border-color:var(--red);background:#842f392a}.callout.mint{border-color:var(--mint);background:#2f80642a}.flow{display:flex;align-items:stretch;gap:12px}.flow .flow-step{flex:1;padding:19px}.flow .arrow{align-self:center;color:var(--gold);font-size:1.5rem}.flow-step b{color:var(--gold);font-size:.78rem;letter-spacing:.1em}.flow-step h3{margin:4px 0 7px}.flow-step p{margin:0;color:var(--muted);font-size:.91rem}.cmd{font-family:Consolas,monospace;color:#d9ffd9;background:#13251e;border:1px solid #3d6953;border-radius:6px;padding:3px 7px;white-space:normal}.command-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.command{padding:15px 17px}.command code{display:block;color:#c5ffd3;font:600 .93rem/1.5 Consolas,monospace;overflow-wrap:anywhere}.command span{display:block;color:var(--muted);font-size:.86rem;margin-top:5px}.table-wrap{overflow-x:auto}.guide-table{width:100%;border-collapse:collapse;min-width:640px}.guide-table th{text-align:left;background:#322940;color:var(--gold);font-size:.85rem}.guide-table td,.guide-table th{padding:12px 15px;border-bottom:1px solid #ffffff20}.guide-table td{color:#e2d8e9}.guide-table tr:last-child td{border:0}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:9px;background:#211b30;padding:15px 18px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);margin:10px 0 1px}.footer{border-top:1px solid #ffffff20;padding:29px 0 44px;color:var(--muted);font-size:.86rem}.footer .wrap{display:flex;justify-content:space-between;gap:16px}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--muted)}.page-hero{padding:60px 0 51px}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.15;margin:8px 0 17px}.page-hero .lead{margin:0;max-width:790px}.toc{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.toc a{border:1px solid #716081;border-radius:99px;color:#e1d7e9;text-decoration:none;padding:5px 11px;font-size:.83rem}.toc a:hover{border-color:var(--gold);color:var(--gold)}.stat{padding:17px 19px}.stat strong{display:block;color:var(--gold);font-size:1.45rem}.stat span{color:var(--muted);font-size:.87rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.scene{border:1px solid var(--line);border-radius:14px;padding:25px;background:linear-gradient(155deg,#342444,#201b30);min-height:240px;display:grid;align-content:center;gap:12px}.scene-row{display:flex;align-items:center;gap:12px}.scene-tile{display:grid;place-items:center;width:57px;height:57px;border:1px solid #8b779a;border-radius:9px;background:#453450;font-size:1.9rem;flex:none}.scene-row p{margin:0;color:#e8dfe9}.scene-row small{color:var(--muted)}.note{font-size:.82rem;color:var(--muted);margin-top:9px}.ending{padding:50px 0 70px;text-align:center}.ending h2{font-size:2rem;margin:0 0 8px}.ending p{color:var(--muted);margin:0 0 20px}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:260px}.section-head{display:block}.section-head p{margin-top:9px}}@media(max-width:620px){.wrap{padding:0 16px}.topbar .wrap{display:block;padding-top:10px;padding-bottom:8px}.nav{margin-top:6px}.nav a{padding:7px 10px}.hero{padding:48px 0}.hero h1{font-size:3.15rem}.hero-art{min-height:230px}.orbit{width:175px;height:175px}.hero-glyph{font-size:5rem}.hero-art .float{width:50px;height:50px;font-size:1.7rem}.grid.four,.grid.three,.grid.two,.command-list{grid-template-columns:1fr}.flow{display:grid}.flow .arrow{transform:rotate(90deg);justify-self:center;line-height:1}.footer .wrap{display:block}.page-hero{padding:40px 0}.section{padding:49px 0}}