:root{color-scheme:light dark;--bg:#f5f8ff;--panel:#fff;--text:#1c2c46;--muted:#62728a;--line:#dfe7f4;--accent:#2265cc;--soft:#eaf2ff;--shadow:0 12px 36px #193d3210;--action-text:#fff;--error:#b94242}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #76aafa;outline-offset:4px}[hidden]{display:none!important}
.topbar{max-width:1160px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;font-weight:750;letter-spacing:.03em}.topbar>a:last-child{font-size:13px;color:var(--muted)}main{max-width:1088px;margin:30px auto 0;padding:0 28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700}h1{font-size:clamp(28px,4vw,43px);line-height:1.3;letter-spacing:-.04em;margin:12px 0}.intro>p{color:var(--muted);font-size:16px;margin:0}.steps{display:flex;gap:32px;list-style:none;padding:0;margin:30px 0 36px;font-size:13px;color:var(--muted)}.steps li{display:flex;align-items:center;gap:9px}.steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:var(--panel);font-size:12px}.platforms{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);width:fit-content}.platforms a{padding:9px 25px;border-radius:8px;color:var(--muted);font-weight:600}.platforms a[aria-current=true]{background:var(--accent);color:var(--action-text)}.platforms a:hover{text-decoration:none;background:var(--soft);color:var(--accent)}.platforms a[aria-current=true]:hover{background:var(--accent);color:var(--action-text)}.device-hint{font-size:12px;margin:10px 2px 22px;color:var(--muted)}.client{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;scroll-margin-top:20px;margin-bottom:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow);min-width:0}.connect{background:linear-gradient(135deg,var(--panel),var(--soft))}.section-label{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:650;margin-bottom:26px}.client-heading{display:flex;align-items:center;gap:14px}.client-icon{height:48px;width:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:var(--soft);color:var(--accent);font-size:27px;font-weight:700}.client-heading h2{font-size:21px;line-height:1.3;margin:0}.client-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.dot{padding:0 6px}.requirement{font-size:13px;margin:20px 0;color:var(--muted)}.packages{display:grid;gap:17px}.download{display:flex;gap:10px;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;background:var(--accent);border-radius:9px;color:var(--action-text);font-weight:600;text-align:center}.download:hover{filter:brightness(1.08);text-decoration:none}.download>span{font-size:19px}.package-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--muted);margin:8px 1px 0}.package-meta details{min-width:0}.package-meta code{display:block;font-size:10px;overflow-wrap:anywhere;max-width:320px;margin-top:6px}.note{font-size:12px;line-height:1.8;margin:22px 0 13px;color:var(--muted)}.source{font-size:12px}.connect h2{font-size:24px;margin:0 0 10px;letter-spacing:-.025em}.guide{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 25px}.button{display:block;width:100%;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:var(--action-text);min-height:44px;padding:9px 14px;text-align:center;font-weight:600;cursor:pointer}.button:hover{text-decoration:none;filter:brightness(1.06)}.button.secondary{margin-top:10px;color:var(--accent);background:transparent}.button:disabled{opacity:.55;cursor:wait}.auth-state p,.fallback,.privacy{font-size:12px;color:var(--muted)}.fallback{margin:17px 0 12px;line-height:1.8}.manual{font-size:12px;color:var(--muted)}summary{cursor:pointer}.subscription{width:100%;margin:8px 0;padding:9px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px}.privacy{font-size:11px;margin:13px 0 0}.status{min-height:20px;font-size:13px;line-height:1.7;margin:14px 0;color:var(--accent);overflow-wrap:anywhere}.status.error{color:var(--error)}.account-link{font-size:12px}.help{border-top:1px solid var(--line);padding:27px 0 0;margin-top:32px}.help h2{font-size:15px;margin:0 0 12px}.help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.help p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.help strong{display:block;color:var(--text);font-size:13px;margin-bottom:4px}footer{text-align:center;color:var(--muted);font-size:11px;padding:40px 20px 28px}footer span{padding:0 8px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111c2d;--panel:#19273b;--text:#e8eef8;--muted:#a7b7ce;--line:#33455f;--accent:#90baff;--soft:#213553;--shadow:0 12px 36px #0002;--action-text:#132743;--error:#ffaaaa}
:root[data-theme="light"]{color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#111c2d;--panel:#19273b;--text:#e8eef8;--muted:#a7b7ce;--line:#33455f;--accent:#90baff;--soft:#213553;--shadow:0 12px 36px #0002;--action-text:#132743;--error:#ffaaaa}}
@media(max-width:700px){.topbar{padding:20px}.brand{font-size:18px}main{margin-top:18px;padding:0 18px}.intro>p{font-size:14px}.steps{gap:16px;font-size:12px;margin:24px 0}.steps span{width:21px;height:21px}.platforms{width:100%;gap:4px}.platforms a{flex:1 1 auto;text-align:center;padding:8px 12px;font-size:13px}.client{grid-template-columns:1fr;gap:14px}.panel{padding:23px;border-radius:14px}.section-label{margin-bottom:20px}.help>div{grid-template-columns:1fr;gap:16px}.connect h2{font-size:22px}footer{font-size:10px}.package-meta code{max-width:260px}}

.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:9px}.intro{margin-bottom:28px}.intro .mobile-note{font-size:13px;margin-top:10px}.benefits{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:18px}.benefits strong{display:block;font-size:14px}.benefits span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.preview-note{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0}.alternative{font-size:13px;color:var(--muted);margin:24px 0}.alternative a{display:inline-block}.alternative a[aria-current=true]{font-weight:700}.client-icon{object-fit:contain}.connect .account-link{display:inline-block;margin-top:6px}