:root{--bg:#0c1422;--bg-mid:#101a2a;--surface:#182337;--ink:#e9f0fb;--muted:#9baec9;--accent:#9ec3ff;--line:#31425a;--brand:#f3f4f6;color:var(--ink);background:var(--bg);font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 12% -10%,#1a3a6a55,#0000 55%),radial-gradient(900px 500px at 90% 0,#243a5a44,#0000 50%),linear-gradient(#0c1422 0%,#101a2a 40%,#0d1524 100%)}a{color:var(--accent);text-underline-offset:3px}img{max-width:100%;display:block}.site-header{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 24px;display:flex}.brand{letter-spacing:.02em;color:var(--brand);align-items:center;gap:12px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:9px;width:36px;height:36px}.nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.nav a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink)}.hero{gap:28px;max-width:1120px;margin:0 auto;padding:56px 24px 72px;display:grid}.hero h1{letter-spacing:-.03em;max-width:14ch;margin:0;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1.15}.hero .lead{max-width:46ch;color:var(--muted);margin:0;font-size:17px;line-height:1.7}.cta-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#0c1422}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn[disabled],.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none;color:#b4c3d8;background:#2a3a52;border-color:#3a4b63}.section{max-width:1120px;margin:0 auto;padding:28px 24px 64px}.section h2{letter-spacing:-.02em;margin:0 0 10px;font-size:28px}.section>p{color:var(--muted);max-width:52ch;margin:0 0 28px;line-height:1.65}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.feature{border:1px solid var(--line);background:linear-gradient(#182337ee,#142032cc);border-radius:14px;padding:22px 20px}.feature b{width:28px;height:28px;color:var(--accent);background:#243552;border-radius:8px;place-items:center;margin-bottom:12px;font-size:13px;display:grid}.feature strong{margin-bottom:8px;font-size:17px;display:block}.feature span{color:var(--muted);font-size:14px;line-height:1.65}.shots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.shot{border:1px solid var(--line);background:#0f1828;border-radius:14px;overflow:hidden}.shot img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.shot figcaption{color:var(--muted);padding:12px 14px;font-size:13px}.download-box{border:1px solid var(--line);background:linear-gradient(120deg,#17233a,#121c2e);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px 24px;display:flex}.download-box p{color:var(--muted);max-width:40ch;margin:8px 0 0;font-size:14px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding:32px 24px 48px;font-size:13px;line-height:1.7}.site-footer .inner{gap:10px;max-width:1120px;margin:0 auto;display:grid}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}@media (width<=720px){.hero{padding-top:28px}.hero h1{font-size:34px}}