:root { color-scheme: dark; --bg:#090d1c; --panel:#131b38; --line:#2b3964; --ink:#eef2ff; --muted:#aebad5; --accent:#7890ff; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 82% 0,rgba(84,102,255,.24),transparent 30%),linear-gradient(145deg,#0a1024,#0a0d18 62%); font-family:"Microsoft YaHei","Segoe UI",sans-serif; line-height:1.65; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:1120px; margin:auto; padding-inline:28px; }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid rgba(136,153,255,.18); }
.brand { font-size:20px; font-weight:850; letter-spacing:.02em; }.brand span { color:#91a2ff; }
.nav-links { display:flex; flex-wrap:wrap; gap:7px; }.nav-links a { padding:7px 10px; border-radius:8px; color:#aebad8; font-size:14px; }.nav-links a:hover,.nav-links .active { color:#fff; background:rgba(105,124,255,.17); }
main { padding-block:68px; }.hero,.page-hero { max-width:730px; padding:25px 0 53px; }.eyebrow { color:#8b9fff; font-size:12px; font-weight:800; letter-spacing:.15em; }.hero h1,.page-hero h1 { margin:12px 0; font-size:clamp(38px,6vw,68px); line-height:1.14; letter-spacing:-.045em; }.hero h1 span { display:block; color:#8ca0ff; }.lead { max-width:650px; color:#b1bdd9; font-size:17px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:27px; }.button { display:inline-flex; min-height:43px; align-items:center; justify-content:center; padding:0 18px; border-radius:10px; font-weight:800; transition:transform .18s,filter .18s; }.button:hover { transform:translateY(-2px); filter:brightness(1.09); }.primary { background:linear-gradient(135deg,#5574ff,#7b5cf5); box-shadow:0 10px 24px rgba(79,98,255,.28); }.secondary { border:1px solid #3a4876; background:rgba(21,29,59,.7); color:#dce3ff; }
.section { padding:38px 0; }.section h2,.callout h2 { margin:7px 0 20px; font-size:28px; }.cards,.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.card,.guide-card,.download-card,.notice,details,.callout { border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(23,32,67,.92),rgba(13,19,39,.9)); box-shadow:0 14px 35px rgba(0,0,0,.16); }.card,.guide-card { padding:22px; }.card b,.guide-card h2 { font-size:18px; }.card p,.guide-card p,.callout p,.notice p,details p,.download-card p,.download-card small { color:var(--muted); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:0; margin:0; list-style:none; }.steps li { padding:18px; border-top:2px solid #657cff; background:rgba(18,26,54,.64); }.steps b,.steps span { display:block; }.steps span { margin-top:6px; color:#acb8d3; font-size:14px; }.callout { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:32px; padding:29px; }.callout h2 { margin-bottom:4px; }
.guide-card .number { color:#91a2ff; font-size:13px; font-weight:800; }.guide-card h2 { margin:8px 0; }.notice { margin-top:24px; padding:19px 22px; border-color:#414e81; }.notice b { color:#c9d3ff; }.notice p { margin:6px 0 0; }.download-card { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:27px; }.download-card b { font-size:21px; }.download-card p { margin:4px 0; }.download-card small { font-size:12px; }.status { display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:50%; background:#63d69a; box-shadow:0 0 14px #63d69a; }
.faq { display:grid; gap:11px; }.faq details { padding:0 20px; }.faq summary { padding:17px 0; cursor:pointer; font-weight:700; }.faq p { margin:0 0 17px; }.footer { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; padding-block:24px 38px; border-top:1px solid rgba(136,153,255,.14); color:#7e8daf; font-size:13px; }
@media (max-width:720px) { .wrap{padding-inline:19px}.nav{padding-block:16px;align-items:flex-start;flex-direction:column;gap:9px}.nav-links{width:100%}.nav-links a{padding-left:0;padding-right:12px}main{padding-block:42px}.hero,.page-hero{padding-top:10px;padding-bottom:35px}.lead{font-size:15px}.cards,.guide-grid,.steps{grid-template-columns:1fr}.callout,.download-card{padding:21px;align-items:flex-start;flex-direction:column}.button,.actions{width:100%}.footer{padding-block:22px 30px} }