:root { color-scheme: light; --ink:#12243f; --muted:#52647c; --blue:#174fcb; --line:#dce3ee; --soft:#f3f6fb; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size:16px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fff; line-height:1.65; }
[hidden] { display:none !important; }
a { color:var(--blue); text-underline-offset:3px; }
button, textarea { font:inherit; }
:focus-visible { outline:3px solid #da7b00; outline-offset:4px; }
.site-header { max-width:1056px; margin:auto; padding:25px 32px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.site-header>span { color:var(--muted); font-size:.9rem; }
.brand { color:var(--ink); font-size:1.5rem; font-weight:750; text-decoration:none; letter-spacing:-.05em; }
.brand-dot { color:var(--blue); }
main { max-width:992px; padding:0 32px; margin:auto; }
.intro { padding:45px 0 28px; }
.eyebrow { font-size:.8rem; letter-spacing:.13em; font-weight:650; color:var(--blue); margin:0 0 12px; }
h1 { font-size:clamp(2rem,4vw,2.75rem); line-height:1.25; letter-spacing:-.04em; margin:0 0 18px; }
.lead { color:var(--muted); margin:0; font-size:1.0625rem; }
h2 { font-size:1.2rem; line-height:1.5; margin:0; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.quiet { color:var(--muted); font-size:.8rem; }
.device-note { color:var(--muted); font-size:.9rem; margin:9px 0 18px; }
.downloads { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.download-card { padding:26px; border:1px solid var(--line); border-radius:14px; display:flex; flex-direction:column; background:#fff; }
.download-card.recommended { border:2px solid var(--blue); padding:25px; background:#f8faff; }
.card-top { display:flex; justify-content:space-between; align-items:center; min-height:40px; gap:10px; }
.system-mark { font-size:1rem; font-weight:700; border:1px solid var(--line); border-radius:9px; width:40px; height:40px; display:grid; place-items:center; background:#fff; }
.recommend-badge { font-size:.8rem; font-weight:600; color:var(--blue); }
.download-card h3 { font-size:1.65rem; margin:14px 0 6px; letter-spacing:-.03em; }
.card-description { margin:0 0 14px; color:var(--muted); flex:1; }
.version { font-size:.85rem; color:var(--muted); margin:0 0 18px; }
.version span { padding:0 5px; }
.download-button { background:#112b53; color:#fff; border-radius:8px; min-height:50px; padding:12px 17px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-weight:600; text-decoration:none; }
.recommended .download-button { background:var(--blue); }
.download-button:hover { background:#123d8a; }
.package-kind { font-size:.8rem; color:var(--muted); margin:11px 0 0; }
.notice { margin:20px 0 0; padding:16px 20px; border-left:3px solid #8799b3; background:var(--soft); font-size:.9rem; }
.notice strong { display:block; margin-bottom:3px; }
.notice span { color:var(--muted); }
.next { margin-top:40px; }
.steps { list-style:none; padding:0; margin:24px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.step-number { color:var(--blue); font-size:.85rem; font-weight:700; font-variant-numeric:tabular-nums; }
.steps h3 { margin:6px 0; font-size:1rem; }
.steps p { color:var(--muted); margin:0; font-size:.9rem; overflow-wrap:anywhere; }
.prompt-box { background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:18px 20px; }
.prompt-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.prompt-heading label { font-size:.95rem; font-weight:600; }
button { border:1px solid #b5c2d5; background:#fff; color:var(--ink); border-radius:7px; padding:8px 14px; cursor:pointer; white-space:nowrap; font-size:.9rem; min-height:44px; }
button:hover { border-color:var(--blue); color:var(--blue); }
textarea { width:100%; border:1px solid var(--line); border-radius:7px; background:#fff; color:#374961; padding:14px; line-height:1.7; font-size:.9rem; resize:vertical; min-height:155px; }
.copy-status { color:var(--muted); font-size:.85rem; margin:9px 0 0; min-height:1.65em; }
.access-note { margin-top:36px; }
.access-note p { color:var(--muted); font-size:.95rem; margin:10px 0; }
.verification { border-top:1px solid var(--line); padding:19px 0; margin-top:25px; font-size:.9rem; }
summary { cursor:pointer; padding:6px 0; }
.verification p { color:var(--muted); }
footer { max-width:992px; margin:20px auto 0; padding:24px 32px 32px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:.8rem; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:650px) { .site-header { padding:20px; } main { padding:0 20px; } .intro { padding:30px 0 26px; } .desktop-break { display:none; } .downloads { grid-template-columns:1fr; gap:16px; } .download-card { padding:22px; } .download-card.recommended { padding:21px; } .steps { grid-template-columns:1fr; gap:18px; } .steps li { display:flex; gap:16px; align-items:baseline; } .step-number { flex:none; } .steps h3 { margin-top:0; } .prompt-box { padding:16px; } textarea { min-height:250px; } footer { padding:22px 20px; } }
@media (prefers-reduced-motion:no-preference) { a, button { transition:background-color .15s,border-color .15s; } }