:root { --ink:#182235; --muted:#536174; --brand:#155eef; --mint:#ecfdf3; --line:#dbe4ef; --alert:#9a3412; --paper:#f8fafc; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:var(--brand); }
.container { width:min(1120px, calc(100% - 40px)); margin:auto; }
header { background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:3; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:62px; }
.brand { color:var(--ink); font-weight:800; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:14px; font-size:.9rem; }
nav a { text-decoration:none; color:var(--muted); }
main { padding:44px 0 60px; }
.hero { padding:30px 0 20px; }
h1 { font-size:clamp(2rem,5vw,3.8rem); line-height:1.15; margin:.2em 0; letter-spacing:-.04em; }
h2 { margin-top:2.4em; font-size:1.5rem; }
h3 { margin-bottom:.3em; }
.eyebrow { color:var(--brand); font-weight:700; letter-spacing:.04em; }
.lead { font-size:1.2rem; color:var(--muted); max-width:760px; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0; }
.card, .notice, .steps, .faq { min-width:0; background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px; }
.notice { border-color:#fdba74; background:#fff7ed; color:#7c2d12; }
.notice strong { color:#7c2d12; }
.success { background:var(--mint); border-color:#86efac; color:#166534; }
.button { display:inline-flex; padding:12px 18px; border-radius:10px; background:var(--brand); color:#fff; text-decoration:none; font-weight:700; border:0; }
.button[aria-disabled="true"] { background:#94a3b8; cursor:not-allowed; }
.meta { color:var(--muted); font-size:.92rem; overflow-wrap:anywhere; }
code { display:block; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
ol.steps { padding-left:42px; }
li + li { margin-top:.8em; }
details { padding:14px 0; border-bottom:1px solid var(--line); }
summary { cursor:pointer; font-weight:700; }
footer { background:#10213f; color:#d7e2f3; padding:28px 0; font-size:.9rem; }
footer a { color:#b9d2ff; }
.download-page { min-height:100vh; display:grid; place-items:center; background:linear-gradient(155deg,#edf4ff 0%,#f8fafc 55%,#eef2f7 100%); }
.download-simple { width:min(520px,calc(100% - 32px)); padding:42px 30px; text-align:center; border:1px solid rgba(213,224,239,.9); border-radius:26px; background:rgba(255,255,255,.96); box-shadow:0 20px 60px rgba(35,63,99,.13); }
.download-simple h1 { margin:14px 0 12px; font-size:clamp(2rem,8vw,3rem); letter-spacing:-.04em; }
.download-logo { width:60px; height:60px; margin:auto; display:grid; place-items:center; border-radius:19px; background:linear-gradient(145deg,#1f7aec,#1359ca); color:#fff; font-size:26px; font-weight:800; box-shadow:0 12px 28px rgba(23,105,224,.25); }
.download-explain { margin:0 auto 24px; color:var(--muted); line-height:1.75; }
.download-button { width:100%; justify-content:center; padding:15px 20px; font-size:1.05rem; box-shadow:0 9px 22px rgba(21,94,239,.2); }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; background:#fff; }
th,td { padding:12px; text-align:left; vertical-align:top; border:1px solid var(--line); }
th { background:#edf3ff; }
@media (max-width:720px) { .container { width:min(100% - 28px, 1120px); } .header-inner { align-items:flex-start; flex-direction:column; padding:12px 0; } nav { gap:10px; } .card-grid { grid-template-columns:1fr; } main { padding-top:26px; } h1 { font-size:2.3rem; } .download-simple { padding:34px 22px; } }