:root { --ink:#073538; --ink-deep:#03282b; --gold:#f4b93f; --cream:#fff8e8; --paper:#fffcf4; --muted:#607372; --line:rgba(7,53,56,.13); --green:#4f9f72; --shadow:0 28px 70px rgba(4,42,44,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--ink-deep); background:var(--paper); font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { position:sticky; top:0; z-index:20; height:76px; padding:0 max(5vw,24px); display:flex; align-items:center; justify-content:space-between; background:rgba(255,252,244,.94); border-bottom:1px solid rgba(7,53,56,.08); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:12px; }
.brand img { width:44px; height:44px; object-fit:cover; border:2px solid var(--gold); border-radius:50%; }
.brand span { display:grid; line-height:1.05; }
.brand b { font-size:21px; }
.brand small { margin-top:6px; color:#9a7027; font-size:10px; letter-spacing:.12em; }
nav { display:flex; gap:34px; font-size:14px; font-weight:750; }
nav a:hover { color:#a66f0c; }
.header-download { padding:11px 21px; color:#fff; background:var(--ink); border-radius:999px; font-size:14px; font-weight:850; }
.download-hero { min-height:calc(100svh - 76px); padding:clamp(54px,7vh,86px) max(5vw,24px); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr); align-items:center; gap:clamp(44px,7vw,110px); background:linear-gradient(rgba(244,185,63,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,185,63,.055) 1px,transparent 1px),radial-gradient(circle at 82% 18%,#fff0bf 0,transparent 31%),var(--cream); background-size:42px 42px,42px 42px,auto,auto; }
.hero-copy { max-width:750px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid rgba(7,53,56,.18); border-radius:999px; background:rgba(255,255,255,.65); font-size:13px; font-weight:850; letter-spacing:.06em; }
.eyebrow i { width:8px; height:8px; background:var(--gold); border-radius:50%; }
h1 { margin:26px 0 18px; font-size:clamp(48px,5vw,78px); line-height:1.08; letter-spacing:-.05em; white-space:nowrap; }
h1 em { color:var(--ink); font-style:normal; }
.hero-copy>p { margin:0; color:#526563; font-size:20px; }
.hero-points { margin:26px 0; padding:0; display:grid; gap:11px; list-style:none; font-weight:750; }
.hero-points li::before { content:"✓"; display:inline-grid; width:23px; height:23px; margin-right:10px; place-items:center; color:#fff; background:var(--green); border-radius:50%; font-size:13px; }
.download-button,.light-button { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:58px; padding:0 26px; border-radius:14px; font-weight:900; transition:transform .2s ease,box-shadow .2s ease; }
.download-button { color:#fff9eb; background:var(--ink); box-shadow:0 14px 34px rgba(3,40,43,.23); }
.download-button span { color:var(--gold); font-size:25px; }
.download-button:hover,.light-button:hover { transform:translateY(-2px); }
.hero-copy>.download-note { margin-top:14px; color:#738481; font-size:12px; }
.release-card { padding:34px; border:1px solid rgba(7,53,56,.13); border-radius:24px; background:rgba(255,255,255,.93); box-shadow:var(--shadow); transform:rotate(1deg); }
.release-heading { padding-bottom:25px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; border-bottom:1px solid var(--line); }
.release-icon { width:48px; height:48px; display:grid; place-items:center; color:var(--ink-deep); background:var(--gold); border-radius:14px; font-weight:950; }
.release-heading div { display:grid; gap:4px; }
.release-heading small { color:var(--muted); font-size:11px; }
.release-heading h2 { margin:0; font-size:22px; }
.release-heading>b { padding:7px 10px; color:#8d610e; background:#fff0c4; border-radius:9px; font-size:13px; }
.release-card dl { margin:14px 0; }
.release-card dl div { padding:12px 2px; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }
.release-card dt { color:var(--muted); font-size:14px; }
.release-card dd { margin:0; text-align:right; font-size:14px; font-weight:800; }
.release-status { margin-top:20px; padding:13px 14px; display:flex; align-items:center; gap:9px; color:#41685e; background:#eaf5ed; border-radius:11px; font-size:12px; }
.release-status i { width:8px; height:8px; background:var(--green); border-radius:50%; }
.release-status b { margin-left:auto; color:var(--ink); }
.release-card>p { margin:17px 0 0; color:#71807e; font-size:12px; line-height:1.7; }
.trust-strip { padding:25px max(5vw,24px); display:grid; grid-template-columns:repeat(4,1fr); color:#fff; background:var(--ink-deep); border-top:3px solid var(--gold); }
.trust-strip div { padding:8px 4vw; display:grid; gap:5px; border-right:1px solid rgba(255,230,163,.2); }
.trust-strip div:first-child { padding-left:0; }
.trust-strip div:last-child { border-right:0; }
.trust-strip b { color:#ffe6a3; font-size:16px; }
.trust-strip span { color:rgba(255,255,255,.62); font-size:12px; }
.section { padding:110px max(5vw,24px); }
.section-heading>span,.support-copy>span,.activation-section>div>span,.bottom-download span { color:#b57b10; font-size:12px; font-weight:900; letter-spacing:.14em; }
.section-heading h2,.support-copy h2,.activation-section h2,.bottom-download h2 { margin:15px 0 13px; font-size:clamp(38px,4.2vw,62px); line-height:1.13; letter-spacing:-.04em; }
.section-heading p,.support-copy p,.activation-section p { color:var(--muted); line-height:1.8; }
.steps-grid { margin:48px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; list-style:none; }
.steps-grid li { min-height:230px; padding:28px; border:1px solid var(--line); border-radius:21px; background:#fff; box-shadow:0 16px 42px rgba(4,42,44,.08); }
.steps-grid li>b { width:45px; height:45px; display:grid; place-items:center; color:var(--ink-deep); background:var(--gold); border-radius:50%; }
.steps-grid h3 { margin:28px 0 10px; font-size:21px; }
.steps-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.support-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; align-items:center; color:#fff9e9; background:var(--ink-deep); }
.support-copy>span { color:var(--gold); }
.support-copy p { color:rgba(255,255,255,.66); }
.support-list { display:grid; gap:13px; }
.support-list article { padding:21px; display:flex; align-items:flex-start; gap:15px; border:1px solid rgba(255,230,163,.16); border-radius:17px; background:rgba(255,255,255,.04); }
.support-list article>span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:#fff; background:var(--green); border-radius:50%; font-weight:900; }
.support-list h3 { margin:1px 0 7px; font-size:18px; }
.support-list p { margin:0; color:rgba(255,255,255,.62); font-size:13px; line-height:1.65; }
.activation-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; align-items:center; background:var(--cream); }
.activation-section ol { margin:0; padding:30px 30px 30px 50px; display:grid; gap:14px; border:1px solid rgba(7,53,56,.13); border-radius:22px; background:#fff; box-shadow:var(--shadow); color:#506764; line-height:1.65; }
.faq-section { background:#fffdf8; }
.faq-grid { margin-top:44px; display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.faq-grid article { padding:25px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.faq-grid h3 { margin:0 0 10px; font-size:17px; }
.faq-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.help-section { padding:0 max(5vw,24px) 80px; display:grid; grid-template-columns:1fr 1fr; gap:16px; background:#fffdf8; }
.help-section article { padding:28px; border:1px solid rgba(244,185,63,.28); border-radius:20px; background:#fff7df; }
.help-section h2 { margin:0 0 11px; font-size:21px; }
.help-section p { color:var(--muted); font-size:14px; line-height:1.75; }
.help-section b { color:#94630b; font-size:13px; }
.bottom-download { margin:0 max(3vw,18px) 28px; padding:55px max(4vw,30px); display:flex; align-items:center; justify-content:space-between; gap:35px; color:#fff; background:var(--ink-deep); border-radius:30px; }
.bottom-download span { color:var(--gold); }
.bottom-download h2 { margin-bottom:5px; font-size:clamp(34px,4vw,56px); }
.bottom-download p { margin:0; color:rgba(255,255,255,.62); }
.light-button { color:var(--ink-deep); background:#ffe6a3; white-space:nowrap; }
footer { padding:26px 20px 34px; color:#7a8885; text-align:center; font-size:12px; }
@media (max-width:900px) { .download-hero { min-height:auto; grid-template-columns:1fr; } .hero-copy { max-width:none; } .release-card { transform:none; } .support-section,.activation-section { grid-template-columns:1fr; } }
@media (max-width:700px) {
  .site-header { height:66px; padding:0 17px; } .brand img { width:38px; height:38px; } .brand b { font-size:18px; } nav,.header-download { display:none; }
  .download-hero { padding:38px 20px 56px; gap:36px; } h1 { margin-top:19px; font-size:clamp(35px,10vw,43px); line-height:1.16; white-space:normal; } h1 em { white-space:nowrap; }
  .hero-copy>p { font-size:17px; } .download-button { width:100%; } .hero-copy>.download-note { text-align:center; }
  .release-card { padding:23px 20px; border-radius:19px; } .release-heading { grid-template-columns:auto 1fr; } .release-heading>b { grid-column:2; justify-self:start; }
  .release-card dl div { align-items:flex-start; } .release-card dd { max-width:58%; }
  .trust-strip { padding:18px 20px; grid-template-columns:1fr 1fr; } .trust-strip div { padding:14px 12px; border-bottom:1px solid rgba(255,230,163,.16); } .trust-strip div:nth-child(2) { border-right:0; } .trust-strip div:nth-child(3),.trust-strip div:nth-child(4) { border-bottom:0; }
  .section { padding:72px 20px; } .section-heading h2,.support-copy h2,.activation-section h2 { font-size:38px; } .steps-grid,.faq-grid,.help-section { grid-template-columns:1fr; } .steps-grid li { min-height:auto; }
  .help-section { padding:0 20px 60px; } .bottom-download { margin:0 12px 18px; padding:40px 24px; align-items:stretch; flex-direction:column; border-radius:23px; } .light-button { width:100%; }
}
@media (prefers-reduced-motion:no-preference) { .hero-copy { animation:rise .65s ease both; } .release-card { animation:rise .75s .06s ease both; } @keyframes rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }