/* ==========================================================================
   Soundwalker 声涡电子 — 官网视觉系统 v2
   冷调科技 / Dark + Brand Gradient   (强调色取自品牌 logo)
   ========================================================================== */

/* ---------- 1. 设计变量 Design Tokens ---------- */
:root{
  /* 底色 —— 偏冷的近黑，不再是暖黑 */
  --bg:            #06070A;
  --bg-1:          #0B0D12;
  --bg-2:          #10131A;
  --line:          rgba(190,215,235,.10);
  --line-strong:   rgba(190,215,235,.20);

  /* 主强调色 —— 品牌渐变中段色，取自 logo */
  --ac:            #F0603C;
  --ac-1:          #FF9576;
  --ac-2:          #C4401C;
  --ac-dim:        rgba(240,96,60,.14);
  --ac-glow:       rgba(240,96,60,.22);

  /* 兼容旧变量名（金色降级为次要点缀） */
  --gold:          #F0603C;
  --gold-1:        #FF9576;
  --gold-2:        #C4401C;
  --gold-glow:     rgba(240,96,60,.22);

  /* 文字 */
  --fg:            #EDF2F7;
  --fg-1:          #A8B4C2;
  --fg-2:          #6C7A8A;

  /* 尺度 */
  --w:             1200px;
  --r:             10px;
  --r-lg:          16px;
  --nav-h:         70px;

  --ease:          cubic-bezier(.22,.61,.36,1);

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC",
          Roboto, Helvetica, Arial, sans-serif;
  --font-en: "Helvetica Neue", Inter, -apple-system, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}

/* ---------- 2. 基础 Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font);
  font-size:16px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
h1,h2,h3,h4{margin:0; line-height:1.25; font-weight:600; letter-spacing:-.01em}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
::selection{background:var(--gold); color:#000}

/* ---------- 3. 双语切换 ---------- */
html[data-lang="zh"] .en{display:none !important}
html[data-lang="en"] .zh{display:none !important}
html[data-lang="en"] body{font-family:var(--font-en); letter-spacing:0}

/* ---------- 4. 布局工具 ---------- */
.wrap{width:100%; max-width:var(--w); margin:0 auto; padding:0 28px}
.section{padding:120px 0; position:relative}
.section--tight{padding:88px 0}
.center{text-align:center}

/* 章节标题 */
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:12px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold-1); margin-bottom:20px;
}
.eyebrow::before{
  content:""; width:26px; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}
.center .eyebrow::before{display:none}
.center .eyebrow{
  padding:7px 16px; border:1px solid rgba(201,162,39,.32); border-radius:999px;
  background:rgba(201,162,39,.06);
}
.h2{font-size:clamp(28px,3.4vw,44px); font-weight:600; letter-spacing:-.02em}
.h2 em{font-style:normal; color:var(--gold-1)}
.lede{margin-top:20px; color:var(--fg-1); font-size:17px; max-width:64ch}
.center .lede{margin-left:auto; margin-right:auto}

/* 分隔线 */
.rule{height:1px; background:linear-gradient(90deg,transparent,var(--line-strong),transparent); border:0; margin:0}

/* ---------- 5. 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:14px 28px; border-radius:999px;
  font-size:15px; font-weight:600; letter-spacing:.02em;
  border:1px solid transparent; cursor:pointer;
  transition:all .3s var(--ease);
  white-space:nowrap;
}
.btn--gold{
  background:linear-gradient(135deg,var(--gold-1),var(--gold));
  color:#12100a;
  box-shadow:0 8px 30px -10px var(--gold-glow);
}
.btn--gold:hover{transform:translateY(-2px); box-shadow:0 16px 40px -12px var(--gold-glow)}
.btn--ghost{border-color:var(--line-strong); color:var(--fg); background:rgba(255,255,255,.02)}
.btn--ghost:hover{border-color:var(--gold); color:var(--gold-1); background:rgba(201,162,39,.07)}
.btn--sm{padding:10px 20px; font-size:14px}

/* ---------- 6. 导航 ---------- */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100; height:var(--nav-h);
  display:flex; align-items:center;
  background:rgba(8,8,11,.55);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid transparent;
  transition:background .3s var(--ease), border-color .3s var(--ease);
}
.nav.is-scrolled{background:rgba(8,8,11,.9); border-bottom-color:var(--line)}
.nav__in{width:100%; max-width:var(--w); margin:0 auto; padding:0 28px;
  display:flex; align-items:center; gap:36px}

/* Logo 字标 */
.logo{display:flex; align-items:center; gap:11px; flex-shrink:0}
.logo__mark{width:30px; height:30px; flex-shrink:0}
.logo__txt{display:flex; flex-direction:column; line-height:1.1}
.logo__en{font-family:var(--font-en); font-size:15px; font-weight:700; letter-spacing:.14em}
.logo__zh{font-size:10px; color:var(--fg-2); letter-spacing:.34em}

/* 主菜单 */
.menu{display:flex; align-items:center; gap:4px; margin-left:auto}
.menu__item{position:relative}
.menu__link{
  display:flex; align-items:center; gap:5px;
  padding:10px 15px; border-radius:9px;
  font-size:15px; color:var(--fg-1);
  transition:color .22s var(--ease), background .22s var(--ease);
}
.menu__link:hover,.menu__item:hover .menu__link,.menu__link.is-active{color:var(--fg); background:rgba(255,255,255,.05)}
.menu__link.is-active{color:var(--gold-1)}
.menu__caret{width:9px; height:9px; opacity:.55; transition:transform .25s var(--ease)}
.menu__item:hover .menu__caret{transform:rotate(180deg)}

/* 下拉 */
.drop{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translate(-50%,8px);
  min-width:210px; padding:9px;
  background:rgba(18,18,24,.97);
  backdrop-filter:blur(20px);
  border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 30px 70px -24px rgba(0,0,0,.9);
  opacity:0; visibility:hidden; transition:all .26s var(--ease);
}
.menu__item:hover .drop{opacity:1; visibility:visible; transform:translate(-50%,0)}
.drop a{
  display:block; padding:10px 14px; border-radius:9px;
  font-size:14.5px; color:var(--fg-1); transition:all .2s var(--ease);
}
.drop a:hover{background:rgba(201,162,39,.1); color:var(--gold-1); padding-left:18px}

/* 语言 + CTA */
.nav__end{display:flex; align-items:center; gap:14px; flex-shrink:0}
.lang{display:flex; align-items:center; border:1px solid var(--line); border-radius:999px; padding:3px; gap:2px}
.lang button{
  background:none; border:0; cursor:pointer; color:var(--fg-2);
  font:inherit; font-size:12.5px; font-weight:600;
  padding:5px 12px; border-radius:999px; transition:all .22s var(--ease);
}
.lang button:hover{color:var(--fg)}
.lang button.is-on{background:var(--gold); color:#12100a}

/* 汉堡 */
.burger{display:none; width:42px; height:42px; border:1px solid var(--line);
  border-radius:11px; background:none; cursor:pointer; padding:0;
  align-items:center; justify-content:center; flex-direction:column; gap:5px}
.burger span{display:block; width:17px; height:1.5px; background:var(--fg); transition:.3s var(--ease)}
.nav.is-open .burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav.is-open .burger span:nth-child(2){opacity:0}
.nav.is-open .burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ---------- 7. Hero ---------- */
.hero{
  position:relative; min-height:min(100vh,880px);
  display:flex; align-items:center;
  padding:calc(var(--nav-h) + 80px) 0 80px;
  overflow:hidden;
}
.hero__bg{position:absolute; inset:0; z-index:0; pointer-events:none}
.hero__bg::before{ /* 金色光晕 */
  content:""; position:absolute; top:-25%; left:50%; transform:translateX(-50%);
  width:1100px; height:1100px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.16) 0%,rgba(201,162,39,.05) 38%,transparent 68%);
  filter:blur(30px);
}
.hero__bg::after{ /* 底部收黑 */
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 40%,var(--bg) 100%);
}
.hero__grid{ /* 网格纹理 */
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%);
}
.hero__in{position:relative; z-index:2; text-align:center}
.hero h1{
  font-size:clamp(36px,6vw,72px); font-weight:600; letter-spacing:-.03em;
  margin:24px auto 0; max-width:17ch;
}
.hero h1 .grad{
  background:linear-gradient(120deg,#fff 10%,var(--gold-1) 55%,var(--gold) 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-lang="en"] .hero h1{max-width:20ch}
.hero__sub{margin:26px auto 0; max-width:60ch; font-size:17.5px; color:var(--fg-1)}
.hero__cta{margin-top:40px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

/* 数据条 */
.stats{
  margin-top:80px; display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line); border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  overflow:hidden;
}
.stat{padding:30px 22px; border-right:1px solid var(--line); text-align:center}
.stat:last-child{border-right:0}
.stat__n{font-family:var(--font-en); font-size:clamp(28px,3.4vw,40px); font-weight:700;
  letter-spacing:-.02em; color:var(--gold-1); line-height:1.1}
.stat__l{margin-top:9px; font-size:13.5px; color:var(--fg-2); line-height:1.5}

/* ---------- 8. 通用卡片 ---------- */
.cards{display:grid; gap:22px}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{
  position:relative; padding:34px 30px 32px;
  background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
  border:1px solid var(--line); border-radius:var(--r-lg);
  transition:all .38s var(--ease); overflow:hidden;
}
.card::before{ /* 顶部描边高光 */
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0; transition:opacity .38s var(--ease);
}
.card:hover{transform:translateY(-6px); border-color:rgba(201,162,39,.34);
  box-shadow:0 26px 60px -30px rgba(0,0,0,.95)}
.card:hover::before{opacity:1}
.card__ico{
  width:52px; height:52px; border-radius:14px; margin-bottom:22px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(140deg,rgba(201,162,39,.20),rgba(201,162,39,.05));
  border:1px solid rgba(201,162,39,.26); color:var(--gold-1);
}
.card__ico svg{width:24px; height:24px}
.card h3{font-size:19.5px; margin-bottom:12px}
.card p{color:var(--fg-1); font-size:15px; line-height:1.8}
.card__num{
  position:absolute; top:24px; right:28px; font-family:var(--font-en);
  font-size:13px; font-weight:700; letter-spacing:.1em; color:rgba(201,162,39,.35);
}

/* ---------- 9. 应用领域 ---------- */
.apps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.app{
  position:relative; display:flex; flex-direction:column; justify-content:flex-end;
  min-height:210px; padding:26px;
  border:1px solid var(--line); border-radius:var(--r-lg);
  background:linear-gradient(160deg,var(--bg-2) 0%,var(--bg-1) 100%);
  overflow:hidden; transition:all .38s var(--ease);
}
.app::after{ /* 悬停金色渐层 */
  content:""; position:absolute; inset:0;
  background:linear-gradient(160deg,rgba(201,162,39,.14),transparent 62%);
  opacity:0; transition:opacity .38s var(--ease);
}
.app:hover{transform:translateY(-6px); border-color:rgba(201,162,39,.40)}
.app:hover::after{opacity:1}
.app__ico{position:relative; z-index:1; width:38px; height:38px; color:var(--gold-1);
  margin-bottom:auto; opacity:.85; transition:transform .38s var(--ease)}
.app:hover .app__ico{transform:scale(1.1)}
.app__t{position:relative; z-index:1; font-size:18px; font-weight:600; margin-top:20px}
.app__en{position:relative; z-index:1; font-family:var(--font-en); font-size:12px;
  color:var(--fg-2); letter-spacing:.08em; margin-top:5px; text-transform:uppercase}
.app__arrow{position:absolute; top:24px; right:24px; z-index:1; width:16px; height:16px;
  color:var(--gold-1); opacity:0; transform:translate(-6px,6px); transition:all .38s var(--ease)}
.app:hover .app__arrow{opacity:1; transform:translate(0,0)}
.app--wide{grid-column:span 2}

/* ---------- 10. 分栏（图/文） ---------- */
.split{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center}
.split--rev .split__media{order:2}
.split__body h3{font-size:clamp(22px,2.4vw,30px); margin-bottom:18px}
.split__body p + p{margin-top:16px}
.split__body p{color:var(--fg-1)}
.checks{margin-top:28px; display:grid; gap:13px}
.checks li{display:flex; gap:12px; align-items:flex-start; color:var(--fg-1); font-size:15px}
.checks svg{width:19px; height:19px; flex-shrink:0; color:var(--gold); margin-top:3px}

/* 视觉占位（SVG 装饰面板） */
.visual{
  position:relative; aspect-ratio:4/3; border-radius:var(--r-lg);
  border:1px solid var(--line); overflow:hidden;
  background:radial-gradient(120% 100% at 20% 0%,#191922 0%,#0b0b10 62%);
  display:flex; align-items:center; justify-content:center;
}
.visual svg{width:78%; height:auto; opacity:.9}
.visual::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(60% 60% at 70% 25%,rgba(201,162,39,.13),transparent 70%);
}

/* ---------- 11. 合作伙伴条 ---------- */
.band{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(201,162,39,.05),transparent);
}
.band__in{display:flex; align-items:center; justify-content:space-between; gap:48px; padding:56px 0}
.band__t{font-size:clamp(20px,2.2vw,27px); font-weight:600; max-width:26ch}
.band__t em{font-style:normal; color:var(--gold-1)}
.band__d{margin-top:12px; color:var(--fg-2); font-size:15px; max-width:48ch}

/* ---------- 12. 团队 ---------- */
.team{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.tcard{
  padding:36px 32px; border:1px solid var(--line); border-radius:var(--r-lg);
  background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
  transition:all .38s var(--ease);
}
.tcard:hover{border-color:rgba(201,162,39,.32); transform:translateY(-5px)}
.tcard__k{font-family:var(--font-en); font-size:12px; letter-spacing:.2em;
  color:var(--gold); text-transform:uppercase; margin-bottom:14px}
.tcard h3{font-size:21px; margin-bottom:14px}
.tcard p{color:var(--fg-1); font-size:15px; line-height:1.85}
.tcard p + p{margin-top:14px}

/* ---------- 13. 时间线 ---------- */
.tl{position:relative; padding-left:32px; display:grid; gap:36px}
.tl::before{content:""; position:absolute; left:6px; top:8px; bottom:8px; width:1px;
  background:linear-gradient(180deg,var(--gold),rgba(201,162,39,.12))}
.tl__i{position:relative}
.tl__i::before{content:""; position:absolute; left:-32px; top:8px; width:13px; height:13px;
  border-radius:50%; background:var(--bg); border:2px solid var(--gold);
  box-shadow:0 0 0 5px rgba(201,162,39,.12)}
.tl__y{font-family:var(--font-en); font-size:14px; font-weight:700;
  letter-spacing:.1em; color:var(--gold-1)}
.tl__t{font-size:19px; font-weight:600; margin:7px 0 8px}
.tl__d{color:var(--fg-1); font-size:15px}

/* ---------- 14. 联系页 ---------- */
.contact{display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start}
.cinfo{display:grid; gap:16px}
.citem{
  display:flex; gap:18px; padding:26px 24px;
  border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
  transition:border-color .3s var(--ease);
}
.citem:hover{border-color:rgba(201,162,39,.32)}
.citem__ico{width:42px; height:42px; flex-shrink:0; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(201,162,39,.11); border:1px solid rgba(201,162,39,.22); color:var(--gold-1)}
.citem__ico svg{width:19px; height:19px}
.citem__k{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--fg-2)}
.citem__v{font-size:16.5px; margin-top:6px; line-height:1.6}
.citem__v a:hover{color:var(--gold-1)}

/* 表单 */
.form{
  padding:40px; border:1px solid var(--line); border-radius:var(--r-lg);
  background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
}
.form__row{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.field{margin-bottom:18px}
.field label{display:block; font-size:13.5px; color:var(--fg-1); margin-bottom:9px}
.field label span{color:var(--gold)}
.field input,.field textarea{
  width:100%; padding:13px 16px; font:inherit; font-size:15px;
  color:var(--fg); background:rgba(0,0,0,.35);
  border:1px solid var(--line); border-radius:11px;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.field textarea{min-height:132px; resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#5a5a66}
.field input:focus,.field textarea:focus{
  outline:0; border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,162,39,.14);
}
.form .btn{width:100%; margin-top:8px}
.form__note{margin-top:16px; font-size:13px; color:var(--fg-2); text-align:center}

/* 地图占位 */
.map{
  margin-top:22px; height:280px; border:1px solid var(--line); border-radius:var(--r-lg);
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/40px 40px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/40px 40px,
    radial-gradient(80% 80% at 50% 50%,rgba(201,162,39,.10),transparent 70%),
    var(--bg-1);
  display:flex; align-items:center; justify-content:center; gap:11px;
  color:var(--fg-2); font-size:14.5px;
}
.map svg{width:19px; height:19px; color:var(--gold)}

/* ---------- 15. 页面头（内页 Banner） ---------- */
.phead{
  position:relative; padding:calc(var(--nav-h) + 96px) 0 84px;
  border-bottom:1px solid var(--line); overflow:hidden;
}
.phead__bg{position:absolute; inset:0;
  background:
    radial-gradient(70% 120% at 78% 0%,rgba(201,162,39,.14),transparent 62%),
    linear-gradient(180deg,#0d0d12,var(--bg));
}
.phead__bg::after{content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,#000,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent)}
.phead__in{position:relative; z-index:1}
.crumb{font-size:13px; color:var(--fg-2); margin-bottom:18px}
.crumb a:hover{color:var(--gold-1)}
.phead h1{font-size:clamp(32px,4.6vw,54px); font-weight:600; letter-spacing:-.025em}
.phead p{margin-top:18px; color:var(--fg-1); font-size:17px; max-width:62ch}

/* ---------- 15b. 分类页 ---------- */
.phead__row{display:flex; gap:28px; align-items:flex-start}
.phead__ico{
  width:76px; height:76px; flex-shrink:0; border-radius:20px; margin-top:4px;
  display:flex; align-items:center; justify-content:center; color:var(--gold-1);
  background:linear-gradient(140deg,rgba(201,162,39,.20),rgba(201,162,39,.04));
  border:1px solid rgba(201,162,39,.28);
}
.phead__ico svg{width:38px; height:38px}

.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px}
.chip{
  padding:7px 16px; border-radius:999px; font-size:13.5px; color:var(--fg-1);
  border:1px solid var(--line-strong); background:rgba(255,255,255,.03);
}

/* 产品图：浅色展台，保证深色/白底产品图都看得清 */
.shots{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.shot{
  margin:0; padding:26px; border-radius:var(--r-lg); overflow:hidden;
  background:linear-gradient(165deg,#fbfbfd,#e9e9ee);
  border:1px solid var(--line); aspect-ratio:4/3;
  display:flex; align-items:center; justify-content:center;
  transition:transform .38s var(--ease), box-shadow .38s var(--ease);
}
.shot:hover{transform:translateY(-6px); box-shadow:0 28px 60px -28px rgba(0,0,0,.9)}
.shot img{max-width:100%; max-height:100%; width:auto; object-fit:contain}

/* 规格图 */
.specs{display:grid; gap:22px}
.spec{
  margin:0; padding:22px; border-radius:var(--r-lg);
  background:#fff; border:1px solid var(--line); overflow:hidden;
}
.spec img{width:100%; height:auto}

.drop a.is-here{color:var(--gold-1); background:rgba(201,162,39,.08)}

@media (max-width:900px){
  .shots{grid-template-columns:repeat(2,1fr)}
  .phead__row{flex-direction:column; gap:20px}
  .phead__ico{width:62px; height:62px; border-radius:16px}
  .phead__ico svg{width:30px; height:30px}
}
@media (max-width:560px){
  .shots{grid-template-columns:1fr}
  .spec{padding:12px}
}

/* ---------- 15c. 产品系列 / 规格 ---------- */

/* 产品主视觉：深色聚光台 */
.stage{
  position:relative; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line);
  background:
    radial-gradient(70% 60% at 50% 38%, rgba(201,162,39,.16), transparent 68%),
    radial-gradient(120% 100% at 50% 0%, #1b1b23 0%, #0a0a0e 70%);
  display:flex; align-items:center; justify-content:center;
  padding:38px; min-height:340px;
}
.stage::after{ /* 地面光带 */
  content:""; position:absolute; left:12%; right:12%; bottom:14%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.5),transparent);
  filter:blur(1px);
}
.stage img{position:relative; z-index:1; max-height:400px; width:auto; max-width:100%; object-fit:contain}
.stage--tall img{max-height:520px}
.stage--flat{min-height:250px}

/* 照片框（非抠图） */
.photo{
  border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line);
  background:var(--bg-1);
}
.photo img{width:100%; height:100%; object-fit:cover; display:block}
.photo--4x3{aspect-ratio:4/3}
.photo--1x1{aspect-ratio:1/1}
.photo--3x4{aspect-ratio:3/4}

/* 产品系列区块 */
.series{padding:76px 0; border-top:1px solid var(--line)}
.series:first-of-type{border-top:0}
.series__head{margin-bottom:40px}
.series__k{
  display:inline-block; font-family:var(--font-en); font-size:12px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--gold); margin-bottom:14px;
}
.series__t{font-size:clamp(24px,2.8vw,34px); font-weight:600; letter-spacing:-.02em}
.series__lede{margin-top:16px; color:var(--fg-1); font-size:16.5px; max-width:72ch; line-height:1.85}

/* 规格特性网格 */
.feats{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:36px}
.feat{
  padding:26px 26px 24px; border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008));
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.feat:hover{border-color:rgba(201,162,39,.30); transform:translateY(-3px)}
.feat h4{
  font-size:16.5px; font-weight:600; margin-bottom:11px;
  display:flex; align-items:flex-start; gap:10px; line-height:1.5;
}
.feat h4::before{
  content:""; flex-shrink:0; width:6px; height:6px; margin-top:9px; border-radius:50%;
  background:var(--gold); box-shadow:0 0 0 3px rgba(201,162,39,.16);
}
.feat p{color:var(--fg-1); font-size:14.5px; line-height:1.85}

/* 参数下载 */
.dl{
  display:flex; align-items:center; gap:16px; margin-top:22px;
  padding:16px 20px; border:1px solid rgba(201,162,39,.3); border-radius:var(--r);
  background:rgba(201,162,39,.06); transition:all .3s var(--ease);
}
.dl:hover{background:rgba(201,162,39,.12); border-color:var(--gold); transform:translateY(-2px)}
.dl__ico{
  width:38px; height:38px; flex-shrink:0; border-radius:10px; color:var(--gold-1);
  display:flex; align-items:center; justify-content:center;
  background:rgba(201,162,39,.14); border:1px solid rgba(201,162,39,.3);
}
.dl__ico svg{width:18px; height:18px}
.dl__t{font-size:15.5px; font-weight:600}
.dl__s{font-size:13px; color:var(--fg-2); margin-top:3px}
.dl__arrow{margin-left:auto; width:17px; height:17px; color:var(--gold-1); flex-shrink:0}

/* 主板双图 */
.boards{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px}
.board__cap{margin-top:14px; font-size:15px; font-weight:600}
.board__sub{font-size:13.5px; color:var(--fg-2); margin-top:4px}

@media (max-width:900px){
  .feats{grid-template-columns:1fr; gap:14px}
  .boards{grid-template-columns:1fr}
  .series{padding:56px 0}
  .stage{min-height:260px; padding:26px}
  .stage img{max-height:280px}
  .stage--tall img{max-height:360px}
}

/* ---------- 16. CTA 收尾 ---------- */
.cta{position:relative; overflow:hidden; padding:110px 0}
.cta__bg{position:absolute; inset:0;
  background:radial-gradient(60% 130% at 50% 100%,rgba(201,162,39,.16),transparent 66%)}
.cta__in{position:relative; z-index:1; text-align:center}
.cta h2{font-size:clamp(28px,3.6vw,46px); font-weight:600; letter-spacing:-.02em}
.cta p{margin:20px auto 0; max-width:56ch; color:var(--fg-1); font-size:17px}
.cta__btns{margin-top:38px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

/* ---------- 17. 页脚 ---------- */
.foot{border-top:1px solid var(--line); background:#060608}
.foot__top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:48px; padding:72px 0 56px}
.foot__about{max-width:34ch; margin-top:20px; color:var(--fg-2); font-size:14.5px; line-height:1.85}
.foot h4{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--fg); margin-bottom:20px}
.foot ul{display:grid; gap:12px}
.foot li a{color:var(--fg-2); font-size:14.5px; transition:color .22s var(--ease)}
.foot li a:hover{color:var(--gold-1)}
.foot__ct{display:grid; gap:13px; color:var(--fg-2); font-size:14.5px}
.foot__ct b{display:block; color:var(--fg-1); font-weight:500}
.foot__bot{
  border-top:1px solid var(--line); padding:24px 0;
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  color:#6d6d7a; font-size:13px;
}
.foot__bot a:hover{color:var(--fg-1)}

/* ---------- 18. 进场动画 ---------- */
.rise{opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease)}
.rise.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  .rise{opacity:1; transform:none; transition:none}
  html{scroll-behavior:auto}
  *{animation:none !important}
}

/* ---------- 19. 响应式 ---------- */
@media (max-width:1080px){
  .apps{grid-template-columns:repeat(3,1fr)}
  .app--wide{grid-column:span 1}
  .foot__top{grid-template-columns:1fr 1fr; gap:40px}
}
@media (max-width:900px){
  .section{padding:88px 0}
  .cards--3,.cards--4,.team{grid-template-columns:1fr}
  .split{grid-template-columns:1fr; gap:40px}
  .split--rev .split__media{order:0}
  .contact{grid-template-columns:1fr; gap:36px}
  .band__in{flex-direction:column; align-items:flex-start; text-align:left}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
}
@media (max-width:768px){
  .wrap,.nav__in{padding:0 20px}
  .burger{display:flex}
  .menu{
    position:fixed; top:var(--nav-h); left:0; right:0;
    flex-direction:column; align-items:stretch; gap:2px; margin:0;
    padding:16px 20px 28px;
    background:rgba(8,8,11,.98); backdrop-filter:blur(20px);
    border-bottom:1px solid var(--line);
    max-height:calc(100vh - var(--nav-h)); overflow-y:auto;
    transform:translateY(-12px); opacity:0; visibility:hidden;
    transition:all .3s var(--ease);
  }
  .nav.is-open .menu{transform:none; opacity:1; visibility:visible}
  .menu__link{padding:14px 12px; font-size:16px}
  .drop{
    position:static; transform:none; opacity:1; visibility:visible;
    background:none; border:0; box-shadow:none; min-width:0;
    padding:0 0 8px 14px; display:none;
  }
  .menu__item.is-expand .drop{display:block}
  .menu__item.is-expand .menu__caret{transform:rotate(180deg)}
  .nav__end .btn{display:none}
  .apps{grid-template-columns:1fr 1fr; gap:12px}
  .app{min-height:172px; padding:20px}
  .form{padding:26px 22px}
  .form__row{grid-template-columns:1fr; gap:0}
  .foot__top{grid-template-columns:1fr; gap:34px; padding:56px 0 40px}
  .band__in{padding:44px 0}
}
@media (max-width:420px){
  .apps{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0; border-bottom:1px solid var(--line)}
}

/* ---------- 20. 应用领域卡片配图 ---------- */
.app__bg{
  position:absolute; right:-6%; bottom:-4%; width:74%; height:70%;
  display:flex; align-items:flex-end; justify-content:flex-end;
  pointer-events:none; z-index:0;
  opacity:.30; filter:grayscale(.35);
  transition:opacity .45s var(--ease), transform .45s var(--ease);
  mask-image:linear-gradient(200deg,#000 55%,transparent 95%);
  -webkit-mask-image:linear-gradient(200deg,#000 55%,transparent 95%);
}
.app__bg img{width:100%; height:100%; object-fit:contain; object-position:bottom right}
.app:hover .app__bg{opacity:.62; filter:grayscale(0); transform:translateY(-4px) scale(1.04)}
.app__t,.app__en,.app__ico{position:relative; z-index:2}
.app--wide .app__bg{width:44%}
@media (max-width:768px){ .app__bg{opacity:.24; width:66%} }
.tcard__pic{margin:-36px -32px 24px; border-radius:22px 22px 0 0; border:0; border-bottom:1px solid var(--line)}

/* ==========================================================================
   21. 科技感重构层  —— 覆盖前面的「黑金」写法
   核心思路：中文标题不用渐变填充、字重降下来、线条变细、
             标签与数字改等宽字体、光晕收敛
   ========================================================================== */

/* ---- 21.1 标题：去掉渐变，改冷白 + 青色关键词 ---- */
.hero h1{
  font-size:clamp(28px,4.2vw,54px);
  font-weight:500;
  letter-spacing:-.015em;
  line-height:1.38;
  max-width:none;
  color:#F7FAFC;
}
html[data-lang="en"] .hero h1{max-width:22ch; font-weight:600; letter-spacing:-.025em}

.hero h1 .grad{
  background:none; -webkit-background-clip:initial; background-clip:initial;
  color:var(--ac-1);
  position:relative; white-space:nowrap;
}
.hero h1 .grad::after{
  content:""; position:absolute; left:0; right:0; bottom:-.14em; height:1px;
  background:linear-gradient(90deg,transparent,var(--ac),transparent);
  opacity:.55;
}

.h2{font-weight:500; letter-spacing:-.015em; color:#F2F6FA}
.h2 em{color:var(--ac-1)}
html[data-lang="en"] .h2{font-weight:600}
.series__t,.phead h1{font-weight:500; letter-spacing:-.015em}
html[data-lang="en"] .series__t, html[data-lang="en"] .phead h1{font-weight:600}
.card h3,.tcard h3,.feat h4,.app__t{font-weight:500}

/* ---- 21.2 标签 / 数字：等宽字体 ---- */
.eyebrow,.card__num,.series__k,.tcard__k,.citem__k,.app__en,.foot h4,.crumb{
  font-family:var(--mono); font-weight:400;
}
.eyebrow{font-size:11px; letter-spacing:.18em; color:var(--ac)}
.center .eyebrow{
  border-color:rgba(240,96,60,.26); background:rgba(240,96,60,.05);
  border-radius:4px; padding:6px 14px;
}
.eyebrow::before{background:linear-gradient(90deg,transparent,var(--ac))}
.stat__n{font-family:var(--mono); font-weight:500; letter-spacing:-.02em; color:#EAF6F4}
.stat__l{font-size:12.5px}
.card__num{font-size:11px; letter-spacing:.14em; color:rgba(240,96,60,.42)}

/* ---- 21.3 Hero 背景：冷色极光 + 精细网格 + 扫描线 ---- */
.hero__bg::before{
  width:1300px; height:900px; top:-30%; filter:blur(10px);
  background:
    radial-gradient(closest-side,rgba(240,96,60,.15),transparent 72%),
    radial-gradient(closest-side at 68% 46%,rgba(224,0,120,.11),transparent 70%);
}
.hero__grid{
  background-image:
    linear-gradient(rgba(160,220,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(160,220,255,.045) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 78% 62% at 50% 34%,#000 20%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 78% 62% at 50% 34%,#000 20%,transparent 78%);
}
.hero__bg::after{background:linear-gradient(180deg,transparent 46%,var(--bg) 100%)}
/* 缓慢横扫的高光线 */
.hero__scan{
  position:absolute; left:0; right:0; top:38%; height:1px; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(240,96,60,.55),transparent);
  opacity:.45; animation:scan 9s ease-in-out infinite;
}
@keyframes scan{
  0%,100%{transform:translateY(-120px); opacity:.12}
  50%    {transform:translateY(120px);  opacity:.5}
}

/* ---- 21.4 按钮：去掉金色药丸，改精确的方角 ---- */
.btn{border-radius:6px; font-weight:500; letter-spacing:.01em; padding:13px 24px}
.btn--gold{
  background:var(--ac); color:#1A0A06;
  box-shadow:0 0 0 1px rgba(240,96,60,.5), 0 10px 34px -16px var(--ac-glow);
}
.btn--gold:hover{background:var(--ac-1); transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(127,240,226,.7), 0 14px 40px -16px var(--ac-glow)}
.btn--ghost{border-color:var(--line-strong); background:transparent}
.btn--ghost:hover{border-color:var(--ac); color:var(--ac-1); background:rgba(240,96,60,.06)}
.btn--sm{padding:9px 18px}

/* ---- 21.5 面板：更细的线，更少的光 ---- */
.card,.tcard,.app,.feat,.citem,.form,.stats,.shot,.stage,.photo,.spec,.visual{border-radius:var(--r-lg)}
.card,.tcard{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.card:hover,.tcard:hover{border-color:rgba(240,96,60,.30); transform:translateY(-4px);
  box-shadow:0 20px 50px -34px #000}
.card::before{background:linear-gradient(90deg,transparent,var(--ac),transparent)}
.card__ico{
  border-radius:8px; width:44px; height:44px; color:var(--ac-1);
  background:rgba(240,96,60,.09); border-color:rgba(240,96,60,.22);
}
.card__ico svg{width:21px; height:21px}
.app:hover{border-color:rgba(240,96,60,.34); transform:translateY(-4px)}
.app::after{background:linear-gradient(160deg,rgba(240,96,60,.10),transparent 62%)}
.app__ico{color:var(--ac-1)}
.feat h4::before{background:var(--ac); box-shadow:0 0 0 3px rgba(240,96,60,.14)}
.feat:hover{border-color:rgba(240,96,60,.28)}
.chip{border-radius:5px; font-family:var(--mono); font-size:12px; letter-spacing:.02em}

/* 数据条改成分隔线式，不再是大圆角盒子 */
.stats{border-radius:0; border-left:0; border-right:0; background:none; margin-top:64px}
.stat{border-right-color:var(--line)}

/* ---- 21.6 导航 ---- */
.nav{height:var(--nav-h); background:rgba(6,7,10,.6)}
.nav.is-scrolled{background:rgba(6,7,10,.92)}
.menu__link{font-size:14.5px; border-radius:6px}
.menu__link.is-active{color:var(--ac-1)}
.drop{border-radius:8px; background:rgba(12,15,20,.97)}
.drop a{border-radius:5px}
.drop a:hover{background:rgba(240,96,60,.09); color:var(--ac-1)}
.drop a.is-here{color:var(--ac-1); background:rgba(240,96,60,.07)}
.lang{border-radius:6px; padding:2px}
.lang button{border-radius:4px; font-family:var(--mono); font-size:11.5px}
.lang button.is-on{background:var(--ac); color:#1A0A06}
.burger{border-radius:7px}
.logo__en{letter-spacing:.16em; font-weight:600}
.logo__zh{font-family:var(--mono); letter-spacing:.3em; font-size:9.5px}

/* ---- 21.7 内页头 / 聚光台 / 其他 ---- */
.phead__bg{background:
  radial-gradient(66% 120% at 76% 0%,rgba(240,96,60,.10),transparent 62%),
  linear-gradient(180deg,#0A0D13,var(--bg))}
.phead__ico{border-radius:12px; background:rgba(240,96,60,.08); border-color:rgba(240,96,60,.22); color:var(--ac-1)}
.stage{background:
  radial-gradient(70% 60% at 50% 38%, rgba(240,96,60,.13), transparent 68%),
  radial-gradient(120% 100% at 50% 0%, #12161D 0%, #07090C 70%)}
.stage::after{background:linear-gradient(90deg,transparent,rgba(240,96,60,.5),transparent)}
.cta__bg{background:radial-gradient(58% 130% at 50% 100%,rgba(240,96,60,.13),transparent 66%)}
.band{background:linear-gradient(180deg,rgba(240,96,60,.045),transparent)}
.band__t em{color:var(--ac-1)}
.dl{border-color:rgba(240,96,60,.28); background:rgba(240,96,60,.05); border-radius:8px}
.dl:hover{background:rgba(240,96,60,.11); border-color:var(--ac)}
.dl__ico{border-radius:7px; background:rgba(240,96,60,.12); border-color:rgba(240,96,60,.26); color:var(--ac-1)}
.citem__ico{border-radius:8px; background:rgba(240,96,60,.09); border-color:rgba(240,96,60,.2); color:var(--ac-1)}
.field input:focus,.field textarea:focus{border-color:var(--ac); box-shadow:0 0 0 3px rgba(240,96,60,.13)}
.field input,.field textarea{border-radius:7px}
.checks svg{color:var(--ac)}
.tl::before{background:linear-gradient(180deg,var(--ac),rgba(240,96,60,.1))}
.tl__i::before{border-color:var(--ac); box-shadow:0 0 0 5px rgba(240,96,60,.1)}
.map{border-radius:var(--r-lg); background:
  linear-gradient(rgba(160,220,255,.04) 1px,transparent 1px) 0 0/38px 38px,
  linear-gradient(90deg,rgba(160,220,255,.04) 1px,transparent 1px) 0 0/38px 38px,
  radial-gradient(80% 80% at 50% 50%,rgba(240,96,60,.08),transparent 70%), var(--bg-1)}
.map svg{color:var(--ac)}
::selection{background:var(--ac); color:#1A0A06}
.app__bg{filter:grayscale(.5) contrast(1.05)}
.app:hover .app__bg{filter:grayscale(.1)}

/* ==========================================================================
   22. 品牌渐变（logo 同源）—— 只做小面积点缀
   ========================================================================== */
:root{
  --brand-a:#E00078;   /* 品红 */
  --brand-b:#F09000;   /* 橙 */
  --brand:linear-gradient(120deg,var(--brand-a) 0%,#EC5A46 52%,var(--brand-b) 100%);
}

/* Logo 图片版（替换原来手绘的 SVG 字标） */
.logo img{height:30px; width:auto; display:block}
.foot .logo img{height:32px}
@media (max-width:768px){ .logo img{height:26px} }

/* 主按钮：品牌渐变 */
.btn--gold{
  background:var(--brand); color:#fff; border:0;
  box-shadow:0 8px 28px -14px rgba(236,90,70,.75);
}
.btn--gold:hover{
  filter:brightness(1.08); transform:translateY(-1px);
  box-shadow:0 14px 36px -14px rgba(236,90,70,.85);
}

/* 标题关键词：白字 + 渐变下划线（不做渐变填充，避免大字发土） */
.hero h1 .grad{color:#FFFFFF}
.hero h1 .grad::after{background:var(--brand); opacity:.95; height:2px; bottom:-.16em}

/* 章节标题里的 em 用渐变文字（字号小，安全） */
.h2 em,.band__t em{
  background:var(--brand); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* 卡片顶部高光线 / 时间线 / 聚光台光带 */
.card::before{background:var(--brand)}
.stage::after{background:var(--brand); opacity:.75}
.tl::before{background:linear-gradient(180deg,var(--brand-a),rgba(240,144,0,.12))}
.hero__scan{background:linear-gradient(90deg,transparent,rgba(240,96,60,.5),transparent)}

/* 数据条：首个数字用渐变，其余保持中性 */
.stat:first-child .stat__n{
  background:var(--brand); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* 语言切换选中态 */
.lang button.is-on{background:var(--brand); color:#fff}

/* ==========================================================================
   23. 字体 —— 中文 Noto Sans SC 子集 + 西文 Poppins
   （子集只含站内实际用字；新增文案若出现生僻字会回落到系统字体）
   ========================================================================== */
@font-face{font-family:"SWLatin";src:url("font/sw-lat-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"SWLatin";src:url("font/sw-lat-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SWLatin";src:url("font/sw-lat-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"SWLatin";src:url("font/sw-lat-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SWCJK";src:url("font/sw-cjk-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SWCJK";src:url("font/sw-cjk-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --font:    "SWLatin","SWCJK",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-en: "SWLatin",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:    "SWLatin",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Poppins 是几何体，中文用 Noto，两者混排时中文略小一点更协调 */
body{font-family:var(--font); font-size:16px; letter-spacing:0}
:lang(zh) , .zh{font-feature-settings:"palt" 1}

/* 标题：中文 700，字距收紧；英文 600 */
.hero h1,.h2,.phead h1,.series__t,.card h3,.tcard h3,.feat h4,.app__t,.band__t,.cta h2,.split__body h3{
  font-weight:700; letter-spacing:-.01em;
}
.hero h1{font-size:clamp(28px,4vw,52px); line-height:1.34}
.h2{font-size:clamp(26px,3.1vw,40px); line-height:1.32}

/* 标签 / 数字：Poppins + 宽字距，不用等宽 */
.eyebrow,.series__k,.tcard__k,.citem__k,.app__en,.foot h4,.card__num,.crumb,.chip,.lang button,.dl__s{
  font-family:var(--font-en); font-weight:500;
}
.eyebrow{font-size:11.5px; letter-spacing:.2em}
.stat__n{font-family:var(--font-en); font-weight:600; letter-spacing:-.01em}
.logo__en{font-family:var(--font-en)}

/* 正文行距 */
p,.lede,.series__lede,.feat p,.card p,.tcard p{line-height:1.85}

/* ==========================================================================
   24. 背景提亮 —— 从纯黑改成深石板蓝，加环境光，不再压抑
   ========================================================================== */
:root{
  --bg:          #151823;
  --bg-1:        #1B1F2C;
  --bg-2:        #222736;
  --line:        rgba(198,214,241,.12);
  --line-strong: rgba(198,214,241,.22);
  --fg:          #EFF2F8;
  --fg-1:        #B3BDCE;
  --fg-2:        #808C9F;
}

body{
  background:
    radial-gradient(1100px 620px at 12% -6%,  rgba(224,0,120,.10), transparent 60%),
    radial-gradient(950px 560px at 92% 8%,   rgba(240,144,0,.075), transparent 62%),
    radial-gradient(900px 700px at 50% 108%, rgba(96,116,255,.075), transparent 64%),
    var(--bg);
  background-attachment:fixed;
}

/* Hero 不再用「渐隐到纯黑」，改成透出底色 */
.hero__bg::after{background:linear-gradient(180deg,transparent 50%,rgba(21,24,35,.85) 100%)}
.hero__bg::before{
  background:
    radial-gradient(closest-side,rgba(240,96,60,.17),transparent 72%),
    radial-gradient(closest-side at 66% 46%,rgba(224,0,120,.14),transparent 70%);
}
.hero__grid{background-image:
  linear-gradient(rgba(190,215,255,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(190,215,255,.055) 1px,transparent 1px)}

/* 面板整体抬亮一档，卡片不再像黑洞 */
.card,.tcard,.feat,.citem,.form,.app{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}
.app{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.stage{background:
  radial-gradient(70% 60% at 50% 38%,rgba(240,96,60,.15),transparent 68%),
  radial-gradient(120% 100% at 50% 0%,#252A3A 0%,#161A26 72%)}
.photo,.spec{background:var(--bg-1)}
.drop{background:rgba(30,35,50,.97)}
.nav{background:rgba(21,24,35,.6)}
.nav.is-scrolled{background:rgba(21,24,35,.93)}
.foot{background:rgba(16,19,28,.75)}
.phead__bg{background:
  radial-gradient(66% 120% at 78% 0%,rgba(240,96,60,.13),transparent 62%),
  linear-gradient(180deg,rgba(34,39,54,.9),transparent)}
.cta__bg{background:radial-gradient(58% 130% at 50% 100%,rgba(240,96,60,.15),transparent 66%)}
.field input,.field textarea{background:rgba(0,0,0,.22)}
.map{background:
  linear-gradient(rgba(190,215,255,.05) 1px,transparent 1px) 0 0/38px 38px,
  linear-gradient(90deg,rgba(190,215,255,.05) 1px,transparent 1px) 0 0/38px 38px,
  radial-gradient(80% 80% at 50% 50%,rgba(240,96,60,.09),transparent 70%), var(--bg-1)}

/* ==========================================================================
   25. 赛博霓虹层 —— 深紫底 / 双色霓虹 / 玻璃拟态 / 声波元素
   （覆盖前面所有配色，这一层是最终观感）
   ========================================================================== */
:root{
  --bg:          #0A0616;
  --bg-1:        #110B22;
  --bg-2:        #17102E;

  --neon-a:      #FF2E88;   /* 品红霓虹（取自 logo） */
  --neon-b:      #21E5FF;   /* 青霓虹 */
  --neon-c:      #FF9A2E;   /* 橙霓虹（取自 logo） */
  --neon-duo:    linear-gradient(100deg,var(--neon-a) 0%,#B14BFF 45%,var(--neon-b) 100%);

  --ac:          #FF2E88;
  --ac-1:        #21E5FF;
  --gold:        #FF2E88;
  --gold-1:      #21E5FF;

  --fg:          #F2EEFF;
  --fg-1:        #B8AEDC;
  --fg-2:        #7E739F;

  --line:        rgba(180,150,255,.16);
  --line-strong: rgba(180,150,255,.30);
}

body{
  color:var(--fg);
  background:
    radial-gradient(1100px 700px at 8% -8%,  rgba(255,46,136,.18), transparent 58%),
    radial-gradient(1000px 640px at 96% 4%,  rgba(33,229,255,.14), transparent 60%),
    radial-gradient(900px 700px at 50% 106%, rgba(177,75,255,.16), transparent 62%),
    var(--bg);
  background-attachment:fixed;
}

/* ---- 25.1 中文标题：加粗 + 拉开字距 ---- */
.hero h1,.h2,.phead h1,.series__t,.cta h2,.band__t{
  font-weight:700;
}
html[data-lang="zh"] .hero h1,
html[data-lang="zh"] .h2,
html[data-lang="zh"] .phead h1,
html[data-lang="zh"] .series__t,
html[data-lang="zh"] .cta h2,
html[data-lang="zh"] .band__t{
  letter-spacing:.075em;
}
html[data-lang="zh"] .card h3,
html[data-lang="zh"] .tcard h3,
html[data-lang="zh"] .feat h4,
html[data-lang="zh"] .app__t{letter-spacing:.05em; font-weight:700}
.hero h1{font-size:clamp(27px,3.8vw,50px); line-height:1.42}

/* 关键词：霓虹发光 */
.hero h1 .grad{
  color:#fff;
  text-shadow:0 0 18px rgba(255,46,136,.85), 0 0 46px rgba(255,46,136,.45);
}
.hero h1 .grad::after{
  background:var(--neon-duo); height:2px; bottom:-.2em; opacity:1;
  box-shadow:0 0 12px rgba(255,46,136,.9), 0 0 26px rgba(33,229,255,.6);
}
.h2 em,.band__t em{
  background:var(--neon-duo); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---- 25.2 标签：霓虹小字 + 方括号 ---- */
.eyebrow{
  color:var(--neon-b); font-size:11px; letter-spacing:.24em;
  text-shadow:0 0 14px rgba(33,229,255,.55);
}
.eyebrow::before{background:linear-gradient(90deg,transparent,var(--neon-b)); box-shadow:0 0 8px rgba(33,229,255,.7)}
.center .eyebrow{
  border:1px solid rgba(33,229,255,.34); background:rgba(33,229,255,.07);
  border-radius:3px; padding:6px 14px;
  box-shadow:0 0 22px -6px rgba(33,229,255,.55), inset 0 0 18px -8px rgba(33,229,255,.5);
}
.series__k,.tcard__k,.card__num{color:var(--neon-a); text-shadow:0 0 12px rgba(255,46,136,.5)}
.series__k::before,.tcard__k::before{content:"[ "}
.series__k::after, .tcard__k::after{content:" ]"}

/* ---- 25.3 玻璃拟态卡片 + 霓虹描边 + 切角 ---- */
.card,.tcard,.feat,.citem,.form,.app,.stats{
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(180,150,255,.20);
  border-radius:4px;
  position:relative;
}
.card::before,.app::after{display:none}
/* 悬停时四周霓虹辉光 */
.card,.tcard,.feat,.app{transition:all .38s var(--ease)}
.card:hover,.tcard:hover,.feat:hover,.app:hover{
  border-color:rgba(255,46,136,.55);
  box-shadow:0 0 0 1px rgba(255,46,136,.25), 0 0 34px -10px rgba(255,46,136,.55),
             0 20px 50px -30px #000;
  transform:translateY(-5px);
}
/* 左上 / 右下 切角标记 */
.card::after,.app::before{
  content:""; position:absolute; width:12px; height:12px; pointer-events:none;
  border-top:1px solid var(--neon-b); border-left:1px solid var(--neon-b);
  top:-1px; left:-1px; opacity:.85;
}
.card:hover::after,.app:hover::before{border-color:var(--neon-a)}

.card__ico{
  border-radius:3px; color:var(--neon-b);
  background:rgba(33,229,255,.10); border:1px solid rgba(33,229,255,.32);
  box-shadow:0 0 20px -6px rgba(33,229,255,.7), inset 0 0 16px -8px rgba(33,229,255,.6);
}
.app__ico,.citem__ico,.phead__ico,.dl__ico{color:var(--neon-b)}
.citem__ico,.phead__ico,.dl__ico{
  border-radius:3px; background:rgba(33,229,255,.09); border-color:rgba(33,229,255,.3);
  box-shadow:0 0 18px -8px rgba(33,229,255,.7);
}
.feat h4::before{background:var(--neon-a); box-shadow:0 0 10px rgba(255,46,136,.9)}
.chip{
  border-radius:3px; border-color:rgba(33,229,255,.3); background:rgba(33,229,255,.06);
  color:var(--fg-1);
}

/* ---- 25.4 按钮：霓虹 + 扫光 ---- */
.btn{border-radius:3px; overflow:hidden; position:relative}
.btn--gold{
  background:var(--neon-duo); color:#0A0616; font-weight:700;
  box-shadow:0 0 26px -8px rgba(255,46,136,.9), 0 0 46px -18px rgba(33,229,255,.8);
}
.btn--gold::after{
  content:""; position:absolute; inset:0; transform:translateX(-120%);
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
}
.btn--gold:hover::after{transform:translateX(120%); transition:transform .75s var(--ease)}
.btn--ghost{
  border-color:rgba(33,229,255,.42); color:var(--fg);
  box-shadow:inset 0 0 20px -12px rgba(33,229,255,.8);
}
.btn--ghost:hover{
  border-color:var(--neon-b); color:#fff; background:rgba(33,229,255,.08);
  box-shadow:0 0 26px -10px rgba(33,229,255,.9), inset 0 0 22px -12px rgba(33,229,255,.9);
}

/* ---- 25.5 导航 ---- */
.nav{background:rgba(10,6,22,.55); border-bottom:1px solid transparent}
.nav.is-scrolled{
  background:rgba(10,6,22,.9);
  border-bottom-color:rgba(180,150,255,.18);
  box-shadow:0 1px 26px -12px rgba(255,46,136,.7);
}
.menu__link{border-radius:3px}
.menu__link.is-active{color:var(--neon-b); text-shadow:0 0 12px rgba(33,229,255,.7)}
.drop{background:rgba(17,11,34,.97); border-radius:4px; border-color:rgba(180,150,255,.22)}
.drop a{border-radius:2px}
.drop a:hover{background:rgba(33,229,255,.10); color:var(--neon-b)}
.drop a.is-here{color:var(--neon-b)}
.lang{border-radius:3px; border-color:rgba(180,150,255,.24)}
.lang button{border-radius:2px}
.lang button.is-on{background:var(--neon-duo); color:#0A0616; font-weight:700}
.burger{border-radius:3px}

/* ---- 25.6 Hero：频谱条 + 网格 + 光晕 ---- */
.hero__bg::before{
  background:
    radial-gradient(closest-side,rgba(255,46,136,.26),transparent 70%),
    radial-gradient(closest-side at 68% 44%,rgba(33,229,255,.20),transparent 68%);
}
.hero__bg::after{background:linear-gradient(180deg,transparent 44%,rgba(10,6,22,.9) 100%)}
.hero__grid{background-image:
  linear-gradient(rgba(180,150,255,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(180,150,255,.07) 1px,transparent 1px)}
.hero__scan{
  background:linear-gradient(90deg,transparent,rgba(33,229,255,.75),transparent);
  box-shadow:0 0 16px rgba(33,229,255,.7);
}

/* 频谱条（JS 生成） */
.hero__spectrum{
  position:absolute; left:0; right:0; bottom:0; height:190px; z-index:1;
  display:flex; align-items:flex-end; justify-content:center; gap:4px;
  padding:0 4vw; pointer-events:none;
  mask-image:linear-gradient(180deg,transparent,#000 55%);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 55%);
  opacity:.5;
}
.hero__spectrum i{
  display:block; flex:1 1 0; max-width:12px; min-width:2px; border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,var(--neon-b),var(--neon-a));
  transform-origin:bottom; animation:eq 1.9s ease-in-out infinite alternate;
  box-shadow:0 0 10px -2px rgba(255,46,136,.7);
}
@keyframes eq{ from{height:var(--lo,8%)} to{height:var(--hi,70%)} }

/* ---- 25.7 其他 ---- */
.stats{border-radius:4px; padding:0; background:rgba(255,255,255,.04)}
.stat{border-right-color:rgba(180,150,255,.16)}
.stat__n{color:#fff; text-shadow:0 0 20px rgba(33,229,255,.55)}
.stat:first-child .stat__n{background:var(--neon-duo); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none}
.stage{
  border-radius:4px; border-color:rgba(180,150,255,.2);
  background:
    radial-gradient(70% 60% at 50% 40%,rgba(255,46,136,.20),transparent 68%),
    radial-gradient(120% 100% at 50% 0%,#1B1236 0%,#0B0718 72%);
}
.stage::after{background:var(--neon-duo); box-shadow:0 0 14px rgba(255,46,136,.8); opacity:1}
.photo,.spec,.map,.shot{border-radius:4px; border-color:rgba(180,150,255,.18)}
.photo{background:var(--bg-1)}
.phead__bg{background:
  radial-gradient(66% 120% at 78% 0%,rgba(255,46,136,.20),transparent 60%),
  radial-gradient(50% 100% at 20% 0%,rgba(33,229,255,.12),transparent 62%),
  linear-gradient(180deg,rgba(23,16,46,.92),transparent)}
.cta__bg{background:
  radial-gradient(58% 130% at 50% 100%,rgba(255,46,136,.22),transparent 64%),
  radial-gradient(40% 100% at 78% 100%,rgba(33,229,255,.16),transparent 62%)}
.band{background:linear-gradient(180deg,rgba(255,46,136,.07),transparent);
  border-color:rgba(180,150,255,.18)}
.dl{border-radius:3px; border-color:rgba(33,229,255,.32); background:rgba(33,229,255,.06)}
.dl:hover{border-color:var(--neon-b); box-shadow:0 0 24px -10px rgba(33,229,255,.9)}
.field input,.field textarea{border-radius:3px; background:rgba(0,0,0,.3); border-color:rgba(180,150,255,.2)}
.field input:focus,.field textarea:focus{
  border-color:var(--neon-b); box-shadow:0 0 0 3px rgba(33,229,255,.14), 0 0 22px -10px rgba(33,229,255,.9)}
.checks svg{color:var(--neon-b)}
.rule{background:linear-gradient(90deg,transparent,rgba(255,46,136,.55),rgba(33,229,255,.55),transparent)}
.foot{background:rgba(8,5,18,.8); border-top-color:rgba(180,150,255,.18)}
.tl::before{background:linear-gradient(180deg,var(--neon-a),var(--neon-b))}
.tl__i::before{border-color:var(--neon-b); box-shadow:0 0 0 5px rgba(33,229,255,.12), 0 0 14px rgba(33,229,255,.8)}
::selection{background:var(--neon-a); color:#fff}
.app__bg{filter:grayscale(.2) saturate(1.2)}
.app:hover .app__bg{filter:none; opacity:.7}

@media (prefers-reduced-motion:reduce){
  .hero__spectrum i{animation:none; height:var(--hi,40%)}
  .hero__scan{animation:none}
}
@media (max-width:768px){ .hero__spectrum{height:130px; gap:3px; opacity:.4} }

/* 英文版不显示「1/APAC」那一格，数据条自动变三列 */
html[data-lang="en"] .stat--zh-only{display:none}
html[data-lang="en"] .stats{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){
  html[data-lang="en"] .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:420px){
  html[data-lang="en"] .stats{grid-template-columns:1fr}
}

/* ==========================================================================
   26. 品牌配色收敛 —— 霓虹全部取自 logo 的品红→橙渐变
       底色改深梅黑，去掉青色，保持赛博质感
   ========================================================================== */
:root{
  /* 底色：偏梅红的深色，不再是紫黑 */
  --bg:          #140810;
  --bg-1:        #1C0D18;
  --bg-2:        #251320;

  /* 霓虹：完全对齐 logo */
  --neon-a:      #FF2E88;   /* 品红（logo 左端 #E00078 提亮） */
  --neon-b:      #FFA02E;   /* 橙  （logo 右端 #F09000 提亮） */
  --neon-c:      #FF5C4D;   /* 中段珊瑚色 */
  --neon-duo:    linear-gradient(100deg,var(--neon-a) 0%,var(--neon-c) 50%,var(--neon-b) 100%);

  --ac:          #FF2E88;
  --ac-1:        #FFA02E;
  --gold:        #FF2E88;
  --gold-1:      #FFA02E;

  /* 文字：中性偏暖的白 */
  --fg:          #FBF1F5;
  --fg-1:        #CBB4BF;
  --fg-2:        #93798A;

  --line:        rgba(255,180,200,.16);
  --line-strong: rgba(255,180,200,.30);
}

body{
  background:
    radial-gradient(1100px 700px at 6% -8%,  rgba(255,46,136,.22), transparent 58%),
    radial-gradient(1000px 640px at 97% 2%,  rgba(255,160,46,.17), transparent 60%),
    radial-gradient(900px 720px at 52% 108%, rgba(255,92,77,.15), transparent 62%),
    var(--bg);
  background-attachment:fixed;
}

/* 标签 / 图标：青色 → 橙色 */
.eyebrow{color:var(--neon-b); text-shadow:0 0 14px rgba(255,160,46,.55)}
.eyebrow::before{background:linear-gradient(90deg,transparent,var(--neon-b)); box-shadow:0 0 8px rgba(255,160,46,.7)}
.center .eyebrow{
  border-color:rgba(255,160,46,.36); background:rgba(255,160,46,.08);
  box-shadow:0 0 22px -6px rgba(255,160,46,.5), inset 0 0 18px -8px rgba(255,160,46,.45);
}
.card__ico{
  color:var(--neon-b); background:rgba(255,160,46,.10); border-color:rgba(255,160,46,.32);
  box-shadow:0 0 20px -6px rgba(255,160,46,.65), inset 0 0 16px -8px rgba(255,160,46,.55);
}
.app__ico,.citem__ico,.phead__ico,.dl__ico{color:var(--neon-b)}
.citem__ico,.phead__ico,.dl__ico{
  background:rgba(255,160,46,.09); border-color:rgba(255,160,46,.3);
  box-shadow:0 0 18px -8px rgba(255,160,46,.65);
}
.chip{border-color:rgba(255,160,46,.3); background:rgba(255,160,46,.06)}
.checks svg{color:var(--neon-b)}

/* 卡片切角标记 */
.card::after,.app::before{border-top-color:var(--neon-b); border-left-color:var(--neon-b)}
.card:hover::after,.app:hover::before{border-top-color:var(--neon-a); border-left-color:var(--neon-a)}

/* 导航 */
.nav{background:rgba(20,8,16,.55)}
.nav.is-scrolled{background:rgba(20,8,16,.92); border-bottom-color:rgba(255,180,200,.18)}
.menu__link.is-active{color:var(--neon-b); text-shadow:0 0 12px rgba(255,160,46,.7)}
.drop{background:rgba(28,13,24,.97); border-color:rgba(255,180,200,.22)}
.drop a:hover{background:rgba(255,160,46,.10); color:var(--neon-b)}
.drop a.is-here{color:var(--neon-b)}
.lang{border-color:rgba(255,180,200,.24)}

/* 按钮 */
.btn--gold{box-shadow:0 0 26px -8px rgba(255,46,136,.85), 0 0 48px -18px rgba(255,160,46,.75)}
.btn--ghost{border-color:rgba(255,160,46,.42); box-shadow:inset 0 0 20px -12px rgba(255,160,46,.7)}
.btn--ghost:hover{
  border-color:var(--neon-b); background:rgba(255,160,46,.09);
  box-shadow:0 0 26px -10px rgba(255,160,46,.85), inset 0 0 22px -12px rgba(255,160,46,.85);
}

/* Hero */
.hero__bg::before{
  background:
    radial-gradient(closest-side,rgba(255,46,136,.30),transparent 70%),
    radial-gradient(closest-side at 70% 42%,rgba(255,160,46,.24),transparent 68%);
}
.hero__bg::after{background:linear-gradient(180deg,transparent 44%,rgba(20,8,16,.9) 100%)}
.hero__grid{background-image:
  linear-gradient(rgba(255,190,210,.075) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,190,210,.075) 1px,transparent 1px)}
.hero__scan{
  background:linear-gradient(90deg,transparent,rgba(255,160,46,.8),transparent);
  box-shadow:0 0 16px rgba(255,160,46,.7);
}
.hero__spectrum i{
  background:linear-gradient(180deg,var(--neon-b),var(--neon-a));
  box-shadow:0 0 10px -2px rgba(255,92,77,.8);
}
.hero h1 .grad{text-shadow:0 0 18px rgba(255,46,136,.85), 0 0 46px rgba(255,120,60,.5)}
.hero h1 .grad::after{box-shadow:0 0 12px rgba(255,46,136,.9), 0 0 26px rgba(255,160,46,.6)}

/* 数字 / 面板 / 其他 */
.stat__n{text-shadow:0 0 20px rgba(255,160,46,.5)}
.stat{border-right-color:rgba(255,180,200,.16)}
.stage{
  border-color:rgba(255,180,200,.2);
  background:
    radial-gradient(70% 60% at 50% 40%,rgba(255,46,136,.22),transparent 68%),
    radial-gradient(120% 100% at 50% 0%,#2A1524 0%,#120711 72%);
}
.photo,.spec,.map,.shot{border-color:rgba(255,180,200,.18)}
.phead__bg{background:
  radial-gradient(66% 120% at 78% 0%,rgba(255,46,136,.22),transparent 60%),
  radial-gradient(50% 100% at 18% 0%,rgba(255,160,46,.16),transparent 62%),
  linear-gradient(180deg,rgba(37,19,32,.92),transparent)}
.cta__bg{background:
  radial-gradient(58% 130% at 50% 100%,rgba(255,46,136,.24),transparent 64%),
  radial-gradient(40% 100% at 78% 100%,rgba(255,160,46,.18),transparent 62%)}
.band{background:linear-gradient(180deg,rgba(255,46,136,.08),transparent); border-color:rgba(255,180,200,.18)}
.dl{border-color:rgba(255,160,46,.34); background:rgba(255,160,46,.06)}
.dl:hover{border-color:var(--neon-b); box-shadow:0 0 24px -10px rgba(255,160,46,.85)}
.field input,.field textarea{border-color:rgba(255,180,200,.2)}
.field input:focus,.field textarea:focus{
  border-color:var(--neon-b);
  box-shadow:0 0 0 3px rgba(255,160,46,.14), 0 0 22px -10px rgba(255,160,46,.85)}
.rule{background:linear-gradient(90deg,transparent,rgba(255,46,136,.6),rgba(255,160,46,.6),transparent)}
.foot{background:rgba(15,6,12,.82); border-top-color:rgba(255,180,200,.18)}
.tl::before{background:linear-gradient(180deg,var(--neon-a),var(--neon-b))}
.tl__i::before{border-color:var(--neon-b); box-shadow:0 0 0 5px rgba(255,160,46,.12), 0 0 14px rgba(255,160,46,.8)}
.card,.tcard,.feat,.citem,.form,.app,.stats{border-color:rgba(255,180,200,.20)}
.card:hover,.tcard:hover,.feat:hover,.app:hover{
  border-color:rgba(255,46,136,.55);
  box-shadow:0 0 0 1px rgba(255,46,136,.25), 0 0 34px -10px rgba(255,92,77,.6), 0 20px 50px -30px #000;
}
.feat h4::before{background:var(--neon-a); box-shadow:0 0 10px rgba(255,46,136,.9)}
.series__k,.tcard__k,.card__num{color:var(--neon-a); text-shadow:0 0 12px rgba(255,46,136,.5)}
::selection{background:var(--neon-a); color:#fff}
.app__bg{filter:saturate(1.15)}

/* ==========================================================================
   27. 标题重点词处理 —— 去掉跨行会断裂的下划线，只保留霓虹辉光
   ========================================================================== */
.hero h1 .grad::after{display:none}
.hero h1 .grad{
  color:#fff; white-space:normal;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
  text-shadow:
    0 0 10px rgba(255,255,255,.55),
    0 0 26px rgba(255,46,136,.85),
    0 0 60px rgba(255,92,77,.55);
}
/* 英文标题：收紧行距、限制宽度，避免碎成四行 */
html[data-lang="en"] .hero h1{
  max-width:17ch; margin-left:auto; margin-right:auto;
  font-size:clamp(30px,4.4vw,56px); line-height:1.22; letter-spacing:-.02em;
}
html[data-lang="zh"] .hero h1{max-width:22ch; margin-left:auto; margin-right:auto}
.hero__sub{max-width:56ch}

/* 中文主标题恢复为两句式，放宽容器避免二次折行 */
html[data-lang="zh"] .hero h1{max-width:26ch; font-size:clamp(26px,3.6vw,48px)}

/* ---------- 表单提交状态 ---------- */
.form__status{
  margin-top:16px; padding:12px 16px; border-radius:3px;
  font-size:14.5px; line-height:1.7; display:none;
}
.form__status.is-info{display:block; color:var(--fg-1);
  background:rgba(255,255,255,.05); border:1px solid var(--line)}
.form__status.is-ok{display:block; color:#7BF5C4;
  background:rgba(60,220,160,.10); border:1px solid rgba(60,220,160,.35)}
.form__status.is-err{display:block; color:#FF9EB8;
  background:rgba(255,46,136,.10); border:1px solid rgba(255,46,136,.38)}
.field input.is-invalid,.field textarea.is-invalid{
  border-color:#FF2E88; box-shadow:0 0 0 3px rgba(255,46,136,.14)}
.btn[disabled]{opacity:.55; cursor:not-allowed; pointer-events:none}

/* 无配图的产品区块：单栏文字，限制宽度保证可读性 */
.split--solo{grid-template-columns:1fr !important}
.split--solo .split__body{max-width:80ch}

/* ==========================================================================
   28. 产品图整体缩小 —— 原始素材像素不高，放大会发虚
   ========================================================================== */
.stage{min-height:290px; padding:30px}
.stage img{max-height:280px; max-width:min(100%,480px)}
.stage--tall{min-height:340px}
.stage--tall img{max-height:360px; max-width:min(100%,320px)}
.stage--flat{min-height:210px}
.stage--flat img{max-height:160px; max-width:min(100%,600px)}

@media (max-width:900px){
  .stage{min-height:230px; padding:22px}
  .stage img{max-height:220px}
  .stage--tall img{max-height:280px}
  .stage--flat img{max-height:130px}
}

/* ==========================================================================
   29. 产品图再缩一档 —— 素材像素有限，宁可小而清晰
   ========================================================================== */
.stage{min-height:230px; padding:26px}
.stage img{max-height:200px; max-width:min(100%,360px)}
.stage--tall{min-height:270px}
.stage--tall img{max-height:260px; max-width:min(100%,230px)}
.stage--flat{min-height:170px}
.stage--flat img{max-height:112px; max-width:min(100%,440px)}

/* 图片区不再占满整列宽度，靠内对齐更克制 */
.series .split__media .stage{max-width:520px}
.split--rev .split__media .stage{margin-left:auto}

@media (max-width:900px){
  .stage{min-height:190px; padding:20px}
  .stage img{max-height:160px}
  .stage--tall img{max-height:200px}
  .stage--flat img{max-height:95px}
  .series .split__media .stage{max-width:none}
  .split--rev .split__media .stage{margin-left:0}
}