:root{
  --red:#C8102E;--red-d:#B01322;--ink:#17171f;--muted:#6b6b78;--line:#e9e9f0;
  --bg:#ffffff;--soft:#f6f6f9;--card:#fff;--ok:#15803d;
  --maxw:1080px;
}
@media (prefers-color-scheme:dark){
  :root{--ink:#ececf2;--muted:#9a9aa8;--line:#2a2a36;--bg:#111118;--soft:#1a1a22;--card:#1d1d26;}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 "PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
h1,h2,h3{letter-spacing:.5px}
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:2px}
.brand img{width:30px;height:30px;border-radius:8px}
.links{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}
.links a:hover{color:var(--ink)}
.links .lang{border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:12px}
.btn{display:inline-block;padding:11px 22px;border-radius:9px;border:1px solid var(--line);font-weight:600;font-size:15px;cursor:pointer;transition:.15s}
.btn:hover{transform:translateY(-1px)}
.btn.pri{background:linear-gradient(180deg,#E8423B,var(--red-d));color:#fff;border:0}
.eyebrow{display:inline-block;font-size:13px;color:var(--red);font-weight:600;letter-spacing:1px;margin-bottom:14px}
.hero{padding:72px 0 40px}
.hero h1{font-size:40px;line-height:1.25;margin:0 0 18px}
.hero .lead{font-size:18px;color:var(--muted);max-width:620px;margin:0 0 26px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:14px}
.ticks li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:7px}
section{padding:48px 0}
.sec-h{text-align:center;margin-bottom:36px}
.sec-h h2{font-size:28px;margin:0 0 10px}
.sec-h p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.feat h3{font-size:17px;margin:0 0 8px}
.feat p{color:var(--muted);font-size:14px;margin:0}
.feat .ic{width:40px;height:40px;border-radius:10px;background:rgba(200,16,46,.1);color:var(--red);display:grid;place-items:center;font-size:20px;margin-bottom:14px}
.soft{background:var(--soft)}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column}
.price.hot{border-color:var(--red);box-shadow:0 10px 40px rgba(200,16,46,.12)}
.price .tag{font-size:12px;color:var(--red);font-weight:700;letter-spacing:1px;min-height:18px}
.price h3{font-size:20px;margin:6px 0 4px}
.price .num{font-size:34px;font-weight:800;margin:10px 0 2px}
.price .num small{font-size:15px;color:var(--muted);font-weight:500}
.price .usd{color:var(--muted);font-size:13px;margin-bottom:16px}
.price ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.price li{padding:6px 0;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line)}
.price li::before{content:"·";color:var(--red);font-weight:800;margin-right:8px}
.dl{text-align:center}
.dl .plat{color:var(--muted);font-size:14px;margin-top:14px}
.faq{max-width:760px;margin:0 auto}
.qa{border-bottom:1px solid var(--line);padding:18px 0}
.qa h3{font-size:16px;margin:0 0 6px}
.qa p{color:var(--muted);font-size:14px;margin:0}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.note{background:rgba(200,16,46,.06);border:1px solid rgba(200,16,46,.2);border-radius:12px;padding:16px 20px;color:var(--muted);font-size:13px;margin-top:24px}
@media (max-width:760px){
  .hero h1{font-size:30px}.grid,.prices{grid-template-columns:1fr}
  .hide-m{display:none}.hero{padding:48px 0 30px}
}