/* ==========================================================================
   Tbot 瞳步智能 — 全站设计系统 v2
   替代旧 main.css：响应式栅格 + 语义化组件 + 现代视觉
   品牌色沿用 #44a8f2，深色沿用 #0b1e2c
   ========================================================================== */

:root {
  /* 色板 */
  --c-primary: #1b6fbf;
  --c-primary-dark: #14568f;
  --c-accent: #44a8f2;
  --c-accent-soft: #eaf4fd;
  --c-dark: #0b1e2c;
  --c-dark-2: #10293c;
  --c-text: #2f3b45;
  --c-muted: #55636e;
  --c-line: #e4eaf0;
  --c-bg: #ffffff;
  --c-bg-soft: #f5f8fb;
  --c-white: #fff;

  /* 排版 */
  --fs-base: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-lead: 18px;
  --fs-h3: 20px;
  --fs-h2: 28px;
  --fs-h1: clamp(26px, 4vw, 40px);
  --lh: 1.85;

  /* 间距 */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 96px;

  /* 布局 */
  --container: 1200px;
  --gutter: 24px;
  --radius: 10px;
  --radius-lg: 16px;

  /* 效果 */
  --shadow-sm: 0 2px 8px rgba(11, 30, 44, .06);
  --shadow-md: 0 6px 24px rgba(11, 30, 44, .10);
  --shadow-lg: 0 16px 48px rgba(11, 30, 44, .14);
  --trans: .25s cubic-bezier(.4, 0, .2, 1);
}

/* ---------- 基础重置 ---------- */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}

body {
  margin: 0;
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB",
               "Heiti SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  font-size: var(--fs-base);
  line-height: var(--lh);
  color: var(--c-text);
  background: var(--c-bg);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, figure, ul, ol, dl, dd { margin: 0; }
ul, ol { padding-left: 1.2em; }
img, video { max-width: 100%; height: auto; display: block; }
img { border: 0; }
a { color: var(--c-primary); text-decoration: none; transition: color var(--trans); }
a:hover { color: var(--c-accent); }

/* 无障碍 */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 999;
  background: var(--c-primary); color: #fff; padding: 10px 18px; border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; color: #fff; }
:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }

/* ---------- 布局容器 ---------- */
.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.container--narrow { max-width: 900px; }

.section { padding: var(--sp-5) 0; }
.section--soft { background: var(--c-bg-soft); }
.section--tight { padding: var(--sp-4) 0; }

/* ---------- 页头 ---------- */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--c-line);
}

.topbar {
  background: var(--c-dark);
  color: #a8bccb;
  font-size: var(--fs-xs);
}
.topbar .container {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--sp-2); min-height: 34px; padding-top: 6px; padding-bottom: 6px;
}
.topbar__slogan { letter-spacing: .5px; }
.topbar__tag { color: #fff; font-weight: 600; }

.header-main {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--sp-3); min-height: 72px;
}
.brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand img { max-height: 46px; width: auto; }

/* 导航 */
.nav-toggle {
  display: none;
  width: 44px; height: 44px; padding: 0;
  background: transparent; border: 1px solid var(--c-line); border-radius: 8px;
  cursor: pointer; position: relative; flex-shrink: 0;
}
.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after {
  content: ''; position: absolute; left: 11px; width: 20px; height: 2px;
  background: var(--c-dark); border-radius: 2px; transition: var(--trans);
}
.nav-toggle span { top: 21px; }
.nav-toggle span::before { top: -6px; left: 0; }
.nav-toggle span::after { top: 6px; left: 0; }
.nav-toggle[aria-expanded="true"] span { background: transparent; }
.nav-toggle[aria-expanded="true"] span::before { transform: rotate(45deg); top: 0; }
.nav-toggle[aria-expanded="true"] span::after { transform: rotate(-45deg); top: 0; }

.main-nav ul { display: flex; align-items: stretch; gap: 2px; margin: 0; padding: 0; list-style: none; }
.main-nav a {
  display: flex; flex-direction: column; justify-content: center;
  padding: 10px 16px; border-radius: 8px; text-align: center;
  color: var(--c-text); line-height: 1.3; transition: background var(--trans), color var(--trans);
}
.main-nav a:hover { background: var(--c-accent-soft); color: var(--c-primary-dark); }
.main-nav li.is-active > a { background: var(--c-primary); color: #fff; }

/* ---------- 首屏 Hero ---------- */
.hero {
  position: relative;
  padding: var(--sp-6) 0;
  background:
    radial-gradient(1100px 480px at 80% -10%, rgba(68, 168, 242, .18), transparent 60%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  overflow: hidden;
}
.hero__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--sp-5); align-items: center; }
.hero__eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; margin-bottom: var(--sp-3);
  background: var(--c-accent-soft); color: var(--c-primary-dark);
  border: 1px solid rgba(68, 168, 242, .35); border-radius: 999px;
  font-size: var(--fs-sm); font-weight: 600;
}
.hero__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--c-accent); }
.hero__title { font-size: var(--fs-h1); line-height: 1.25; color: var(--c-dark); font-weight: 800; letter-spacing: -.5px; }
.hero__title em { font-style: normal; color: var(--c-primary); }
.hero__lead { margin-top: var(--sp-3); font-size: var(--fs-lead); color: var(--c-muted); max-width: 34em; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--sp-4); }
.hero__media { position: relative; }
.hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); width: 100%; }
.hero__stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-2);
  margin-top: var(--sp-5); padding-top: var(--sp-4); border-top: 1px solid var(--c-line);
}
.hero__stat b { display: block; font-size: 26px; color: var(--c-primary); font-weight: 800; line-height: 1.2; }
.hero__stat span { font-size: var(--fs-sm); color: var(--c-muted); }

/* ---------- 按钮 ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 26px; border: 1px solid transparent; border-radius: 999px;
  font-size: 15px; font-weight: 600; cursor: pointer; text-align: center;
  transition: transform var(--trans), box-shadow var(--trans), background var(--trans), color var(--trans);
}
.btn:hover { transform: translateY(-2px); }
.btn--primary { background: var(--c-primary); color: #fff; box-shadow: 0 6px 18px rgba(27, 111, 191, .28); }
.btn--primary:hover { background: var(--c-primary-dark); color: #fff; box-shadow: 0 10px 26px rgba(27, 111, 191, .34); }
.btn--ghost { background: #fff; color: var(--c-primary); border-color: rgba(27, 111, 191, .3); }
.btn--ghost:hover { border-color: var(--c-primary); color: var(--c-primary-dark); }
.btn--light { background: rgba(255, 255, 255, .14); color: #fff; border-color: rgba(255, 255, 255, .35); }
.btn--light:hover { background: rgba(255, 255, 255, .24); color: #fff; }
.btn--sm { padding: 10px 18px; min-height: 36px; font-size: var(--fs-sm); display: inline-flex; align-items: center; }

/* ---------- 区块标题 ---------- */
.sec-head { max-width: 46em; margin-bottom: var(--sp-4); }
.sec-head--center { margin-left: auto; margin-right: auto; text-align: center; }
.sec-head__eyebrow {
  font-size: var(--fs-xs); font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--c-primary);
}
.sec-head__title { font-size: var(--fs-h2); color: var(--c-dark); font-weight: 800; line-height: 1.3; margin-top: 6px; }
.sec-head__bar { width: 52px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--c-primary), var(--c-accent)); margin-top: 14px; }
.sec-head--center .sec-head__bar { margin-left: auto; margin-right: auto; }
.sec-head__desc { margin-top: var(--sp-2); color: var(--c-muted); font-size: var(--fs-lead); }

/* ---------- 正文排版（重构自旧版 <font> 段落）---------- */
.prose p { margin-bottom: 1em; }
.prose p:last-child { margin-bottom: 0; }
.prose strong { color: var(--c-dark); font-weight: 700; }

.hl { color: var(--c-primary-dark); font-weight: 600; }

/* ---------- 图片展示 ---------- */
.figure { margin: var(--sp-4) 0; }
.figure img {
  margin: 0 auto; border-radius: var(--radius);
  box-shadow: var(--shadow-sm); background: #fff;
}
.figure figcaption {
  margin-top: 12px; text-align: center;
  font-size: var(--fs-sm); color: var(--c-muted);
}

.media-grid {
  display: grid; gap: var(--sp-3);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: center;
}
.media-grid img { border-radius: var(--radius); box-shadow: var(--shadow-sm); width: 100%; }

/* ---------- 视频 ---------- */
.video-grid {
  display: grid; gap: var(--sp-3);
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.video-card { margin: 0; }
.video-card figcaption {
  margin-top: 10px; text-align: center; font-size: var(--fs-sm); color: var(--c-muted);
}
.video-frame {
  position: relative; border-radius: var(--radius); overflow: hidden;
  background: #0d1b26; box-shadow: var(--shadow-sm); aspect-ratio: 9 / 16;
}
.video-frame--wide { aspect-ratio: 16 / 9; }
.video-frame video { width: 100%; height: 100%; object-fit: cover; }

/* 点击才加载视频，避免 103MB 全量预载 */
.video-poster {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  cursor: pointer; background: linear-gradient(180deg, rgba(13, 27, 38, .35), rgba(13, 27, 38, .75));
  transition: background var(--trans);
}
.video-poster:hover { background: linear-gradient(180deg, rgba(13, 27, 38, .25), rgba(13, 27, 38, .6)); }
.video-poster__play {
  width: 62px; height: 62px; border-radius: 50%;
  background: rgba(255, 255, 255, .92); display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .3); transition: transform var(--trans);
}
.video-poster:hover .video-poster__play { transform: scale(1.1); }
.video-poster__play::after {
  content: ''; width: 0; height: 0; margin-left: 4px;
  border-left: 18px solid var(--c-primary);
  border-top: 11px solid transparent; border-bottom: 11px solid transparent;
}
.video-poster__label {
  position: absolute; bottom: 12px; left: 0; right: 0; text-align: center;
  color: #fff; font-size: var(--fs-sm); text-shadow: 0 1px 6px rgba(0, 0, 0, .7);
}
.video-poster__img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; filter: brightness(.7);
}

/* ---------- 卡片 / 特性栅格 ---------- */
.cards { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.card {
  padding: var(--sp-3); background: #fff;
  border: 1px solid var(--c-line); border-radius: var(--radius-lg);
  transition: transform var(--trans), box-shadow var(--trans), border-color var(--trans);
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(68, 168, 242, .4); }
.card__icon {
  width: 46px; height: 46px; border-radius: 12px; margin-bottom: var(--sp-2);
  display: flex; align-items: center; justify-content: center;
  background: var(--c-accent-soft); color: var(--c-primary); font-size: 22px; font-weight: 800;
}
.card__title { font-size: var(--fs-h3); color: var(--c-dark); font-weight: 700; margin-bottom: 8px; }
.card__text { font-size: var(--fs-sm); color: var(--c-muted); }

/* 编号列表（用于产品特点 1/2/3） */
.steps { counter-reset: step; display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.steps li { list-style: none; position: relative; padding-left: 52px; }
.steps li::before {
  counter-increment: step; content: counter(step, decimal-leading-zero);
  position: absolute; left: 0; top: 0;
  width: 38px; height: 38px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--c-primary), var(--c-accent));
  color: #fff; font-weight: 800; font-size: 15px;
}
.steps b { display: block; color: var(--c-dark); margin-bottom: 4px; }
.steps span { font-size: var(--fs-sm); color: var(--c-muted); }

/* ---------- 参数表 ---------- */
.spec-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); }
.spec-table th, .spec-table td { padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--c-line); }
.spec-table th { background: var(--c-bg-soft); color: var(--c-dark); font-weight: 700; width: 32%; }
.spec-table tr:last-child th, .spec-table tr:last-child td { border-bottom: 0; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---------- 手风琴（FAQ / 问题列表）---------- */
.accordion { border: 1px solid var(--c-line); border-radius: var(--radius); overflow: hidden; background: #fff; }
.accordion__item + .accordion__item { border-top: 1px solid var(--c-line); }
.accordion__btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 20px; background: #fff; border: 0; cursor: pointer;
  font-size: 15px; font-weight: 600; color: var(--c-dark); text-align: left;
  font-family: inherit; transition: background var(--trans), color var(--trans);
}
.accordion__btn:hover { background: var(--c-accent-soft); color: var(--c-primary-dark); }
.accordion__btn::after {
  content: ''; width: 9px; height: 9px; flex-shrink: 0;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform var(--trans);
}
.accordion__item.is-open .accordion__btn { color: var(--c-primary); }
.accordion__item.is-open .accordion__btn::after { transform: rotate(-135deg); }
.accordion__panel { display: none; padding: 0 20px 18px; color: var(--c-muted); font-size: var(--fs-sm); }
.accordion__item.is-open .accordion__panel { display: block; }

/* ---------- 面包屑 / 内页头 ---------- */
.page-head {
  padding: var(--sp-5) 0 var(--sp-4);
  background: linear-gradient(135deg, #0b1e2c 0%, #14456e 55%, #1b6fbf 100%);
  color: #fff; position: relative; overflow: hidden;
}
.page-head::after {
  content: ''; position: absolute; right: -80px; top: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(68, 168, 242, .35), transparent 70%);
}
.page-head .container { position: relative; z-index: 1; }
.page-head__crumb { font-size: var(--fs-xs); color: rgba(255, 255, 255, .65); margin-bottom: 12px; }
.page-head__crumb a { color: rgba(255, 255, 255, .65); }
.page-head__crumb a:hover { color: #fff; }
.page-head__title { font-size: var(--fs-h1); font-weight: 800; line-height: 1.25; }
.page-head__desc { margin-top: var(--sp-2); max-width: 46em; color: rgba(255, 255, 255, .78); font-size: var(--fs-lead); }

/* ---------- 3D 多线雷达底盘 · 突出宣传带 ---------- */
.slam-band {
  position: relative;
  padding: var(--sp-6) 0;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(68, 168, 242, .30), transparent 62%),
    linear-gradient(135deg, #0b1e2c 0%, #10293c 58%, #14456e 100%);
  color: #fff; overflow: hidden;
}
.slam-band .container { max-width: 1440px; }
.slam-band__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--sp-5); align-items: center; }
.slam-band__inner > * { min-width: 0; }
.slam-band__eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; margin-bottom: var(--sp-3);
  background: rgba(68, 168, 242, .16); color: #7cc4f7;
  border: 1px solid rgba(68, 168, 242, .45); border-radius: 999px;
  font-size: var(--fs-sm); font-weight: 600;
}
.slam-band__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #44a8f2; }
.slam-band__title { font-size: clamp(28px, 4.2vw, 46px); line-height: 1.22; font-weight: 800; letter-spacing: -.5px; }
.slam-band__title em { font-style: normal; color: #7cc4f7; }
.slam-band__lead { margin-top: var(--sp-3); color: rgba(255, 255, 255, .84); font-size: 17px; line-height: 1.9; max-width: 52em; }
.slam-band__points {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-2); margin-top: var(--sp-4);
}
.slam-band__point {
  background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--radius); padding: 13px 16px;
}
.slam-band__point b { display: block; color: #fff; margin-bottom: 4px; font-size: 15px; }
.slam-band__point span { font-size: var(--fs-sm); color: rgba(255, 255, 255, .74); line-height: 1.7; }
.slam-band__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--sp-4); }
.slam-band .btn--primary { background: var(--c-accent); color: #0b1e2c; box-shadow: 0 8px 22px rgba(68, 168, 242, .32); }
.slam-band .btn--primary:hover { background: #7cc4f7; color: #0b1e2c; }
.slam-band__videos { display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.slam-band__videos .video-frame { background: #07121c; border: 1px solid rgba(255, 255, 255, .12); aspect-ratio: 16 / 9; }
.slam-band__videos .video-card figcaption { color: rgba(255, 255, 255, .7); }
/* 点云对比图：跨整行全宽显示（不占单列小格） */
.slam-band__videos .slam-compare { grid-column: 1 / -1; margin-top: var(--sp-3); }

/* ---------- CTA ---------- */
.cta {
  padding: var(--sp-5) 0;
  background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);
  color: #fff; text-align: center;
}
.cta__title { font-size: var(--fs-h2); font-weight: 800; color: #fff; }
.cta__text { margin-top: 10px; color: rgba(255, 255, 255, .9); }
.cta__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: var(--sp-4); }
.cta .btn--primary { background: #fff; color: var(--c-primary-dark); box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
.cta .btn--primary:hover { background: #f2f8ff; color: var(--c-primary-dark); }

/* ---------- 二维码 ---------- */
.qr-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sp-4); max-width: 880px; margin: 0 auto; }
.qr-card { text-align: center; margin: 0; display: flex; flex-direction: column; align-items: center; }
.qr-card img { width: 100%; max-width: 170px; height: auto; border-radius: 12px; box-shadow: var(--shadow-sm); background: #fff; padding: 8px; box-sizing: border-box; }
.qr-card figcaption { margin-top: var(--sp-2); font-size: var(--fs-sm); color: var(--c-muted); font-weight: 600; }

/* ---------- 页脚 ---------- */
.site-footer { background: var(--c-dark); color: #93a7b6; font-size: var(--fs-sm); }
.footer-main { padding: var(--sp-5) 0; }
.footer-grid { display: grid; gap: var(--sp-4); grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.footer-grid .footer-title { color: #fff; font-size: 15px; margin-bottom: 14px; letter-spacing: .5px; }
.footer-grid ul { list-style: none; padding: 0; margin: 0; }
.footer-grid li { margin-bottom: 9px; }
.footer-grid a { color: #93a7b6; }
.footer-grid a:hover { color: #fff; }
.footer-about p { line-height: 1.9; margin-bottom: 10px; }
.footer-shops { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); }
.footer-shops .tb-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 8px; background: linear-gradient(135deg, #ff6a00, #ff9a3d); color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; box-shadow: 0 2px 10px rgba(255,106,0,.28); transition: transform .2s, box-shadow .2s; }
.footer-shops .tb-badge:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(255,106,0,.4); color: #fff; }
.footer-shops .dy-card { display: flex; align-items: center; gap: 10px; padding: 5px 12px 5px 5px; border-radius: 10px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.22); line-height: 1.2; }
.footer-shops .dy-card img { width: 60px; height: 60px; border-radius: 5px; display: block; }
.footer-shops .dy-card .dy-txt { display: flex; flex-direction: column; gap: 2px; }
.footer-shops .dy-card .dy-txt b { color: #0f172a; font-size: 12px; font-weight: 700; line-height: 1.2; }
.footer-shops .dy-card .dy-txt span { color: #64748b; font-size: 11px; line-height: 1.2; }
.footer-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.footer-brand img { max-height: 38px; width: auto; background: #fff; padding: 4px 8px; border-radius: 6px; }
.footer-brand b { color: #fff; font-size: 16px; }

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .09);
  padding: 18px 0; font-size: var(--fs-xs); color: #a9bfce;
}
.footer-bottom .container { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.footer-bottom a { color: #c3d3de; }
.footer-bottom a:hover { color: #fff; }
.beian { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- 图片加载失败兜底 ---------- */
img.img-broken {
  min-width: 200px; min-height: 120px;
  padding: 24px; background: var(--c-bg-soft);
  border: 1px dashed #c8d4de; border-radius: var(--radius);
  font-size: var(--fs-sm); color: var(--c-muted);
  text-align: center; box-shadow: none;
}

/* ---------- 返回顶部 ---------- */
.to-top {
  position: fixed; right: 20px; bottom: 24px; z-index: 90;
  width: 46px; height: 46px; border: 0; border-radius: 50%; cursor: pointer;
  background: var(--c-primary); color: #fff; box-shadow: var(--shadow-md);
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity var(--trans), transform var(--trans), visibility var(--trans), background var(--trans);
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.to-top:hover { background: var(--c-primary-dark); }
.to-top::after {
  content: ''; display: block; width: 10px; height: 10px; margin: 0 auto;
  border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg) translate(2px, 2px);
}

/* ---------- 滚动进入动画 ---------- */
html.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
html.js .reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width: 1024px) {
  :root { --sp-6: 72px; --sp-5: 52px; }
  .hero__inner { grid-template-columns: 1fr; gap: var(--sp-4); }
  .hero__media { max-width: 620px; }
  .slam-band__inner { grid-template-columns: 1fr; gap: var(--sp-4); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .main-nav a { padding: 9px 12px; }
}

@media (max-width: 860px) {
  .nav-toggle { display: block; }
  .main-nav {
    position: absolute; left: 0; right: 0; top: 100%;
    background: #fff; border-bottom: 1px solid var(--c-line);
    box-shadow: var(--shadow-md);
    max-height: 0; overflow: hidden; transition: max-height .32s ease;
  }
  .main-nav.is-open { max-height: 78vh; overflow-y: auto; }
  .main-nav ul { flex-direction: column; gap: 0; padding: 10px var(--gutter) 16px; }
  .main-nav li { border-bottom: 1px solid var(--c-line); }
  .main-nav li:last-child { border-bottom: 0; }
  .main-nav a { flex-direction: row; align-items: baseline; gap: 10px; padding: 13px 6px; text-align: left; }
  .topbar { font-size: 11px; }
  .topbar__tag { display: none; }
  .hero__stats { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .hero__stat b { font-size: 21px; }
}

@media (max-width: 640px) {
  :root { --sp-5: 44px; --sp-4: 28px; --gutter: 18px; --fs-h2: 23px; --fs-lead: 16px; }
  .header-main { min-height: 62px; }
  .brand img { max-height: 38px; }
  .hero { padding: var(--sp-5) 0; }
  .hero__actions .btn { flex: 1 1 100%; }
  .slam-band__points { grid-template-columns: 1fr; }
  .slam-band__videos { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--sp-2); }
  .footer-grid { grid-template-columns: 1fr; gap: var(--sp-4); }
  .footer-bottom .container { justify-content: center; text-align: center; }
  .cards, .steps, .media-grid { grid-template-columns: 1fr; }
  .qr-grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); }
  .video-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--sp-2); }
  .spec-table th { width: 40%; }
  .to-top { right: 14px; bottom: 16px; width: 42px; height: 42px; }
}

@media (max-width: 400px) {
  .hero__stats { grid-template-columns: 1fr 1fr; }
}

/* ---------- 打印 ---------- */
@media print {
  .site-header, .to-top, .cta, .video-poster { display: none !important; }
  body { color: #000; }
  .section { padding: 12px 0; }
  a::after { content: " (" attr(href) ")"; font-size: 11px; color: #555; }
}


/* ============================================================
   底盘型号矩阵（tbot.html / index.html）
   ============================================================ */
.chassis-grid {
  display: grid; gap: var(--sp-3);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.chassis-card {
  background: #fff; border: 1px solid var(--c-line);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex; flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.chassis-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.chassis-card__media { background: #f7f9fc; }
.chassis-card__media img { width: 100%; height: auto; display: block; aspect-ratio: 3 / 2; object-fit: cover; }
.chassis-card__body { padding: var(--sp-3); display: flex; flex-direction: column; gap: 8px; flex: 1; }
.chassis-card__name { font-size: 20px; color: var(--c-primary-dark); margin: 0; }
.chassis-card__spec { color: var(--c-muted); margin: 0; font-size: 14px; }
.chassis-card__payload { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--c-muted); font-size: 13px; }
.chassis-card__payload b { color: var(--c-primary); font-size: 18px; }
.chassis-card__custom {
  margin-left: auto; background: var(--c-accent-soft); color: var(--c-primary);
  font-size: 12px; padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(27,111,191,.25);
}
.chassis-card__tag {
  margin-top: auto; font-size: 12px; color: var(--c-primary);
  background: #eef4ff; border-radius: 6px; padding: 6px 10px; line-height: 1.5;
}
@media (max-width: 900px) {
  .chassis-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@media (max-width: 640px) {
  .chassis-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   文字参数列表（替代参数图）
   ============================================================ */
.spec-list {
  list-style: none; margin: 0 0 var(--sp-3); padding: 0;
  display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.spec-list li {
  background: #f4f7fb; border: 1px solid var(--c-line);
  border-radius: 8px; padding: 10px 14px; font-size: 14px; color: var(--c-dark);
}
@media (max-width: 640px) { .spec-list { grid-template-columns: 1fr 1fr; } }


/* ============================================================
   hero 双图（N5-3D + OW）
   ============================================================ */
.hero__media--duo { display: grid; gap: var(--sp-2); grid-template-columns: 1fr 1fr; }
.hero__media--duo img { border-radius: var(--radius); box-shadow: var(--shadow-md); width: 100%; height: auto; }
@media (max-width: 800px) {
  .hero__media--duo { grid-template-columns: 1fr; }
}

/* ============================================================
   语言切换（顶栏）
   ============================================================ */
.lang-switch { margin-left: auto; display: inline-flex; gap: 6px; align-items: center; flex-wrap: nowrap; }
.lang-btn {
  background: rgba(255,255,255,.08); color: #cfe0ee;
  border: 1px solid rgba(255,255,255,.22); border-radius: 6px;
  font-size: 12px; line-height: 1; padding: 6px 8px; cursor: pointer;
  min-height: 36px; display: inline-flex; align-items: center;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.lang-btn:hover { background: rgba(255,255,255,.16); }
.lang-btn.is-active { background: #1B6FBF; border-color: #1B6FBF; color: #fff; }
@media (max-width: 640px) {
  .lang-btn { font-size: 11px; padding: 5px 8px; min-height: 32px; }
  .topbar__slogan { display: none; }
}


/* ============================================================
   平台模块：图 + 文字（tbot.html）
   ============================================================ */
.feature-grid {
  display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--sp-4);
  align-items: center;
}
.feature-grid figure { margin: 0; }
.feature-grid figure img {
  width: 100%; height: auto; border-radius: var(--radius);
  box-shadow: var(--shadow-sm); display: block;
}
.feature-grid__title { font-size: 19px; color: var(--c-primary-dark); margin: 0 0 10px; }
.feature-grid__meta { font-size: 13.5px; color: var(--c-muted); margin: 0; line-height: 1.7; }
@media (max-width: 820px) { .feature-grid { grid-template-columns: 1fr; } }

/* ============================================================
   型号卡：图片 contain 完整显示 + 系列变体 + OW 视频
   ============================================================ */
.chassis-card__media {
  height: 190px; display: flex; align-items: center; justify-content: center;
  background: #f7f9fc; overflow: hidden;
}
.chassis-card__media img {
  max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;
}
.chassis-card__media--duo { gap: 8px; padding: 10px; }
.chassis-card__media--duo img { max-height: 168px; }
.chassis-card__variants {
  list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 6px;
}
.chassis-card__variants li {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 13px; background: #f7f9fb; border: 1px solid var(--c-line);
  border-radius: 8px; padding: 8px 12px;
}
.chassis-card__variants li b { color: var(--c-dark); font-size: 14px; }
.chassis-card__variants li span { color: var(--c-muted); flex: 1; min-width: 90px; }
.chassis-card__variants li em { font-style: normal; font-weight: 700; color: var(--c-primary); }


/* 卡内多视频网格 */
.chassis-card__videos {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px; padding: 0 12px 12px; background: #f7f9fc;
}
.chassis-card__videos video { border-radius: 8px; }

/* 视频缩略图（点击弹框播放） */
.video-thumb {
  position: relative; display: block; width: 100%; padding: 0; border: 0;
  cursor: pointer; border-radius: 8px; overflow: hidden; background: #0b1e2c;
  text-align: left; font-family: inherit;
}
.video-thumb img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.video-thumb--tall img { aspect-ratio: 3 / 2; }
.video-thumb__play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 52px; height: 52px; border-radius: 50%;
  background: rgba(11, 30, 44, 0.72); border: 2px solid rgba(255, 255, 255, 0.92);
  color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;
  padding-left: 4px; transition: transform 0.2s ease;
}
.video-thumb:hover .video-thumb__play { transform: translate(-50%, -50%) scale(1.12); }
.video-thumb__label {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 10px 8px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.68));
  color: #fff; font-size: 12px; line-height: 1.4;
}
/* 视频弹框 */
.video-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; }
.video-modal[hidden] { display: none; }
.video-modal__backdrop { position: absolute; inset: 0; background: rgba(5, 12, 18, 0.88); }
.video-modal__box { position: relative; width: min(920px, 92vw); }
.video-modal__box video { width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 10px; display: block; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }
.video-modal__close {
  position: absolute; top: -46px; right: 0; width: 38px; height: 38px; border-radius: 50%;
  border: 0; background: rgba(255, 255, 255, 0.14); color: #fff; font-size: 20px; cursor: pointer;
}
.video-modal__close:hover { background: rgba(255, 255, 255, 0.28); }
@media (max-width: 640px) {
  .video-modal__close { top: -40px; }
}

.qr-card figcaption { white-space: nowrap; }


/* ---------- 对比表 / 多列表头（2026-09 网站优化）---------- */
.spec-table--cmp th, .spec-table--cmp td { text-align: center; }
.spec-table--cmp th { width: auto; white-space: nowrap; }
.spec-table--cmp .spec-table__head th { background: var(--c-primary); color: #fff; }
.spec-table--cmp tr:first-child th, .spec-table--cmp tr:first-child td { border-bottom: 1px solid var(--c-line); }
.spec-table--clean th, .spec-table--clean td { text-align: center; }
.spec-table--clean th { width: auto; white-space: nowrap; }
.spec-table--clean .spec-table__head th { background: var(--c-primary); color: #fff; }

/* ============================================================
   N5-3D 多图画廊（主图 + 缩略图切换）
   ============================================================ */
.chassis-card__media--gallery {
  height: auto; flex-direction: column; align-items: stretch;
  gap: 8px; padding: 10px;
}
.chassis-card__media--gallery .chassis-card__main {
  width: 100%; max-width: none; max-height: none; height: auto;
  aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px;
}
.chassis-card__thumbs {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;
}
.chassis-card__thumbs .gallery-thumb {
  border: 0; padding: 0; background: none; cursor: pointer;
}
.chassis-card__thumbs img {
  width: 100%; max-width: none; max-height: none; height: auto;
  aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px;
  display: block; opacity: 0.7; border: 2px solid transparent;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
.chassis-card__thumbs .gallery-thumb.is-active img {
  opacity: 1; border-color: var(--c-primary);
}


/* ===== 招聘职位卡片 ===== */
.job-card {
  position: relative;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  padding: 24px 24px 22px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 35, 55, 0.06), 0 6px 18px rgba(15, 35, 55, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
}
.job-card::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, #1a66ff, #22c1ff, #7c5cff);
}
.job-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 10px rgba(15, 35, 55, 0.08), 0 14px 30px rgba(15, 35, 55, 0.10);
  border-color: #c9d8ee;
}
.job-card h3 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
  color: #0b1e2c !important;
  line-height: 1.4;
}
.job-card ul {
  list-style: none;
  padding-left: 0 !important;
  margin-bottom: 6px;
}
.job-card ul li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 7px;
  color: #475569;
  font-size: 14px;
  line-height: 1.75;
}
.job-card ul li::before {
  content: "";
  position: absolute;
  left: 0; top: 10px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1a66ff;
}
.job-card p {
  font-weight: 600;
  color: #1f3a57 !important;
  letter-spacing: 0.3px;
}
/* footer-accordion (supplement-8 refactor: desktop default-expanded toggle + mobile default-collapsed toggle)
   .ft-open is toggled by one shared JS delegate on both breakpoints.
   Desktop (>=761px, base rules): columns default EXPANDED (visual unchanged); clicking h4 collapses.
     => no class = expanded; .ft-open = collapsed.
   Mobile (<=760px, override): columns default COLLAPSED; clicking h4 expands.
     => no class = collapsed; .ft-open = expanded (original supplement-8 semantics). */
.footer-grid > div:not(.footer-about) > .footer-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.footer-grid > div:not(.footer-about) > .footer-title::after {
  content: "\2013";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1;
  transition: transform .2s ease;
}
.footer-grid > div:not(.footer-about) > ul { display: block; }
.footer-grid > div:not(.footer-about).ft-open > ul { display: none; }
.footer-grid > div:not(.footer-about).ft-open > .footer-title::after { content: "+"; }

@media (max-width: 760px) {
  .footer-grid > div:not(.footer-about) > .footer-title { margin-bottom: 8px; }
  .footer-grid > div:not(.footer-about) > ul { display: none; }
  .footer-grid > div:not(.footer-about) > .footer-title::after { content: "+"; }
  .footer-grid > div:not(.footer-about).ft-open > ul { display: block; }
  .footer-grid > div:not(.footer-about).ft-open > .footer-title::after { content: "\2013"; }
}

/* === NAV-REBUILD-2026 (do not duplicate) === */
/* --- 分层导航：桌面下拉 --- */
.main-nav .nav-l1 { display: flex; align-items: stretch; gap: 2px; margin: 0; padding: 0; list-style: none; }
.main-nav .nav-item { position: relative; display: flex; align-items: stretch; }
.nav-l1__btn {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 14px; border: 0; background: transparent; cursor: pointer;
  border-radius: 8px; color: var(--c-text); line-height: 1.3;
  font-size: 15px; font-weight: 600; font-family: inherit;
  transition: background var(--trans), color var(--trans);
}
.main-nav a:hover, .nav-l1__btn:hover, .nav-item.is-active > .nav-l1__btn { color: var(--c-primary); }
.nav-caret {
  width: 7px; height: 7px; display: inline-block;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px); transition: transform .2s;
}
.nav-sub {
  position: absolute; top: 100%; left: 0; min-width: 210px; z-index: 220;
  background: var(--c-dark); border-radius: 0 0 12px 12px; padding: 8px;
  display: flex; flex-direction: column; gap: 2px; list-style: none; margin: 0;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.nav-item:hover > .nav-sub,
.nav-item:focus-within > .nav-sub,
.nav-item.sub-open > .nav-sub { opacity: 1; visibility: visible; transform: none; }
.nav-item:hover > .nav-l1__btn .nav-caret,
.nav-item.sub-open > .nav-l1__btn .nav-caret { transform: rotate(225deg) translateY(-2px); }
.nav-sub a {
  display: block; padding: 10px 14px; border-radius: 8px; white-space: nowrap;
  color: #cfe0ee; font-size: 14px; line-height: 1.3; transition: background .15s, color .15s;
}
.nav-sub a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.nav-sub a[aria-current="page"] { color: #22c1ff; font-weight: 600; }
.nav-sub a[aria-current="page"]::before { content: "▸ "; }

/* --- 右侧高对比 CTA 按钮 --- */
.nav-cta { display: flex; align-items: center; gap: 10px; margin-left: 18px; flex-shrink: 0; }
.nav-cta__btn {
  padding: 9px 18px; border-radius: 999px; font-weight: 600; font-size: 14px;
  white-space: nowrap; line-height: 1.2; text-align: center; transition: transform .18s, box-shadow .18s, background .18s;
}
.nav-cta--primary {
  background: linear-gradient(135deg, #1a66ff, #22c1ff); color: #fff;
  box-shadow: 0 4px 14px rgba(26, 102, 255, .35);
}
.nav-cta--primary:hover { transform: translateY(-1px); box-shadow: 0 7px 20px rgba(26, 102, 255, .5); color: #fff; }
.nav-cta--ghost { border: 1.5px solid #1a66ff; color: #1a66ff; background: transparent; }
.nav-cta--ghost:hover { background: rgba(26, 102, 255, .08); color: #1a66ff; }

/* --- RTL: 子菜单右对齐 --- */
[dir="rtl"] .nav-sub { left: auto; right: 0; }
[dir="rtl"] .nav-sub a[aria-current="page"]::before { content: "◂ "; }

/* --- 移动端（≤860px）：手风琴 --- */
@media (max-width: 860px) {
  .header-main { flex-wrap: nowrap; }
  .nav-cta { order: 5; margin-left: auto; gap: 8px; }
  .nav-toggle { order: 6; }
  .nav-cta__btn { padding: 7px 12px; font-size: 12.5px; }
  .main-nav .nav-l1 { flex-direction: column; gap: 0; }
  .main-nav .nav-item { display: block; border-bottom: 1px solid var(--c-line); }
  .nav-l1__btn {
    width: 100%; justify-content: space-between; padding: 13px 4px; font-size: 15px;
  }
  .nav-sub {
    position: static; opacity: 1; visibility: visible; transform: none;
    box-shadow: none; background: transparent; border-radius: 0; padding: 0 0 6px 14px;
    display: none;
  }
  .nav-item.is-open > .nav-sub { display: flex; }
  .nav-sub a { color: var(--c-text); padding: 10px 6px; }
  .nav-sub a:hover { background: var(--c-accent-soft); color: var(--c-primary); }
  .nav-sub a[aria-current="page"] { color: var(--c-primary); }
  .nav-item.sub-open > .nav-l1__btn .nav-caret,
  .nav-item.is-open > .nav-l1__btn .nav-caret { transform: rotate(225deg) translateY(-2px); }
}

/* === NAV-REBUILD-2026-MOBILE-FIX === */
@media (max-width: 480px) {
  .header-main { gap: 8px; }
  .nav-cta { gap: 6px; margin-left: auto; }
  .nav-cta__btn { padding: 6px 10px; font-size: 11.5px; border-radius: 999px; }
  .nav-toggle { margin-left: 2px; flex-shrink: 0; }
  .brand img { max-height: 38px; }
}

/* === NAV-V4-FOOTER (2-col after removing quick/contact columns) === */
.footer-grid { grid-template-columns: 1.6fr 1fr !important; }
@media (max-width: 860px){ .footer-grid { grid-template-columns: 1fr; } }

/* === NAV-V4-FOOTER (2-col after removing quick/contact columns) === */
.footer-grid { grid-template-columns: 1.6fr 1fr !important; }
@media (max-width: 860px){ .footer-grid { grid-template-columns: 1fr; } }


/* === NAV-V5-FOOTER3 (about + quick + service) === */
.footer-grid { grid-template-columns: 1.8fr 1fr 1fr !important; }
@media (max-width: 860px){ .footer-grid { grid-template-columns: 1fr !important; } }

/* === NAV-V6-FOOTER-POLISH === */
.footer-grid { grid-template-columns: 2fr 1fr 1fr !important; align-items: start; gap: var(--sp-5, 40px) !important; }
.footer-grid > div:not(.footer-about) { padding-top: 4px; }
.footer-grid > div:not(.footer-about) > .footer-title { font-size: 15px; letter-spacing: .8px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-grid > div:not(.footer-about) > ul { margin-top: 0; }
.footer-grid > div:not(.footer-about) li { margin-bottom: 12px; }
.footer-grid > div:not(.footer-about) a { font-size: 14px; line-height: 1.5; display: inline-block; }
@media (max-width: 860px){
  .footer-grid { grid-template-columns: 1fr !important; gap: var(--sp-4, 24px) !important; }
  .footer-grid > div:not(.footer-about) > .footer-title { margin-bottom: 10px; }
}

/* === NAV-V6-FOOTER-POLISH === */
.footer-grid { grid-template-columns: 2fr 1fr 1fr !important; align-items: start; gap: var(--sp-5, 40px) !important; }
.footer-grid > div:not(.footer-about) { padding-top: 4px; }
.footer-grid > div:not(.footer-about) > .footer-title { font-size: 15px; letter-spacing: .8px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-grid > div:not(.footer-about) > ul { margin-top: 0; }
.footer-grid > div:not(.footer-about) li { margin-bottom: 12px; }
.footer-grid > div:not(.footer-about) a { font-size: 14px; line-height: 1.5; display: inline-block; }
@media (max-width: 860px){
  .footer-grid { grid-template-columns: 1fr !important; gap: var(--sp-4, 24px) !important; }
  .footer-grid > div:not(.footer-about) > .footer-title { margin-bottom: 10px; }
}

/* === UI-V1-2026 === */
/* A) industry: shrink single S8 demo video */
.video-grid:has(.video-card:only-child){ max-width:680px; margin-inline:auto; }
.video-grid:has(.video-card:only-child) .video-frame{ border-radius:14px; overflow:hidden; box-shadow:0 12px 32px rgba(0,0,0,.18); }

/* B) news index header redesign */
.page-hero{ padding:56px 0 28px; background:linear-gradient(180deg,#eef4fb 0%,#f7fafd 100%); border-bottom:1px solid #e6edf5; }
.page-hero h1{ font-size:34px; font-weight:800; letter-spacing:.5px; color:#0b1e2c; margin:0 0 12px; line-height:1.25; }
.page-hero p{ font-size:15px; color:#64748b; margin:0; max-width:720px; line-height:1.7; }
.news-tabs{ display:flex; flex-wrap:nowrap; overflow-x:auto; gap:10px; margin:0 0 18px; padding-bottom:6px; scrollbar-width:thin; }
.news-tabs::-webkit-scrollbar{ height:6px; }
.news-tabs::-webkit-scrollbar-thumb{ background:#cdd8e4; border-radius:999px; }
.news-tabs .ntab{ flex:0 0 auto; border:1px solid #dbe4ee; background:#fff; border-radius:999px; padding:9px 18px; min-height:37px; display:inline-flex; align-items:center; font-size:14px; color:#475569; cursor:pointer; transition:all .18s ease; white-space:nowrap; box-shadow:0 1px 2px rgba(15,40,80,.04); }
.news-tabs .ntab:hover{ border-color:#1a66ff !important; color:#1a66ff !important; transform:translateY(-1px); }
.news-tabs .ntab.is-on{ background:linear-gradient(135deg,#1a66ff,#22c1ff) !important; border-color:transparent !important; color:#fff !important; font-weight:600; box-shadow:0 6px 16px rgba(26,102,255,.28); }
.ntab-num{ display:inline-block; margin-left:6px; background:rgba(255,255,255,.28); border-radius:999px; padding:0 8px; font-size:12px; font-weight:600; min-width:18px; text-align:center; line-height:1.7; }
.news-tabs .ntab:not(.is-on) .ntab-num{ background:#eef2f7; color:#64748b; }
.news-count-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 22px; border-bottom:1px dashed #e2e8f0; margin-bottom:8px; }
.news-list{ margin-top:8px; }
@media (max-width:760px){
  .page-hero{ padding:36px 0 20px; }
  .page-hero h1{ font-size:26px; }
  .page-hero p{ font-size:14px; }
  .news-tabs{ flex-wrap:nowrap; }
}

/* === UI-V1-2026 === */
/* A) industry: shrink single S8 demo video */
.video-grid:has(.video-card:only-child){ max-width:680px; margin-inline:auto; }
.video-grid:has(.video-card:only-child) .video-frame{ border-radius:14px; overflow:hidden; box-shadow:0 12px 32px rgba(0,0,0,.18); }

/* B) news index header redesign */
.page-hero{ padding:56px 0 28px; background:linear-gradient(180deg,#eef4fb 0%,#f7fafd 100%); border-bottom:1px solid #e6edf5; }
.page-hero h1{ font-size:34px; font-weight:800; letter-spacing:.5px; color:#0b1e2c; margin:0 0 12px; line-height:1.25; }
.page-hero p{ font-size:15px; color:#64748b; margin:0; max-width:720px; line-height:1.7; }
.news-tabs{ display:flex; flex-wrap:nowrap; overflow-x:auto; gap:10px; margin:0 0 18px; padding-bottom:6px; scrollbar-width:thin; }
.news-tabs::-webkit-scrollbar{ height:6px; }
.news-tabs::-webkit-scrollbar-thumb{ background:#cdd8e4; border-radius:999px; }
.news-tabs .ntab{ flex:0 0 auto; border:1px solid #dbe4ee; background:#fff; border-radius:999px; padding:9px 18px; min-height:37px; display:inline-flex; align-items:center; font-size:14px; color:#475569; cursor:pointer; transition:all .18s ease; white-space:nowrap; box-shadow:0 1px 2px rgba(15,40,80,.04); }
.news-tabs .ntab:hover{ border-color:#1a66ff !important; color:#1a66ff !important; transform:translateY(-1px); }
.news-tabs .ntab.is-on{ background:linear-gradient(135deg,#1a66ff,#22c1ff) !important; border-color:transparent !important; color:#fff !important; font-weight:600; box-shadow:0 6px 16px rgba(26,102,255,.28); }
.ntab-num{ display:inline-block; margin-left:6px; background:rgba(255,255,255,.28); border-radius:999px; padding:0 8px; font-size:12px; font-weight:600; min-width:18px; text-align:center; line-height:1.7; }
.news-tabs .ntab:not(.is-on) .ntab-num{ background:#eef2f7; color:#64748b; }
.news-count-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 22px; border-bottom:1px dashed #e2e8f0; margin-bottom:8px; }
.news-list{ margin-top:8px; }
@media (max-width:760px){
  .page-hero{ padding:36px 0 20px; }
  .page-hero h1{ font-size:26px; }
  .page-hero p{ font-size:14px; }
  .news-tabs{ flex-wrap:nowrap; }
}

/* === NEWS-HEADER-V2-2026: plain white hero aligned with main site === */
.page-hero{ padding:44px 0 20px !important; background:#fff !important; border-bottom:1px solid #eef2f7 !important; }
.page-hero h1{ font-size:28px !important; font-weight:700 !important; color:#0b1e2c !important; margin:0 0 10px !important; }
.page-hero p{ font-size:14px !important; color:#64748b !important; max-width:720px !important; }
.news-tabs .ntab{ background:#f6f9fc !important; border-color:#e2e8f0 !important; box-shadow:none !important; }
.news-tabs .ntab:hover{ background:#fff !important; }
@media (max-width:760px){ .page-hero{ padding:28px 0 16px !important; } .page-hero h1{ font-size:22px !important; } }

/* === NEWS-HEADER-V2-2026: plain white hero aligned with main site === */
.page-hero{ padding:44px 0 20px !important; background:#fff !important; border-bottom:1px solid #eef2f7 !important; }
.page-hero h1{ font-size:28px !important; font-weight:700 !important; color:#0b1e2c !important; margin:0 0 10px !important; }
.page-hero p{ font-size:14px !important; color:#64748b !important; max-width:720px !important; }
.news-tabs .ntab{ background:#f6f9fc !important; border-color:#e2e8f0 !important; box-shadow:none !important; }
.news-tabs .ntab:hover{ background:#fff !important; }
@media (max-width:760px){ .page-hero{ padding:28px 0 16px !important; } .page-hero h1{ font-size:22px !important; } }

/* ===== D2 修复轮新增：无障碍工具类 / 空态 / 校验 / 焦点 ===== */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.specs-empty{ color:#64748b; font-size:14px; padding:18px 0; text-align:center; }
.sr-empty{ color:#64748b; font-size:14px; padding:18px 0; text-align:center; }
.roi-field.roi-invalid input{ border-color:#dc2626 !important; }
.roi-invalid__msg{ color:#dc2626; font-size:13px; margin:10px 0 0; }
html.js .video-poster:focus-visible{ outline:3px solid var(--c-accent); outline-offset:-3px; }
.video-poster{ border-radius: var(--radius-lg); }

/* ===== D3-16 conservative RTL overrides (ar) — minimal, layout-preserving ===== */
[dir="rtl"] body{ text-align:right; }
[dir="rtl"] .main-nav a{ text-align:right; }
[dir="rtl"] .prose,
[dir="rtl"] .accordion__btn,
[dir="rtl"] .spec-table th,
[dir="rtl"] .spec-table td{ text-align:right; }
[dir="rtl"] .sec-head--center,
[dir="rtl"] .sec-head--center .sec-head__bar,
[dir="rtl"] .cta,
[dir="rtl"] .qr-card,
[dir="rtl"] .figure figcaption,
[dir="rtl"] .video-card figcaption,
[dir="rtl"] .footer-bottom .container,
[dir="rtl"] .spec-table--cmp th,
[dir="rtl"] .spec-table--cmp td,
[dir="rtl"] .spec-table--clean th,
[dir="rtl"] .spec-table--clean td,
[dir="rtl"] .specs-empty,
[dir="rtl"] .sr-empty{ text-align:center; }
[dir="rtl"] ul,
[dir="rtl"] ol{ padding-right:1.2em; padding-left:0; }
[dir="rtl"] .steps li{ padding-right:52px; padding-left:0; }
[dir="rtl"] .steps li::before{ right:0; left:auto; }
[dir="rtl"] .job-card ul li{ padding-right:18px; padding-left:0; }
[dir="rtl"] .job-card ul li::before{ right:0; left:auto; }
[dir="rtl"] .to-top{ right:auto; left:20px; }
[dir="rtl"] .video-thumb__play{ padding-right:4px; padding-left:0; }
[dir="rtl"] .video-modal__close{ right:auto; left:0; }
[dir="rtl"] .page-head::after{ right:auto; left:-80px; }
[dir="rtl"] .ntab-num{ margin-right:6px; margin-left:0; }
[dir="rtl"] .lang-switch,
[dir="rtl"] .nav-cta,
[dir="rtl"] .chassis-card__custom{ margin-right:auto; margin-left:0; }
[dir="rtl"] .video-poster__play::after{ margin-right:4px; margin-left:0; border-right:18px solid var(--c-primary); border-left:0; }
[dir="rtl"] .skip-link{ left:auto; right:-9999px; }
[dir="rtl"] .skip-link:focus{ right:0; left:auto; }

/* ===== D5-05: page-specific styles externalized from inline blocks (20261021t) ===== */

/* --- group G0 --- */
.gl-term{max-width:800px;padding:36px 20px 56px}
  .gl-term h2{font-size:21px;color:#0b1e2c;margin:34px 0 12px;border-left:3px solid #0b6ea8;padding-left:10px}
  .gl-term p,.gl-term li{color:#334155;font-size:15px;line-height:1.9}
  .gl-term ul{margin:0;padding-left:22px}
  .gl-term .gl-def{background:#f0f4ff;border-radius:12px;padding:18px 22px;font-size:16px;font-weight:600;color:#0b1e2c;line-height:1.8}
  .gl-term .gl-mis{background:#fff7ed;border-radius:10px;padding:14px 18px;margin:10px 0;font-size:14px;color:#7c4a03;line-height:1.8}
  .gl-term .gl-cta{margin-top:36px;background:#0f172a;color:#fff;border-radius:14px;padding:26px 30px;text-align:center}
  .gl-term .gl-cta a{display:inline-block;background:#1a66ff;color:#fff;border-radius:999px;padding:11px 30px;font-size:14px;font-weight:600;text-decoration:none;margin-top:12px}

/* --- group G1 --- */
.dl{max-width:1180px;margin:0 auto;padding:52px 20px 72px}
  .dl__head{text-align:center;margin-bottom:34px}
  .dl__head h1{font-size:30px;color:#0f172a;margin:0 0 10px}
  .dl__head p{color:#64748b;font-size:15px;margin:0}
  .dl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
  .dl__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 22px 18px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
  .dl__card h2{font-size:19px;color:#0f172a;margin:0 0 6px;display:flex;align-items:center;gap:8px}
  .dl__card h2::before{content:"";width:4px;height:18px;background:#1a66ff;border-radius:2px}
  .dl__card>p{color:#64748b;font-size:13.5px;margin:0 0 14px}
  .dl__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .dl__list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;text-decoration:none;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}
  .dl__list a:hover{border-color:#1a66ff;background:#f1f5ff}
  .dl__list a .dl__tag{font-size:12px;color:#1a66ff;white-space:nowrap}
  .dl__go{display:inline-block;margin-top:6px;padding:10px 18px;border-radius:8px;background:#1a66ff;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
  .dl__go:hover{background:#1557d9}
  .dl__note{margin-top:26px;padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:13px;text-align:center}
  .dl__badge{display:inline-block;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:2px 10px;margin:2px 0 12px}
  .dl__badge-inline{display:inline-block;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 7px;margin-right:6px;white-space:nowrap}
  #dl-gate-dialog{border:none;border-radius:14px;padding:0;max-width:430px;width:92vw;box-shadow:0 20px 60px rgba(15,23,42,.25)}
  #dl-gate-dialog::backdrop{background:rgba(15,23,42,.5)}
  .dl-gate__body{position:relative;padding:26px 26px 22px}
  .dl-gate__body h3{margin:0 0 6px;font-size:18px;color:#0f172a}
  .dl-gate__body>p{margin:0 0 14px;color:#64748b;font-size:13px;line-height:1.6}
  .dl-gate__close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:22px;line-height:1;cursor:pointer;color:#94a3b8}
  .dl-gate__body label{display:block;font-size:13px;color:#334155;margin:10px 0 3px;font-weight:600}
  .dl-gate__body input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}
  .dl-gate__body button[type=submit]{width:100%;margin-top:16px;padding:11px;border:none;border-radius:8px;background:#1a66ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
  .dl-gate__status{margin-top:10px;font-size:13px;color:#dc2626;min-height:18px;text-align:center}
  .dl-gate__ok{text-align:center;padding:8px 0 2px}
  .dl-gate__ok p{color:#16a34a;font-size:14px;font-weight:600;margin:0 0 10px}
  .dl-gate__ok a{display:inline-block;padding:10px 20px;background:#16a34a;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}
  @media(max-width:640px){.dl__grid{grid-template-columns:1fr}}

/* --- group G4 --- */
.e404{max-width:760px;margin:0 auto;padding:72px 20px 84px;text-align:center}
  .e404__code{font-size:clamp(72px,16vw,150px);font-weight:800;line-height:1;letter-spacing:4px;background:linear-gradient(135deg,#1a66ff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
  .e404__title{font-size:28px;color:#0f172a;margin:8px 0 10px}
  .e404__desc{color:#64748b;font-size:15px;margin:0 0 28px}
  .e404__search{max-width:520px;margin:0 auto 40px;display:flex;gap:8px}
  .e404__search input{flex:1;border:1px solid #cbd5e1;border-radius:999px;padding:12px 20px;font-size:15px;outline:none;color:#0f172a}
  .e404__search input:focus{border-color:#1a66ff;box-shadow:0 0 0 3px rgba(26,102,255,.12)}
  .e404__search button{border:0;border-radius:999px;background:#1a66ff;color:#fff;padding:12px 26px;font-size:15px;cursor:pointer;font-weight:600}
  .e404__products{margin:0 0 36px}
  .e404__products h3{font-size:16px;color:#0f172a;margin:0 0 16px;letter-spacing:.5px}
  .e404__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .e404__grid a{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 12px;text-decoration:none;color:#334155;font-size:14px;font-weight:600;transition:all .2s}
  .e404__grid a:hover{border-color:#1a66ff;color:#1a66ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,102,255,.12)}
  .e404__contact{margin:0 0 32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}
  .e404__contact h3{font-size:16px;color:#0f172a;margin:0 0 12px}
  .e404__contact p{margin:6px 0;color:#334155;font-size:14px}
  .e404__contact a{color:#1a66ff;text-decoration:none;font-weight:600}
  .e404__home{display:inline-block;background:#0f172a;color:#fff;border-radius:999px;padding:13px 34px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.5px}
  .e404__home:hover{background:#1a66ff}
  @media(max-width:640px){.e404__grid{grid-template-columns:repeat(2,1fr)}}

/* --- group G5 --- */
.flow-wrap{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:32px}
.flow-node{flex:1;min-width:150px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 16px;box-shadow:0 4px 18px rgba(11,30,44,.05);text-align:left}
.flow-step{display:inline-block;background:#1a66ff;color:#fff;border-radius:999px;padding:5px 16px;font-size:14px;font-weight:600;margin-bottom:10px}
.flow-d{margin:0;color:#475569;font-size:14px;line-height:1.8}
.flow-arrow{align-self:center;color:#94a3b8;font-size:22px;font-weight:700}
.flow-note{margin-top:20px;padding:14px 18px;background:#fff7ed;border-left:3px solid #f59e0b;border-radius:8px;color:#7c4a03;font-size:14px;line-height:1.8}
@media(max-width:760px){.flow-wrap{flex-direction:column}.flow-arrow{transform:rotate(90deg);align-self:center;margin:2px 0}}

/* --- group G7 --- */
.contact-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:56px 0}
    .contact-section h2{font-size:26px;color:#0f172a;margin:0 0 8px;text-align:center}
    .contact-section .contact-desc{text-align:center;color:#64748b;font-size:14px;margin:0 0 30px}
    .ticket-form{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px;box-shadow:0 2px 6px rgba(15,23,42,.06)}
    .ticket-form .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .ticket-form label{display:block;margin-bottom:16px;font-size:14px;color:#334155}
    .ticket-form label span{display:block;margin-bottom:6px;font-weight:600}
    .ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;padding:9px 12px;font-size:14px;color:#0f172a;outline:none;background:#fff}
    .ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{border-color:#1e40af;box-shadow:0 0 0 2px rgba(30,64,175,.12)}
    .ticket-form textarea{resize:vertical;font-family:inherit}
    .ticket-form .cf-required{color:#94a3b8;font-size:12px;margin:0 0 14px}
    .ticket-form .hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}
    .ticket-form .btn{display:inline-block;padding:11px 28px}
    .ticket-form .contact-status{display:none;margin:14px 0 0;padding:10px 14px;border-radius:6px;font-size:14px}
    .ticket-form .contact-status.show{display:block}
    .ticket-form .contact-status.ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
    .ticket-form .contact-status.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
    @media(max-width:640px){.ticket-form .cf-grid{grid-template-columns:1fr}}
    .tk-no-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px dashed #94a3b8;border-radius:6px;padding:9px 12px;margin-bottom:16px;font-size:14px;color:#334155}
    .tk-no-box b{font-family:Consolas,Monaco,monospace;color:#1e40af;letter-spacing:.5px}
    .ticket-query{max-width:760px;margin:24px auto 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px;box-shadow:0 2px 6px rgba(15,23,42,.06)}
    .ticket-query .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    @media(max-width:640px){.ticket-query .cf-grid{grid-template-columns:1fr}}

/* --- group G8 --- */
.apply-form{max-width:680px;margin:28px auto 0;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 4px 18px rgba(11,30,44,.06)}
      .apply-form h3{margin:0 0 18px;font-size:20px;color:var(--c-dark,#0b1e2c)}
      .apply-form .af-field{margin-bottom:16px}
      .apply-form .af-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
      @media(max-width:600px){.apply-form .af-row{grid-template-columns:1fr}}
      .apply-form .af-label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:6px}
      .apply-form .af-label em{color:#e11d48;font-style:normal}
      .apply-form .af-hint{font-weight:400;color:#94a3b8;font-size:12px}
      .apply-form input[type=text],.apply-form input[type=tel],.apply-form input[type=email],.apply-form select,.apply-form textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0b1e2c;box-sizing:border-box;background:#fff}
      .apply-form textarea{resize:vertical}
      .apply-form input[type=file]{width:100%;font-size:13px;color:#475569}
      .apply-form .hp-field{position:absolute;left:-9999px;opacity:0;height:0}
      .apply-form .af-submit{display:inline-block;background:#1a66ff;color:#fff;border:0;padding:12px 36px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}
      .apply-form .af-submit:disabled{opacity:.6;cursor:not-allowed}
      .apply-form .af-status{margin:14px 0 0;font-size:14px;display:none}
      .apply-form .af-status.show{display:block}
      .apply-form .af-status.ok{color:#15803d}
      .apply-form .af-status.err{color:#dc2626}
      .apply-form .af-alt{margin:14px 0 0;font-size:13px;color:#94a3b8;text-align:center}
    
      .jd-wrap{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
      .jd-nav{width:232px;flex-shrink:0;position:sticky;top:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px}
      .jd-nav h3{margin:0 0 12px;font-size:16px;color:var(--c-dark,#0b1e2c)}
      .jd-nav ul{margin:0;padding:0;list-style:none}
      .jd-nav li{margin:0 0 2px}
      .jd-nav a{display:block;padding:8px 10px;border-radius:8px;color:#334155;font-size:14px;line-height:1.5;text-decoration:none}
      .jd-nav a:hover{background:#eff6ff;color:#1a66ff}
      .jd-main{flex:1;min-width:0}
      .jd-group{border:1px solid #e2e8f0;border-radius:12px;margin:0 0 18px;background:#fff;padding:0 20px 20px}
      .jd-group summary{cursor:pointer;font-size:17px;font-weight:600;color:var(--c-dark,#0b1e2c);padding:14px 0;list-style:none}
      .jd-group summary::-webkit-details-marker{display:none}
      .jd-group summary::before{content:"▸ ";color:#1a66ff}
      .jd-group[open] summary::before{content:"▾ "}
      [id^="jd-"]{scroll-margin-top:96px}
      @media(max-width:900px){.jd-wrap{flex-direction:column}.jd-nav{width:100%;position:static;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.jd-nav h3{margin:0}.jd-nav ul{display:flex;flex-wrap:wrap;gap:6px;overflow-x:auto}.jd-nav a{white-space:nowrap}}
    
      .jd-nav .jd-nav-grp{margin:0 0 10px}
      .jd-nav .jd-nav-grp b{display:block;font-size:12px;color:#64748b;padding:6px 10px;margin-top:4px}
      .jd-nav .jd-nav-grp ul{margin:0;padding:0;list-style:none}
      .jd-nav .jd-nav-grp li{margin:0 0 2px}
      .jd-grp-hint{color:#5b7486;font-size:13px;margin:0 0 16px}

/* --- group G9 --- */
/* 清洁机器人页：配图裁切与型号参数表 */
        .clean-fig { margin: 0; }
        .clean-fig img { border-radius: var(--radius); box-shadow: var(--shadow-sm); width: 100%; display: block; }
        .clean-fig figcaption { margin-top: 10px; text-align: center; font-size: var(--fs-sm); color: var(--c-muted); }
        .spec-table--clean th, .spec-table--clean td { text-align: center; }
        .spec-table--clean th { width: auto; background: var(--c-primary); color: #fff; white-space: nowrap; }

/* --- group G13 --- */
.faq-page{max-width:1080px;margin:32px auto;padding:0 20px 60px;}
.faq-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 20px;}
.faq-tab{padding:8px 18px;min-height:37px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:14px;color:#334155;}
.faq-tab.is-active{background:#1a66ff;color:#fff;border-color:#1a66ff;}
.faq-search{width:100%;padding:11px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;margin-bottom:20px;box-sizing:border-box;}
.faq-cat{margin-bottom:32px;}
.faq-cat h2{font-size:20px;color:#0f172a;border-left:4px solid #1a66ff;padding-left:10px;margin:0 0 14px;}
.faq-item{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff;}
.faq-item summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#0f172a;background:#f8fafc;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"Q. ";color:#1a66ff;font-weight:700;}
.faq-item p{padding:12px 18px;margin:0;color:#475569;line-height:1.8;font-size:14px;}

/* --- group G14 --- */
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:8px}
  .gl-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s}
  .gl-card:hover{border-color:#1a66ff;box-shadow:0 4px 14px rgba(26,102,255,.12)}
  .gl-card b{display:block;color:#0b1e2c;font-size:15px;margin-bottom:4px}
  .gl-card .gl-en{color:#1a66ff;font-size:12px;font-weight:600;display:block;margin-bottom:4px}
  .gl-card span{color:#5b7486;font-size:13px;line-height:1.7}
  .gl-cat{margin:30px 0 4px;font-size:18px;font-weight:700;color:#0b1e2c;border-left:3px solid #0b6ea8;padding-left:10px}
  .gl-note{background:#f0f4ff;border-radius:10px;padding:14px 18px;font-size:13px;color:#334155;line-height:1.8;margin-top:22px}

/* --- group G15 --- */
.quote{max-width:820px;margin:0 auto;padding:56px 20px 72px}
  .quote__head{text-align:center;margin-bottom:32px}
  .quote__head h1{font-size:30px;color:#0f172a;margin:0 0 10px}
  .quote__head p{color:#64748b;font-size:15px;margin:0}
  .quote-form{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:30px 34px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
  .quote-form .qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .quote-form label{display:block;margin-bottom:16px;font-size:14px;color:#334155}
  .quote-form label span{display:block;margin-bottom:6px;font-weight:600}
  .quote-form label span em{color:#e11d48;font-style:normal}
  .quote-form input[type=text],.quote-form input[type=tel],.quote-form input[type=email],.quote-form select,.quote-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;padding:10px 12px;font-size:14px;color:#0f172a;outline:none;background:#fff}
  .quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#1a66ff;box-shadow:0 0 0 3px rgba(26,102,255,.1)}
  .quote-form textarea{resize:vertical;font-family:inherit}
  .quote-form .qf-full{grid-column:1/-1}
  .quote-form .qf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
  .quote-form .qf-preselect{margin:0 0 10px;padding:10px 14px;border-radius:8px;background:#eff6ff;color:#1a66ff;border:1px solid #bfdbfe;font-size:13px;font-weight:600}
  .quote-form .qf-tags label{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:999px;padding:7px 14px;margin:0;font-size:13px;cursor:pointer;transition:all .15s}
  .quote-form .qf-tags input{display:none}
  .quote-form .qf-tags label:has(input:checked){border-color:#1a66ff;background:rgba(26,102,255,.08);color:#1a66ff;font-weight:600}
  .quote-form .btn{display:inline-block;padding:13px 44px;border:0;border-radius:999px;background:#1a66ff;color:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.5px}
  .quote-form .btn:hover{background:#0f4fd8}
  .quote-status{display:none;margin:16px 0 0;padding:12px 16px;border-radius:8px;font-size:14px}
  .quote-status.show{display:block}
  .quote-status.ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
  .quote-status.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
  .hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}
  @media(max-width:640px){.quote-form .qf-grid{grid-template-columns:1fr}}

/* --- group G17 --- */
/* ROI 计算器：深色科技风（与全站 --c-dark 基调一致） */
.roi-band{background:linear-gradient(160deg,#0b1e2c 0%,#0e2a3d 60%,#0b1e2c 100%);color:#eaf4fd;padding:56px 0 64px;}
.roi-band .sec-head__title{color:#fff;}
.roi-band .sec-head__desc{color:#9fb8cc;}
.roi-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:36px;}
@media(max-width:900px){.roi-wrap{grid-template-columns:1fr;}}
.roi-card{background:rgba(255,255,255,.04);border:1px solid rgba(124,196,247,.18);border-radius:16px;padding:28px;box-shadow:0 16px 48px rgba(0,0,0,.25);}
.roi-group__title{font-size:15px;font-weight:700;color:#7cc4f7;letter-spacing:1px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(124,196,247,.2);}
.roi-field{margin-bottom:14px;}
.roi-field label{display:block;font-size:13px;color:#9fb8cc;margin-bottom:6px;}
.roi-field input[type=number]{width:100%;background:#0a1a27;border:1px solid rgba(124,196,247,.25);border-radius:8px;color:#fff;font-size:16px;padding:10px 12px;outline:none;box-sizing:border-box;}
.roi-field input[type=number]:focus{border-color:#44a8f2;}
.roi-field input[type=range]{width:100%;accent-color:#44a8f2;}
.roi-ratio-out{color:#7cc4f7;font-weight:700;}
.roi-btn{width:100%;margin-top:8px;background:#1a66ff;color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:1px;}
.roi-btn:hover{background:#1456c9;}
.roi-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.roi-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(124,196,247,.15);border-radius:12px;padding:18px;}
.roi-kpi--hl{border-color:#44a8f2;box-shadow:0 0 0 1px #44a8f2,0 8px 28px rgba(68,168,242,.25);}
.roi-kpi__label{font-size:13px;color:#9fb8cc;margin-bottom:8px;}
.roi-kpi__value{font-size:24px;font-weight:800;color:#fff;}
.roi-kpi__value small{font-size:13px;font-weight:400;color:#7cc4f7;margin-left:4px;}
.roi-empty{color:#6b8296;font-size:14px;line-height:1.9;}
.roi-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;}
.roi-note{margin-top:22px;font-size:12px;color:#6f8aa0;line-height:1.8;}
@media print{.site-header,.site-footer,.to-top,.video-modal,.float-contact,.roi-btn,.roi-cta,.roi-pdf-btn{display:none!important;}}

/* --- group G18 --- */
.sel{max-width:860px;margin:0 auto;padding:52px 20px 72px}
  .sel__head{text-align:center;margin-bottom:34px}
  .sel__head h1{font-size:30px;color:#0f172a;margin:0 0 10px}
  .sel__head p{color:#64748b;font-size:15px;margin:0}
  .sel__progress{display:flex;gap:8px;justify-content:center;margin-bottom:28px}
  .sel__progress i{width:26px;height:4px;border-radius:4px;background:#e2e8f0;transition:background .2s}
  .sel__progress i.on{background:#1a66ff}
  .sel__step{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 30px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
  .sel__step h2{font-size:18px;color:#0f172a;margin:0 0 20px}
  .sel__opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
  .sel__opts button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:16px 14px;font-size:14px;color:#334155;cursor:pointer;transition:all .15s}
  .sel__opts button:hover{border-color:#1a66ff;color:#1a66ff}
  .sel__nav{margin-top:22px;display:flex;justify-content:space-between}
  .sel__nav button{border:0;border-radius:999px;padding:11px 26px;font-size:14px;cursor:pointer;font-weight:600}
  .sel__back{background:#f1f5f9;color:#334155}
  .sel__next{background:#1a66ff;color:#fff}
  .sel__next[disabled]{opacity:.4;cursor:not-allowed}
  .sel__result h3{font-size:17px;color:#0f172a;margin:0 0 16px}
  .sel__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
  .sel__card{border:1px solid #e2e8f0;border-radius:12px;padding:18px;background:#fff}
  .sel__card b{font-size:16px;color:#0f172a;display:block;margin-bottom:6px}
  .sel__card p{margin:0 0 12px;color:#64748b;font-size:13px;line-height:1.6}
  .sel__card a{display:inline-block;background:#1a66ff;color:#fff;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none}
  .sel__card a:hover{background:#0f4fd8}
  .sel__again{margin-top:20px;background:#f1f5f9;color:#334155;border:0;border-radius:999px;padding:11px 26px;font-size:14px;cursor:pointer}
  .hidden{display:none}
  @media(max-width:640px){.sel__opts{grid-template-columns:1fr 1fr}}

/* --- group G21 --- */
.videos{max-width:1180px;margin:0 auto;padding:52px 20px 72px}
  .videos__head{text-align:center;margin-bottom:34px}
  .videos__head h1{font-size:30px;color:#0f172a;margin:0 0 10px}
  .videos__head p{color:#64748b;font-size:15px;margin:0}
  .videos__cat{margin:0 0 26px}
  .videos__cat h2{font-size:22px;color:#0f172a;margin:0 0 16px;padding-left:12px;border-left:4px solid #1a66ff}
  .videos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
  .videos__item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.05);transition:transform .2s,box-shadow .2s}
  .videos__item:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(15,23,42,.1)}
  .videos__item video{width:100%;aspect-ratio:16/9;background:#0f172a;display:block}
  .videos__item p{margin:0;padding:12px 14px;font-size:14px;color:#334155;font-weight:600}
  .videos__item .videos__scene{display:inline-block;margin:0 0 0 14px;padding:3px 10px;border-radius:999px;background:rgba(24,108,255,.10);color:#186cff;font-size:12px;font-weight:600}
  .videos__item .videos__desc{margin:0;padding:4px 14px 12px;font-size:12.5px;color:#64748b;line-height:1.65;font-weight:400}
  @media(max-width:640px){.videos__grid{grid-template-columns:1fr}}

/* --- group G22 --- */
.news-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
  .news-tabs .ntab{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:9px 20px;font-size:14px;color:#334155;cursor:pointer;transition:all .15s}
  .news-tabs .ntab:hover{border-color:#1a66ff;color:#1a66ff}
  .news-tabs .ntab.is-on{background:#1a66ff;border-color:#1a66ff;color:#fff;font-weight:600}
  .news-card.is-hide{display:none}
  .news-pager{display:flex;gap:8px;justify-content:center;margin:32px 0 0;flex-wrap:wrap}
  .news-pager button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:8px 16px;font-size:14px;color:#334155;cursor:pointer}
  .news-pager button.is-on{background:#1a66ff;border-color:#1a66ff;color:#fff;font-weight:600}
  .news-pager button[disabled]{opacity:.4;cursor:not-allowed}
  .ntab-num{display:inline-block;margin-left:6px;background:rgba(255,255,255,.28);border-radius:999px;padding:0 8px;font-size:12px;font-weight:600;min-width:18px;text-align:center;line-height:1.7}
  .news-tabs .ntab:not(.is-on) .ntab-num{background:#eef2f7;color:#64748b}
  .news-count-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}

/* --- group G25 --- */
.tools-page{padding:48px 0 64px;max-width:1120px}
.t-hero{text-align:center;padding:8px 0 34px}
.t-hero h1{font-size:34px;line-height:1.3;margin:0 0 14px;color:#0b1e2c}
.t-hero p{max-width:760px;margin:0 auto;color:#4a5568;font-size:16px;line-height:1.8}
.t-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.t-card{background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:26px 26px 22px;box-shadow:0 2px 10px rgba(11,30,44,.04);transition:box-shadow .2s,transform .2s}
.t-card:hover{box-shadow:0 8px 24px rgba(11,30,44,.09);transform:translateY(-2px)}
.t-card h2{font-size:19px;margin:0 0 10px;color:#0b1e2c}
.t-card p{font-size:14px;line-height:1.75;color:#4a5568;margin:0 0 16px}
.t-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.t-go{display:inline-block;background:#1a66ff;color:#fff;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}
.t-go:hover{background:#1556d8}
.t-quick,.t-gh{margin-top:34px;background:#f4f7fb;border:1px solid #e4e9f0;border-radius:14px;padding:22px 26px}
.t-quick h2,.t-gh h2{font-size:19px;margin:0 0 10px;color:#0b1e2c}
.t-quick p,.t-gh p{font-size:14px;line-height:1.8;color:#4a5568;margin:0}
.t-gh .dl__go{display:inline-block;margin-top:12px;background:#0b1e2c;color:#fff;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}
.t-sup{margin-top:20px;padding:14px 26px;background:#fff;border:1px solid #e4e9f0;border-radius:14px}
.t-sup p{font-size:14px;line-height:1.8;color:#4a5568;margin:0}
@media(max-width:768px){.t-grid{grid-template-columns:1fr}.t-hero h1{font-size:26px}}

/* --- group G26 --- */
/* ===== Reseller dark-tech theme (scoped) ===== */
  .reseller-main{background:radial-gradient(1200px 600px at 80% -10%,rgba(26,102,255,.18),transparent 60%),linear-gradient(180deg,#081622 0%,#0b1e2c 40%,#081622 100%);color:#dbe7f0;}
  .rs-container{max-width:1180px;margin:0 auto;padding:0 24px;}
  .rs-hero{padding:84px 0 64px;text-align:center;}
  .rs-eyebrow{display:inline-block;font-size:13px;letter-spacing:3px;color:#38e1ff;border:1px solid rgba(56,225,255,.35);border-radius:999px;padding:6px 18px;margin-bottom:22px;text-transform:uppercase;}
  .rs-hero h1{font-size:42px;line-height:1.25;color:#fff;margin:0 0 18px;font-weight:700;}
  .rs-hero h1 em{font-style:normal;color:#38e1ff;}
  .rs-sub{max-width:760px;margin:0 auto 30px;color:#9fb4c4;font-size:16px;line-height:1.9;}
  .rs-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .rs-btn{display:inline-block;padding:13px 36px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .2s;border:1px solid transparent;}
  .rs-btn--primary{background:#1a66ff;color:#fff;}
  .rs-btn--primary:hover{background:#0f4fd8;}
  .rs-btn--ghost{border-color:rgba(148,184,220,.35);color:#dbe7f0;}
  .rs-btn--ghost:hover{border-color:#38e1ff;color:#38e1ff;}
  .rs-section{padding:64px 0;border-top:1px solid rgba(148,184,220,.1);}
  .rs-sec-head{text-align:center;max-width:720px;margin:0 auto 40px;}
  .rs-sec-eyebrow{font-size:12px;letter-spacing:3px;color:#38e1ff;text-transform:uppercase;}
  .rs-sec-head h2{font-size:30px;color:#fff;margin:10px 0 12px;font-weight:700;}
  .rs-sec-bar{width:56px;height:3px;background:#1a66ff;border-radius:2px;margin:0 auto 16px;}
  .rs-sec-head p{color:#9fb4c4;font-size:15px;line-height:1.85;margin:0;}
  .rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;}
  .rs-card{background:rgba(148,184,220,.06);border:1px solid rgba(148,184,220,.14);border-radius:14px;padding:26px 22px;transition:transform .2s,border-color .2s;}
  .rs-card:hover{transform:translateY(-4px);border-color:rgba(56,225,255,.45);}
  .rs-card__no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(26,102,255,.18);color:#38e1ff;font-weight:700;margin-bottom:14px;}
  .rs-card h3{font-size:17px;color:#fff;margin:0 0 10px;}
  .rs-card p{font-size:14px;color:#9fb4c4;line-height:1.8;margin:0;}
  .rs-table-wrap{overflow-x:auto;border:1px solid rgba(148,184,220,.14);border-radius:14px;}
  .rs-table{width:100%;border-collapse:collapse;min-width:640px;}
  .rs-table th,.rs-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(148,184,220,.1);font-size:14px;line-height:1.7;}
  .rs-table tr:last-child th,.rs-table tr:last-child td{border-bottom:0;}
  .rs-table thead th{background:rgba(26,102,255,.15);color:#fff;font-size:14px;letter-spacing:.5px;}
  .rs-table th[scope=row]{color:#38e1ff;font-weight:600;white-space:nowrap;}
  .rs-table td{color:#c3d3e0;}
  .rs-note{max-width:820px;margin:18px auto 0;text-align:center;color:#7d93a5;font-size:13px;line-height:1.8;}
  .rs-form-box{max-width:820px;margin:0 auto;background:rgba(148,184,220,.05);border:1px solid rgba(148,184,220,.14);border-radius:16px;padding:34px;}
  .rs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .rs-full{grid-column:1/-1;}
  .rs-form-box label{display:block;font-size:14px;color:#c3d3e0;margin:0 0 18px;}
  .rs-form-box label span{display:block;margin-bottom:7px;font-weight:600;color:#e6eef5;}
  .rs-form-box label span em{color:#ff6b81;font-style:normal;}
  .rs-form-box input,.rs-form-box select,.rs-form-box textarea{width:100%;box-sizing:border-box;background:rgba(8,22,34,.7);border:1px solid rgba(148,184,220,.25);border-radius:8px;padding:11px 13px;font-size:14px;color:#e6eef5;outline:none;font-family:inherit;}
  .rs-form-box input:focus,.rs-form-box select:focus,.rs-form-box textarea:focus{border-color:#1a66ff;box-shadow:0 0 0 3px rgba(26,102,255,.18);}
  .rs-form-box select option{background:#0b1e2c;color:#e6eef5;}
  .rs-submit{display:inline-block;padding:13px 46px;border:0;border-radius:999px;background:#1a66ff;color:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.5px;}
  .rs-submit:hover{background:#0f4fd8;}
  .rs-status{display:none;margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;}
  .rs-status.show{display:block;}
  .rs-status.ok{background:rgba(21,128,61,.15);color:#4ade80;border:1px solid rgba(74,222,128,.35);}
  .rs-status.err{background:rgba(185,28,28,.15);color:#f87171;border:1px solid rgba(248,113,113,.35);}
  .rs-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;}
  .rs-contact{text-align:center;}
  .rs-mail{display:inline-block;font-size:26px;font-weight:700;color:#38e1ff;text-decoration:none;margin-top:8px;border-bottom:1px dashed rgba(56,225,255,.4);padding-bottom:4px;}
  .rs-mail:hover{color:#fff;border-color:#fff;}
  @media(max-width:640px){.rs-hero h1{font-size:30px;}.rs-grid2{grid-template-columns:1fr;}.rs-form-box{padding:22px;}}

  .rs-lines{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .rs-line{background:rgba(26,102,255,.08);border:1px solid rgba(56,225,255,.25);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:12px;}
  .rs-line__badge{display:inline-block;align-self:flex-start;font-size:12px;letter-spacing:2px;color:#38e1ff;border:1px solid rgba(56,225,255,.4);border-radius:999px;padding:4px 12px;text-transform:uppercase;}
  .rs-line h3{font-size:22px;color:#fff;margin:0;}
  .rs-line p{font-size:14px;color:#9fb4c4;line-height:1.8;margin:0;flex:1;}
  .rs-line__link{color:#38e1ff;font-weight:600;text-decoration:none;align-self:flex-start;}
  .rs-line__link:hover{color:#fff;}
  @media(max-width:640px){.rs-lines{grid-template-columns:1fr;}}

/* --- group G28 --- */
/* ===== Reseller dark-tech theme (scoped) ===== */
  .reseller-main{background:radial-gradient(1200px 600px at 80% -10%,rgba(26,102,255,.18),transparent 60%),linear-gradient(180deg,#081622 0%,#0b1e2c 40%,#081622 100%);color:#dbe7f0;}
  .rs-container{max-width:1180px;margin:0 auto;padding:0 24px;}
  .rs-hero{padding:84px 0 64px;text-align:center;}
  .rs-eyebrow{display:inline-block;font-size:13px;letter-spacing:3px;color:#38e1ff;border:1px solid rgba(56,225,255,.35);border-radius:999px;padding:6px 18px;margin-bottom:22px;text-transform:uppercase;}
  .rs-hero h1{font-size:42px;line-height:1.25;color:#fff;margin:0 0 18px;font-weight:700;}
  .rs-hero h1 em{font-style:normal;color:#38e1ff;}
  .rs-sub{max-width:760px;margin:0 auto 30px;color:#9fb4c4;font-size:16px;line-height:1.9;}
  .rs-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .rs-btn{display:inline-block;padding:13px 36px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .2s;border:1px solid transparent;}
  .rs-btn--primary{background:#1a66ff;color:#fff;}
  .rs-btn--primary:hover{background:#0f4fd8;}
  .rs-btn--ghost{border-color:rgba(148,184,220,.35);color:#dbe7f0;}
  .rs-btn--ghost:hover{border-color:#38e1ff;color:#38e1ff;}
  .rs-section{padding:64px 0;border-top:1px solid rgba(148,184,220,.1);}
  .rs-sec-head{text-align:center;max-width:720px;margin:0 auto 40px;}
  .rs-sec-eyebrow{font-size:12px;letter-spacing:3px;color:#38e1ff;text-transform:uppercase;}
  .rs-sec-head h2{font-size:30px;color:#fff;margin:10px 0 12px;font-weight:700;}
  .rs-sec-bar{width:56px;height:3px;background:#1a66ff;border-radius:2px;margin:0 auto 16px;}
  .rs-sec-head p{color:#9fb4c4;font-size:15px;line-height:1.85;margin:0;}
  .rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;}
  .rs-card{background:rgba(148,184,220,.06);border:1px solid rgba(148,184,220,.14);border-radius:14px;padding:26px 22px;transition:transform .2s,border-color .2s;}
  .rs-card:hover{transform:translateY(-4px);border-color:rgba(56,225,255,.45);}
  .rs-card__no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(26,102,255,.18);color:#38e1ff;font-weight:700;margin-bottom:14px;}
  .rs-card h3{font-size:17px;color:#fff;margin:0 0 10px;}
  .rs-card p{font-size:14px;color:#9fb4c4;line-height:1.8;margin:0;}
  .rs-table-wrap{overflow-x:auto;border:1px solid rgba(148,184,220,.14);border-radius:14px;}
  .rs-table{width:100%;border-collapse:collapse;min-width:640px;}
  .rs-table th,.rs-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(148,184,220,.1);font-size:14px;line-height:1.7;}
  .rs-table tr:last-child th,.rs-table tr:last-child td{border-bottom:0;}
  .rs-table thead th{background:rgba(26,102,255,.15);color:#fff;font-size:14px;letter-spacing:.5px;}
  .rs-table th[scope=row]{color:#38e1ff;font-weight:600;white-space:nowrap;}
  .rs-table td{color:#c3d3e0;}
  .rs-note{max-width:820px;margin:18px auto 0;text-align:center;color:#7d93a5;font-size:13px;line-height:1.8;}
  /* form */
  .rs-form-box{max-width:820px;margin:0 auto;background:rgba(148,184,220,.05);border:1px solid rgba(148,184,220,.14);border-radius:16px;padding:34px;}
  .rs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .rs-full{grid-column:1/-1;}
  .rs-form-box label{display:block;font-size:14px;color:#c3d3e0;margin:0 0 18px;}
  .rs-form-box label span{display:block;margin-bottom:7px;font-weight:600;color:#e6eef5;}
  .rs-form-box label span em{color:#ff6b81;font-style:normal;}
  .rs-form-box input,.rs-form-box select,.rs-form-box textarea{width:100%;box-sizing:border-box;background:rgba(8,22,34,.7);border:1px solid rgba(148,184,220,.25);border-radius:8px;padding:11px 13px;font-size:14px;color:#e6eef5;outline:none;font-family:inherit;}
  .rs-form-box input:focus,.rs-form-box select:focus,.rs-form-box textarea:focus{border-color:#1a66ff;box-shadow:0 0 0 3px rgba(26,102,255,.18);}
  .rs-form-box select option{background:#0b1e2c;color:#e6eef5;}
  .rs-submit{display:inline-block;padding:13px 46px;border:0;border-radius:999px;background:#1a66ff;color:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.5px;}
  .rs-submit:hover{background:#0f4fd8;}
  .rs-status{display:none;margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;}
  .rs-status.show{display:block;}
  .rs-status.ok{background:rgba(21,128,61,.15);color:#4ade80;border:1px solid rgba(74,222,128,.35);}
  .rs-status.err{background:rgba(185,28,28,.15);color:#f87171;border:1px solid rgba(248,113,113,.35);}
  .rs-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;}
  /* contact band */
  .rs-contact{text-align:center;}
  .rs-mail{display:inline-block;font-size:26px;font-weight:700;color:#38e1ff;text-decoration:none;margin-top:8px;border-bottom:1px dashed rgba(56,225,255,.4);padding-bottom:4px;}
  .rs-mail:hover{color:#fff;border-color:#fff;}
  @media(max-width:640px){.rs-hero h1{font-size:30px;}.rs-grid2{grid-template-columns:1fr;}.rs-form-box{padding:22px;}}

  .rs-lines{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .rs-line{background:rgba(26,102,255,.08);border:1px solid rgba(56,225,255,.25);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:12px;}
  .rs-line__badge{display:inline-block;align-self:flex-start;font-size:12px;letter-spacing:2px;color:#38e1ff;border:1px solid rgba(56,225,255,.4);border-radius:999px;padding:4px 12px;text-transform:uppercase;}
  .rs-line h3{font-size:22px;color:#fff;margin:0;}
  .rs-line p{font-size:14px;color:#9fb4c4;line-height:1.8;margin:0;flex:1;}
  .rs-line__link{color:#38e1ff;font-weight:600;text-decoration:none;align-self:flex-start;}
  .rs-line__link:hover{color:#fff;}
  @media(max-width:640px){.rs-lines{grid-template-columns:1fr;}}

/* ===== D5-05 pass 2: remaining page-scoped styles ===== */

/* --- about honor/timeline --- */
.honor-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.honor-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 18px rgba(11,30,44,.05)}
.honor-cat{margin:0 0 12px;font-size:17px;color:var(--c-dark,#0b1e2c)}
.honor-list{margin:0;padding-left:18px;color:#475569;font-size:14px;line-height:1.9}
.timeline{position:relative;max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:2px;padding-left:0;border-left:none}
.tl-item{position:relative;margin-bottom:22px;padding-left:20px;border-left:3px solid #dbe6f5}
.tl-item::before{content:"";position:absolute;left:-9px;top:6px;width:12px;height:12px;border-radius:50%;background:#1a66ff}
.tl-year{font-weight:700;font-size:20px;color:#1a66ff;margin-bottom:4px}
.tl-desc{color:#475569;font-size:14px;line-height:1.7}
@media(max-width:760px){
.honor-wrap{grid-template-columns:1fr}
.timeline{grid-template-columns:1fr;padding-left:28px;border-left:3px solid #dbe6f5}
.tl-item{border-left:none;padding-left:12px}
.tl-item::before{left:-33px}
}

/* --- slam-band cleaning override --- */
/* 清洁机器人页：底盘演示视频缩小显示（竖屏 236×420，居中）——仅限移动端 ≤760px，桌面保持 grid */
@media (max-width: 760px) {
  .slam-band__videos { display: flex; flex-wrap: wrap; justify-content: center; }
  .slam-band__videos .slam-compare { flex-basis: 100%; margin-top: var(--sp-3); }
  .slam-band .video-card { margin: 0; width: 236px; flex: 0 0 auto; }
  .slam-band .video-frame { width: 100%; height: 420px; aspect-ratio: auto; }
  .slam-band .video-frame video { width: 100%; height: 100%; object-fit: cover; }
}

/* --- partners --- */
.partners .container{max-width:1180px;margin:0 auto;padding:64px 24px;}.partners__title{text-align:center;font-size:28px;color:#0f172a;margin-bottom:36px;}.partners__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;}.partners__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid #e2e8f0;border-radius:10px;text-align:center;text-decoration:none;color:#0f172a;transition:border-color .3s;}.partners__item:hover{border-color:#1a66ff;}.partners__name{font-weight:600;font-size:16px;}.partners__cn{font-size:12px;color:#64748b;margin-top:2px;}

/* --- price-guide --- */
.price-guide{margin:0 0 34px;padding:26px 24px 22px;border-radius:16px;background:linear-gradient(160deg,#0b1220 0%,#0f1f3d 55%,#0b1220 100%);border:1px solid rgba(26,102,255,.28);box-shadow:0 8px 30px rgba(15,23,42,.16);color:#e2e8f0}
      .price-guide .pg-head{text-align:center;margin-bottom:20px}
      .price-guide .pg-head h2{font-size:21px;color:#fff;margin:0 0 8px;letter-spacing:.5px}
      .price-guide .pg-head p{font-size:13px;color:#94a3b8;margin:0;line-height:1.6}
      .price-guide .pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 16px}
      .price-guide .pg-card{background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:16px;display:flex;flex-direction:column}
      .price-guide .pg-card.is-hot{border-color:rgba(59,130,246,.65);background:rgba(26,102,255,.10);box-shadow:0 0 0 1px rgba(26,102,255,.25) inset}
      .price-guide .pg-card h3{font-size:15.5px;color:#fff;margin:0 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
      .price-guide .pg-card h3 .pg-tag{font-size:10px;font-weight:600;color:#7dd3fc;background:rgba(26,102,255,.18);padding:2px 8px;border-radius:999px;border:1px solid rgba(125,211,252,.45)}
      .price-guide .pg-scene{font-size:12px;color:#94a3b8;margin:0 0 10px;line-height:1.5}
      .price-guide .pg-card ul{margin:0 0 12px;padding:0;list-style:none;flex:1}
      .price-guide .pg-card ul li{position:relative;padding-left:15px;font-size:12.5px;color:#cbd5e1;line-height:1.55;margin-bottom:5px}
      .price-guide .pg-card ul li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#3b82f6}
      .price-guide .pg-price{font-size:16.5px;font-weight:700;color:#4ade80;margin:0;padding-top:11px;border-top:1px dashed rgba(148,163,184,.28);line-height:1.3}
      .price-guide .pg-price small{display:block;font-size:11px;font-weight:400;color:#94a3b8;margin-top:3px}
      .price-guide .pg-bands{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
      .price-guide .pg-band{background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:13px 15px}
      .price-guide .pg-band h4{font-size:13px;color:#7dd3fc;margin:0 0 8px;font-weight:600}
      .price-guide .pg-band ul{margin:0;padding:0;list-style:none}
      .price-guide .pg-band ul li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#cbd5e1;padding:4px 0;border-bottom:1px dashed rgba(148,163,184,.12)}
      .price-guide .pg-band ul li:last-child{border-bottom:0}
      .price-guide .pg-band ul li b{color:#fff;font-weight:600}
      .price-guide .pg-note{font-size:11.5px;color:#64748b;margin:0;text-align:center;line-height:1.6}
      [dir=rtl] .price-guide .pg-card ul li{padding-left:0;padding-right:15px}
      [dir=rtl] .price-guide .pg-card ul li::before{left:auto;right:0}
      @media(max-width:760px){.price-guide .pg-grid{grid-template-columns:1fr}.price-guide .pg-bands{grid-template-columns:1fr}}

/* --- spec-filter --- */
.spec-filter{background:linear-gradient(135deg,#0f172a,#14264a);border:1px solid #1e3a5f;border-radius:12px;padding:14px 16px;margin:0 0 28px;box-shadow:0 6px 20px rgba(15,23,42,.18)}
  .spec-filter__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .spec-filter__item{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:13px}
  .spec-filter__item select,.spec-filter__item input{background:#0b1220;border:1px solid #2b4a7a;color:#e2e8f0;border-radius:8px;padding:7px 10px;font-size:13px;outline:none}
  .spec-filter__item select:focus,.spec-filter__item input:focus{border-color:#1a66ff;box-shadow:0 0 0 2px rgba(26,102,255,.35)}
  #f-kw{min-width:170px}
  #f-reset{background:#1a66ff;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}
  #f-reset:hover{background:#0f4fd8}
  .spec-filter__count{margin-left:auto;color:#7dd3fc;font-size:13px;font-variant-numeric:tabular-nums}
  .spec-cards{display:none}
  @media(max-width:760px){
    .spec-cards{display:block}
    .spec-cards__h{font-size:16px;color:#0f172a;margin:22px 0 10px;padding-left:10px;border-left:3px solid #1a66ff}
    .spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:10px;box-shadow:0 2px 6px rgba(15,23,42,.05)}
    .spec-card__model{font-weight:700;color:#0f172a;font-size:15px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}
    .spec-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px}
    .spec-card dt{color:#64748b}
    .spec-card dd{margin:0;color:#0f172a;text-align:left}
    html[dir="rtl"] .spec-card dd{text-align:right}
  }

/* ===== 交付与保障模块（2026-10-23 追加）===== */
.deliv{border:1px solid #e2e8f0;border-radius:16px;padding:26px 24px;background:linear-gradient(180deg,#f8fafc,#fff)}
.deliv__title{margin:0 0 8px;font-size:22px;color:#0b1e2c}
.deliv__lead{margin:0 0 18px;font-size:15px;color:#334155;font-weight:600;line-height:1.7}
.deliv__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.deliv__item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;text-align:center}
.deliv__item b{display:block;font-size:24px;color:#0b6bcb;line-height:1.2}
.deliv__item span{display:block;margin-top:4px;font-size:13px;color:#64748b;line-height:1.5}
.deliv__more{margin:16px 0 0;font-size:14px}
.deliv__link{color:#0b6bcb;text-decoration:none;font-weight:600}
.deliv__link:hover{text-decoration:underline}
@media (max-width:720px){.deliv__grid{grid-template-columns:repeat(2,1fr)}.deliv{padding:20px 16px}}

/* ===== 视频懒挂载（2026-10-23 追加）===== */
.videos__lazy{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#0b1e2c;border-radius:12px;overflow:hidden;cursor:pointer}
.videos__lazy img{width:100%;height:100%;object-fit:cover;display:block}
.videos__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;background:rgba(0,0,0,.28);transition:background .2s;pointer-events:none}
.videos__lazy:hover .videos__play,.videos__lazy:focus-visible .videos__play{background:rgba(0,0,0,.48)}
.videos__lazy:focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}
.videos__item video{width:100%;height:auto;border-radius:12px;display:block}

/* ===== 底盘定制页（2026-10-23 追加）===== */
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}
.cc-card h3{margin:0 0 10px;font-size:17px;color:#0b6e4f}
.cc-card ul{margin:0;padding-left:18px;font-size:14px;color:#475569;line-height:1.9}
.cc-card--note{background:#f0f9ff;border-color:#bae6fd}
.cc-card--note p{margin:0;font-size:14px;color:#475569;line-height:1.8}
.cc-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cc-step{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}
.cc-step b{display:block;font-size:20px;color:#0b6bcb;margin-bottom:6px}
.cc-step span{font-size:13px;color:#64748b;line-height:1.7}
@media (max-width:900px){.cc-grid{grid-template-columns:repeat(2,1fr)}.cc-flow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cc-grid{grid-template-columns:1fr}}

/* ===== 页脚社媒图标（2026-10-25 追加）===== */
.footer-social .fs-ico{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;transition:color .18s ease}
.footer-social .fs-ico:hover{color:#e2e8f0}
.footer-social .fs-ico svg{width:16px;height:16px;fill:currentColor;display:block}
.footer-contact a:hover{color:#e2e8f0}

/* ===== 关注我们：海外社媒按钮（2026-10-25 追加）===== */
.contact-social{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto var(--sp-4);max-width:880px}
.contact-social a{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#0b1e2c;text-decoration:none;font-size:14px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.contact-social a:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}
.contact-social a:focus-visible{outline:3px solid #0b6bcb;outline-offset:3px}
.contact-social a svg{width:18px;height:18px;fill:currentColor;flex:none}
@media (max-width:560px){.contact-social a{padding:9px 14px;font-size:13px}.contact-social a svg{width:16px;height:16px}}