/* ==========================================================================
   飞幕 Feemu · 落地页
   浅色为主，配色对齐参考产品 52ailin.com：
   纯白底 + #f8fafc 浅灰分段、墨色正文 #0f172a、浅描边 #e2e8f0、
   主色蓝 + 靛紫渐变。产品截图（设备墙）保持深色，作为"应用界面"出现。
   ========================================================================== */

:root{
  --bg:        #ffffff;
  --bg-2:      #f8fafc;
  --surface:   #ffffff;
  --surface-2: #f8fafc;
  --line:      rgba(15,23,42,.075);
  --line-2:    rgba(15,23,42,.13);
  --text:      #0f172a;
  --text-2:    #4a5a70;
  --text-3:    #7d8b9e;
  --brand:     #2b7fd4;
  --brand-ink: #1c6bb8;
  --brand-2:   #6f5cf0;
  --ok:        #17996a;
  --warn:      #b57a12;
  --radius:    14px;
  --wrap:      1180px;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.05);
  --shadow-md: 0 12px 30px -12px rgba(15,23,42,.16);
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; color-scheme:light; }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

::selection{ background:rgba(43,127,212,.18); }

a{ color:inherit; text-decoration:none; }

code{
  font-family:"Cascadia Code",Consolas,"Courier New",monospace;
  font-size:.88em;
  background:rgba(43,127,212,.07);
  border:1px solid rgba(43,127,212,.16);
  color:var(--brand-ink);
  padding:.1em .4em;
  border-radius:5px;
  white-space:nowrap;
}

.wrap{
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 28px;
}

/* ── 公告条 ───────────────────────────────────────────────────────────── */
.announce{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:38px;
  padding:0 16px;
  font-size:13px;
  color:var(--text-2);
  overflow:hidden;
  white-space:nowrap;
  background:linear-gradient(90deg,#f6f9ff,#f1f5ff 45%,#f7f4ff);
  border-bottom:1px solid var(--line);
}
.announce .ann-text{ overflow:hidden; text-overflow:ellipsis; }
.announce a{
  color:var(--brand-ink);
  font-weight:600;
  transition:color .18s;
}
.announce a:hover{ color:#12508c; }
.announce .arrow{ display:inline-block; transition:transform .18s; }
.announce a:hover .arrow{ transform:translateX(3px); }

/* 公告条里的强调件：NEW 角标、分隔符、右侧下载入口 */
.announce .tag-new{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  padding:2px 6px;
  border-radius:4px;
  color:#fff;
  background:linear-gradient(135deg,#3ddc97,#17a874);
  box-shadow:0 2px 8px rgba(23,168,116,.25);
}
.announce .ann-sep{
  width:1px; height:12px;
  background:var(--line-2);
  margin:0 2px;
}
.announce .ann-dl{
  padding:3px 11px;
  border-radius:999px;
  color:var(--brand-ink);
  background:rgba(43,127,212,.07);
  border:1px solid rgba(43,127,212,.20);
  font-weight:600;
}
.announce .ann-dl:hover{ background:rgba(43,127,212,.13); color:#12508c; }

.dot-live{
  width:6px; height:6px; border-radius:50%;
  background:#17a874;
  box-shadow:0 0 0 0 rgba(23,168,116,.5);
  animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(23,168,116,.45); }
  70%{ box-shadow:0 0 0 7px rgba(23,168,116,0); }
  100%{ box-shadow:0 0 0 0 rgba(23,168,116,0); }
}

/* ── 导航 ─────────────────────────────────────────────────────────────── */
.nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid transparent;
  transition:border-color .25s, background .25s, box-shadow .25s;
}
.nav.scrolled{
  border-bottom-color:var(--line);
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 12px rgba(15,23,42,.05);
}
.nav-inner{
  display:flex;
  align-items:center;
  gap:36px;
  height:64px;
}

/* 导航右侧：价格入口 + 下载 */
.nav-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:auto;
  flex:none;
}
.nav-price{
  font-size:13.5px;
  font-weight:600;
  color:#9a6606;
  transition:color .18s;
}
.nav-price:hover{ color:#7c5100; }

.logo{ display:flex; align-items:center; gap:10px; flex:none; }
.logo-mark{
  display:grid; place-items:center;
  width:32px; height:32px;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(140deg,#5cb0f0,#2b7fd4 55%,#6f5cf0);
  box-shadow:0 4px 14px rgba(43,127,212,.28);
}
.logo-text{ display:flex; align-items:baseline; gap:7px; }
.logo-text b{ font-size:17px; letter-spacing:.06em; font-weight:700; }
.logo-text i{
  font-style:normal;
  font-size:10.5px;
  letter-spacing:.22em;
  color:var(--text-3);
  font-weight:600;
}

.menu{
  display:flex;
  gap:30px;
  margin-left:auto;
  font-size:14.5px;
  color:var(--text-2);
}
.menu a{ position:relative; transition:color .18s; }
.menu a:hover{ color:var(--text); }
.menu a::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-6px;
  height:1.5px;
  background:var(--brand);
  transform:scaleX(0);
  transition:transform .22s;
  border-radius:2px;
}
.menu a:hover::after{ transform:scaleX(1); }

/* ── 按钮 ─────────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:44px;
  padding:0 22px;
  border-radius:10px;
  font-size:14.5px;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
  border:1px solid transparent;
  transition:transform .16s, box-shadow .2s, background .2s, border-color .2s;
}
.btn:active{ transform:translateY(1px); }

.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#3d93e6,#2472c9);
  box-shadow:0 6px 18px -4px rgba(36,114,201,.45), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-primary:hover{
  background:linear-gradient(135deg,#4b9eec,#2a7bd2);
  box-shadow:0 10px 24px -6px rgba(36,114,201,.5), inset 0 1px 0 rgba(255,255,255,.22);
}

.btn-ghost{
  color:var(--text);
  background:#fff;
  border-color:var(--line-2);
  box-shadow:var(--shadow-sm);
}
.btn-ghost:hover{ background:#f6f9fd; border-color:rgba(15,23,42,.22); }

/* 会员按钮：金色系，和主按钮的蓝明确分开 */
.btn-vip{
  color:#8a5a08;
  background:linear-gradient(135deg,#fff5e0,#ffebc9);
  border-color:#f0d19a;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.btn-vip:hover{
  color:#6f4804;
  background:linear-gradient(135deg,#ffeecd,#ffe3b4);
  border-color:#e6bf7c;
  box-shadow:0 8px 20px -8px rgba(201,140,30,.45);
}

.btn-sm{ height:36px; padding:0 16px; font-size:13.5px; border-radius:8px; }
.btn-lg{ height:52px; padding:0 30px; font-size:16px; border-radius:12px; }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.hero{
  position:relative;
  padding:76px 0 64px;
  overflow:hidden;
  background:linear-gradient(180deg,#fbfcff,#fff 62%);
}
.hero-glow{
  position:absolute;
  top:-320px; left:50%;
  width:1100px; height:700px;
  transform:translateX(-42%);
  background:
    radial-gradient(ellipse at 38% 55%, rgba(80,150,255,.20), transparent 62%),
    radial-gradient(ellipse at 68% 42%, rgba(124,92,255,.16), transparent 60%);
  filter:blur(26px);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 78%);
  pointer-events:none;
}

.hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1.02fr 1.04fr;
  gap:56px;
  align-items:center;
}

.eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--text-3);
  margin-bottom:22px;
}
.pill{
  display:inline-block;
  padding:3px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--brand-ink);
  background:rgba(43,127,212,.08);
  border:1px solid rgba(43,127,212,.18);
}
.eyebrow-t{ color:var(--text-2); letter-spacing:.02em; }
.eyebrow-v{
  font-size:12px;
  font-weight:600;
  padding:2px 8px;
  border-radius:6px;
  color:var(--brand-ink);
  background:rgba(43,127,212,.06);
  border:1px solid rgba(43,127,212,.16);
  font-variant-numeric:tabular-nums;
}
.eyebrow.center{ justify-content:center; margin-bottom:16px; }

/* 支持平台行 */
.plat-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  font-size:12.5px;
  color:var(--text-3);
}
.plat-row em{
  font-style:normal;
  padding:3px 10px;
  border-radius:6px;
  color:var(--text-2);
  background:#f6f8fb;
  border:1px solid var(--line);
}

h1{
  margin:0 0 22px;
  font-size:clamp(34px,4.3vw,54px);
  line-height:1.16;
  letter-spacing:-.02em;
  font-weight:750;
  color:#0b1426;
}
.grad{
  background:linear-gradient(100deg,#2f8fe0 6%,#6f5cf0 94%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.lead{
  margin:0 0 34px;
  max-width:520px;
  font-size:16.5px;
  line-height:1.78;
  color:var(--text-2);
}

.cta-row{ display:flex; gap:14px; flex-wrap:wrap; }

.hero-meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  font-size:12.5px;
  color:var(--text-3);
}
.hero-meta .sep{ width:1px; height:11px; background:var(--line-2); }

/* ── 设备墙视觉 ───────────────────────────────────────────────────────── */
.hero-visual{ position:relative; }

.wall-frame{
  position:relative;
  border-radius:16px;
  background:linear-gradient(170deg,#0d1420,#080c13);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:
    0 30px 60px -26px rgba(15,23,42,.42),
    0 8px 20px -12px rgba(15,23,42,.18),
    0 0 0 6px #fff,
    inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.wall-frame::before{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 45% at 50% 0%, rgba(74,158,222,.14), transparent 70%);
  pointer-events:none;
  z-index:1;
}

.wall-bar{
  display:flex;
  align-items:center;
  gap:7px;
  height:36px;
  padding:0 13px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.018);
  position:relative;
  z-index:2;
}
.wb-dot{ width:8px; height:8px; border-radius:50%; background:#2a3644; }
.wb-dot:nth-child(1){ background:#3d4c5e; }
.wb-title{
  margin-left:8px;
  font-size:11.5px;
  color:#8b9cb0;
  letter-spacing:.04em;
}
.wb-live{
  margin-left:auto;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.14em;
  color:#f06a6a;
  padding:2px 7px;
  border-radius:4px;
  background:rgba(240,106,106,.1);
  border:1px solid rgba(240,106,106,.22);
}

.wall-grid{
  display:grid;
  /* 10 列 × 6 行 = 60：横向铺开更像真实的机架墙，
     也避免 6 列时整个视觉太高、把 hero 撑变形 */
  grid-template-columns:repeat(10,1fr);
  gap:5px;
  padding:12px;
  position:relative;
  z-index:2;
}

.cell{
  position:relative;
  aspect-ratio:9/17;
  border-radius:5px;
  background:#0a1017;
  border:1px solid rgba(255,255,255,.055);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s, transform .2s;
}
.cell::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%);
  pointer-events:none;
}
.cell:hover{
  border-color:rgba(74,158,222,.75);
  box-shadow:0 0 0 1px rgba(74,158,222,.35), 0 6px 18px rgba(74,158,222,.18);
  transform:translateY(-2px);
  z-index:3;
}

/* 格子里的"界面"：几条模拟内容，靠 JS 上色 */
.cell .scr{
  position:absolute;
  inset:5px 4px 4px;
  display:flex;
  flex-direction:column;
  gap:3px;
  opacity:.85;
}
.cell .scr i{
  display:block;
  height:2.5px;
  border-radius:2px;
  background:rgba(255,255,255,.14);
}
.cell .scr i:nth-child(1){ width:72%; height:4px; background:rgba(255,255,255,.28); }
.cell .scr i:nth-child(3){ width:88%; }
.cell .scr i:nth-child(4){ width:55%; }
.cell .scr i.tall{
  height:8px;
  border-radius:3px;
  background:rgba(74,158,222,.34);
}
.cell .scr .app-row{
  display:flex; gap:3px;
  margin-bottom:1px;
}
.cell .scr .app-row u{
  width:7px; height:7px;
  border-radius:2px;
  background:rgba(255,255,255,.16);
  text-decoration:none;
}

.cell .st{
  position:absolute;
  top:4px; right:4px;
  width:4px; height:4px;
  border-radius:50%;
  background:#35c98b;
  box-shadow:0 0 5px rgba(53,201,139,.9);
  z-index:2;
}
.cell.warn .st{ background:#f0b34a; box-shadow:0 0 5px rgba(240,179,74,.9); }
.cell.off .st{ background:#41505f; box-shadow:none; }
.cell.off .scr{ opacity:.28; }

/* 扫描线 */
.wall-frame .scan{
  position:absolute;
  left:0; right:0;
  height:70px;
  background:linear-gradient(180deg,transparent,rgba(74,158,222,.055),transparent);
  animation:scan 7s linear infinite;
  pointer-events:none;
  z-index:3;
}
@keyframes scan{
  0%{ top:-70px; }
  100%{ top:100%; }
}

/* 浮动小卡 */
.float-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:11px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--line-2);
  box-shadow:0 14px 30px -10px rgba(15,23,42,.22), 0 1px 3px rgba(15,23,42,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:12.5px;
  color:var(--text-2);
  z-index:5;
  white-space:nowrap;
}
.float-card b{ color:var(--text); font-size:15px; }
.fc-1{ left:-26px; top:38%; animation:floaty 6s ease-in-out infinite; }
.fc-2{ right:-22px; bottom:16%; animation:floaty 6s ease-in-out infinite .9s; }
.fc-ico{
  display:grid; place-items:center;
  width:26px; height:26px;
  border-radius:8px;
  font-size:13px;
  flex:none;
}
.fc-ico.ok{ color:#fff; background:linear-gradient(140deg,#5fe0a8,#17a874); }
.fc-ico.fast{ color:#fff; background:linear-gradient(140deg,#ffd479,#e09a20); }
.fc-sub{ font-size:11px; color:var(--text-3); }

@keyframes floaty{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-7px); }
}

/* ── 数据条 ───────────────────────────────────────────────────────────── */
.stats{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--bg-2);
}
.stats-inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:34px 28px;
}
.stat{
  text-align:center;
  border-right:1px solid var(--line-2);
}
.stat:last-child{ border-right:0; }
.stat b{
  display:block;
  font-size:34px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:-.02em;
  background:linear-gradient(180deg,#101c30,#4c688a);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-variant-numeric:tabular-nums;
}
.stat b.txt{ font-size:26px; padding-top:5px; }
.stat span{
  display:block;
  margin-top:6px;
  font-size:13px;
  color:var(--text-3);
}

/* ── 通用区块 ─────────────────────────────────────────────────────────── */
.section{ padding:96px 0; }

.sec-head{
  text-align:center;
  max-width:640px;
  margin:0 auto 52px;
}
.sec-head.left{ text-align:left; margin-left:0; }
.sec-head h2{
  margin:0 0 12px;
  font-size:clamp(26px,3vw,34px);
  letter-spacing:-.015em;
  font-weight:720;
  color:#0b1426;
}
.sec-head p{
  margin:0;
  color:var(--text-2);
  font-size:15.5px;
}

/* ── 功能卡 ───────────────────────────────────────────────────────────── */
.cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.card{
  padding:26px 22px;
  border-radius:var(--radius);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  transition:transform .22s, border-color .22s, background .22s, box-shadow .22s;
}
.card:hover{
  transform:translateY(-4px);
  border-color:rgba(43,127,212,.30);
  background:linear-gradient(170deg,#fbfdff,#fff);
  box-shadow:var(--shadow-md);
}
.card-ico{
  display:grid; place-items:center;
  width:42px; height:42px;
  margin-bottom:18px;
  border-radius:11px;
  color:var(--brand);
  background:rgba(43,127,212,.08);
  border:1px solid rgba(43,127,212,.16);
}
.card h3{
  margin:0 0 9px;
  font-size:16.5px;
  font-weight:650;
}
.card p{
  margin:0;
  font-size:14px;
  line-height:1.72;
  color:var(--text-2);
}

/* ── 会员价格 ─────────────────────────────────────────────────────────── */
.pricing{
  position:relative;
  border-top:1px solid var(--line);
  background:
    radial-gradient(ellipse 55% 60% at 50% 0%, rgba(111,92,240,.08), transparent 68%),
    radial-gradient(ellipse 40% 50% at 12% 85%, rgba(43,127,212,.06), transparent 70%),
    var(--bg-2);
}
.pill-vip{
  display:inline-block;
  padding:3px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  color:#4a3208;
  background:linear-gradient(135deg,#ffd479,#f0b34a);
  box-shadow:0 3px 12px rgba(240,179,74,.30);
}

.vip-perks{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 30px;
  max-width:860px;
  margin:0 auto 30px;
  padding:18px 24px;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  font-size:13.5px;
  color:var(--text-2);
}
.vip-perks span{ display:inline-flex; align-items:center; gap:7px; }
.vip-perks i{
  font-style:normal;
  color:var(--ok);
  font-weight:700;
  font-size:13px;
}

.deal-bar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:30px;
  font-size:13.5px;
  color:var(--text-2);
}
.deal-bar b{ color:#d9622b; font-size:15px; }
.deal-tag{
  padding:3px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(135deg,#ff9f6b,#f2703d);
  box-shadow:0 2px 8px rgba(242,112,61,.25);
}

.plans{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:900px;
  margin:0 auto;
}
.plan{
  position:relative;
  padding:30px 22px 22px;
  border-radius:16px;
  text-align:center;
  background:#fff;
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  transition:transform .2s, border-color .2s, box-shadow .2s, background .2s;
}
.plan:hover{
  transform:translateY(-4px);
  border-color:rgba(111,92,240,.38);
  box-shadow:var(--shadow-md);
}
.plan.is-pick{
  border-color:rgba(111,92,240,.55);
  background:linear-gradient(175deg,#f5f3ff,#fff);
  box-shadow:0 0 0 1px rgba(111,92,240,.16), 0 18px 40px -16px rgba(86,64,190,.30);
}
.plan-badge{
  position:absolute;
  top:-11px;
  right:16px;
  padding:3px 10px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
}
.plan-badge.rec{ color:#fff; background:linear-gradient(135deg,#8d7bff,#6a52e0); box-shadow:0 3px 12px rgba(106,82,224,.3); }
.plan-badge.hot{ color:#fff; background:linear-gradient(135deg,#ff9f6b,#f2703d); box-shadow:0 3px 12px rgba(242,112,61,.3); }

.plan h3{
  margin:0 0 12px;
  font-size:15.5px;
  font-weight:650;
  color:var(--text-2);
}
.plan.is-pick h3{ color:#5b45c9; }
.plan-old{
  font-size:13px;
  color:var(--text-3);
  text-decoration:line-through;
  margin-bottom:2px;
}
.plan-price{
  font-size:44px;
  line-height:1.05;
  font-weight:780;
  letter-spacing:-.03em;
  color:#0b1426;
  font-variant-numeric:tabular-nums;
}
.plan-price em{
  font-style:normal;
  font-size:22px;
  font-weight:600;
  margin-right:2px;
  vertical-align:6px;
  color:var(--text-2);
}
.plan.is-pick .plan-price{ color:#362a8c; }
.plan-per{
  margin:8px 0 20px;
  font-size:12.5px;
  color:var(--ok);
}
.plan-cta{
  display:block;
  height:42px;
  line-height:40px;
  border-radius:9px;
  font-size:14px;
  font-weight:650;
  color:var(--text);
  background:#f4f7fb;
  border:1px solid var(--line-2);
  transition:background .18s, border-color .18s, color .18s, box-shadow .18s;
}
.plan-cta:hover{ background:#eaf1f9; border-color:rgba(15,23,42,.22); }
.plan.is-pick .plan-cta{
  color:#fff;
  background:linear-gradient(135deg,#8d7bff,#6a52e0);
  border-color:transparent;
  box-shadow:0 8px 20px -8px rgba(106,82,224,.55);
}
.plan.is-pick .plan-cta:hover{ background:linear-gradient(135deg,#9a8aff,#755ceb); }

.plan-foot{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  margin:34px auto 0;
}
.plan-picked{ font-size:14px; color:var(--text-2); }
.plan-picked b{ color:var(--text); }
.plan-picked #pickOld{
  color:var(--text-3);
  text-decoration:line-through;
  font-weight:400;
  margin:0 4px;
}
.plan-picked .pick-now{ color:#d9622b; font-size:19px; }
.plan-foot .btn{ height:46px; padding:0 26px; }

.plan-note{
  max-width:620px;
  margin:22px auto 0;
  text-align:center;
  font-size:12.5px;
  line-height:1.75;
  color:var(--text-3);
}

/* ── 下载区 ───────────────────────────────────────────────────────────── */
.download{
  position:relative;
  border-top:1px solid var(--line);
  background:
    radial-gradient(ellipse 60% 70% at 18% 20%, rgba(43,127,212,.07), transparent 65%),
    radial-gradient(ellipse 50% 60% at 85% 80%, rgba(111,92,240,.06), transparent 65%),
    var(--bg);
}
.dl-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
}
.dl-copy h2{
  margin:0 0 16px;
  font-size:clamp(26px,3vw,34px);
  letter-spacing:-.015em;
  font-weight:720;
  color:#0b1426;
}
.lead-sm{
  margin:0 0 30px;
  color:var(--text-2);
  font-size:15.5px;
  line-height:1.8;
  max-width:470px;
}

.dl-info{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid var(--line-2);
}
.dl-info div{ font-size:12.5px; color:var(--text-3); }
.dl-info span{ display:block; margin-bottom:3px; }
.dl-info b{ color:var(--text-2); font-weight:600; font-size:13px; }
.mono{ font-family:Consolas,monospace; letter-spacing:.02em; }
.dl-ver-hint{
  margin-top:14px;
  font-size:12.5px;
  color:var(--text-3);
}
.dl-ver-hint b{ color:var(--brand-ink); font-weight:600; }

.dl-steps{
  padding:28px 26px;
  border-radius:16px;
  background:var(--bg-2);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
.dl-steps h3{
  margin:0 0 20px;
  font-size:15px;
  font-weight:650;
  color:var(--text-2);
  letter-spacing:.02em;
}
.dl-steps ol{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.dl-steps li{
  display:flex;
  gap:14px;
  font-size:14px;
  line-height:1.72;
  color:var(--text-2);
}
.dl-steps li b{
  display:block;
  color:var(--text);
  font-weight:650;
  margin-bottom:2px;
}
.step-n{
  flex:none;
  display:grid; place-items:center;
  width:24px; height:24px;
  border-radius:7px;
  font-size:12px;
  font-weight:700;
  color:var(--brand);
  background:#fff;
  border:1px solid rgba(43,127,212,.22);
  box-shadow:var(--shadow-sm);
  margin-top:2px;
}
.note{
  margin-top:22px;
  padding:13px 15px;
  border-radius:10px;
  font-size:13px;
  line-height:1.7;
  color:var(--text-2);
  background:#fffaf0;
  border:1px solid #f3e2be;
}
.note b{ color:#8a5a08; }
.note-plain{
  margin-top:10px;
  background:#fff;
  border-color:var(--line);
  color:var(--text-3);
  box-shadow:var(--shadow-sm);
}
.note-plain b{ color:var(--text-2); }
.note a{ color:var(--brand-ink); border-bottom:1px solid rgba(28,107,184,.3); }

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.faq-wrap{ max-width:820px; }
.faq{ display:flex; flex-direction:column; gap:10px; }
.faq details{
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s;
}
.faq details[open]{
  border-color:rgba(43,127,212,.24);
  background:#f9fcff;
  box-shadow:0 8px 22px -14px rgba(15,23,42,.18);
}
.faq summary{
  padding:17px 20px;
  cursor:pointer;
  font-size:15px;
  font-weight:600;
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::before{
  content:"+";
  color:var(--brand);
  font-size:17px;
  font-weight:400;
  width:14px;
  flex:none;
  transition:transform .2s;
}
.faq details[open] summary::before{ content:"−"; }
.faq p{
  margin:0;
  padding:0 20px 18px 44px;
  font-size:14.5px;
  line-height:1.78;
  color:var(--text-2);
}

/* ── 页脚 ─────────────────────────────────────────────────────────────── */
.footer{
  border-top:1px solid var(--line);
  padding:38px 0;
  background:var(--bg-2);
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.copyright{ margin:0; font-size:13px; color:var(--text-3); }

/* ── 入场动画 ─────────────────────────────────────────────────────────── */
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
}
.reveal.in{ opacity:1; transform:none; }

/* ── 响应式 ───────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  .hero-inner{ grid-template-columns:1fr; gap:44px; }
  .hero-visual{ max-width:600px; }
  .cards{ grid-template-columns:repeat(2,1fr); }
  .dl-inner{ grid-template-columns:1fr; gap:36px; }
  .menu{ display:none; }
  .plans{ gap:14px; }
  .plan{ padding:28px 16px 20px; }
  .plan-price{ font-size:38px; }
}

@media (max-width:680px){
  .wrap{ padding:0 18px; }
  .hero{ padding:44px 0 40px; }
  .wall-grid{ grid-template-columns:repeat(10,1fr); gap:3px; padding:7px; }
  .stats-inner{ grid-template-columns:repeat(2,1fr); gap:24px 0; }
  .stat:nth-child(2), .stat:nth-child(4){ border-right:0; }
  .stat b{ font-size:27px; }
  .cards{ grid-template-columns:1fr; }
  .section{ padding:64px 0; }
  .fc-1{ left:-8px; top:auto; bottom:-14px; }
  .fc-2{ right:2px; bottom:auto; top:-14px; }
  .footer-inner{ flex-direction:column; align-items:flex-start; gap:14px; }
  .dl-info{ gap:18px; }
  .announce{ font-size:11.5px; padding:0 12px; }
  .announce .ann-sep, .announce .ann-dl, .announce .ann-more{ display:none; }
  .nav-inner{ gap:14px; }
  .nav-actions{ gap:8px; }
  .nav-actions .btn-sm{ height:32px; padding:0 12px; font-size:12.5px; }
  .logo-text i{ display:none; }
  .nav-actions .nav-price{ display:none; }
  .plans{ grid-template-columns:1fr; max-width:340px; }
  .vip-perks{ gap:8px 16px; padding:14px 16px; font-size:12.5px; }
  .vip-perks span{ width:calc(50% - 8px); }
  .plan-foot{ gap:14px; }
  .plan-foot .btn{ width:100%; }
}