/* ============================================================================
   ILUME GROUP · 主页 v5 视觉层 — R232
   定位：国家级平台视觉语言（对标央视 / 新华社 / 国家政务服务平台）
   色彩：深海军蓝（权威） × 鎏金（价值） × 中国红（极小面积点睛）
   原则：只覆盖不重构 —— 全部选择器带 body.v3 前缀，加载顺序在 v3/v4 之后
   替换掉旧版「荧光青 + 紫 + 橙 + 青绿」四色混打
   ========================================================================== */

/* ───────── 1. 设计令牌 ───────── */
body.v3 {
  --v5-navy-900: #050E1E;
  --v5-navy-800: #08172D;
  --v5-navy-700: #0C2140;
  --v5-navy-600: #123053;
  --v5-navy-500: #1A416F;
  --v5-gold: #C08B2C;
  --v5-gold-2: #E3C078;
  --v5-gold-3: #F2E3BC;
  --v5-red: #C8102E;
  --v5-ink: #0B1626;
  --v5-body: #39485C;
  --v5-mute: #6B7A8D;
  --v5-line: #E3E8EF;
  --v5-line-2: #EFF2F6;
  --v5-bg: #F6F7F9;
  --v5-ease: cubic-bezier(.22, .61, .36, 1);

  background: #fff;
  color: var(--v5-body);
  font-family: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
               "Noto Sans SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;
}
body.v3 ::selection { background: rgba(192, 139, 44, .26); color: var(--v5-ink); }
body.v3 * { font-variant-numeric: tabular-nums; }
body.v3 .wrap { max-width: 1280px; }

/* ───────── 2. 导航：白 + 细金线 ───────── */
body.v3 .topbar {
  background: var(--v5-navy-900);
  border-bottom: 1px solid rgba(192, 139, 44, .28);
  letter-spacing: .3px;
}
body.v3 .topbar a { color: #B9C6D8; }
body.v3 .topbar a:hover { color: var(--v5-gold-2); }

body.v3 .nav {
  background: rgba(255, 255, 255, .96);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--v5-line);
  box-shadow: 0 1px 0 rgba(192, 139, 44, .22), 0 6px 24px rgba(8, 23, 45, .05);
}
body.v3 .nav .wrap { height: 76px; gap: 30px; }
body.v3 .logo { font-size: 1.04rem; letter-spacing: .6px; color: var(--v5-ink); font-weight: 800; }
body.v3 .logo small { color: var(--v5-mute); letter-spacing: 2px; font-size: .68rem; font-weight: 500; }
body.v3 .logo .mark {
  width: 40px; height: 40px; border-radius: 9px;
  background: linear-gradient(150deg, var(--v5-navy-700), var(--v5-navy-900) 62%);
  color: var(--v5-gold-2);
  border: 1px solid rgba(192, 139, 44, .45);
  box-shadow: 0 4px 14px rgba(8, 23, 45, .22);
  font-weight: 800; font-size: 1rem; letter-spacing: .5px;
}
body.v3 .nav .links { gap: 24px; font-size: .92rem; }
body.v3 .nav .links > a { color: #4B5A6E; font-weight: 500; letter-spacing: .2px; }
body.v3 .nav .links > a:hover, body.v3 .nav .links > a.on {
  color: var(--v5-navy-700); border-bottom-color: var(--v5-gold);
}
body.v3 .nav-ai, body.v3 .nav-hot {
  background: linear-gradient(135deg, var(--v5-navy-700), var(--v5-navy-900)) !important;
  color: #fff !important; border: 1px solid rgba(192, 139, 44, .5) !important;
  border-radius: 8px !important; box-shadow: 0 4px 16px rgba(8, 23, 45, .22) !important;
  font-weight: 700 !important;
}
body.v3 .nav-ai:hover, body.v3 .nav-hot:hover { filter: brightness(1.14) !important; }
body.v3 .nav-ai::after { background: var(--v5-gold-2); box-shadow: 0 0 0 3px rgba(192, 139, 44, .3); }
body.v3 .v4-nav-cta {
  background: linear-gradient(135deg, var(--v5-gold-2), var(--v5-gold));
  color: #1A1204 !important; border-radius: 8px;
  box-shadow: 0 4px 16px rgba(192, 139, 44, .32);
  letter-spacing: .3px;
}
body.v3 .v4-nav-cta.pulse { animation: v5pulse 3.2s ease-in-out infinite; }
@keyframes v5pulse {
  0%, 100% { box-shadow: 0 4px 16px rgba(192, 139, 44, .32); }
  50%      { box-shadow: 0 6px 26px rgba(192, 139, 44, .55); }
}
body.v3 .lang-btn { border-color: var(--v5-line); color: var(--v5-navy-700); border-radius: 7px; }
body.v3 .lang-btn:hover { border-color: var(--v5-gold); color: var(--v5-gold); }
body.v3 .drop-panel { border-radius: 12px; border-color: var(--v5-line); box-shadow: 0 20px 50px rgba(8, 23, 45, .16); }
body.v3 .drop-group b { color: var(--v5-navy-700); letter-spacing: .5px; border-bottom: 1px solid var(--v5-line-2); }

/* ───────── 3. Hero：国家级首屏 ───────── */
body.v3 .hero-royal {
  position: relative; overflow: hidden;
  padding: 118px 0 152px;
  min-height: 78vh;
  display: flex; align-items: center;
  border-top: 0;
  background:
    linear-gradient(101deg, #040B18 0%, #071426 38%, #0A1D36 66%, #0E2745 100%);
}
/* 顶部鎏金细线 */
body.v3 .hero-royal { box-shadow: inset 0 2px 0 rgba(192, 139, 44, .55); }
/* 精密网格（更细、更克制） */
body.v3 .hero-royal::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 88px 88px, 88px 88px;
  mask-image: radial-gradient(ellipse 86% 76% at 66% 30%, #000 6%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse 86% 76% at 66% 30%, #000 6%, transparent 78%);
}
/* 演播大厅纵深 + 鎏金光带 */
body.v3 .hero-royal::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background-image:
    radial-gradient(ellipse 640px 440px at 86% 10%, rgba(192, 139, 44, .22), transparent 62%),
    linear-gradient(180deg, rgba(4, 11, 24, .30) 0%, transparent 38%, rgba(4, 11, 24, .55) 100%);
  background-repeat: no-repeat;
}
/* Hero 右翼：演播大厅实景（独立图片层，确保可见） */
body.v3 .hero-royal .v5-hero-bg {
  position: absolute; right: 0; top: 0; height: 100%; width: 60%;
  object-fit: cover; object-position: 46% center;
  z-index: 0; opacity: .60;
  filter: saturate(.92) brightness(1.06) contrast(1.02);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .55) 34%, #000 62%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .55) 34%, #000 62%);
}
body.v3 .hero-royal .wrap { position: relative; z-index: 2; }

body.v3 .hero-royal .kicker {
  background: transparent;
  border: 0; border-left: 2px solid var(--v5-gold);
  border-radius: 0; padding: 2px 0 2px 14px;
  color: var(--v5-gold-2);
  letter-spacing: 5px; font-weight: 700; font-size: .74rem;
  box-shadow: none;
}
body.v3 .hero-royal h1 {
  font-size: clamp(2.3rem, 5.1vw, 4.35rem);
  font-weight: 900; line-height: 1.16; letter-spacing: -.02em;
  text-shadow: 0 6px 44px rgba(0, 0, 0, .45);
  margin-top: 4px;
}
body.v3 .hero-royal h1 span {
  background: linear-gradient(96deg, #FFFFFF 8%, #FFFFFF 42%, var(--v5-gold-3) 72%, var(--v5-gold-2) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
body.v3 .hero-royal p.sub {
  color: #B6C5D8; max-width: 660px;
  font-size: 1.06rem; line-height: 1.9; margin-top: 22px;
  border-left: 1px solid rgba(192, 139, 44, .35); padding-left: 18px;
}
body.v3 .hero-royal .btn.primary {
  background: linear-gradient(135deg, var(--v5-gold-3), var(--v5-gold-2) 40%, var(--v5-gold));
  color: #1A1204; font-weight: 800; border-radius: 8px;
  box-shadow: 0 14px 38px rgba(192, 139, 44, .34), inset 0 1px 0 rgba(255, 255, 255, .6);
  letter-spacing: .3px;
}
body.v3 .hero-royal .btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(192, 139, 44, .48), inset 0 1px 0 rgba(255, 255, 255, .6);
}
body.v3 .hero-royal .btn.ghost {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px;
  backdrop-filter: blur(10px); color: #E8EEF7;
}
body.v3 .hero-royal .btn.ghost:hover { background: rgba(192, 139, 44, .14); border-color: rgba(192, 139, 44, .6); }

/* Hero 数据条 */
body.v3 .v3-hero-strip {
  display: flex; gap: 0; flex-wrap: wrap;
  margin-top: 40px; padding-top: 26px;
  border-top: 1px solid rgba(192, 139, 44, .3);
}
body.v3 .v3-hero-strip .it {
  min-width: 132px; padding: 0 26px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}
body.v3 .v3-hero-strip .it:first-child { padding-left: 0; border-left: 0; }
body.v3 .v3-hero-strip .it b {
  display: block; font-size: 1.72rem; font-weight: 900; letter-spacing: -.02em;
  background: linear-gradient(120deg, #FFFFFF 10%, var(--v5-gold-2) 92%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
body.v3 .v3-hero-strip .it span { font-size: .74rem; color: #8FA2BA; letter-spacing: 1px; }

/* 意图快选 */
body.v3 .v4-quick {
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(192, 139, 44, .28);
  border-radius: 12px; backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
  margin-top: 30px;
}
body.v3 .v4-quick-h { color: #C6D4E6; letter-spacing: .4px; }
body.v3 .v4-quick-h em { color: var(--v5-gold-2); }
body.v3 .v4-q {
  background: rgba(255, 255, 255, .96); color: var(--v5-ink);
  border: 1px solid transparent; border-radius: 6px;
  font-weight: 600; letter-spacing: .2px;
  transition: transform .18s var(--v5-ease), box-shadow .18s, border-color .18s;
}
body.v3 .v4-q:hover {
  transform: translateY(-2px); border-color: var(--v5-gold);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}
body.v3 .v4-q i { color: var(--v5-gold); }

/* 快捷通道卡 */
body.v3 .hero .hl-row { margin-top: 54px; gap: 12px; }
body.v3 .hl {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px; backdrop-filter: blur(10px);
  transition: transform .2s var(--v5-ease), border-color .2s, background .2s;
  position: relative; overflow: hidden;
}
body.v3 .hl::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--v5-gold-2), transparent);
  opacity: 0; transition: opacity .2s;
}
body.v3 .hl:hover {
  background: rgba(192, 139, 44, .09);
  border-color: rgba(192, 139, 44, .48);
  transform: translateY(-3px);
}
body.v3 .hl:hover::before { opacity: 1; }
body.v3 .hl b { font-size: .97rem; letter-spacing: .2px; color: #F3F7FC; }
body.v3 .hl span { font-size: .82rem; color: #94A6BD; line-height: 1.7; }

/* ───────── 4. 统计条：白卡 + 鎏金顶线 ───────── */
body.v3 .stats { margin-top: -68px; position: relative; z-index: 3; }
body.v3 .stats .grid {
  background: #fff;
  backdrop-filter: none;
  border: 1px solid var(--v5-line);
  border-top: 2px solid var(--v5-gold);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(8, 23, 45, .11);
  overflow: hidden;
}
body.v3 .stat { padding: 30px 18px; border-left: 1px solid var(--v5-line-2); transition: background .2s; }
body.v3 .stat:hover { background: #FBFCFE; }
body.v3 .stat .v { font-size: 2.12rem; font-weight: 900; color: var(--v5-navy-700); letter-spacing: -.03em; }
body.v3 .stat .k { font-size: .8rem; color: var(--v5-mute); letter-spacing: .8px; margin-top: 6px; }
body.v3 .stat .tag.ok { background: #EEF7F1; color: #1B7A4B; }
body.v3 .stat .tag.unverified { background: #FBF4E4; color: #96631A; }

/* ───────── 5. 区块节奏与标题 ───────── */
body.v3 section.block { padding: 72px 0; border-top: 1px solid var(--v5-line-2); }
body.v3 section.block#intel,
body.v3 section.block#eco,
body.v3 section.block#corridors,
body.v3 section.block#ops,
body.v3 section.block#trust { background: var(--v5-bg); }

body.v3 .sec-head { margin-bottom: 30px; align-items: flex-end; }
body.v3 .sec-head h2 {
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  font-weight: 900; color: var(--v5-ink); letter-spacing: -.02em;
  padding-left: 18px; line-height: 1.35;
}
body.v3 .sec-head h2::before {
  content: ""; width: 3px; height: 1.05em; border-radius: 2px;
  background: linear-gradient(180deg, var(--v5-gold-2), var(--v5-gold));
  left: 0; top: .22em;
}
body.v3 .sec-head h2 em { color: var(--v5-navy-600); font-style: normal; }
body.v3 .sec-head .en {
  color: #9AA8B8; letter-spacing: 3px; font-weight: 700; font-size: .68rem;
  text-transform: uppercase;
}
body.v3 .sec-head .more { color: var(--v5-gold); font-weight: 700; letter-spacing: .3px; }
body.v3 .sec-head .more:hover { color: var(--v5-navy-700); }

/* ───────── 6. 全站卡片统一质感 ───────── */
body.v3 .v4-line,
body.v3 .v4-col,
body.v3 .v4-pane,
body.v3 .v4-nx a,
body.v3 .v3-sku,
body.v3 .card,
body.v3 .ops-item,
body.v3 .mod-card,
body.v3 .eco-card,
body.v3 .ne-card,
body.v3 .corr-item,
body.v3 .trust-item,
body.v3 .price-card {
  border-radius: 8px;
  border: 1px solid var(--v5-line);
  box-shadow: 0 1px 2px rgba(8, 23, 45, .035);
  background: #fff;
  transition: transform .2s var(--v5-ease), box-shadow .2s, border-color .2s;
}
body.v3 .v4-line:hover,
body.v3 .v4-col:hover,
body.v3 .v3-sku:hover,
body.v3 .card:hover,
body.v3 .ops-item:hover,
body.v3 .mod-card:hover,
body.v3 .eco-card:hover,
body.v3 .ne-card:hover,
body.v3 .corr-item:hover,
body.v3 .price-card:hover {
  transform: translateY(-3px);
  border-color: rgba(192, 139, 44, .42);
  box-shadow: 0 14px 34px rgba(8, 23, 45, .09);
}
body.v3 .v4-line h3, body.v3 .v4-col h4, body.v3 .card h3 { color: var(--v5-ink); font-weight: 800; letter-spacing: -.01em; }
body.v3 .v4-col h4 { border-bottom: 1px solid var(--v5-line-2); color: var(--v5-navy-700); }
body.v3 .v4-col a { color: #47586D; }
body.v3 .v4-col a:hover { color: var(--v5-gold); }
body.v3 .v4-col a.hot { color: var(--v5-red); }

/* 三线专区标签配色收敛为「同色系深浅」 */
body.v3 .v4-line.t1 .tag { background: #EDF2F9; color: var(--v5-navy-600); }
body.v3 .v4-line.t2 .tag { background: #FBF4E4; color: #96631A; }
body.v3 .v4-line.t3 .tag { background: #F0F3F7; color: #44576E; }
body.v3 .v4-line .go { background: var(--v5-navy-700); border-radius: 6px; letter-spacing: .3px; }
body.v3 .v4-line .go.alt { background: var(--v5-navy-500); }
body.v3 .v4-line .go.gold { background: linear-gradient(135deg, var(--v5-gold-2), var(--v5-gold)); color: #1A1204; }
body.v3 .v4-line .kv b { color: var(--v5-navy-700); }

/* ───────── 7. 按钮体系 ───────── */
body.v3 .v4-btn, body.v3 .v3-btn, body.v3 .btn { border-radius: 7px; letter-spacing: .3px; }
body.v3 .v4-btn-main, body.v3 .v3-btn-main, body.v3 .btn.primary {
  background: linear-gradient(135deg, var(--v5-navy-600), var(--v5-navy-800));
  color: #fff; border: 1px solid rgba(192, 139, 44, .35);
  box-shadow: 0 8px 22px rgba(8, 23, 45, .2);
}
body.v3 .v4-btn-main:hover, body.v3 .v3-btn-main:hover { filter: brightness(1.16); }
body.v3 .v4-btn-go { background: linear-gradient(135deg, var(--v5-gold-2), var(--v5-gold)); color: #1A1204; }
body.v3 .v4-btn-ghost, body.v3 .v3-btn-ghost {
  background: #fff; border: 1px solid var(--v5-line); color: var(--v5-navy-700);
}
body.v3 .v4-btn-ghost:hover { border-color: var(--v5-gold); color: var(--v5-gold); }

/* ───────── 8. 表单 / 引导台 ───────── */
body.v3 .v4-guide, body.v3 .v4-r217, body.v3 .v4-index { background: #fff; border-bottom: 1px solid var(--v5-line-2); }
body.v3 .v4-guide { border-top: 1px solid var(--v5-line-2); }
body.v3 .v4-guide-top h2 { color: var(--v5-ink); font-weight: 900; letter-spacing: -.02em; }
body.v3 .v4-guide-top h2 em { color: var(--v5-navy-600); }
body.v3 .v4-guide-top .en { color: #9AA8B8; letter-spacing: 3px; font-size: .68rem; }
body.v3 .v4-guide-sub { color: var(--v5-mute); }
body.v3 .v4-guide-sub b { color: var(--v5-navy-700); }
body.v3 .v4-step, body.v3 .v4-opt, body.v3 .v4-chip { border-radius: 7px; border-color: var(--v5-line); }
body.v3 .v4-step.on { border-color: var(--v5-gold); box-shadow: 0 0 0 3px rgba(192, 139, 44, .12); }
body.v3 .v4-step.done { border-color: #BFD8C8; background: #F7FBF8; }
body.v3 .v4-step .n { border-radius: 4px; }
body.v3 .v4-step.on .n { background: var(--v5-gold); }
body.v3 .v4-opt:hover { border-color: var(--v5-gold); background: #FDFBF6; }
body.v3 .v4-opt.on { border-color: var(--v5-gold); background: #FDF8EE; box-shadow: 0 0 0 3px rgba(192, 139, 44, .12); }
body.v3 .v4-chip.on { background: var(--v5-navy-700); border-color: var(--v5-navy-700); }
body.v3 .v4-field input, body.v3 .v4-field textarea, body.v3 .v4-field select,
body.v3 .v3-field input, body.v3 .v3-field select, body.v3 .v3-field textarea {
  border-color: #DCE3EC; border-radius: 7px; background: #FCFDFE;
}
body.v3 .v4-field input:focus, body.v3 .v4-field textarea:focus, body.v3 .v4-field select:focus {
  border-color: var(--v5-gold); box-shadow: 0 0 0 3px rgba(192, 139, 44, .13); background: #fff;
}
body.v3 .v4-sum { background: #FBF8F1; border: 1px dashed rgba(192, 139, 44, .45); border-radius: 7px; color: #5A4A2A; }
body.v3 .v4-trust span::before { color: var(--v5-gold); }

/* ───────── 9. 悬浮引导器 ───────── */
body.v3 #v4g-fab {
  background: linear-gradient(135deg, var(--v5-navy-700), var(--v5-navy-900));
  border: 1px solid rgba(192, 139, 44, .42);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(8, 23, 45, .3);
  letter-spacing: .3px;
}
body.v3 #v4g-fab .dot { background: var(--v5-gold-2); box-shadow: 0 0 0 3px rgba(192, 139, 44, .28); }
body.v3 .v4g-h { background: linear-gradient(135deg, var(--v5-navy-700), var(--v5-navy-900)); }

/* ───────── 10. 页脚 ───────── */
body.v3 footer { background: var(--v5-navy-900); color: #8497AE; border-top: 2px solid var(--v5-gold); }
body.v3 footer a { color: #A8B8CC; }
body.v3 footer a:hover { color: var(--v5-gold-2); }

/* ───────── 11. 数字人演播室（首页第二视觉高潮） ───────── */
.v5-st {
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 900px 520px at 88% 8%, rgba(192, 139, 44, .13), transparent 62%),
    linear-gradient(108deg, #040B18 0%, #071426 44%, #0A1D36 100%);
  border-top: 1px solid rgba(192, 139, 44, .3);
  border-bottom: 1px solid rgba(192, 139, 44, .22);
  padding: 74px 0;
}
.v5-st::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 72px 72px, 72px 72px;
  mask-image: radial-gradient(ellipse 80% 78% at 50% 40%, #000 10%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 78% at 50% 40%, #000 10%, transparent 80%);
}
.v5-st-in {
  position: relative; z-index: 2;
  max-width: 1280px; margin: 0 auto; padding: 0 24px;
  display: grid; grid-template-columns: 1fr 1.12fr; gap: 52px; align-items: center;
}
.v5-st-kick {
  display: inline-block; color: var(--v5-gold-2); font-size: .7rem; font-weight: 700;
  letter-spacing: 4px; border-left: 2px solid var(--v5-gold); padding-left: 12px;
  margin-bottom: 18px;
}
.v5-st h2 {
  color: #F4F8FD; font-size: clamp(1.6rem, 2.9vw, 2.35rem); font-weight: 900;
  line-height: 1.34; letter-spacing: -.02em; margin: 0 0 16px;
}
.v5-st h2 em { font-style: normal; color: var(--v5-gold-2); }
.v5-st p { color: #9DB0C6; font-size: .95rem; line-height: 1.9; margin: 0 0 24px; max-width: 520px; }
.v5-st-facts { display: flex; gap: 0; margin-bottom: 28px; flex-wrap: wrap; }
.v5-st-facts div { padding: 0 22px; border-left: 1px solid rgba(255, 255, 255, .1); }
.v5-st-facts div:first-child { padding-left: 0; border-left: 0; }
.v5-st-facts b {
  display: block; font-size: 1.55rem; font-weight: 900; color: var(--v5-gold-2); letter-spacing: -.02em;
}
.v5-st-facts span { font-size: .72rem; color: #7E91A8; letter-spacing: .8px; }
.v5-st-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.v5-st-btn {
  display: inline-block; padding: 13px 24px; border-radius: 7px;
  font-weight: 700; font-size: .9rem; letter-spacing: .4px;
  background: linear-gradient(135deg, var(--v5-gold-3), var(--v5-gold));
  color: #1A1204; box-shadow: 0 10px 28px rgba(192, 139, 44, .3);
}
.v5-st-btn:hover { filter: brightness(1.06); }
.v5-st-btn.ghost {
  background: rgba(255, 255, 255, .05); color: #DCE6F3;
  border: 1px solid rgba(255, 255, 255, .22); box-shadow: none;
}
.v5-st-btn.ghost:hover { border-color: rgba(192, 139, 44, .6); background: rgba(192, 139, 44, .12); }

.v5-st-media {
  position: relative; border-radius: 6px; overflow: hidden;
  border: 1px solid rgba(192, 139, 44, .34);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .04);
  aspect-ratio: 16 / 10.4; background: #061020;
}
.v5-st-media img {
  width: 100%; height: 100%; object-fit: cover; object-position: center 18%;
  display: block; filter: saturate(.96) contrast(1.04);
}
.v5-st-media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(4, 11, 24, .34) 0%, transparent 26%, transparent 56%, rgba(4, 11, 24, .82) 100%),
    linear-gradient(90deg, rgba(4, 11, 24, .5) 0%, transparent 34%);
}
.v5-st-brand {
  position: absolute; left: 20px; top: 18px; z-index: 3;
  color: #fff; font-size: .78rem; font-weight: 800; letter-spacing: 2.4px;
  display: flex; align-items: center; gap: 8px; text-shadow: 0 2px 10px rgba(0, 0, 0, .6);
}
.v5-st-brand i {
  width: 7px; height: 7px; border-radius: 50%; background: var(--v5-red);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, .28);
  animation: v5blink 2.2s ease-in-out infinite;
}
@keyframes v5blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.v5-st-brand span { color: var(--v5-gold-2); letter-spacing: 3px; font-weight: 700; }
.v5-st-live {
  position: absolute; right: 18px; top: 16px; z-index: 3;
  font-size: .62rem; font-weight: 800; letter-spacing: 2.6px; color: #EAF0F9;
  border: 1px solid rgba(255, 255, 255, .34); border-radius: 3px;
  padding: 4px 9px; background: rgba(4, 11, 24, .45); backdrop-filter: blur(6px);
}
.v5-st-lower {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
  padding: 16px 22px 18px;
  border-top: 2px solid var(--v5-gold);
  background: linear-gradient(90deg, rgba(6, 16, 32, .92), rgba(6, 16, 32, .62));
}
.v5-st-lower b { display: block; color: #fff; font-size: .98rem; font-weight: 800; letter-spacing: .3px; }
.v5-st-lower span { display: block; color: #9FB2C8; font-size: .76rem; margin-top: 5px; letter-spacing: .4px; }
.v5-st-glow {
  position: absolute; inset: auto 0 0 0; height: 42%; z-index: 2; pointer-events: none;
  background: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(192, 139, 44, .14), transparent 70%);
}

@media (max-width: 980px) {
  .v5-st { padding: 52px 0; }
  .v5-st-in { grid-template-columns: 1fr; gap: 30px; }
  .v5-st-media { aspect-ratio: 16 / 11; }
  .v5-st-facts div { padding: 0 16px; }
  .v5-st-facts b { font-size: 1.3rem; }
}

/* ───────── 12. 能力矩阵（原 Hero 内 13 张快捷卡移出，回到一屏首屏） ───────── */
.v5-cap {
  padding: 78px 0 68px; background: #fff;
  border-top: 1px solid var(--v5-line-2);
}
.v5-cap-in { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.v5-cap-h {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 20px; flex-wrap: wrap; margin-bottom: 30px;
}
.v5-cap-h h2 {
  font-size: clamp(1.45rem, 2.5vw, 2rem); font-weight: 900; color: var(--v5-ink);
  letter-spacing: -.02em; padding-left: 18px; position: relative; line-height: 1.35;
}
.v5-cap-h h2::before {
  content: ""; position: absolute; left: 0; top: .2em; width: 3px; height: 1.05em;
  border-radius: 2px; background: linear-gradient(180deg, var(--v5-gold-2), var(--v5-gold));
}
.v5-cap-h h2 em { font-style: normal; color: var(--v5-navy-600); }
.v5-cap-h .en {
  font-size: .68rem; font-weight: 700; letter-spacing: 3px; color: #9AA8B8;
  text-transform: uppercase; padding-bottom: 6px;
}
body.v3 .v5-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; }
body.v3 .v5-cap-grid .hl {
  position: relative; display: block; padding: 19px 18px 17px 20px;
  background: #fff; border: 1px solid var(--v5-line); border-radius: 8px;
  box-shadow: 0 1px 2px rgba(8, 23, 45, .03);
  transition: transform .18s var(--v5-ease), border-color .18s, box-shadow .18s;
  overflow: hidden;
}
body.v3 .v5-cap-grid .hl::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--v5-gold-2), var(--v5-gold));
  transform: scaleY(0); transform-origin: top; transition: transform .22s var(--v5-ease);
}
body.v3 .v5-cap-grid .hl:hover {
  transform: translateY(-3px); border-color: rgba(192, 139, 44, .45);
  box-shadow: 0 14px 32px rgba(8, 23, 45, .09); background: #FEFDFA;
}
body.v3 .v5-cap-grid .hl:hover::before { transform: scaleY(1); }
body.v3 .v5-cap-grid .hl b {
  display: block; font-size: .95rem; font-weight: 800; color: var(--v5-ink);
  letter-spacing: .1px; margin-bottom: 7px;
}
body.v3 .v5-cap-grid .hl span { display: block; font-size: .8rem; color: var(--v5-mute); line-height: 1.68; }
@media (max-width: 1100px) {
  body.v3 .v5-cap-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .v5-cap { padding: 52px 0 44px; }
  body.v3 .v5-cap-grid { grid-template-columns: 1fr; }
}

/* ───────── 13. 旧组件蓝色收敛（模块卡 / 定价 / 运营带 / 浮标） ───────── */
body.v3 .mod, body.v3 .price, body.v3 .chain, body.v3 .ne-card,
body.v3 .corr a, body.v3 .trust-card, body.v3 .res-cell, body.v3 .intel {
  border-radius: 8px; border-color: var(--v5-line);
  box-shadow: 0 1px 2px rgba(8, 23, 45, .035);
}
body.v3 .mod:hover, body.v3 .price:hover, body.v3 .chain:hover,
body.v3 .ne-card:hover, body.v3 .corr a:hover, body.v3 .trust-card:hover {
  border-color: rgba(192, 139, 44, .45);
  box-shadow: 0 14px 34px rgba(8, 23, 45, .09);
}
body.v3 .mod .cat {
  background: #EFF3F8; color: var(--v5-navy-600);
  border-radius: 3px; letter-spacing: .3px; font-weight: 700;
}
body.v3 .mod h3, body.v3 .mod b { color: var(--v5-ink); }
body.v3 .mod .go, body.v3 .mod a { color: var(--v5-gold); }
body.v3 .price .p {
  background: none; -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: var(--v5-navy-700); color: var(--v5-navy-700);
  font-weight: 900; letter-spacing: -.02em;
}
body.v3 .price .n { color: var(--v5-ink); font-weight: 800; }
body.v3 .price .go { color: var(--v5-gold); font-weight: 700; }
body.v3 .price .go:hover { color: var(--v5-navy-700); }
body.v3 .ops-band {
  border-radius: 8px;
  background: linear-gradient(150deg, #050E1E, #0A1D36 52%, #123053);
  box-shadow: 0 24px 60px rgba(8, 23, 45, .22);
}
body.v3 .ops-band::after {
  background: radial-gradient(ellipse 520px 300px at 92% -10%, rgba(192, 139, 44, .16), transparent 64%);
}
body.v3 #v3desk-fab {
  background: linear-gradient(135deg, var(--v5-navy-600), var(--v5-navy-900));
  color: #fff; border: 1px solid rgba(192, 139, 44, .45);
  border-radius: 8px; box-shadow: 0 10px 30px rgba(8, 23, 45, .28);
  animation: none;
}
body.v3 .intel { border-radius: 8px; }

/* 能力矩阵最后一张通栏，避免 4+4+4+1 的孤行 */
body.v3 .v5-cap-grid .hl:last-child {
  grid-column: 1 / -1; text-align: center; background: #FBFCFD;
  padding: 16px 18px;
}
body.v3 .v5-cap-grid .hl:last-child b { display: inline-block; margin: 0 10px 0 0; }
body.v3 .v5-cap-grid .hl:last-child span { display: inline-block; }
@media (max-width: 620px) {
  body.v3 .v5-cap-grid .hl:last-child { text-align: left; }
  body.v3 .v5-cap-grid .hl:last-child b { display: block; margin: 0 0 6px; }
  body.v3 .v5-cap-grid .hl:last-child span { display: block; }
}

/* ───────── 15. 响应式 ───────── */
@media (max-width: 900px) {
  body.v3 .hero-royal { padding: 88px 0 112px; min-height: 0; }
  body.v3 .hero-royal .v5-hero-bg { width: 100%; opacity: .3; }
  body.v3 .hero-royal::after { opacity: .55; }
  body.v3 .hero-royal h1 { font-size: clamp(1.7rem, 7vw, 2.5rem); letter-spacing: -.01em; }
  body.v3 .hero-royal h1 > span { display: block; }
  body.v3 .hero-royal p.sub { font-size: .95rem; line-height: 1.8; }
  body.v3 .hero-royal { padding: 72px 0 96px; }
  body.v3 .v3-hero-strip .it { padding: 0 14px; }
  body.v3 .v3-hero-strip .it b { font-size: 1.3rem; }
  body.v3 .v3-hero-strip .it span { font-size: .68rem; }
  body.v3 section.block { padding: 52px 0; }
  body.v3 .stats { margin-top: -46px; }
  body.v3 .stat { padding: 20px 10px; }
  body.v3 .stat .v { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.v3 * { animation: none !important; transition: none !important; }
}