/* Product detail long-page v2 — scoped under .pd-page */
.pd-page {
  --pd-red: #c30d23;
  --pd-red-dark: #c2000e;
  --pd-red-light: #ff5a6a;
  --pd-text: #282323;
  --pd-body: #404040;
  --pd-muted: #555555;
  --pd-muted-light: #555555;
  --pd-border: rgba(15, 23, 42, 0.08);
  --pd-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --pd-shadow-hover: 0 8px 30px rgba(15, 23, 42, 0.10);
  --pd-green: #16a34a;
  --pd-green-bg: #dcfce7;
  --pd-blue: #2563eb;
  --pd-blue-bg: #dbeafe;
  --pd-purple: #7c3aed;
  --pd-purple-bg: #ede9fe;
  --pd-orange: #ea580c;
  --pd-orange-bg: #ffedd5;
  --pd-radius: 4px;
  --pd-maxw: var(--site-maxw);
  --pd-transition: 0.2s ease;
  background: #fff;
  color: var(--pd-body);
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
.pd-page .pd-container { width: 100%; max-width: var(--pd-maxw); margin: 0 auto; padding: 0 0; box-sizing: border-box; }
@media (max-width: 768px) { .pd-page .pd-container { padding-left: 16px; padding-right: 16px; } }
/* 不用 html scroll-behavior:smooth —— 会与自定义滚轮插值叠加重，滚动条拖动发 sticky */
html { scroll-padding-top: 150px; }
/* Hero — 封面铺满整区（无左右渐隐） */
.pd-page .pd-hero {
  position: relative;
  height: 400px;
  min-height: 400px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 72px 0 36px;
  background-color: #282323;
  background-image:
    radial-gradient(circle at 18% 28%, rgba(195, 13, 35, 0.14) 0%, transparent 38%),
    radial-gradient(circle at 82% 72%, rgba(59, 130, 246, 0.16) 0%, transparent 36%),
    linear-gradient(135deg, #282323 0%, #1e1b4b 52%, #282323 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #f8fafc;
  overflow: hidden;
}
/* 有封面：整幅 cover 铺满，无蒙层；字色由底图亮度切换 */
.pd-page .pd-hero.has-cover {
  background-color: #020c16;
  background-image: none;
}
.pd-page .pd-hero.has-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: var(--pd-hero-cover);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.pd-page .pd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(2, 12, 22, 0.42);
  pointer-events: none;
  z-index: 1;
}
/* 有封面：轻微黑底蒙层；亮底深字不加 */
.pd-page .pd-hero.has-cover::before {
  display: block;
  background: var(--hero-cover-scrim, rgba(0, 0, 0, 0.30));
  z-index: 1;
}
.pd-page .pd-hero.has-cover.pd-hero--on-light::before,
.pd-page .pd-hero.has-cover.hero-on-light::before {
  display: none;
}
.pd-page .pd-hero .pd-container {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
}
.pd-page .pd-hero-content {
  max-width: 560px;
}
.pd-page .pd-hero-kicker {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #f8fafc; padding: 6px 14px; border-radius: 999px;
  font-size: var(--av-fs-caption, 13px); font-weight: 400; margin-bottom: 18px;
  -webkit-text-fill-color: #f8fafc;
}
.pd-page .pd-hero-kicker::before { content: ""; width: 8px; height: 8px; background: var(--pd-red); border-radius: 50%; box-shadow: 0 0 8px var(--pd-red); }
.pd-page .pd-hero h1 { /* type roles via type-v2 */
  font-weight: 400;
  /* --av-lh-page=1.15 过紧 + line-clamp/overflow 会裁掉中文/括号底部；略抬高行高 */
  line-height: 1.35 !important;
  letter-spacing: 0.01em;
  margin: 0 0 18px;
  padding-bottom: 0.08em;
  color: #fff; max-width: 720px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pd-page .pd-hero h1 .pd-hero-series {
  color: #f8fafc; font-weight: 400;
}
.pd-page .pd-hero h1 .accent,
.pd-page .pd-hero h1 .pd-hero-product {
  color: #fff; font-weight: 400;
}
.pd-page .pd-hero-desc {
  font-size: 16px; line-height: 1.75; max-width: 560px; margin: 0 0 28px; color: rgba(255,255,255,0.88);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pd-page .pd-hero-desc.is-pending { color: rgba(255,255,255,0.55); }
.pd-page .pd-hero.has-cover:not(.pd-hero--on-light) h1 {
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.32);
}
.pd-page .pd-hero.has-cover.pd-hero--on-light {
  color: #1c1f24;
}
.pd-page .pd-hero.has-cover.pd-hero--on-light h1,
.pd-page .pd-hero.has-cover.pd-hero--on-light h1 .pd-hero-series,
.pd-page .pd-hero.has-cover.pd-hero--on-light h1 .accent,
.pd-page .pd-hero.has-cover.pd-hero--on-light h1 .pd-hero-product {
  color: #14161a !important;
  text-shadow: none;
}
.pd-page .pd-hero.has-cover.pd-hero--on-light .pd-hero-desc {
  color: rgba(28, 31, 36, 0.78) !important;
}
.pd-page .pd-hero.has-cover.pd-hero--on-light .pd-hero-kicker {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(20, 22, 26, 0.12);
  color: #14161a;
  -webkit-text-fill-color: #14161a;
}
.pd-page .pd-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.pd-page .pd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 24px; border-radius: var(--pd-radius); font-size: 14px; font-weight: 700;
  transition: all var(--pd-transition); text-decoration: none; cursor: pointer; border: none;
}
.pd-page .pd-btn-primary { background: var(--pd-red); color: #fff; }
.pd-page .pd-btn-primary:hover { background: var(--pd-red-dark); transform: translateY(-1px); }
.pd-page .pd-btn-outline { border: 1px solid rgba(255, 255, 255, 0.35); color: #f8fafc; background: rgba(255, 255, 255, 0.05); }
.pd-page .pd-btn-outline:hover { border-color: var(--pd-red); background: rgba(195, 13, 35, 0.12); color: #fff; }
.pd-page .pd-btn-pending { opacity: 0.75; cursor: not-allowed; }
.pd-page .pd-btn-pending::after { content: "（待开发）"; font-size: var(--av-fs-caption, 13px); font-weight: 400; margin-left: 4px; opacity: 0.9; }
@media (max-width: 900px) {
  .pd-page .pd-hero {
    height: 400px;
    min-height: 400px;
    padding: 64px 0 32px;
    background-position: center center;
    text-align: center;
  }
  .pd-page .pd-hero.has-cover::after {
    background-position: center center;
  }
  .pd-page .pd-hero-content { max-width: none; margin: 0 auto; }
  .pd-page .pd-hero-actions { justify-content: center; }
  .pd-page .pd-hero-desc { margin-left: auto; margin-right: auto; }
  .pd-page .pd-hero h1 { font-size: 24px; }
  .pd-page .pd-hero-kicker { margin-left: auto; margin-right: auto; }
}
/* Stats (under intro or standalone) */
.pd-page .pd-stats { background: #fff; padding: 36px 0; border-bottom: 1px solid var(--pd-border); }
.pd-page .pd-intro-stats {
  margin-top: 48px;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
  border-bottom: none; /* 底部分隔交给外层 .pd-section，避免双线 */
}
.pd-page .pd-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.pd-page .pd-stats-grid[data-count="1"] { grid-template-columns: 1fr; max-width: 280px; margin: 0 auto; }
.pd-page .pd-stats-grid[data-count="2"] { grid-template-columns: repeat(2, 1fr); }
.pd-page .pd-stats-grid[data-count="3"] { grid-template-columns: repeat(3, 1fr); }
.pd-page .pd-stats-grid[data-count="5"] { grid-template-columns: repeat(5, 1fr); }
.pd-page .pd-stat-item { text-align: center; min-width: 0; }
.pd-page .pd-stat-icon {
  width: 40px; height: 40px; margin: 0 auto 12px;
  color: var(--pd-red); display: grid; place-items: center;
}
.pd-page .pd-stat-value {
  font-size: 32px; font-weight: 400; color: var(--pd-red); line-height: 1.15; letter-spacing: -0.02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pd-page .pd-stat-value span { font-size: 0.55em; font-weight: 700; margin-left: 2px; vertical-align: baseline; }
.pd-page .pd-stat-value.is-pending { font-size: 20px; color: var(--pd-muted-light); letter-spacing: 0; }
.pd-page .pd-stat-label {
  font-size: 14px; color: var(--pd-muted); margin-top: 10px; line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 900px) {
  .pd-page .pd-intro-stats {
    margin-top: 28px;
    padding-bottom: 0;
  }
  .pd-page .pd-stats-grid,
  .pd-page .pd-stats-grid[data-count="3"],
  .pd-page .pd-stats-grid[data-count="4"],
  .pd-page .pd-stats-grid[data-count="5"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .pd-page .pd-stat-item {
    text-align: left;
    padding: 12px 12px 11px;
    background: #f6f7f9;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 10px;
    box-sizing: border-box;
  }
  .pd-page .pd-stat-icon {
    display: none;
  }
  .pd-page .pd-stat-value {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .pd-page .pd-stat-value span {
    font-size: 0.62em;
    font-weight: 600;
    margin-left: 1px;
  }
  .pd-page .pd-stat-value.is-pending {
    font-size: 16px;
  }
  .pd-page .pd-stat-label {
    font-size: var(--av-fs-caption, 13px) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    color: #6b7280;
    margin-top: 6px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-break: normal;
    overflow-wrap: break-word;
  }
}
@media (max-width: 480px) {
  .pd-page .pd-stats-grid[data-count="2"] { grid-template-columns: 1fr 1fr; }
  .pd-page .pd-stat-value { font-size: 18px; }
  .pd-page .pd-stat-item { padding: 11px 10px 10px; }
}
/* Sub nav — breadcrumb left + tabs right */
.pd-page .pd-subnav {
  background: #fff;
  border-bottom: 1px solid var(--pd-border);
  padding: 0;
  position: sticky;
  top: 64px;
  z-index: 90;
  height: 60px;
  min-height: 60px;
  box-sizing: border-box;
  transition: box-shadow 0.2s ease;
}
.pd-page .pd-subnav.is-stuck {
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
}
.pd-page .pd-subnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 60px;
  min-height: 60px;
  box-sizing: border-box;
}
.pd-page .pd-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  font-size: var(--av-fs-caption, 13px);
  color: var(--pd-muted);
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(560px, 55%);
  overflow: hidden;
}
/* 移动端返回：桌面隐藏 */
.pd-page .pd-mobile-back {
  display: none;
}
.pd-page .pd-breadcrumb a {
  color: var(--pd-muted);
  text-decoration: none;
  transition: color var(--pd-transition);
  min-width: 0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pd-page .pd-bc-home {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  max-width: none;
}
.pd-page .pd-bc-home-icon {
  flex-shrink: 0;
  opacity: 0.85;
}
.pd-page .pd-breadcrumb a:hover { color: var(--pd-red); }
.pd-page .pd-bc-sep { opacity: 0.55; flex-shrink: 0; }
.pd-page .pd-bc-current {
  color: var(--pd-text);
  min-width: 0;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pd-page .pd-nav-links {
  display: flex;
  align-items: center;
  gap: 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin-left: auto;
  flex: 0 1 auto;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  padding: 4px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
}
.pd-page .pd-nav-links::-webkit-scrollbar { display: none; }
.pd-page .pd-nav-links a {
  color: var(--pd-text);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 18px;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  border-radius: 999px;
  line-height: 1.4;
  transition: color var(--pd-transition), background var(--pd-transition);
}
.pd-page .pd-nav-links a:hover { color: var(--pd-red); }
.pd-page .pd-nav-links a.active {
  color: var(--pd-red);
  background: rgba(195, 13, 35, 0.08);
  font-weight: 400;
}
.pd-page .pd-nav-links a.active::after { display: none; }
@media (max-width: 900px) {
  .pd-page .pd-subnav {
    top: 64px;
    height: auto;
    min-height: 0;
  }
  .pd-page .pd-subnav-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: auto;
    min-height: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  /* 移动端：隐藏长面包屑与文字返回，章节 tabs 通栏；圆形返回用全局 .m-back */
  .pd-page .pd-breadcrumb,
  .pd-page .pd-mobile-back {
    display: none !important;
  }
  .pd-page .pd-subnav-inner {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    height: auto;
    min-height: 44px;
    padding: 4px 0 !important;
  }
  .pd-page .pd-subnav-inner.pd-container {
    padding-left: 0;
    padding-right: 0;
  }
  .pd-page .pd-nav-links {
    margin-left: 0;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 1;
    gap: 2px;
    padding: 4px 16px;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }
  .pd-page .pd-nav-links a {
    flex: 0 0 auto;
    padding: 7px 10px;
    font-size: var(--av-fs-caption, 13px);
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
  }
}
/* Sections — 对齐案例详情：全屏宽底部分隔线 + 56px 段距
 * 覆盖 hero-v2.css 的 .pd-section { max-width: var(--site-maxw) }，
 * 否则边框只落在内容栏而非通栏。
 */
.pd-page .pd-section {
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 56px 0;
  background: #fff;
  box-sizing: border-box;
  border-top: none;
  border-bottom: 1px solid #ececec;
}
/* 末段相关区不再画底线（避免贴页脚 CTA 再多一条） */
.pd-page #related {
  border-bottom: none;
}
.pd-page .pd-section-head {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 720px;
  margin: 0 auto 28px;
  text-align: center;
  gap: 0 !important;
}
.pd-page .pd-section-title { /* type roles via type-v2 */ 
  text-align: center;
  display: block;
  width: 100%;
}
.pd-page .pd-section-title .bar {
  display: none;
}
.pd-page .pd-section-title h2 {
  margin: 0;
  padding: 0;
  display: block;
  color: inherit;
}
.pd-page .pd-section-title .cnt {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--pd-muted);
  margin-top: 10px;
  line-height: 1.6;
}
.pd-page .pd-section.alt { background: #fff; }
/* 关键指标条：贴在介绍段落后，不再单独撑出大空白 */
.pd-page .pd-section.pd-stats-only {
  padding-top: 8px;
  padding-bottom: 40px;
}
/* Empty */
.pd-page .pd-empty {
  text-align: center; padding: 48px 20px;
  background: #fff; border: 1px dashed #e2e8f0; border-radius: var(--pd-radius); color: #555555;
}
.pd-page .pd-empty h3 { font-size: 16px; color: #555555; margin: 0 0 6px; font-weight: 700; }
.pd-page .pd-empty p { font-size: var(--av-fs-caption, 13px); margin: 0; color: #555555; }
/* Intro — 富文本左栏 + 产品特写右栏（对齐原型）
 * DOM 顺序为图→文（折叠屏 float 环绕需要图在前）；桌面用 grid 把文案排到左栏 */
.pd-page .pd-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}
.pd-page .pd-intro-grid > .pd-intro-text {
  grid-column: 1;
  grid-row: 1;
}
.pd-page .pd-intro-grid > .pd-intro-img {
  grid-column: 2;
  grid-row: 1;
}
.pd-page .pd-intro-grid.is-rich-media {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.pd-page .pd-intro-grid.is-rich-media > .pd-intro-text,
.pd-page .pd-intro-grid.is-rich-media > .pd-intro-img {
  grid-column: 1;
  grid-row: auto;
}
/* 无左侧文案（服务端 is-img-only，或 DOM 无 .pd-intro-text）：图水平居中 */
.pd-page .pd-intro-grid.is-img-only,
.pd-page .pd-intro-grid:not(:has(.pd-intro-text)) {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  grid-template-columns: none !important;
}
.pd-page .pd-intro-grid.is-img-only > .pd-intro-img,
.pd-page .pd-intro-grid:not(:has(.pd-intro-text)) > .pd-intro-img {
  float: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: center !important;
  align-self: center !important;
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}
.pd-page .pd-intro-text {
  font-size: 16px;
  color: var(--pd-body);
  line-height: 1.75;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.pd-page .pd-intro-text p {
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pd-page .pd-intro-text p:last-child { margin-bottom: 0; }
.pd-page .pd-intro-text strong,
.pd-page .pd-intro-text b {
  color: var(--pd-text);
  font-weight: 700;
}
/* 覆盖 layout/common 全局 ul,li{list-style:none;padding:0}，恢复 CMS 富文本圆点/序号 */
.pd-page .pd-intro-text ul,
.pd-page .pd-traits .pd-traits-body ul {
  list-style: disc outside !important;
  margin: 16px 0 0;
  padding-left: 1.5em !important;
}
.pd-page .pd-intro-text ol,
.pd-page .pd-traits .pd-traits-body ol {
  list-style: decimal outside !important;
  margin: 16px 0 0;
  padding-left: 1.5em !important;
}
.pd-page .pd-intro-text li,
.pd-page .pd-traits .pd-traits-body li {
  display: list-item !important;
  list-style: inherit !important;
  font-size: 14px;
  color: var(--pd-body);
  margin: 0 0 10px;
  line-height: 1.7;
  padding-left: 0.15em;
}
.pd-page .pd-intro-text li:last-child,
.pd-page .pd-traits .pd-traits-body li:last-child { margin-bottom: 0; }

/* 产品特性：核心优势后、规格前的富文本补充区（可插图） */
/* 与下方「相关」等同宽：跟 pd-container（--pd-maxw）对齐，不再单独收窄 */
.pd-page .pd-traits .pd-traits-body {
  max-width: none;
  width: 100%;
  margin: 0;
}
.pd-page .pd-traits .pd-traits-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 16px auto;
  border-radius: var(--pd-radius, 4px);
}
.pd-page .pd-traits .pd-traits-body img[src*="check-green"],
.pd-page .pd-traits .pd-traits-body img[width="18"] {
  display: inline-block;
  margin: 0 8px 0 0;
  border-radius: 0;
  vertical-align: -3px;
}

/* 行内图标由富文本插入，前台不再自动加对勾 */
.pd-page .pd-intro-text img {
  max-width: 100% !important;
  height: auto !important;
  vertical-align: -0.2em;
}
.pd-page .pd-intro-text img[src*="check-green"],
.pd-page .pd-intro-text img[width="18"] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px;
  vertical-align: -3px;
}
.pd-page .pd-intro-text h1,
.pd-page .pd-intro-text h2,
.pd-page .pd-intro-text h3,
.pd-page .pd-intro-text h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--pd-text);
  margin: 0 0 12px;
  line-height: 1.4;
}
.pd-page .pd-intro-text a { color: var(--pd-red); text-decoration: none; }
.pd-page .pd-intro-text a:hover { text-decoration: underline; }
/* 旧站 Content1：Froala 视频 / products-two 区块，强制纳入版心 */
.pd-page .pd-intro-text .fr-video,
.pd-page .pd-intro-text .fr-dvb {
  display: block;
  max-width: 100%;
  margin: 0 auto 16px;
}
.pd-page .pd-intro-text video,
.pd-page .pd-intro-text iframe,
.pd-page .pd-intro-text .fr-video video {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto 8px;
  border-radius: var(--pd-radius);
  background: #282323;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
.pd-page .pd-intro-text .products-two,
.pd-page .pd-intro-text .products-two1 {
  max-width: 100%;
  margin: 0 0 36px;
  text-align: center;
  box-sizing: border-box;
}
.pd-page .pd-intro-text .products-two:last-child,
.pd-page .pd-intro-text .products-two1:last-child { margin-bottom: 0; }
.pd-page .pd-intro-text .commonweb,
.pd-page .pd-intro-text .products-text,
.pd-page .pd-intro-text .products-twoimg {
  max-width: 100%;
}
.pd-page .pd-intro-text .products-texth3 {
  font-size: 20px;
  font-weight: 400;
  color: var(--pd-text);
  margin: 12px 0 10px;
  line-height: 1.35;
}
.pd-page .pd-intro-text .products-textdes {
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  color: var(--pd-muted);
  line-height: 1.7;
}
.pd-page .pd-intro-text .products-textdes p {
  margin: 0;
  white-space: normal;
}
.pd-page .pd-intro-img {
  border-radius: 0;
  overflow: hidden;
  border: none;
  background: transparent;
  aspect-ratio: auto;
  width: 100%;
  min-width: 0;
  align-self: center;
  display: block;
  box-sizing: border-box;
  padding: 0;
}
.pd-page .pd-intro-img.is-empty,
.pd-page .pd-intro-img.is-broken {
  padding: 0;
  min-height: 280px;
  background: linear-gradient(160deg, #d7e0ea 0%, #e8eef4 46%, #ccd6e2 100%);
  border: 1px dashed var(--pd-border);
  border-radius: var(--pd-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pd-page .pd-intro-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  display: block;
  object-fit: contain;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.45s ease;
  will-change: transform;
}
.pd-page .pd-intro-img:hover img {
  transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
  .pd-page .pd-intro-img img {
    transition: none;
    will-change: auto;
  }
  .pd-page .pd-intro-img:hover img {
    transform: none;
  }
}
.pd-page .pd-intro-img.is-broken img,
.pd-page .pd-intro-img img.is-broken {
  display: none !important;
}
.pd-page .pd-intro-placeholder {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  text-align: center;
  box-sizing: border-box;
  color: #555555;
}
.pd-page .pd-intro-ph-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: 12px;
  border: 1.5px dashed #555555;
  background:
    linear-gradient(#555555, #555555) center / 18px 2px no-repeat,
    linear-gradient(#555555, #555555) center / 2px 18px no-repeat,
    rgba(255, 255, 255, 0.55);
}
.pd-page .pd-intro-placeholder strong {
  font-size: 14px;
  font-weight: 700;
  color: #404040;
}
.pd-page .pd-intro-placeholder em {
  font-size: var(--av-fs-caption, 13px);
  font-style: normal;
  color: #555555;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .pd-page .pd-intro-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .pd-page .pd-intro-grid > .pd-intro-text { order: 1; }
  .pd-page .pd-intro-grid > .pd-intro-img { order: 2; }
}
/* Features — 2x2 icon cards (prototype) */
.pd-page .pd-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.pd-page .pd-feature-card {
  background: #fff; border: 1px solid var(--pd-border); border-radius: var(--pd-radius);
  padding: 36px 28px 32px; box-shadow: var(--pd-shadow); transition: all var(--pd-transition);
  text-align: center;
}
.pd-page .pd-feature-card:hover { border-color: var(--pd-red-light); transform: translateY(-2px); box-shadow: var(--pd-shadow-hover); }
.pd-page .pd-feature-icon {
  width: 56px; height: 56px; margin: 0 auto 18px;
  border-radius: 4px; background: rgba(195, 13, 35, 0.08);
  display: grid; place-items: center; color: var(--pd-red);
}
.pd-page .pd-feature-icon-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}
.pd-page .pd-feature-card h3 { /* type roles via type-v2 */  font-weight: 700; margin: 0 0 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pd-page .pd-feature-card p { /* type roles via type-v2 */  color: var(--pd-muted); line-height: 1.7; margin: 0; max-width: 36em; margin-left: auto; margin-right: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 768px) {
  .pd-page .pd-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .pd-page .pd-feature-card {
    padding: 16px 12px 14px;
    border-radius: 10px;
  }
  .pd-page .pd-feature-card:hover {
    transform: none;
    box-shadow: var(--pd-shadow);
    border-color: var(--pd-border);
  }
  .pd-page .pd-feature-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
  }
  .pd-page .pd-feature-icon-img {
    width: 22px;
    height: 22px;
  }
  .pd-page .pd-feature-card h3 {
    font-size: var(--av-fs-card);
    font-weight: var(--av-fw-bold);
    margin: 0 0 6px;
    line-height: var(--av-lh-h2);
  }
  .pd-page .pd-feature-card p {
    font-size: var(--av-fs-caption, 13px);
    line-height: 1.5;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
/* Specs：无外边框/竖线，仅行下边框；左列连续浅灰；行高留白对齐设计稿 */
.pd-page .pd-specs-table-wrap {
  overflow-x: auto;
  border: 0;
  background: transparent;
  -webkit-overflow-scrolling: touch;
}
.pd-page .pd-specs-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  /* 与上方核心优势正文同字号（PC --av-fs-body:15px / 笔记本随令牌） */
  font-size: var(--av-fs-body, 15px);
  line-height: var(--av-lh-body, 1.7);
  min-width: 640px;
  border: 0;
  table-layout: fixed;
}
.pd-page .pd-specs-table thead th {
  background: #fff;
  color: var(--pd-text);
  font-weight: 500;
  padding: 28px 32px;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  vertical-align: middle;
  border: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.pd-page .pd-specs-table .pd-specs-label,
.pd-page .pd-specs-table thead th.pd-specs-label,
.pd-page .pd-specs-table tbody th.pd-specs-label {
  text-align: center;
  width: 22%;
  min-width: 140px;
  font-weight: 400;
  color: var(--pd-text);
  background: #F5F5F5;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  padding: 28px 32px;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
}
/* 表头行（含两列表里作为首行的「产品型号」）补顶部灰线 */
.pd-page .pd-specs-table thead th.pd-specs-label {
  border-top: 1px solid #e8e8e8;
}
.pd-page .pd-specs-table tbody td {
  padding: 28px 32px;
  text-align: center;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: middle;
  color: var(--pd-body);
  background: #fff;
  white-space: normal;
  word-break: break-word;
  transition: background 0.15s ease;
}
.pd-page .pd-specs-table tbody td.pd-specs-merged {
  text-align: center;
}
/* 规格格最多两行，超出省略；完整文案走原生 title tip */
.pd-page .pd-specs-cell-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-width: 100%;
  text-align: center;
  /* 两行省略：用 line-clamp，避免 -webkit-box 破坏居中 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-pack: center;
}
.pd-page .pd-specs-table tbody th.pd-specs-label .pd-specs-cell-text,
.pd-page .pd-specs-table thead th.pd-specs-label,
.pd-page .pd-specs-table thead th.pd-specs-label .pd-specs-cell-text {
  text-align: center;
  -webkit-box-pack: center;
}
.pd-page .pd-specs-table td .pd-chip {
  display: inline-block;
  vertical-align: middle;
}
.pd-page .pd-specs-table tbody tr:last-child td,
.pd-page .pd-specs-table tbody tr:last-child th {
  border-bottom: 1px solid #e8e8e8;
}
/* 仅右侧内容格 hover；左侧表头始终保持浅灰 */
.pd-page .pd-specs-table tbody tr:hover td,
.pd-page .pd-specs-table thead tr:hover th:not(.pd-specs-label) {
  background: #f9f9f9;
}
.pd-page .pd-specs-table tbody tr:hover th.pd-specs-label,
.pd-page .pd-specs-table thead tr:hover th.pd-specs-label {
  background: #F5F5F5;
}
/* 移动端卡片：默认隐藏，≤768 再显示；details/summary 去默认三角 */
.pd-page .pd-specs-cards {
  display: none;
}
.pd-page .pd-specs-card-param {
  list-style: none;
}
.pd-page .pd-specs-card-param::-webkit-details-marker { display: none; }
.pd-page .pd-specs-card-param::marker { content: ""; }
.pd-page .pd-specs-note {
  /* 表格下方注释：字号不随参数表放大 */
  font-size: var(--av-fs-caption, 13px) !important;
  color: var(--pd-muted);
  margin: 14px 0 0;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .pd-page .pd-specs-table-wrap {
    display: none;
  }
  /* 移动端：手风琴参数条，默认收起（首项 open），显著缩短首屏高度 */
  .pd-page .pd-specs-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 0;
    background: transparent;
  }
  .pd-page .pd-specs-card {
    margin: 0;
    padding: 0;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
  }
  .pd-page .pd-specs-card:last-child {
    border-bottom: 1px solid #e8e8e8;
  }
  .pd-page .pd-specs-card-param {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--pd-text);
    background: #f7f8fa;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  .pd-page .pd-specs-card-param::-webkit-details-marker { display: none; }
  .pd-page .pd-specs-card-param::marker { content: ""; }
  .pd-page .pd-specs-card-param::after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-right: 1.5px solid #94a3b8;
    border-bottom: 1.5px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
  }
  .pd-page .pd-specs-card[open] > .pd-specs-card-param {
    border-bottom: 1px solid #e8e8e8;
    background: #f0f2f5;
  }
  .pd-page .pd-specs-card[open] > .pd-specs-card-param::after {
    margin-top: 2px;
    transform: rotate(-135deg);
  }
  .pd-page .pd-specs-card-list {
    margin: 0;
  }
  .pd-page .pd-specs-card-item {
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    display: grid;
    grid-template-columns: minmax(72px, 34%) minmax(0, 1fr);
    gap: 4px 10px;
    align-items: start;
  }
  .pd-page .pd-specs-card-item:last-child {
    border-bottom: 0;
  }
  .pd-page .pd-specs-card-item--merged {
    padding-top: 10px;
    grid-template-columns: 1fr;
  }
  .pd-page .pd-specs-card-item--merged dd {
    font-size: 13px;
    color: var(--pd-body);
  }
  .pd-page .pd-specs-card-list.is-merged .pd-specs-card-item--merged dt {
    display: none;
  }
  .pd-page .pd-specs-card-item dt {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--pd-muted);
  }
  .pd-page .pd-specs-card-item dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--pd-body);
    word-break: break-word;
    text-align: left;
  }
  .pd-page .pd-specs-card-item dd .pd-specs-cell-text {
    text-align: left;
    -webkit-box-pack: start;
  }
  .pd-page .pd-specs-card-item dd .pd-chip {
    margin-top: 2px;
  }

  /* 应用场景：默认 4 卡，加载更多展开 */
  .pd-page .pd-scenarios-carousel:not(.is-expanded) .pd-scenarios-grid__item:nth-child(n + 5) {
    display: none !important;
  }
  .pd-page .pd-scenarios-more {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin: 16px 0 0;
    padding: 11px 16px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 4px;
    background: #fff;
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }
  .pd-page .pd-scenarios-more:hover,
  .pd-page .pd-scenarios-more:active {
    border-color: rgba(195, 13, 35, 0.35);
    color: #c30d23;
  }
  .pd-page .pd-scenarios-more__count {
    color: #94a3b8;
    font-weight: 400;
    font-size: 13px;
  }
  .pd-page .pd-scenarios-carousel.is-expanded .pd-scenarios-more,
  .pd-page .pd-scenarios-more[hidden] {
    display: none !important;
  }
}
.pd-page .pd-chip-purple { background: var(--pd-purple-bg); color: var(--pd-purple); }
.pd-page .pd-chip-orange { background: var(--pd-orange-bg); color: var(--pd-orange); }
.pd-page .pd-chip-grey { background: #f1f5f9; color: var(--pd-muted-light); }
/* Chips */
.pd-page .pd-chip {
  display: inline-flex; align-items: center; padding: 4px 10px;
  border-radius: 999px; font-size: var(--av-fs-caption, 13px); font-weight: 700; line-height: 1.4;
}
.pd-page .pd-chip-blue { background: var(--pd-blue-bg); color: var(--pd-blue); }
.pd-page .pd-chip-green { background: var(--pd-green-bg); color: var(--pd-green); }
/* Scenarios — 一行 5 卡、上图下字；超出自动换行（桌面无轮播；折叠见下方 MQ） */
.pd-page .pd-scenarios-carousel {
  position: relative;
}
/* 加载更多：默认隐藏，≤768 再显示 */
.pd-page .pd-scenarios-more {
  display: none;
}
.pd-page .pd-scenarios-carousel__viewport {
  min-width: 0;
}
.pd-page .pd-scenarios-carousel__btn {
  display: none;
}
.pd-page .pd-scenarios-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px 14px;
}
.pd-page .pd-scenarios-grid__item {
  margin: 0;
  min-width: 0;
}
.pd-page a.pd-scenario-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.pd-page .pd-scenario-card.is-static {
  cursor: default;
}
.pd-page .pd-scenario-card.is-static:hover {
  transform: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
}
.pd-page .pd-scenario-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform var(--pd-transition), box-shadow var(--pd-transition), border-color var(--pd-transition);
}
.pd-page a.pd-scenario-card:hover {
  transform: translateY(-2px);
  border-color: rgba(195, 13, 35, 0.22);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}
.pd-page .pd-scenario-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  background: linear-gradient(160deg, #eef2f7 0%, #e2e8f0 100%);
  overflow: hidden;
  flex: 0 0 auto;
}
.pd-page .pd-scenario-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.pd-page a.pd-scenario-card:hover .pd-scenario-media img {
  transform: scale(1.04);
}
.pd-page .pd-scenario-media.is-empty {
  background:
    radial-gradient(circle at 70% 20%, rgba(195, 13, 35, 0.12), transparent 45%),
    linear-gradient(160deg, #eef2f7 0%, #e2e8f0 100%);
}
.pd-page .pd-scenario-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 10px 14px;
  text-align: center;
  flex: 1 1 auto;
  min-height: 48px;
  box-sizing: border-box;
}
.pd-page .pd-scenario-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #282323;
  transition: color 0.18s ease;
}
.pd-page a.pd-scenario-card:hover .pd-scenario-title {
  color: #c30d23;
}
@media (max-width: 1100px) {
  .pd-page .pd-scenarios-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .pd-page .pd-scenarios-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .pd-page .pd-scenarios-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .pd-page .pd-scenario-body { padding: 10px 8px 12px; min-height: 44px; }
  .pd-page .pd-scenario-title { font-size: 13px; }
}

/* Sliders
 * 有溢出时左右留 50px 给箭头；卡片不足一屏（is-centered）时取消内边距，
 * 与应用场景等同宽对齐 --site-maxw（见 type-v2.css）。
 */
.pd-page .pd-slider-wrap { position: relative; overflow: hidden; padding: 0 50px; }
.pd-page .pd-slider-wrap.is-centered { padding-left: 0; padding-right: 0; }
.pd-page .pd-slider-wrap::before,
.pd-page .pd-slider-wrap::after {
  content: ""; position: absolute; top: 0; bottom: 12px; width: 60px; pointer-events: none; z-index: 5;
  opacity: 0; transition: opacity 0.3s ease;
}
.pd-page .pd-slider-wrap::before { left: 0; background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); }
.pd-page .pd-slider-wrap::after { right: 0; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); }
.pd-page .pd-slider-wrap.has-overflow-left::before,
.pd-page .pd-slider-wrap.has-overflow-right::after { opacity: 1; }
.pd-page .pd-slider-track {
  display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth;
  scroll-snap-type: x mandatory; padding: 16px 0 28px;
  scrollbar-width: none; cursor: grab;
}
.pd-page .pd-slider-track::-webkit-scrollbar { display: none; }
.pd-page .pd-slider-track:active { cursor: grabbing; }
.pd-page .pd-slider-card {
  flex: 0 0 calc((100% - 32px) / 3); min-width: 280px;
  background: #fff; border: 1px solid var(--pd-border); border-radius: var(--pd-radius);
  box-shadow: var(--pd-shadow); scroll-snap-align: start; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; overflow: hidden; transition: all var(--pd-transition);
  padding: 0 0 8px;
}
.pd-page .pd-slider-card:hover { border-color: var(--pd-red-light); transform: translateY(-2px); box-shadow: var(--pd-shadow-hover); }
.pd-page .pd-case-img {
  position: relative; width: 100%; height: 180px; overflow: hidden;
  background:
    linear-gradient(135deg, rgba(195, 13, 35, 0.55) 0%, transparent 42%),
    linear-gradient(160deg, #282323 0%, #1e3a5f 48%, #404040 100%);
  border-bottom: 1px solid var(--pd-border);
}
.pd-page .pd-case-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.pd-page .pd-case-img.is-empty img,
.pd-page .pd-case-img.is-broken img,
.pd-page .pd-case-img img.is-broken {
  display: none !important;
}
.pd-page .pd-case-category {
  position: absolute; left: 12px; bottom: 12px;
  background: rgba(15, 23, 42, 0.72); color: #fff;
  font-size: var(--av-fs-caption, 13px); font-weight: 700; padding: 4px 10px; border-radius: 4px;
  backdrop-filter: blur(4px);
}
.pd-page .pd-slider-card h3 { /* type roles via type-v2 */  font-weight: 700; margin: 16px 18px 8px; line-height: 1.4; }
.pd-page .pd-slider-card p {
  font-size: 14px; color: var(--pd-muted); line-height: 1.65; margin: 0 18px 16px; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.pd-page .pd-case-link { margin: 0 18px 18px; /* chip style in cards-v2 */ }
.pd-page .pd-case-tags {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 0 18px 12px;
}
.pd-page .pd-series-img {
  height: 168px; overflow: hidden; position: relative;
  padding: 0;
  background: linear-gradient(160deg, #d7e0ea 0%, #e8eef4 46%, #ccd6e2 100%);
}
.pd-page .pd-series-img img {
  width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;
}
.pd-page .pd-series-img.is-empty img,
.pd-page .pd-series-img.is-broken img,
.pd-page .pd-series-img img.is-broken {
  display: none !important;
}
.pd-page .pd-slider-card.series { text-align: center; padding-bottom: 22px; }
.pd-page .pd-slider-card.series h3 { margin: 18px 16px 0; }
.pd-page .pd-series-tags {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
  margin: 12px 16px 0;
}
.pd-page .pd-slider-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;
  width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid var(--pd-border);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12); color: var(--pd-text);
  display: none; align-items: center; justify-content: center; cursor: pointer; padding: 0;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.pd-page .pd-slider-wrap.has-overflow .pd-slider-arrow { display: flex; }
.pd-page .pd-slider-wrap.has-overflow:hover .pd-slider-arrow {
  opacity: 1; visibility: visible; pointer-events: auto;
}
.pd-page .pd-slider-wrap.has-overflow .pd-slider-arrow:disabled { opacity: 0.35; pointer-events: none; }
.pd-page .pd-slider-arrow:hover { background: var(--pd-red); color: #fff; border-color: var(--pd-red); }
.pd-page .pd-slider-arrow.prev { left: 0; }
.pd-page .pd-slider-arrow.next { right: 0; }
.pd-page .pd-slider-wrap.is-centered .pd-slider-track {
  justify-content: flex-start;
  cursor: default;
  overflow: visible;
  scroll-snap-type: none;
}
/* 卡片不足一屏时保持单卡正常宽度并居中，禁止 flex 拉满整行 */
.pd-page .pd-slider-wrap.is-centered .pd-slider-card {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 280px;
  max-width: 360px;
  width: auto;
}
.pd-page .pd-slider-wrap.is-centered .pd-slider-arrow { display: none !important; }
@media (max-width: 1024px) {
  .pd-page .pd-slider-card { flex: 0 0 calc((100% - 16px) / 2); }
  .pd-page .pd-slider-wrap.is-centered .pd-slider-card {
    flex: 0 0 calc((100% - 16px) / 2);
    min-width: 240px;
    max-width: 360px;
  }
}
@media (max-width: 768px) {
  .pd-page .pd-slider-wrap { padding: 0 40px; }
  .pd-page .pd-slider-wrap.is-centered { padding-left: 0; padding-right: 0; }
  .pd-page .pd-slider-card { flex: 0 0 85%; min-width: 240px; }
  .pd-page .pd-slider-wrap.has-overflow .pd-slider-arrow {
    opacity: 1; visibility: visible; pointer-events: auto;
  }
  .pd-page .pd-slider-wrap.is-centered .pd-slider-card {
    flex: 0 0 min(85%, 320px);
    min-width: 240px;
    max-width: 320px;
  }
}
/* Product videos */
.pd-page .pd-video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 24px;
}
.pd-page .pd-video-card {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.pd-page .pd-video-thumb {
  position: relative;
  overflow: hidden;
  border-radius: var(--pd-radius);
  background: #282323;
  aspect-ratio: 16 / 9;
}
.pd-page .pd-video-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.pd-page .pd-video-card:hover .pd-video-thumb img { transform: scale(1.04); }
.pd-page .pd-video-thumb.is-empty,
.pd-page .pd-video-thumb.is-broken {
  background:
    radial-gradient(circle at 30% 30%, rgba(195,13,35,0.28), transparent 45%),
    linear-gradient(135deg, #282323, #404040);
}
.pd-page .pd-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: rgba(195, 13, 35, 0.92);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(195, 13, 35, 0.35);
  transition: transform 0.2s ease, background 0.2s ease;
  z-index: 1;
}
.pd-page .pd-video-play svg { margin-left: 3px; }
.pd-page .pd-video-card:hover .pd-video-play {
  transform: scale(1.06);
  background: var(--pd-red);
}
.pd-page .pd-video-card h3 {
  margin: 14px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--pd-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pd-page .pd-video-card:hover h3 { color: var(--pd-red); }
.pd-page .pd-video-lightbox[hidden] { display: none !important; }
.pd-page .pd-video-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.pd-page .pd-video-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 12, 22, 0.72);
}
.pd-page .pd-video-lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(960px, 100%);
  background: #0b1220;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}
.pd-page .pd-video-lightbox-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.14);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.pd-page .pd-video-lightbox-player {
  position: relative;
  background: #000;
  aspect-ratio: 16 / 9;
}
.pd-page .pd-video-lightbox-player video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.pd-page .pd-video-lightbox-title {
  padding: 14px 18px 16px;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .pd-page .pd-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
}
@media (max-width: 640px) {
  .pd-page .pd-video-grid { grid-template-columns: 1fr; }
  .pd-page .pd-video-play { width: 56px; height: 56px; margin: -28px 0 0 -28px; }
}
/* CTA — 与首页 .home-cta-strip 完全一致 */
.pd-page .pd-cta {
  position: relative;
  margin-top: 0;
  color: #fff;
  overflow: hidden;
  background-color: #170707;
  background-image:
    radial-gradient(ellipse 70% 140% at 92% 50%, rgba(255, 60, 40, 0.28) 0%, rgba(180, 20, 16, 0.12) 35%, transparent 68%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, transparent 42%, transparent 58%, rgba(0, 0, 0, 0.14) 100%),
    linear-gradient(
      90deg,
      #560c0b 0%,
      #350709 5%,
      #220509 10%,
      #170708 16%,
      #180809 22%,
      #210c0b 28%,
      #2c0f0b 35%,
      #38100e 40%,
      #44130f 45%,
      #511411 50%,
      #5f1512 55%,
      #6e1614 60%,
      #7e1814 65%,
      #901915 70%,
      #9f1815 75%,
      #af1716 80%,
      #bc1616 85%,
      #c71717 90%,
      #ce1817 95%,
      #d41d15 100%
    );
  background-size: cover;
  background-position: center;
  border-top: none;
  text-align: left;
  padding: 0;
}
.pd-page .pd-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url('/dist/images/home/home-cta-bg.png') center / cover no-repeat;
  pointer-events: none;
}
.pd-page .pd-cta .pd-container {
  position: relative;
  z-index: 1;
  max-width: var(--site-maxw);
  width: 100%;
  margin: 0 auto;
  height: 143px;
  padding: 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
}
.pd-page .pd-cta-copy { min-width: 0; }
.pd-page .pd-cta h2 {
  margin: 0;
  color: #fff !important;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.pd-page .pd-cta p { display: none; }
.pd-page .pd-cta .pd-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  background: transparent;
  min-height: 0;
}
.pd-page .pd-cta .pd-btn-primary:hover {
  background: #fff;
  color: #c30d23;
  transform: none;
}
@media (max-width: 900px) {
  .pd-page .pd-cta .pd-container {
    height: auto;
    min-height: 143px;
    flex-direction: column;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
/* Reveal — 段级动画改由 reveal-v2 .detail-panel-reveal；pd-reveal 仅作兼容钩子 */
.pd-page .pd-reveal { opacity: 1; transform: none; }
.pd-page .pd-reveal.visible { opacity: 1; transform: none; }
/* Hide legacy page hero when on product detail long page */
body.has-pd-v2 .page-hero { display: none !important; }
.pd-page .pd-related-cases,
.pd-page .pd-related-cases .pd-container,
.pd-page .pd-related-cases .sol-detail-page,
.pd-page .pd-related-cases .sol-related-zone,
.pd-page .pd-related-wrap,
.pd-page .pd-related-wrap .pd-container,
.pd-page .pd-related-wrap .sol-detail-page,
.pd-page .pd-related-wrap .sol-related-zone {
  overflow: visible;
}
.pd-page .pd-related-cases .sol-detail-page,
.pd-page .pd-related-wrap .sol-detail-page {
  background: transparent;
}
.pd-page .pd-related-cases .sol-related-panel,
.pd-page .pd-related-wrap .sol-related-panel {
  margin: 0;
  overflow: visible;
}
.pd-page .pd-related-wrap {
  /* 与其它 .pd-section 一致：上下留白，避免贴着上一块白底面板 */
  padding: 56px 0;
}
/* 应用场景：标题改为 .pd-section-title，与硬件参数规格一致 */
.pd-page #scenarios .pd-section-head {
  margin-bottom: 28px;
}
/* 无链接场景卡 / 视频按钮：复用 sol-rel-card 外观 */
.pd-page .sol-rel-card--static {
  cursor: default;
}
.pd-page .sol-rel-card--static:hover {
  transform: none;
  border-color: #e8ecf2;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}
.pd-page button.sol-rel-card.pd-rel-video-card {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #e8ecf2;
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.pd-page .pd-rel-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(195, 13, 35, 0.92);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25);
  pointer-events: none;
}
.pd-page .pd-rel-video-play svg {
  margin-left: 2px;
}

/* —— 手机端（≤768）：压缩首屏与副导航，不影响笔记本/PC —— */
@media (max-width: 768px) {
  .pd-page .pd-hero {
    height: auto;
    min-height: 240px;
    padding: 72px 16px 28px;
  }
  .pd-page .pd-hero h1 {
    font-size: 22px;
    line-height: 1.3;
  }
  .pd-page .pd-hero-desc {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 8px;
  }
  .pd-page .pd-hero-actions {
    margin-top: 16px;
  }
  .pd-page .pd-subnav-inner {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-page .pd-nav-links a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
  }
  .pd-page .pd-section {
    padding: 40px 0;
  }
  .pd-page .pd-section-head {
    margin-bottom: 20px;
  }
  .pd-page .pd-section.pd-stats-only {
    padding-top: 4px;
    padding-bottom: 28px;
  }
}

/* 产品详情本页 FAQ：方案页样式挂在 .sol-detail-page #faq，产品页选择器对不上，这里单独约束；底色与其它 .pd-section 一致用白底 */
.pd-page .pd-faq {
  background: #fff;
}
.pd-page .pd-faq .pd-section-sub {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
}
.pd-page .pd-faq .sol-faq-accordion {
  margin-top: 20px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.pd-page .pd-faq .sol-faq-item {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.pd-page .pd-faq .sol-faq-item:last-child {
  border-bottom: none;
}
.pd-page .pd-faq .sol-faq-header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 16px 56px 16px 24px;
  border: none;
  background: #fff;
  color: #282323;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  font: inherit;
}
.pd-page .pd-faq .sol-faq-item.active .sol-faq-header {
  background: #b0000c;
  color: #fff;
}
.pd-page .pd-faq .sol-faq-item:not(.active) .sol-faq-header:hover {
  background: #fff5f6;
}
.pd-page .pd-faq .sol-faq-q,
.pd-page .pd-faq h2.sol-faq-q {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
}
.pd-page .pd-faq .sol-faq-q {
  flex: 1;
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.pd-page .pd-faq .sol-faq-arrow {
  position: absolute;
  right: 24px;
  top: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.pd-page .pd-faq .sol-faq-item.active .sol-faq-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.pd-page .pd-faq .sol-faq-arrow svg {
  display: block;
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pd-page .pd-faq .sol-faq-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.25s ease;
}
.pd-page .pd-faq .sol-faq-item.active .sol-faq-body {
  opacity: 1;
}
.pd-page .pd-faq .sol-faq-body-inner {
  background: #f4f4f4;
  padding: 24px;
}
.pd-page .pd-faq .sol-faq-a,
.pd-page .pd-faq .sol-faq-a p {
  margin: 0;
  font-size: 14px;
  color: #404040;
  line-height: 1.8;
}

/* av-fold-mobile */
/* Dual/triple fold (Mate XT unfolded CSS size, or a hinge). Excludes 1920 desktop and 1440x900 laptop. */
@media (min-width: 1200px) and (max-width: 1650px) and (min-aspect-ratio: 4/3) and (max-aspect-ratio: 29/20),
       (min-width: 769px) and (max-width: 1199px) and (max-aspect-ratio: 3/2),
       (min-width: 769px) and (max-width: 1200px) and (max-aspect-ratio: 3/4),
       (spanning: single-fold-vertical),
       (spanning: single-fold-horizontal),
       (horizontal-viewport-segments: 2),
       (horizontal-viewport-segments: 3),
       (vertical-viewport-segments: 2),
       (vertical-viewport-segments: 3) {
 .pd-page .pd-container { padding-left: 16px; padding-right: 16px; } 

  .pd-page .pd-hero {
    height: 400px;
    min-height: 400px;
    padding: 64px 0 32px;
    background-position: center center;
    text-align: center;
  }
  .pd-page .pd-hero.has-cover::after {
    background-position: center center;
  }
  .pd-page .pd-hero-content { max-width: none; margin: 0 auto; }
  .pd-page .pd-hero-actions { justify-content: center; }
  .pd-page .pd-hero-desc { margin-left: auto; margin-right: auto; }
  .pd-page .pd-hero h1 { font-size: 24px; }
  .pd-page .pd-hero-kicker { margin-left: auto; margin-right: auto; }


  .pd-page .pd-intro-stats {
    margin-top: 28px;
    padding-bottom: 0;
  }
  .pd-page .pd-stats-grid,
  .pd-page .pd-stats-grid[data-count="3"],
  .pd-page .pd-stats-grid[data-count="4"],
  .pd-page .pd-stats-grid[data-count="5"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .pd-page .pd-stat-item {
    text-align: left;
    padding: 12px 12px 11px;
    background: #f6f7f9;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 10px;
    box-sizing: border-box;
  }
  .pd-page .pd-stat-icon {
    display: none;
  }
  .pd-page .pd-stat-value {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .pd-page .pd-stat-value span {
    font-size: 0.62em;
    font-weight: 600;
    margin-left: 1px;
  }
  .pd-page .pd-stat-value.is-pending {
    font-size: 16px;
  }
  .pd-page .pd-stat-label {
    font-size: var(--av-fs-caption, 13px) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    color: #6b7280;
    margin-top: 6px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-break: normal;
    overflow-wrap: break-word;
  }


  .pd-page .pd-subnav {
    top: 64px;
    height: auto;
    min-height: 0;
  }
  .pd-page .pd-subnav-inner {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    height: auto;
    min-height: 44px;
    padding: 4px 0 !important;
  }
  /* 折叠窄屏：隐藏长面包屑与文字返回，tabs 通栏；圆形返回用 .m-back */
  .pd-page .pd-breadcrumb,
  .pd-page .pd-mobile-back {
    display: none !important;
  }
  .pd-page .pd-subnav-inner.pd-container {
    padding-left: 0;
    padding-right: 0;
  }
  .pd-page .pd-nav-links {
    margin-left: 0;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 1;
    gap: 2px;
    padding: 4px 16px;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }
  .pd-page .pd-nav-links a {
    flex: 0 0 auto;
    padding: 7px 10px;
    font-size: var(--av-fs-caption, 13px);
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
  }


  /* ① 产品介绍：图文环绕，图在右上 */
  .pd-page .pd-intro-grid:not(.is-rich-media):not(.is-img-only) {
    display: block !important;
    gap: 0;
  }
  .pd-page .pd-intro-grid:not(.is-rich-media):not(.is-img-only)::after {
    content: "";
    display: table;
    clear: both;
  }
  .pd-page .pd-intro-grid:not(.is-rich-media):not(.is-img-only) > .pd-intro-img {
    float: right !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: min(38%, 340px) !important;
    max-width: 340px !important;
    margin: 2px 0 14px 22px !important;
    align-self: start;
  }
  .pd-page .pd-intro-grid.is-img-only,
  .pd-page .pd-intro-grid:not(:has(.pd-intro-text)) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .pd-page .pd-intro-grid.is-img-only > .pd-intro-img,
  .pd-page .pd-intro-grid:not(:has(.pd-intro-text)) > .pd-intro-img {
    float: none !important;
    justify-self: center !important;
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }
  .pd-page .pd-intro-grid:not(.is-rich-media) > .pd-intro-img.is-empty,
  .pd-page .pd-intro-grid:not(.is-rich-media) > .pd-intro-img.is-broken {
    min-height: 180px;
  }
  .pd-page .pd-intro-grid:not(.is-rich-media) > .pd-intro-text {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    max-width: none !important;
  }
  /* 取消 line-clamp / -webkit-box，否则成 BFC 无法环绕 float */
  .pd-page .pd-intro-grid:not(.is-rich-media) > .pd-intro-text p {
    display: block !important;
    overflow: visible !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    text-overflow: unset !important;
    max-height: none !important;
  }
  .pd-page .pd-intro-grid.is-rich-media {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }
  .pd-page .pd-intro-grid.is-rich-media > .pd-intro-text { order: 1; }
  .pd-page .pd-intro-grid.is-rich-media > .pd-intro-img { order: 2; }


  .pd-page .pd-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .pd-page .pd-feature-card {
    padding: 16px 12px 14px;
    border-radius: 10px;
  }
  .pd-page .pd-feature-card:hover {
    transform: none;
    box-shadow: var(--pd-shadow);
    border-color: var(--pd-border);
  }
  .pd-page .pd-feature-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
  }
  .pd-page .pd-feature-icon-img {
    width: 22px;
    height: 22px;
  }
  .pd-page .pd-feature-card h3 {
    font-size: var(--av-fs-card);
    font-weight: var(--av-fw-bold);
    margin: 0 0 6px;
    line-height: var(--av-lh-h2);
  }
  .pd-page .pd-feature-card p {
    font-size: var(--av-fs-caption, 13px);
    line-height: 1.5;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }


  /* ② 产品参数：笔记本/折叠端用手风琴（与移动端同结构，仅首项展开） */
  .pd-page .pd-specs-table-wrap {
    display: none;
  }
  .pd-page .pd-specs-cards {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    border: 0;
    background: transparent;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0;
    grid-template-columns: none !important;
  }
  .pd-page .pd-specs-cards:has(> .pd-specs-card:nth-child(9)) {
    max-height: none !important;
    overflow: visible !important;
  }
  .pd-page .pd-specs-card {
    margin: 0;
    padding: 0;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    min-width: 0;
  }
  .pd-page .pd-specs-card:last-child {
    border-bottom: 1px solid #e8e8e8;
  }
  .pd-page .pd-specs-card-param {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-bottom: 0;
    list-style: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--pd-text);
    background: #f7f8fa;
    cursor: pointer;
    user-select: none;
  }
  .pd-page .pd-specs-card-param::-webkit-details-marker { display: none; }
  .pd-page .pd-specs-card-param::marker { content: ""; }
  .pd-page .pd-specs-card-param::after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-right: 1.5px solid #94a3b8;
    border-bottom: 1.5px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
  }
  .pd-page .pd-specs-card[open] .pd-specs-card-param {
    border-bottom: 1px solid #e8e8e8;
  }
  .pd-page .pd-specs-card[open] .pd-specs-card-param::after {
    margin-top: 2px;
    transform: rotate(225deg);
  }
  .pd-page .pd-specs-card-list {
    margin: 0;
  }
  .pd-page .pd-specs-card-item {
    padding: 8px 14px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    display: grid;
    grid-template-columns: minmax(72px, 28%) minmax(0, 1fr);
    gap: 4px 12px;
    align-items: start;
  }
  .pd-page .pd-specs-card-item:last-child {
    border-bottom: 0;
  }
  .pd-page .pd-specs-card-item--merged {
    padding-top: 10px;
    grid-template-columns: 1fr;
  }
  .pd-page .pd-specs-card-item--merged dd {
    font-size: 13px;
    color: var(--pd-body);
  }
  .pd-page .pd-specs-card-list.is-merged .pd-specs-card-item--merged dt {
    display: none;
  }
  .pd-page .pd-specs-card-item dt {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--pd-muted);
  }
  .pd-page .pd-specs-card-item dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--pd-body);
    word-break: break-word;
    text-align: left;
  }
  .pd-page .pd-specs-card-item dd .pd-specs-cell-text {
    text-align: left;
    -webkit-box-pack: start;
  }
  .pd-page .pd-specs-card-item dd .pd-chip {
    margin-top: 2px;
  }


  /* ③ 应用场景：三张轮播 + 左右箭头 */
  .pd-page .pd-scenarios-carousel {
    position: relative;
    padding: 0 36px;
  }
  .pd-page .pd-scenarios-carousel.is-carousel {
    padding: 0 36px;
  }
  .pd-page .pd-scenarios-carousel:not(.is-carousel) {
    padding: 0;
  }
  .pd-page .pd-scenarios-carousel__viewport {
    overflow: hidden;
    min-width: 0;
  }
  .pd-page .pd-scenarios-carousel.is-carousel .pd-scenarios-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    grid-template-columns: none !important;
    width: max-content;
    max-width: none;
    transition: transform 0.35s ease;
    will-change: transform;
  }
  .pd-page .pd-scenarios-carousel:not(.is-carousel) .pd-scenarios-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 10px;
  }
  .pd-page .pd-scenarios-carousel.is-carousel .pd-scenarios-grid__item {
    flex: 0 0 auto;
    min-width: 0;
  }
  .pd-page .pd-scenarios-carousel__btn {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 50%;
    background: #fff;
    color: #404040;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    appearance: none;
    -webkit-appearance: none;
  }
  .pd-page .pd-scenarios-carousel.is-carousel .pd-scenarios-carousel__btn:not([hidden]) {
    display: inline-flex;
  }
  .pd-page .pd-scenarios-carousel__btn:hover:not(:disabled) {
    border-color: rgba(195, 13, 35, 0.35);
    color: #c30d23;
  }
  .pd-page .pd-scenarios-carousel__btn:disabled {
    opacity: 0.35;
    cursor: default;
  }
  .pd-page .pd-scenarios-carousel__btn svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .pd-page .pd-scenarios-carousel__btn--prev { left: 0; }
  .pd-page .pd-scenarios-carousel__btn--next { right: 0; }


  .pd-page .pd-slider-wrap { padding: 0 40px; }
  .pd-page .pd-slider-wrap.is-centered { padding-left: 0; padding-right: 0; }
  .pd-page .pd-slider-card { flex: 0 0 85%; min-width: 240px; }
  .pd-page .pd-slider-wrap.has-overflow .pd-slider-arrow {
    opacity: 1; visibility: visible; pointer-events: auto;
  }
  .pd-page .pd-slider-wrap.is-centered .pd-slider-card {
    flex: 0 0 min(85%, 320px);
    min-width: 240px;
    max-width: 320px;
  }


  .pd-page .pd-cta .pd-container {
    height: auto;
    min-height: 143px;
    flex-direction: column;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 28px;
  }


  .pd-page .pd-hero {
    height: auto;
    min-height: 240px;
    padding: 72px 16px 28px;
  }
  .pd-page .pd-hero h1 {
    font-size: 22px;
    line-height: 1.3;
  }
  .pd-page .pd-hero-desc {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 8px;
  }
  .pd-page .pd-hero-actions {
    margin-top: 16px;
  }
  .pd-page .pd-subnav-inner {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-page .pd-nav-links a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
  }
  .pd-page .pd-section {
    padding: 40px 0;
  }
  .pd-page .pd-section-head {
    margin-bottom: 20px;
  }
  .pd-page .pd-section.pd-stats-only {
    padding-top: 4px;
    padding-bottom: 28px;
  }
}

/* 笔记本矮屏：压 Hero / 区块；产品参数用手风琴 */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  .pd-page .pd-hero {
    height: 280px;
    min-height: 280px;
    padding: 64px 0 24px;
  }
  .pd-page .pd-hero h1 {
    margin-bottom: 10px;
  }
  .pd-page .pd-hero-desc {
    margin-top: 6px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .pd-page .pd-hero-actions { margin-top: 12px; }
  .pd-page .pd-section { padding: 28px 0; }
  .pd-page .pd-section-head { margin-bottom: 14px; }
  .pd-page .pd-container {
    padding-left: var(--site-gutter, 32px);
    padding-right: var(--site-gutter, 32px);
    box-sizing: border-box;
  }
  /* 产品参数：隐藏宽表，手风琴折叠（仅首项默认展开） */
  .pd-page .pd-specs-table-wrap {
    display: none !important;
  }
  .pd-page .pd-specs-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .pd-page .pd-specs-card-param {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: #f7f8fa;
    cursor: pointer;
  }
  .pd-page .pd-specs-card-param::after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-right: 1.5px solid #94a3b8;
    border-bottom: 1.5px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
  }
  .pd-page .pd-specs-card[open] .pd-specs-card-param {
    border-bottom: 1px solid #e8e8e8;
  }
  .pd-page .pd-specs-card[open] .pd-specs-card-param::after {
    margin-top: 2px;
    transform: rotate(225deg);
  }
  /* 手风琴展开行：补全左右两列，避免仅开启卡片却无 grid 导致错位 */
  .pd-page .pd-specs-card-list {
    margin: 0;
  }
  .pd-page .pd-specs-card-item {
    padding: 8px 14px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    display: grid;
    grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
    gap: 4px 12px;
    align-items: start;
  }
  .pd-page .pd-specs-card-item:last-child {
    border-bottom: 0;
  }
  .pd-page .pd-specs-card-item--merged {
    padding-top: 10px;
    grid-template-columns: 1fr;
  }
  .pd-page .pd-specs-card-item dt {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--pd-muted);
    text-align: left;
  }
  .pd-page .pd-specs-card-item dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--pd-body);
    word-break: break-word;
    text-align: left;
  }
  .pd-page .pd-specs-card-item dd .pd-specs-cell-text {
    text-align: left !important;
    -webkit-box-pack: start !important;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 700px) {
  .pd-page .pd-hero {
    height: 220px;
    min-height: 220px;
    padding: 56px 0 16px;
  }
  .pd-page .pd-section { padding: 20px 0; }
}
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 580px) {
  .pd-page .pd-hero {
    height: 220px;
    min-height: 220px;
    padding: 56px 0 16px;
  }
  .pd-page .pd-section { padding: 16px 0; }
}

/* rich text unify: 14px / #282323 */
.pd-page .pd-intro-text,
.pd-page .pd-traits .pd-traits-body {
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #282323 !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}
.pd-page .pd-intro-text :where(p, div, span, li, td, th, font, em, strong, b, i, a, label),
.pd-page .pd-traits .pd-traits-body :where(p, div, span, li, td, th, font, em, strong, b, i, a, label) {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
}
.pd-page .pd-intro-text :where(strong, b),
.pd-page .pd-traits .pd-traits-body :where(strong, b) {
  font-weight: 700 !important;
}
.pd-page .pd-intro-text :where(h1, h2, h3, h4, h5, h6),
.pd-page .pd-traits .pd-traits-body :where(h1, h2, h3, h4, h5, h6) {
  color: #282323 !important;
  font-family: inherit !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  margin: 1.1em 0 0.55em !important;
  font-weight: 700 !important;
}
.pd-page .pd-intro-text h1,
.pd-page .pd-traits .pd-traits-body h1 { font-size: 20px !important; }
.pd-page .pd-intro-text h2,
.pd-page .pd-traits .pd-traits-body h2 { font-size: 18px !important; }
.pd-page .pd-intro-text h3,
.pd-page .pd-traits .pd-traits-body h3 { font-size: 16px !important; }
.pd-page .pd-intro-text h4,
.pd-page .pd-intro-text h5,
.pd-page .pd-intro-text h6,
.pd-page .pd-traits .pd-traits-body h4,
.pd-page .pd-traits .pd-traits-body h5,
.pd-page .pd-traits .pd-traits-body h6 { font-size: 15px !important; }
.pd-page .pd-intro-text p,
.pd-page .pd-traits .pd-traits-body p { margin: 0 0 1em !important; }

/* 产品特性底部多留白（放文件末尾，避免被各断点 .pd-section padding 简写冲掉） */
.pd-page .pd-section.pd-traits { padding-bottom: 80px; }
@media (max-width: 768px) {
  .pd-page .pd-section.pd-traits { padding-bottom: 56px; }
}
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  .pd-page .pd-section.pd-traits { padding-bottom: 44px; }
}
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 700px) {
  .pd-page .pd-section.pd-traits { padding-bottom: 32px; }
}
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 580px) {
  .pd-page .pd-section.pd-traits { padding-bottom: 28px; }
}