:root{color-scheme:dark;--bg:#101019;--surface:#171722;--line:#2b2b3b;--text:#f5f3ff;--muted:#b3b1c5;--gold:#d4af37;--gold-light:#f1d36b;--ink:#282007}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,#302818 0,transparent 34rem),var(--bg);color:var(--text);font:16px/1.7 ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--gold-light)}a:hover{color:#fff}.wrap{width:min(920px,calc(100% - 36px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;font-size:20px;text-decoration:none}.brand img{width:40px;height:40px}.nav{display:flex;gap:18px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--gold-light)}.nav .button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:#ffffff08;color:var(--text);text-decoration:none;font-weight:700}.button.primary{background:linear-gradient(120deg,var(--gold-light),#c99a2e);border-color:transparent;color:var(--ink)}main{padding:60px 0 82px}.eyebrow{color:var(--gold-light);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:10px 0 12px;font-size:clamp(34px,6vw,54px);line-height:1.16;letter-spacing:-.04em}.intro{max-width:720px;color:var(--muted);font-size:18px}.notice{margin:26px 0;padding:17px 20px;border:1px solid #d4af374d;border-radius:14px;background:#d4af370d}.notice strong{color:var(--gold-light)}.toc{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 36px}.toc a{padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;text-decoration:none}.toc a:hover{border-color:var(--gold);color:var(--text)}section{padding:29px 0;border-top:1px solid #ffffff14;scroll-margin-top:22px}h2{margin:0 0 13px;font-size:25px}h3{margin:20px 0 7px;font-size:18px}p,li{color:#cfccda}p{margin:8px 0}ul,ol{padding-left:23px}li{padding:3px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.card{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#1c1c29,#14141e)}.card h3{margin:0 0 5px}.card p{margin:0;color:var(--muted);font-size:14px}.steps{counter-reset:step}.steps li{list-style:none;position:relative;margin:12px 0;padding:14px 16px 14px 52px;border:1px solid var(--line);border-radius:13px;background:#ffffff05}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:15px;color:var(--gold-light);font-weight:800}.faq details{padding:17px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:var(--muted)}code{padding:2px 6px;border-radius:5px;background:#ffffff12;color:#f1d36b;font-size:.9em}.callout{padding:14px 17px;border-left:3px solid var(--gold);background:#ffffff06;color:var(--muted)}footer{padding:22px 0 32px;border-top:1px solid #ffffff14;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.foot a{color:var(--muted)}:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);padding:8px;background:white;color:black;border-radius:7px}.skip:focus{transform:none}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.topbar{height:66px}.nav{gap:11px}.nav a{font-size:12px}.nav a:nth-child(1){display:none}.nav .button{min-height:37px;padding:0 10px}.grid{grid-template-columns:1fr}main{padding:42px 0 60px}.intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}