/* ============ TOKENS ============ */
:root{
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --nav-h:80px;/* 导航高度（≥1024px 处覆写为 100px），英雄区满屏计算用 */
  /* ===== 全局字号令牌（2026-07-28 统一）=====
     h1 英雄区专用；h2 主板块标题；h2b 次级板块标题；
     h3 特性/产品页大标题；h4 卡片·子板块标题；
     stat 数值大字；lead 引导文/大正文；sub 副标题行；body 卡片正文；note 辅助说明 */
  --fs-h1:clamp(44px,6.9vw,88px);
  --fs-h2:clamp(34px,4.4vw,60px);
  --fs-h2b:clamp(29px,3.5vw,45px);
  --fs-h3:clamp(32px,3.8vw,49px);
  --fs-h4:clamp(26px,2.9vw,36px);
  --fs-stat:clamp(28px,3vw,40px);
  --fs-lead:20px;
  --fs-sub:18px;
  --fs-body:18px;
  --fs-note:16px;
  --ink:#0a0a0a;
  --ink-soft:#5f5f5c;
  --paper:#ffffff;
  --tile:#f4f4f2;
  --cinema:#0b0b0e;
  --cinema-2:#131318;
  --halo:#e8b15c;
  --line:rgba(10,10,10,.10);
  --line-inv:rgba(255,255,255,.14);
  --on-cinema:#f5f4f1;
  --on-cinema-soft:#a2a2a8;
  --nav-bg:rgba(255,255,255,.86);
  /* 全局字体：苹方优先；无苹方的环境按相近度降级（MiSans/鸿蒙黑 → 雅黑 → 思源黑） */
  --sans:"PingFang SC","苹方-简","MiSans","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
/* 白色背景固定版（用户 2026-07-28 定）：不再跟随系统深浅色主题切换配色 */

/* ============ BASE ============ */
*{box-sizing:border-box;margin:0;padding:0}
/* 锚点滚动由 js/main.js 接管（Apple 式缓动）；scroll-margin 供无 JS 时原生跳转兜底 */
[id]{scroll-margin-top:92px}
@media (min-width:1024px){[id]{scroll-margin-top:112px}}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-weight:500;line-height:1.15;text-wrap:balance}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.eyebrow{
  font-size:14px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:500;
}
.eyebrow--halo{color:var(--halo)}
:focus-visible{outline:3px solid var(--halo);outline-offset:4px;border-radius:4px}
.skip-link{
  position:fixed;left:16px;top:-80px;z-index:9999;
  background:#fff;color:#111;padding:12px 18px;border-radius:8px;
}
.skip-link:focus{top:16px}

/* pill buttons — Sonos: radius 80, 16/48 pad, weight 500 */
.btn{
  display:inline-block;border-radius:999px;font-weight:500;font-size:18px;
  padding:14px 40px;cursor:pointer;border:2px solid transparent;
  transition:transform .18s var(--ease-out), opacity .18s var(--ease-out);
  text-align:center;
}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px);opacity:.9}
}
.btn:active{transform:scale(.97);transition-duration:.1s}
.btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--white{background:#fff;color:#0a0a0a;border-color:#fff}
.btn--ghost-inv{background:transparent;color:#fff;border-color:#fff}
.btn--sm{padding:9px 24px;font-size:16px}
.textlink{
  font-weight:500;border-bottom:1.5px solid currentColor;padding-bottom:2px;
  transition:opacity .2s ease;
}
.textlink:hover{opacity:.6}

/* ============ ANNOUNCEMENT ============ */
.annc{
  background:var(--cinema);color:var(--on-cinema);
  font-size:13.5px;text-align:center;padding:10px 20px;
}
.annc b{font-weight:500;color:var(--halo)}
.annc a{border-bottom:1px solid rgba(255,255,255,.4);margin-left:8px}
.annc a:hover{border-color:#fff}

/* ============ NAV ============ */
.nav{
  position:sticky;top:0;z-index:50;
  background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
/* Sonos 式导航（2026-07-28 按 Sonos 实测参数对齐）：
   sticky 顶置；高 80px、≥1024px 升 100px；两侧 3.7vw 边距；logo 左 · 链接居中 · 选购右 */
.nav__in{
  padding:0 clamp(20px,3.7vw,72px);height:80px;
  display:grid;grid-template-columns:1fr auto 1fr;column-gap:32px;align-items:center;
}
@media (min-width:1024px){:root{--nav-h:100px}.nav__in{height:100px}}
.nav__logo{
  font-size:19px;font-weight:700;letter-spacing:.30em;justify-self:start;
  display:flex;align-items:baseline;
}
.nav__logo img{width:132px;height:auto;display:block}
.nav__logo small{position:absolute;left:-9999px}
.nav__links{display:flex;gap:30px;font-size:17px;font-weight:500;justify-self:center}
.nav__right{display:flex;align-items:center;gap:22px;justify-self:end}
.nav__links a{opacity:.85;transition:opacity .2s;white-space:nowrap}
.nav__links a:hover{opacity:1}
.nav__cta{flex-shrink:0}
.mobile-toggle{display:none;border:0;background:transparent;color:inherit;font-size:24px;padding:8px}

/* 选购下拉菜单 */
.nav__shop{position:relative}
.nav__shop-btn{font-family:var(--sans)}
.shop-menu{
  position:absolute;right:0;top:calc(100% + 12px);
  display:flex;gap:26px;min-width:480px;
  background:var(--paper);border:1px solid var(--line);border-radius:18px;
  padding:20px 22px;box-shadow:0 18px 50px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;
  transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility 0s linear .16s;
}
.shop-menu.is-open{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility 0s;
}
.shop-menu__col{flex:1;min-width:0;display:flex;flex-direction:column}
.shop-menu__head{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:600;padding:6px 10px 8px;white-space:nowrap;
}
.shop-menu a{display:block;padding:9px 10px;border-radius:10px;font-size:16px;font-weight:500;white-space:nowrap;transition:background .15s var(--ease-out)}
.shop-menu a small{display:block;font-size:14px;color:var(--ink-soft);font-weight:400;margin-top:1px}
.shop-menu__8k{
  display:inline-flex;align-items:center;justify-content:center;
  width:27px;height:19px;margin-left:7px;vertical-align:2px;
  border:1px solid #957025;border-radius:2px;background:#d4ad5a;color:#080808;
  font-size:11px;font-weight:900;line-height:1;letter-spacing:-.04em;
  box-shadow:inset 0 1px 0 rgba(255,241,190,.55);
}
@media (hover:hover) and (pointer:fine){
  .shop-menu a:hover{background:var(--tile)}
}
.shop-menu a.shop-menu__more{font-size:13.5px;font-weight:400;color:var(--ink-soft);margin-top:4px}
@media (max-width:600px){
  .shop-menu{position:fixed;left:16px;right:16px;top:90px;min-width:0;flex-direction:column;gap:14px}
}
/* ≤900px 统一进入汉堡菜单模式（与链接隐藏断点对齐，消除 761–900 无菜单断层） */
@media (max-width:900px){
  .nav__in{display:flex;justify-content:space-between}
  .mobile-toggle{display:block}
  /* 移动端菜单：与选购下拉同语言的进出场（进 .2s / 出 .16s，visibility 门控） */
  .nav__links{
    display:flex;position:absolute;left:16px;right:16px;top:82px;
    background:var(--paper);padding:18px;border-radius:16px;
    box-shadow:0 18px 50px rgba(0,0,0,.18);flex-direction:column;
    opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top center;
    transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility 0s linear .16s;
  }
  .nav__links.open{
    opacity:1;visibility:visible;transform:none;
    transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility 0s;
  }
}

/* ============ HERO ============ */
.hero{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  /* 与影库宣言区统一为 16:9 通栏高度，完整承接交换后的影K内容 */
  width:100%;
  height:auto;
  min-height:clamp(420px,52vw,680px);
  aspect-ratio:16 / 9;
  /* 新图产品铺满画面：文案后方加局部椭圆暗斑保可读，整体只轻压 .12，产品区亮度基本不损 */
  background:
    radial-gradient(58% 54% at 50% 36%, rgba(5,5,8,.74) 0%, rgba(5,5,8,.42) 55%, rgba(5,5,8,0) 78%),
    linear-gradient(rgba(5,5,8,.16),rgba(5,5,8,.16)),
    image-set(url('../images/hero-main.webp') 1x,url('../images/hero-main.jpg') 1x) center bottom/cover no-repeat;
  background-color:#000;
  color:#fff;
  padding:0 24px;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:conic-gradient(from 118deg at 82% -6%,
    rgba(245,235,215,0) 0deg,
    rgba(245,235,215,.10) 10deg,
    rgba(232,177,92,.05) 22deg,
    rgba(245,235,215,0) 34deg);
  animation:beam 9s ease-in-out infinite alternate;
}
.hero::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(880px,86vw);height:190px;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%, rgba(240,240,255,.13) 0%, rgba(240,240,255,0) 70%);
}
@keyframes beam{from{opacity:.65}to{opacity:1}}
.hero__in{
  position:relative;z-index:2;text-align:center;max-width:1020px;
  text-shadow:0 2px 22px rgba(0,0,0,.60);/* 文字柔投影：压在产品上时兜底可读性 */
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  /* 居中基础上整体上浮（用户 2026-07-28）：1920 宽约上移 86px，窄屏等比收小 */
  transform:translateY(clamp(-86px,-4.5vw,-24px));
}
/* 英雄区文案样式（2026-07-28 重设计）：
   粗题居中压阵 → 金色细分隔线点睛 → 副题细体大字距如银幕字幕铺开 */
.hero__title{
  font-size:var(--fs-h1);
  font-weight:600;letter-spacing:.06em;line-height:1.1;
  margin-bottom:0;
}
.hero__title::after{
  content:"";display:block;width:54px;height:2px;border-radius:1px;
  background:var(--halo);margin:32px auto;
}
.hero__sub{
  font-size:clamp(18px,1.25vw,23px);color:rgba(255,255,255,.92);
  font-weight:500;line-height:1.8;
  letter-spacing:.32em;text-indent:.32em;/* 字幕式大字距；indent 抵消末字后的字距残留保持视觉居中 */
  margin:0 auto 48px;
}
.hero__ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero__ctas .btn{min-width:232px;font-size:17px;padding:14px 22px}
/* 窄屏适配（阈值 ≤760px）：放弃 2:1 定比，背景改 cover，文案回到常规文档流垂直居中 */
@media (max-width:760px){
  /* 手机版使用 2:3 竖版产品阵列图，上方留黑承接文案、下方完整展示设备 */
  .hero{
    flex-direction:column;
    height:auto;min-height:0;aspect-ratio:auto;
    margin-top:24px;
    padding:clamp(56px,14vw,72px) 18px clamp(260px,72vw,340px);
    /* 第一层：压在图片顶端 22vw 高的接缝渐变（背景色→透明），把顶部深色区平滑融进图片 */
    background:
      linear-gradient(180deg,#0b0b10 0%,rgba(11,11,16,0) 100%) center bottom 53vw/100% 22vw no-repeat,
      linear-gradient(180deg,rgba(5,5,8,.94) 0%,rgba(5,5,8,.52) 42%,rgba(5,5,8,.08) 68%,rgba(5,5,8,0) 100%),
      image-set(url('../images/Image-1.webp') 1x,url('../images/Image-1.jpg') 1x) center bottom/100% auto no-repeat;
    background-color:#0b0b10;
  }
  .hero__in{width:100%;max-width:430px;transform:none}
  .hero__title{font-size:clamp(34px,10vw,44px);letter-spacing:.04em}
  .hero__title::after{margin:22px auto}
  .hero__sub{
    margin-bottom:26px;max-width:22em;
    font-size:16px;line-height:1.7;letter-spacing:.08em;text-indent:.08em;text-wrap:balance;
  }
  .hero__ctas{width:100%}
  .hero__ctas .btn{width:min(220px,72vw);min-width:0;padding:12px 24px;font-size:16px}
}
.reveal{opacity:1;transform:none}
.reveal-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal-ready .reveal.in{opacity:1;transform:none}

/* 三卖点（2026-07-28 融合版）：并入文案组，按钮下方三栏小字，竖线分隔、无底板 */
.hero__claims{
  margin-top:clamp(44px,7vh,80px);
  display:grid;grid-template-columns:repeat(3,auto);justify-content:center;
}
.hero__claim{padding:0 clamp(22px,2.8vw,50px);text-align:center}
.hero__claim+.hero__claim{border-left:1px solid rgba(255,255,255,.18)}
.hero__claim b{display:block;font-size:clamp(18px,1.45vw,23px);font-weight:600;margin-bottom:8px;text-wrap:balance}
/* balance：换行时两行均分，杜绝"一行多一个字"的孤字尾行 */
.hero__claim span{display:block;font-size:clamp(14px,1vw,16px);color:rgba(255,255,255,.78);margin:0 auto;white-space:nowrap}
@media (max-width:760px){
  /* 手机端取消桌面三栏：三项收进同一块纵向信息面板，长参数可自然换行 */
  .hero__claims{
    width:100%;max-width:390px;grid-template-columns:1fr;gap:0;
    margin-top:32px;padding:4px 18px;
    border:1px solid rgba(255,255,255,.14);border-radius:20px;
    background:rgba(7,7,11,.66);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  }
  .hero__claim{padding:16px 0}
  .hero__claim+.hero__claim{border-left:none;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
  .hero__claim b{font-size:17px;margin-bottom:5px}
  .hero__claim span{
    max-width:26em;font-size:13.5px;line-height:1.55;
    white-space:normal;text-wrap:balance;
  }
}

/* ============ 引导模块（.cats：提问标题 + 影K/影库双卡引导） ============ */
/* 加高（用户 2026-07-28）：上下留白与卡高都提档，让引导模块成为独立的一幕 */
.cats{
  min-height:calc(100vh - var(--nav-h));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 0 0;
}
.cats__head{text-align:center;margin-bottom:68px}
.cats__head h2{font-size:var(--fs-h2);letter-spacing:-.01em}
.cats__head p{color:var(--ink-soft);margin-top:12px;font-size:var(--fs-sub)}
.cats__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:860px){.cats__grid{grid-template-columns:1fr}}
.cat{
  position:relative;border-radius:26px;overflow:hidden;
  min-height:500px;padding:56px 44px;
  /* 五元素纵向均布吃满卡高（用户 2026-07-28）：靠 space-between 分配，元素自身不再带外边距 */
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  text-align:center;
  transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .cat:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(10,10,10,.16)}
  .cat:hover .go{background:var(--cat-accent);color:var(--cat-accent-ink)}
}
.cat:active{transform:scale(.99);transition-duration:.1s}
.cat>*{position:relative;z-index:1}
.cat .eyebrow{
  display:inline-flex;align-items:center;
  border:1px solid;border-radius:999px;padding:7px 16px;
  margin-bottom:0;
}
/* 字号对齐一体机模块（2026-07-28）：标题同 feat h3、副题同正文 20px */
.cat h3{font-size:clamp(31px,3.15vw,42px);font-weight:600;margin-bottom:0;letter-spacing:-.01em}
.cat p{font-size:20px;line-height:1.75;margin-bottom:0;letter-spacing:.03em}
/* 英文副行：小号大写宽字距，弱化为氛围行 */
.cat__en{font-size:13.5px;letter-spacing:.20em;text-transform:uppercase;opacity:.55}
.cat .go{
  font-weight:500;font-size:15px;margin-top:0;align-self:center;
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 30px;border-radius:999px;border:1.5px solid var(--cat-accent);
  transition:background .18s var(--ease-out),color .18s var(--ease-out);
}
/* ═══ 双卡配色：当前生效 = 深色版（2026-07-28 定稿）═══
   同底 + 一暖一冷双顶光：影K = 暖金聚光（KTV），影库 = 冷蓝投影光（放映厅）。
   切换浅色版：把本段整段注释掉，再放开下方「浅色版备份」即可。 */
.cat--yingk,.cat--yingku{
  color:#fff;
  background-color:#101014;
}
.cat--yingk p,.cat--yingku p{color:rgba(255,255,255,.70)}
.cat--yingk{
  --cat-accent:#e8b15c;--cat-accent-ink:#0a0a0a;
  background:
    radial-gradient(85% 90% at 50% -10%, rgba(232,177,92,.34) 0%, rgba(232,177,92,0) 58%),
    linear-gradient(180deg,#101014 0%,#16161c 100%);
}
.cat--yingk .eyebrow{color:var(--halo)}
.cat--yingku{
  --cat-accent:#7fb0dc;--cat-accent-ink:#0a0a0a;
  background:
    radial-gradient(85% 90% at 50% -10%, rgba(127,176,220,.30) 0%, rgba(127,176,220,0) 58%),
    linear-gradient(180deg,#101014 0%,#16161c 100%);
}
.cat--yingku .eyebrow{color:#9cc3e8}
/* ═══ 浅色版备份（切换用，勿删）═══
.cat--yingk,.cat--yingku{
  color:var(--ink);
  background-color:#f4f4f1;
}
.cat--yingk p,.cat--yingku p{color:var(--ink-soft)}
.cat--yingk{
  --cat-accent:#c9964a;--cat-accent-ink:#fff;
  background:
    radial-gradient(85% 90% at 50% -10%, rgba(232,177,92,.32) 0%, rgba(232,177,92,0) 58%),
    linear-gradient(180deg,#f6f5f2 0%,#efeeea 100%);
}
.cat--yingk .eyebrow{color:#8a6420}
.cat--yingku{
  --cat-accent:#41678f;--cat-accent-ink:#fff;
  background:
    radial-gradient(85% 90% at 50% -10%, rgba(127,176,220,.30) 0%, rgba(127,176,220,0) 58%),
    linear-gradient(180deg,#f6f5f2 0%,#efeeea 100%);
}
.cat--yingku .eyebrow{color:#3f6a94}
═══ 浅色版备份到此 ═══ */

/* ============ STATEMENT ============ */
.statement{padding:130px 24px 20px;text-align:center}
.statement .eyebrow{display:block;margin-bottom:18px}
/* 宣言板块（用户 2026-07-28 指定）：整体比标准档大一号 */
.statement h1,.statement h2{
  font-size:clamp(38px,5vw,66px);letter-spacing:-.015em;max-width:14em;margin:0 auto;
  font-weight:500;line-height:1.15;text-wrap:balance;
}
.statement p{
  margin:24px auto 0;color:var(--ink-soft);max-width:58em;
  font-size:20px;line-height:1.75;text-wrap:balance;
}
.statement--media-cinema{
  position:relative;
  width:100%;
  margin:130px 0 20px;
  max-width:none;
  padding:clamp(120px,16vw,220px) 24px;
  min-height:clamp(420px,52vw,680px);
  border-radius:0;
  aspect-ratio: 16 / 9;
  color:#f5f5f1;
  background:
    radial-gradient(80% 95% at 50% 5%, rgba(245,235,215,.14), rgba(10,10,10,0) 70%),
    image-set(url('../images/about-hero.webp') 1x,url('../images/about-hero.jpg') 1x) center/cover no-repeat;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

.statement--media-cinema::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(7,7,12,.62);
  z-index:0;
}
.statement--media-cinema .eyebrow,
.statement--media-cinema h2,
.statement--media-cinema p{position:relative;z-index:1}
.statement--media-cinema .eyebrow{color:rgba(255,255,255,.72)}
.statement--media-cinema h1,.statement--media-cinema h2{
  font-size:var(--fs-h1);
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.1;
  max-width:14em;
  margin:0 auto;
  color:var(--paper);
}
.statement--media-cinema h2::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  border-radius:1px;
  background:var(--halo);
  margin:28px auto;
}
.statement--media-cinema p{
  color:rgba(245,245,241,.9);
  font-size:clamp(18px,1.25vw,23px);
  font-weight:500;
  line-height:1.8;
  letter-spacing:.32em;
  text-indent:.32em;
  margin:0 auto;
  max-width:56em;
}
.statement--media-cinema .statement__cta{
  margin-top:38px;
  position:relative;
  z-index:1;
}
@media (max-width:760px){
  .statement--media-cinema{
    padding:clamp(88px,20vw,150px) 20px;
  }
  .statement--media-cinema h1,.statement--media-cinema h2{font-size:clamp(32px,9vw,42px)}
  .statement--media-cinema p{
    margin:0 auto;
    font-size:17px;
    letter-spacing:.16em;
    text-indent:0;
    max-width:24em;
  }
}

/* ============ DSP 配图（一体机介绍模块第一行）：纯图展示 ============ */
.vis-dsp{background:#101014}
/* 透明底渲染图：无卡片底、整图完整展示不裁切 */
.vis-light{background:transparent;min-height:0}
.vis-light .feat__real{position:static;height:auto;object-fit:unset;display:block;width:100%}

/* ============ FEATURE SPLITS ============ */
/* 2026-07-28 按 Sonos「聆听真实的原始声音」区实测：行间距 112px（s14 档）、
   行标题克制（26–34px ≈ Sonos h3 30px）、正文放大到 20px/1.75（paragraphLarge）*/
.features{padding:56px 0 72px}
.feat{
  display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(36px,6vw,100px);
  align-items:center;padding:112px 0;
}
.feat:nth-child(even){grid-template-columns:1.15fr 1fr}
.feat:nth-child(even) .feat__text{order:2}
.feat:nth-child(even) .feat__visual{order:1}
.feat__text .eyebrow{display:block;margin-bottom:16px}
.feat__text h3{font-size:clamp(31px,3.15vw,42px);font-weight:600;margin-bottom:18px;letter-spacing:-.01em}
.feat__text p{color:var(--ink-soft);font-size:20px;line-height:1.8;max-width:26em;margin-bottom:26px}
.feat__visual{
  border-radius:24px;overflow:hidden;min-height:420px;position:relative;
  display:flex;align-items:center;justify-content:center;
}
.feat__real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 界面截图类配图：卡片高度不变，图片宽度充满、按原比例居中，不裁切 */
.vis-picture .feat__real{position:static;height:auto;object-fit:unset;display:block}
@media (max-width:860px){
  .feat,.feat:nth-child(even){grid-template-columns:1fr}
  .feat:nth-child(even) .feat__text{order:1}
  .feat:nth-child(even) .feat__visual{order:2}
  .feat{padding:56px 0}
  .feat__visual{min-height:300px}
}

/* visual — 界面截图黑底卡（当前用于 32 段调音） */
.vis-picture{background:#000}

/* ============ PRODUCTS ============ */
.products{padding:20px 0 40px}
/* 设备列表标题（居中）：字号对齐一体机模块行标题（feat h3） */
.prods-head{text-align:center;margin-top:24px}
.prods-head h2{font-size:clamp(31px,3.15vw,42px);font-weight:600;letter-spacing:-.01em}
/* 设备列表底部的对比入口（居中幽灵按钮） */
.prods-more{text-align:center;margin-top:40px}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
@media (max-width:960px){.prod-grid{grid-template-columns:1fr}}
/* 影K 区当前仅 C3000 一款在售：单卡居中，宽度与影库三列卡完全一致（1/3 列宽） */
#yingk-products .prod-grid{grid-template-columns:calc((100% - 40px)/3);justify-content:center}
@media (max-width:960px){#yingk-products .prod-grid{grid-template-columns:1fr}}
.prod{
  background:var(--tile);border-radius:22px;padding:36px 32px 32px;
  display:flex;flex-direction:column;position:relative;
  transition:transform .25s var(--ease-out);
}
/* 悬停阴影预渲染在 ::before、只过渡 opacity（合成器动画，不逐帧重绘阴影） */
.prod::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 24px 60px rgba(10,10,10,.12);opacity:0;
  transition:opacity .25s var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .prod:hover{transform:translateY(-6px)}
  .prod:hover::before{opacity:1}
}
.prod__tag{
  align-self:flex-start;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--halo);font-weight:600;margin-bottom:6px;
}
.badge-8k{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:34px;padding:4px 5px;border:1px solid #b99249;border-radius:3px;
  gap:1px;background:#090909;font-size:23px;font-weight:950;line-height:1;letter-spacing:-.06em;
  box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.04);
}
.badge-8k i,.badge-8k b{
  font:inherit;line-height:inherit;background:none;
  -webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;
  -webkit-text-stroke:0;text-shadow:none;
}
.badge-8k i{color:#f1eee6}
.badge-8k b{color:#d5aa55}
.badge-8k--card{
  position:absolute;top:28px;right:30px;z-index:2;
  width:46px;height:32px;padding:3px 5px;font-size:22px;
  border:1px solid #957025;background:#d4ad5a;
  box-shadow:0 4px 10px rgba(130,88,13,.18),inset 0 1px 0 rgba(255,241,190,.55);
}
.badge-8k--card i,.badge-8k--card b{color:#080808;text-shadow:none}
.prod__titleline{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.prod__titleline h4{margin-bottom:0}
.prod h4{font-size:30px;margin-bottom:4px;font-weight:500}
/* 卡片四分区定高（用户 2026-07-27 定）：
   ① 标题+简介（tag+h4+chip，chip 预留两行 → 区高恒定）
   ② 产品图（定高 200px，contain 上下左右居中）
   ③ 产品详情（flex:1 弹性吃剩余空间，同行卡片等高时自动一致）
   ④ 跳转按钮（贴底） */
.prod .chip{font-size:15px;color:var(--ink-soft);margin-bottom:0;display:block;min-height:42px}
.prod p{font-size:var(--fs-body);color:var(--ink-soft);margin-bottom:26px;flex:1}
/* 产品卡按钮行 */
.prod__row{display:flex;align-items:center;gap:18px;justify-content:center}
#yingku-products .prod__row{justify-content:center}
/* 渲染图原图留白大：定高之上再放大 1.3 倍让主体看得清（溢出部分是透明边） */
.prod__real{width:100%;height:200px;object-fit:contain;object-position:center;display:block;margin:18px 0 22px;transform:scale(1.3)}
.prod__real--d5{transform:scale(.94)}
.prod__real+svg{display:none}
@media (max-width:760px){.prod__real{height:160px}}

/* zone divider between两大产品区 */
.zone-divider{
  margin:110px 0 0;border-top:1px solid var(--line);
}

/* ============ CONTENT ECOSYSTEM ============ */
.member{padding:120px 0 40px;text-align:center}
.member h2{font-size:var(--fs-h2);margin:14px 0 18px}
.member .lead{color:var(--ink-soft);max-width:36em;margin:0 auto 46px;font-size:var(--fs-lead)}
.member__logos{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:860px;margin:0 auto;
}
.member__logos span{
  border:1px solid var(--line);border-radius:999px;padding:10px 24px;
  font-size:14.5px;color:var(--ink);opacity:.85;
}
.member__stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  max-width:880px;margin:0 auto 56px;
}
@media (max-width:640px){.member__stats{grid-template-columns:1fr}}
.member__stat{border:1px solid var(--line);border-radius:20px;padding:48px 24px}
.member__stat b{
  display:block;font-size:var(--fs-stat);font-weight:500;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;margin-bottom:16px;white-space:nowrap;
}
.member__stat span{color:var(--ink-soft);font-size:var(--fs-note)}

/* ============ TRUST ============ */
.trust{padding:130px 0 110px;text-align:center}
/* 尾部三个次级板块（为什么选择威动 / 为家庭影音而生 / 找到适合你的影音方案）标题字号统一 */
.trust h2{font-size:var(--fs-h2b);margin-top:14px}
.trust__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:68px;max-width:880px;margin-left:auto;margin-right:auto}
@media (max-width:560px){.trust__grid{grid-template-columns:1fr}}
.trust__item{background:var(--tile);border-radius:20px;padding:40px 26px}
.trust__item h4{font-size:17.5px;margin-bottom:10px}
.trust__item p{font-size:var(--fs-note);color:var(--ink-soft);max-width:24em;margin:0 auto}
.trust__item .ico{
  width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);
  display:flex;align-items:center;justify-content:center;margin:0 auto 20px;
  font-size:18px;
}

/* ============ INFO（关于/联系/法律） ============ */
.info-section{padding:130px 0;border-top:1px solid var(--line)}
/* About（2026-07-28 定）：通栏 100% 屏宽背景图 + 均匀遮罩 + 文案水平垂直居中 */
.info-section--about{padding-top:0}
.about-card{position:relative;overflow:hidden;min-height:clamp(620px,86vh,900px);display:flex;align-items:center;justify-content:center}
.about-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-card::before{
  content:"";position:absolute;inset:0;z-index:1;/* 必须压在 bg 图之上（否则被后续 DOM 的图片盖住） */
  background:rgba(8,8,10,.68);/* 深遮罩突出文案 */
}
.about-card__in{
  position:relative;z-index:2;color:#fff;max-width:40em;
  text-align:center;padding:clamp(32px,5vw,72px) 24px;
}
/* 「威动」品牌字：放大、品牌红、居中 */
.about-card__in .eyebrow{
  display:block;color:#ff514d;
  font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:.30em;text-indent:.30em;
}
/* 字号对齐两大产品区宣言档：标题 38–70、正文 20px */
.about-card__in h2{font-size:clamp(38px,5vw,66px);font-weight:600;letter-spacing:-.015em;margin:18px 0 26px}
.about-card__in p{color:rgba(255,255,255,.86);font-size:20px;line-height:1.85}
/* 文案下三数据标签：品牌红大数字 + 小说明，细竖线分隔；
   width:max-content 脱离正文 40em 行宽限制，整行永不折行 */
.about-stats{
  display:grid;grid-template-columns:repeat(3,auto);
  width:max-content;max-width:94vw;
  margin:clamp(38px,5.5vh,60px) auto 0;
}
.about-stat{padding:0 clamp(18px,2.6vw,52px);text-align:center}
.about-stat+.about-stat{border-left:1px solid rgba(255,255,255,.22)}
.about-stat b{display:block;font-size:clamp(26px,2.8vw,40px);font-weight:600;margin-bottom:7px;color:#ff514d;white-space:nowrap}
.about-stat span{display:block;font-size:clamp(12.5px,1vw,15px);color:rgba(255,255,255,.72);white-space:nowrap}
@media (max-width:760px){
  .about-card{min-height:580px}
  .about-stat{padding:0 12px}
}
/* 品牌愿景：图卡下方的居中文字块（标题次一档 34–52、正文 20px） */
.about-vision{text-align:center;margin-top:110px}
.about-vision h2{font-size:clamp(34px,3.9vw,50px);font-weight:600;letter-spacing:-.01em;margin:16px 0 24px}
.about-vision p{max-width:40em;margin:0 auto;color:var(--ink-soft);font-size:20px;line-height:1.85}
/* Contact（2026-07-28 定）：浅色底、上下两段居中（原深色影院背景已去除） */
.contact-dark{position:relative;border-top:1px solid var(--line)}
.contact-dark__in{
  position:relative;text-align:center;
  padding:clamp(110px,14vh,170px) 24px clamp(120px,15vh,180px);
}
.cd-block+.cd-block{margin-top:clamp(70px,9vh,110px)}
.cd-eyebrow{
  display:block;font-size:14.5px;font-weight:600;letter-spacing:.5em;text-indent:.5em;
  color:#ff514d;margin-bottom:26px;
}
.cd-eyebrow--plain{color:var(--ink-soft)}
.cd-block h2{font-size:clamp(34px,4.2vw,56px);font-weight:600;letter-spacing:.02em}
.cd-block h2.cd-h-sub{font-size:clamp(27px,2.8vw,37px)}
.cd-line{display:block;width:64px;height:3px;border-radius:2px;background:#ff514d;margin:34px auto}
.cd-block p{font-size:clamp(18px,1.3vw,21px);color:var(--ink-soft);margin-top:22px}
.cd-block h2.cd-h-sub+p{margin-top:24px}
.cd-tel{
  display:inline-block;margin-top:30px;
  font-size:clamp(26px,2.6vw,36px);font-weight:600;color:#ff514d;
  font-variant-numeric:tabular-nums;
}
.cd-qrs{display:flex;justify-content:center;gap:clamp(48px,8vw,150px);margin-top:56px}
.cd-qrs figure{margin:0}
.cd-qrs img{width:clamp(180px,17vw,250px);height:auto;display:block;background:#fff;border-radius:14px;padding:10px;border:1px solid var(--line)}
.cd-qrs figcaption{font-size:16px;color:var(--ink-soft);margin-top:20px}
@media (max-width:600px){.cd-qrs{gap:24px}.cd-qrs img{width:150px}}
/* ============ FOOTER ============ */
.footer{border-top:1px solid var(--line);padding:70px 0 40px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}
@media (max-width:960px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer__brand{font-size:18px;font-weight:700;letter-spacing:.30em;margin-bottom:14px;display:flex;align-items:baseline}
.footer__brand+p{font-size:15.5px;color:var(--ink-soft);max-width:22em}
.footer__contact{margin-top:18px;font-size:15.5px;color:var(--ink-soft);line-height:2}
.footer h4{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px;font-weight:600}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:16px}
.footer ul a{opacity:.85;transition:opacity .2s}
.footer ul a:hover{opacity:1;text-decoration:underline}
.footer__legal{
  margin-top:64px;padding-top:28px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:14px;color:var(--ink-soft);
}

/* picture 仅负责格式协商，不改变现有 flex/grid 布局 */
picture{display:contents}

/* GEO answer surfaces：以编辑式细分隔线呈现，保持现有高端影音视觉语言 */
.faq{padding:clamp(88px,10vw,148px) 0;background:#f7f7f4}
.faq h2{font-size:var(--fs-h2b);margin:14px 0 46px;letter-spacing:-.02em}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:0}
.faq summary{list-style:none;cursor:pointer;padding:24px 52px 24px 0;font-size:clamp(18px,1.55vw,23px);font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";position:absolute;right:4px;top:22px;color:var(--halo);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details p{max-width:62em;padding:0 52px 26px 0;color:var(--ink-soft);font-size:var(--fs-body);line-height:1.85}
.breadcrumb{max-width:1200px;margin:0 auto;padding:28px 24px 0;font-size:15px;color:var(--ink-soft)}
.breadcrumb a{border-bottom:1px solid var(--line)}
.breadcrumb span{margin:0 8px;color:#aaa}
.answer-guide{max-width:1200px;margin:0 auto;padding:70px 24px 10px}
.answer-guide__head{max-width:760px;margin-bottom:32px}
.answer-guide__head h2{font-size:var(--fs-h4);margin:10px 0 12px}
.answer-guide__head p{color:var(--ink-soft);font-size:var(--fs-body);line-height:1.8}
.answer-guide__items{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.answer-guide__item{padding:26px 32px 28px 0;border-bottom:1px solid var(--line)}
.answer-guide__item:nth-child(even){padding-left:32px;border-left:1px solid var(--line)}
.answer-guide__item h3{font-size:19px;margin-bottom:9px}
.answer-guide__item p{color:var(--ink-soft);font-size:var(--fs-note);line-height:1.75}
@media(max-width:700px){.answer-guide__items{grid-template-columns:1fr}.answer-guide__item:nth-child(even){padding-left:0;border-left:0}.faq details p{padding-right:0}}

/* 减少动态：按 Emil 标准"更少更温和，不是零"——关掉位移与循环动画，保留 opacity/颜色类反馈 */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
  .pdp__stage,.pdp__buy{transition:none}
  .btn:hover,.cat:hover,.prod:hover,.pdp-cross a:hover{transform:none}
  .btn:active,.cat:active,.pdp-cross a:active{transform:none}
  .shop-menu,.nav__links{transform:none!important}
  html{scroll-behavior:auto}
}

/* 单文件版路由：视图切换淡入（仅 opacity，多文件版无 .view 时此规则不生效） */
@media (prefers-reduced-motion: no-preference){
  .view:not([hidden]){animation:viewfade .22s var(--ease-out)}
}
@keyframes viewfade{from{opacity:0}to{opacity:1}}

/* ============ PDP (product detail) ============ */
.pdp{padding:0 0 40px}
.pdp__crumb{max-width:1200px;margin:0 auto;padding:28px 24px 0;font-size:15px;color:var(--ink-soft)}
.pdp__crumb a{border-bottom:1px solid var(--line)}
.pdp__hero{max-width:1200px;margin:0 auto;padding:40px 24px 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
@media(max-width:860px){.pdp__hero{grid-template-columns:1fr}}
/* 产品主图区：电商通行白底棚拍风——纯白底、产品占约八成、底部柔和落影 */
.pdp__stage{background:#fff;border:1px solid var(--line);border-radius:24px;min-height:380px;display:flex;align-items:center;justify-content:center;padding:20px}
.pdp__stage .pdp__real{
  width:100%;height:100%;max-height:580px;object-fit:contain;display:block;
  transform:scale(1.3);
  filter:drop-shadow(0 26px 30px rgba(10,10,15,.16));
}
.pdp__stage .pdp__real--d5{transform:scale(.92)}
.pdp__stage .pdp__real+svg{display:none}
/* 详情页首屏入场：图先落、文案随后（@starting-style 渐进增强，旧浏览器直接静态显示） */
@media (prefers-reduced-motion: no-preference){
  .pdp__stage{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
  .pdp__buy{transition:opacity .7s var(--ease-out) .12s,transform .7s var(--ease-out) .12s}
  @starting-style{
    .pdp__stage,.pdp__buy{opacity:0;transform:translateY(14px)}
  }
}
.pdp__buy .eyebrow{display:block;margin-bottom:16px}
/* 产品名称行 */
.pdp__titleline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pdp__titleline .badge-8k{
  width:46px;height:32px;padding:3px 5px;margin-top:0;font-size:22px;
  border:1px solid #957025;background:#d4ad5a;
  box-shadow:0 4px 10px rgba(130,88,13,.18),inset 0 1px 0 rgba(255,241,190,.55);
}
.pdp__titleline .badge-8k i,.pdp__titleline .badge-8k b{color:#080808;text-shadow:none}
.pdp__buy h1{font-size:var(--fs-h3);letter-spacing:-.015em;margin-bottom:0}
.pdp__buy .tagline{color:var(--ink-soft);font-size:var(--fs-lead);line-height:1.75;margin-bottom:28px;max-width:24em}
.pdp__perks{list-style:none;display:flex;flex-direction:column;gap:10px;margin:28px 0 0;font-size:15.5px;color:var(--ink-soft)}
.pdp__perks li::before{content:"✓";color:var(--halo);font-weight:700;margin-right:9px}
.pdp__ctas{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.pdp__bullets{display:flex;flex-wrap:wrap;gap:10px;font-size:15.5px}
.pdp__bullets li{
  list-style:none;
  background:rgba(232,177,92,.16);color:#6e4f14;border-radius:999px;padding:9px 18px;
  white-space:nowrap;
}
.pdp__section{max-width:1200px;margin:0 auto;padding:56px 24px 0}
.pdp__section>h2{font-size:var(--fs-h4);margin-bottom:28px;letter-spacing:-.01em}
/* 「为什么是 XX」卖点卡片栅格（与首页"为什么选择威动"同语言） */
.pdp-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.pdp-why{grid-template-columns:1fr}}
.pdp-why__item{background:var(--tile);border-radius:20px;padding:34px 28px}
.pdp-why__item h4{font-size:20px;margin-bottom:10px}
.pdp-why__item p{color:var(--ink-soft);font-size:var(--fs-note);line-height:1.75}
/* 规格参数：Apple 式分组列表——组名居左、参数行居右，大留白 + 细分隔线 */
.spec-groups{max-width:none}
.spec-group{
  display:grid;grid-template-columns:220px 1fr;gap:32px;
  padding:36px 0;border-top:1px solid var(--line);
}
.spec-groups .spec-group:last-child{border-bottom:1px solid var(--line)}
.spec-group h5{font-size:18px;font-weight:600;letter-spacing:.01em;padding-top:8px}
.spec-rows{display:flex;flex-direction:column}
.spec-item{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:baseline;padding:9px 0}
.spec-item span{font-size:15.5px;color:var(--ink-soft)}
.spec-item b{font-size:16.5px;font-weight:500;line-height:1.7}
@media (max-width:760px){
  .spec-group{grid-template-columns:1fr;gap:16px;padding:28px 0}
  .spec-group h5{padding-top:0}
  .spec-item{grid-template-columns:112px 1fr;gap:14px}
}
/* 开箱即有：物品清单式（DJI/小米风）——编号 + 品名 + 数量右对齐的细行列表 */
.box-list{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;counter-reset:box}
@media (max-width:700px){.box-list{grid-template-columns:1fr}}
.box-item{
  display:flex;align-items:baseline;gap:18px;
  padding:15px 2px;border-bottom:1px solid var(--line);font-size:16.5px;
}
.box-item::before{
  counter-increment:box;content:counter(box,decimal-leading-zero);
  font-size:12.5px;font-weight:600;letter-spacing:.08em;color:#b0812e;
  font-variant-numeric:tabular-nums;
}
.box-item span{flex:1}
.box-item em{font-style:normal;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.pdp-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
@media(max-width:960px){.pdp-cross{grid-template-columns:1fr}}
/* 与首页产品卡同语言：tile 底 22px 圆角、金色产品线小标、产品图 */
.pdp-cross a{
  background:var(--tile);border-radius:22px;padding:36px 32px 28px;
  display:flex;flex-direction:column;position:relative;
  transition:transform .25s var(--ease-out);
}
.pdp-cross a::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 24px 60px rgba(10,10,10,.12);opacity:0;
  transition:opacity .25s var(--ease-out);
}
.pdp-cross i{
  font-style:normal;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--halo);font-weight:600;margin-bottom:6px;
}
/* 产品渲染图原图留白大，定高 200px 再放大 1.3 倍让主体看得清（溢出部分是透明边） */
.pdp-cross img{width:100%;height:200px;object-fit:contain;margin-top:18px;transform:scale(1.3)}
.pdp-cross img.d5-product-image{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){
  .pdp-cross a:hover{transform:translateY(-6px)}
  .pdp-cross a:hover::before{opacity:1}
}
.pdp-cross a:active{transform:scale(.98);transition-duration:.1s}
.pdp-cross b{font-weight:500;font-size:20px;display:block;margin-bottom:4px}
.pdp-cross span{font-size:var(--fs-note);color:var(--ink-soft)}
.cmp-wrap{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:16px;min-width:820px;table-layout:fixed}
.cmp th,.cmp td{padding:13px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.cmp th:first-child{width:22%}
.cmp thead th:not(:first-child),.cmp tbody td{text-align:center}
.cmp thead th:nth-child(even),.cmp tbody tr:not(.grp) td:nth-child(even){background:rgba(10,10,10,.022)}
/* 表头双行：产品线小字在上、型号大字在下 */
.cmp thead th{font-size:22px;font-weight:600;border-top:none;padding-top:0}
.cmp thead th small{display:block;font-size:14px;font-weight:500;color:var(--ink-soft);letter-spacing:.04em;margin-bottom:4px}
.cmp tbody th{font-weight:500;color:var(--ink-soft);width:24%}
/* 分组行（硬件 / 软件与联动 / 出货与赠送）作为小节标题 */
.cmp .grp td,.cmp .grp th{
  font-size:19px;font-weight:600;color:var(--ink);letter-spacing:.01em;
  padding-top:44px;padding-bottom:8px;border-top:none;text-transform:none;
}
/* 底部详情按钮：作为表格末行，与各产品列天然左对齐；上边线充当参数区收尾线 */
.cmp-actions td,.cmp-actions th{padding-top:30px}
.cmp tr.cmp-actions{border-bottom:none}
/* Mobile spacing between the site header and the product-choice heading. */
@media (max-width: 760px) {
  .cats__head {
    padding-top: 24px;
  }
}