/* ==========================================================================
   宁波图锐自动化设备有限公司 —— 官网样式
   视觉体系对齐 librids.com：容器 1620、无圆角、Jost 标题、青绿 #00C4B3
   ========================================================================== */

:root {
  /* 间距体系（与目标站一致的 Tailwind 风格刻度） */
  --spacing-1: 0.25rem;  --spacing-2: 0.5rem;   --spacing-3: 0.75rem;
  --spacing-4: 1rem;     --spacing-5: 1.25rem;  --spacing-6: 1.5rem;
  --spacing-8: 2rem;     --spacing-10: 2.5rem;  --spacing-12: 3rem;
  --spacing-16: 4rem;    --spacing-18: 4.5rem;  --spacing-20: 5rem;
  --spacing-24: 6rem;

  /* 容器 */
  --container-max-width: 1620px;
  --container-narrow-max-width: 1370px;
  --container-gutter: var(--spacing-5);
  --grid-gutter: var(--spacing-5);
  --section-outer-spacing-block: var(--spacing-12);
  --section-stack-spacing-block: var(--spacing-8);

  /* 字体 */
  --heading-font-family: "Jost", "PingFang SC", "Microsoft YaHei", sans-serif;
  --text-font-family: "Helvetica", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --heading-font-weight: 700;
  --heading-letter-spacing: -0.01em;

  /* 字号 */
  --text-h0: 2.75rem; --text-h1: 2rem;    --text-h2: 1.75rem; --text-h3: 1.375rem;
  --text-h4: 1.125rem; --text-h5: 1.125rem; --text-h6: 1rem;
  --text-xs: 0.75rem;  --text-sm: 0.8125rem; --text-base: 0.9375rem; --text-lg: 1.1875rem;

  /* 颜色 */
  --accent: 0 196 179;
  --accent-solid: #00c4b3;
  --text-primary: 39 39 39;
  --background-primary: 255 255 255;
  --text-color: var(--text-primary);
  --footer-background: #f2f2f2;
  --header-height: 124px;
  --header-part-gap: var(--spacing-6);
  --header-link-list-spacing: var(--spacing-6);
  --header-icon-list-spacing: var(--spacing-4);

  /* 首页产品横滑：每屏可见数量、间距与单列宽度 */
  --ilb-visible: 3;
  --ilb-gutter: var(--spacing-5);
  --ilb-col: 249.6px;

  /* 其他 */
  --rounded: 0rem;
  --rounded-full: 9999px;
  --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.06);
}

/* ============================ 基础 ============================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--text-font-family);
  font-size: 20px;
  line-height: 1.6;
  color: rgb(var(--text-primary));
  background: rgb(var(--background-primary));
  overflow-x: hidden;
}
img { max-width: 100%; display: block; border: 0; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
input, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  line-height: 1.1;
}
::selection { background: rgb(var(--accent)); color: #fff; }

.container { max-width: var(--container-max-width); margin-inline: auto; padding-inline: var(--container-gutter); }
.justify-center { display: flex; justify-content: center; }
.justify-items-center { display: flex; flex-direction: column; align-items: center; }
.text-center { text-align: center; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 标题字级 */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .subheading, .impact-text__text {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
}
.h0 { font-size: var(--text-h0); line-height: 1.1; }
.h1 { font-size: var(--text-h1); line-height: 1.1; }
.h4 { font-size: var(--text-h4); line-height: 1.3; }
.text-xs { font-size: var(--text-xs); }
.text-sm { font-size: var(--text-sm); }
.bold { font-weight: 700; }
.subheading { font-size: var(--text-h5); font-weight: 700; line-height: 1.4; }

/* 段落排版 */
.prose > * + * { margin-top: var(--spacing-4); }
.prose p { margin: 0; }

/* 通用区块 */
.section { padding-block: var(--section-outer-spacing-block); }
.section--full { padding-block: 0; }
.section-stack { display: grid; gap: var(--section-stack-spacing-block); min-width: 0; }
.section-stack > * { min-width: 0; }

/* 按钮 */
.button {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 0.5rem;
  background: var(--accent-solid); color: #fff;
  font-family: var(--heading-font-family); font-weight: 600;
  padding: 0.9rem 1.9rem; border-radius: var(--rounded);
  border: 2px solid var(--accent-solid);
  transition: background .25s, color .25s, box-shadow .25s;
}
.button--xl { padding: 1.05rem 2.4rem; font-size: var(--text-h5); }
.button:hover { background: transparent; color: var(--accent-solid); box-shadow: inset 0 0 0 2px var(--accent-solid); }

/* ============================ 顶部公告条 ============================ */
.announcement-bar {
  background: #1a1a1a; color: #fff; overflow: hidden;
  height: 40px; display: flex; align-items: center;
}
@media screen and (min-width: 700px) { .announcement-bar { height: 55px; } }
.announcement-track {
  display: flex; align-items: center; gap: var(--spacing-10);
  width: max-content; padding-inline: var(--spacing-5);
  animation: marquee 19.07s linear infinite;
}
.announcement-item {
  display: inline-flex; align-items: center; gap: var(--spacing-10);
  font-size: 16px; font-weight: 700; line-height: 1.7; white-space: nowrap;
  font-family: var(--text-font-family);
}
.announcement-item b { font-weight: 700; }
.shape-dot { width: 4px; height: 4px; border-radius: 9999px; background: #fff; display: block; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ============================ 头部 ============================ */
.site-header {
  position: absolute; top: 55px; left: 0; right: 0;
  z-index: 10;
  color: #fff;
}
@media screen and (max-width: 699px) { .site-header { top: 40px; } }
.site-header.is-solid {
  position: fixed; top: 0; left: 0; right: 0;
  background: rgba(255, 255, 255, .56);
  color: rgb(var(--text-primary));
  box-shadow: none;
  backdrop-filter: none;
  transition: color .25s, background .25s;
}
/* 吸顶后高度不收缩（与目标站一致） */
.site-header__wrapper {
  height: var(--header-height);
  padding: var(--spacing-6) var(--spacing-12);
  display: grid;
  grid-template-columns: minmax(0, 1fr) fit-content(70%) minmax(0, 1fr);
  align-items: center;
  gap: var(--header-part-gap, var(--spacing-10));
  transition: color .25s;
}
/* Logo：深浅两版叠放交叉淡入，避免吸顶白底时白图不可见 */
.site-header__logo { position: relative; }
.site-header__logo a { display: inline-flex; align-items: center; }
.site-header__logo img {
  width: 144px; height: auto; max-height: 120px; object-fit: contain;
  transition: opacity .25s;
}
.site-header__logo .logo-dark { position: absolute; inset: 0; opacity: 0; }
.site-header.is-solid .site-header__logo .logo-light { opacity: 0; }
.site-header.is-solid .site-header__logo .logo-dark { opacity: 1; }
.drawer__logo { width: 168px; height: auto; }
.site-logo__txt {
  font-family: var(--heading-font-family); font-weight: 700;
  font-size: 1.65rem; letter-spacing: .06em; line-height: 1;
  display: inline-flex; align-items: baseline; gap: .35rem;
}
.site-logo__txt small { font-size: .62rem; letter-spacing: .28em; font-weight: 500; opacity: .75; }
.site-logo__txt--sm { font-size: 1.35rem; }

.site-nav { display: flex; justify-content: center; }
.site-nav__list { display: flex; align-items: center; gap: var(--header-link-list-spacing, var(--spacing-10)); }
.site-nav__item { position: relative; }
.site-nav__link {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--text-font-family); font-weight: 700;
  font-size: 20px; line-height: 1.1;
  opacity: 1; transition: opacity .2s ease-in-out;
}
.site-nav__link:hover { opacity: .7; }
.site-nav__link .caret { position: relative; top: 1px; transition: none; }
.site-nav__item.has-dropdown:hover .site-nav__link { opacity: .7; }

.site-dropdown {
  position: absolute; top: 100%; left: -16px; right: auto;
  transform: translateY(8px);
  min-width: 215px; max-width: 350px;
  background: #fff; color: rgb(var(--text-primary));
  border: 0;
  box-shadow: 0 0 0 1px rgb(var(--text-primary) / .12);
  padding: 20px 28px;
  display: grid; row-gap: 12px;
  opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s;
}
.site-nav__item.has-dropdown:hover .site-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.site-dropdown a { display: block; padding: 0; font-size: 20px; font-weight: 400; line-height: 32px; }
.site-dropdown a:hover { color: var(--accent-solid); }
/* 二级 flyout（对应目标站 Applications 的两级菜单） */
.site-dropdown .has-submenu { position: relative; }
.site-dropdown .site-dropdown { top: -20px; left: 100%; transform: translateX(8px); min-width: 259px; }
.site-dropdown .has-submenu:hover > .site-dropdown { transform: translateX(0); }

.site-header__aside { display: flex; align-items: center; justify-content: flex-end; gap: var(--spacing-6); }
.icon-button { display: inline-flex; align-items: center; justify-content: center; opacity: 1; transition: opacity .2s ease-in-out; }
.icon-button:hover { opacity: .7; }
.burger { display: none; }

/* 语言切换 */
.lang-switch { position: relative; }
.lang-button { display: inline-flex; align-items: center; }
.lang-menu {
  position: absolute; top: calc(100% + 10px); right: 0; min-width: 150px;
  background: #fff; color: rgb(var(--text-primary));
  border: 1px solid rgb(var(--text-primary) / .1); padding: .4rem 0;
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.lang-switch.open .lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-menu a { display: block; padding: .45rem var(--spacing-4); font-size: var(--text-base); white-space: nowrap; }
.lang-menu a:hover, .lang-menu a.on { color: var(--accent-solid); }

/* 搜索面板 */
.search-panel {
  position: fixed; inset: 0; z-index: 60; background: rgba(255, 255, 255, .98);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s;
}
.search-panel.open { opacity: 1; visibility: visible; }
.search-panel__form { display: flex; align-items: center; gap: var(--spacing-4); width: min(760px, 88vw); border-bottom: 1px solid rgb(var(--text-primary) / .25); }
.search-panel__form input { flex: 1; border: 0; outline: none; font-size: 1.6rem; padding: .8rem 0; background: transparent; }
.search-panel__close { position: absolute; top: 28px; right: 32px; }

/* 移动端抽屉：<700px 底部升起，≥700px 左侧 412px（与目标站一致） */
.drawer {
  position: fixed; z-index: 70;
  background: #fff; color: rgb(var(--text-primary));
  padding: var(--spacing-2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 默认：底部弹层 */
  left: 0; right: 0; bottom: 0; top: auto;
  width: 100vw; max-width: 100vw; height: auto; max-height: 75vh;
  transform: translateY(102%);
  transition: transform .3s ease;
}
.drawer.open { transform: translateY(0); }
@media screen and (min-width: 700px) {
  .drawer {
    top: 0; left: 0; bottom: 0; right: auto;
    width: 412px; max-width: 100vw; height: 100%; max-height: none;
    padding: var(--spacing-4);
    transform: translateX(-102%);
  }
  .drawer.open { transform: translateX(0); }
}
.drawer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-6); }
.drawer__nav > li > a, .drawer__nav summary {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0; font-family: var(--heading-font-family); font-weight: 700; font-size: 22px; line-height: 26px;
  cursor: pointer; list-style: none;
}
.drawer__nav > li + li { margin-top: 16px; }
.drawer__nav summary::-webkit-details-marker { display: none; }
.drawer__nav details ul { padding: .5rem 0 .3rem 1rem; }
.drawer__nav details ul a { display: block; padding: .4rem 0; font-size: 17px; font-weight: 400; opacity: .8; }
/* 圆形关闭按钮：<700px 隐藏（目标只能点遮罩关闭），≥700px 48px 圆形 + hover 旋转 */
#drawerClose { display: none; }
@media screen and (min-width: 700px) {
  #drawerClose {
    display: grid; place-items: center;
    width: 48px; height: 48px; min-width: 48px;
    border: 1px solid rgb(var(--text-primary) / .12); border-radius: var(--rounded-full);
    transition: transform .2s ease-in-out;
  }
  #drawerClose:hover { transform: rotate(90deg); }
  #drawerClose svg { width: 19px; height: 19px; }
}
.drawer__lang { margin-top: var(--spacing-6); }
.drawer__label { font-size: var(--text-xs); opacity: .55; letter-spacing: .08em; text-transform: uppercase; }
.drawer__lang-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }
.drawer__lang-list a { border: 1px solid rgb(var(--text-primary) / .15); padding: .35rem .8rem; font-size: var(--text-sm); }
.drawer__lang-list a.on { border-color: var(--accent-solid); color: var(--accent-solid); }
.drawer__foot { margin-top: auto; padding-top: var(--spacing-5); border-top: 1px solid rgb(var(--text-primary) / .12); }
.drawer__contact { font-size: var(--text-base); }
.drawer__contact b { display: block; font-family: var(--heading-font-family); }
.scrim { position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 65; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.scrim.open { opacity: 1; visibility: visible; }

/* ============================ 轮播 ============================ */
.slideshow { position: relative; background: #fff; }
.slideshow__carousel { position: relative; }
.slideshow__slide { display: none; }
.slideshow__slide.is-selected { display: block; }
.content-over-media { position: relative; overflow: hidden; }
.slideshow .content-over-media { height: clamp(320px, 35.7vw, 560px); }
.content-over-media > img { width: 100%; height: 100%; object-fit: cover; }
.slideshow .prose {
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; color: #fff; padding-inline: var(--spacing-5);
  text-shadow: 0 1px 24px rgba(0, 0, 0, .35);
}
.slideshow .prose .subheading { font-size: var(--text-h5); margin-bottom: .4rem; }
.slideshow .prose .h0 { font-size: clamp(2.4rem, 5.2vw, 4.5rem); }

/* 圆形按钮 */
.circle-button {
  width: 44px; height: 44px; border-radius: var(--rounded-full);
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .25s, color .25s, border-color .25s;
}
.circle-button--lg { width: 56px; height: 56px; }
.circle-button--bordered { border: 1px solid rgba(255, 255, 255, .65); color: #fff; }
.circle-button--bordered:hover { background: #fff; color: rgb(var(--text-primary)); }
.circle-button.ring { border: 1px solid rgb(var(--text-primary) / .25); color: rgb(var(--text-primary)); }
.circle-button.ring:hover { background: rgb(var(--text-primary)); color: #fff; }
.animated-arrow { width: 22px; height: 1px; background: currentColor; position: relative; display: inline-block; }
.animated-arrow::after {
  content: ""; position: absolute; right: 0; top: -4px;
  width: 9px; height: 9px; border-top: 1px solid currentColor; border-right: 1px solid currentColor;
  transform: rotate(45deg);
}
.animated-arrow--reverse { transform: rotate(180deg); }
.slideshow__controls { position: absolute; right: var(--spacing-12); bottom: var(--spacing-12); display: flex; gap: var(--spacing-3); z-index: 3; }
.prev-next-buttons { display: flex; gap: var(--spacing-3); }

/* ============================ 大标题 ============================ */
.section--impact { text-align: center; color: rgb(var(--accent)); padding: 96px var(--spacing-12); }
.impact-text__text {
  font-family: var(--heading-font-family); font-weight: 700;
  font-size: calc(min(15vw, calc(var(--container-max-width) * 0.15)) * 0.6);
  line-height: 1; letter-spacing: -.01em;
  text-align: center; word-break: break-word;
  margin-bottom: 25.92px;
}
.text-gradient {
  background: linear-gradient(180deg, rgba(26, 26, 26, .48), rgba(23, 21, 21, .2) 98%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-fill-color: transparent;
}
.impact-text__content { margin-top: 0; }
.impact-text__content .h4 { color: rgb(var(--accent)); font-size: var(--text-h4); }

/* ============================ 产品横滑 ============================ */
.section--ilb { padding: 0 0 96px; }
.floating-controls-container { position: relative; max-width: 100%; }
.image-link-blocks {
  display: flex;
  align-items: flex-start;
  gap: var(--ilb-gutter);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-inline: auto;
  padding: 40px var(--spacing-12) 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.image-link-blocks::-webkit-scrollbar { display: none; }
.image-link-blocks__item {
  flex: 0 0 var(--ilb-col);
  min-width: 0;
  box-sizing: border-box;
  text-align: center;
  scroll-snap-align: start;
}
.image-link-blocks__inner { display: block; padding-inline: 40px; }
.image-link-blocks__inner img {
  width: 170px; max-width: 170px; aspect-ratio: 1 / 1; object-fit: fill;
  margin-inline: auto;
  transition: transform .4s ease;
}
.image-link-blocks__inner:hover img { transform: scale(1.04); }
.image-link-blocks__title {
  margin-top: 20px;
  font-family: var(--text-font-family); font-weight: 700;
  font-size: 20px; line-height: 28px; color: rgb(0, 196, 181);
  display: flex; align-items: center; justify-content: center; gap: .4rem;
  /* 参考图风格：完整显示，栏内自动换行（不截断、不溢出） */
  white-space: normal; overflow-wrap: break-word; word-break: break-word;
  text-align: center; width: 100%;
}
.circle-chevron {
  width: 20px; height: 20px; border-radius: var(--rounded-full);
  border: 1px solid currentColor; display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s, color .2s;
}
.image-link-blocks__inner:hover .circle-chevron { background: currentColor; }
.image-link-blocks__inner:hover .circle-chevron svg { stroke: #fff; }
.image-link-blocks__inquiry {
  margin-top: var(--spacing-2); border: 1px solid rgb(var(--text-primary) / .22);
  background: transparent; color: rgb(var(--text-primary) / .75);
  font-size: var(--text-xs); padding: .3rem .8rem; transition: all .2s;
}
.image-link-blocks__inquiry:hover { background: var(--accent-solid); border-color: var(--accent-solid); color: #fff; }
.floating-controls {
  position: absolute; left: var(--spacing-12); bottom: var(--spacing-6);
  display: flex; gap: var(--spacing-3); z-index: 3;
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s;
}
.floating-controls-container:hover .floating-controls { opacity: 1; visibility: visible; }
@media (hover: none) { .floating-controls { opacity: 1; visibility: visible; } }

/* ============================ 富文本 ============================ */
.section--rich { padding: 0 0 96px; }
.section--rich .rich-text__wrapper { max-width: 650px; }
.section--rich .h1 { font-size: var(--text-h1); font-weight: 700; }
.section--rich .h1 .text-custom { color: var(--accent-solid); }
.section--rich .h4 { font-size: var(--text-h4); margin-top: var(--spacing-8); color: rgb(var(--text-primary)); }

/* ============================ 全宽应用横幅 ============================ */
.section--full .content-over-media.full-bleed { display: block; height: 35.8125vw; min-height: 260px; }
.section--full .content-over-media.full-bleed img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.section--full .content-over-media.full-bleed:hover img { transform: scale(1.03); }

/* ============================ 图文左右 ============================ */
/* 图文左右：与目标站一致（左图 520px 宽叠放错落，右侧文案栏 600px） */
.section--narrow { padding-block: var(--spacing-24); }
.section--narrow .multiple-images-with-text {
  max-width: 1344px;
  margin-inline: auto; padding-inline: 0;
  display: grid; grid-template-columns: 547.5px minmax(0, 1fr);
  gap: var(--spacing-12) 112px;
  align-items: center;
}
.multiple-images-with-text__image-list {
  display: grid; align-items: center; justify-items: center;
}
.multiple-images-with-text__image-list img {
  grid-area: 1 / 1;
  width: 100%; max-width: 520px; height: auto;
  box-shadow: none;
  object-fit: cover;
}
@media screen and (min-width: 700px) {
  .multiple-images-with-text__image-list img { height: 694px; }
}
/* 目标站：选中图居中水平，非选中图 +2° 倾斜并偏移叠放 */
.multiple-images-with-text__image-list img.is-selected { z-index: 2; }
.multiple-images-with-text__image-list img:not(.is-selected) {
  transform: rotate(2deg);
  margin-top: calc(-1 * var(--spacing-8));
  margin-left: var(--spacing-8);
  z-index: 1;
}
.multiple-images-with-text__content-with-nav {
  max-width: 600px;
  display: grid; gap: var(--spacing-12);
}
.multiple-images-with-text__content-list { min-height: 480px; display: flex; flex-direction: column; justify-content: flex-end; }
.multiple-images-with-text__content-list .prose { display: none; }
.multiple-images-with-text__content-list .prose.is-selected { display: block; }
.multiple-images-with-text__content-list .subheading { color: rgb(var(--text-primary)); font-size: 20px; margin-top: 0; }
.multiple-images-with-text__content-list .h1 { font-size: var(--text-h1); line-height: 1.1; margin-top: var(--spacing-8); }
.multiple-images-with-text__content-list p { margin-top: var(--spacing-8); font-size: 20px; line-height: 1.6; }
.multiple-images-with-text__content-list .button {
  margin-top: var(--spacing-8);
  font-size: 20px; font-weight: 700;
  padding: 17px 40px;
  border: 0;
  box-shadow: none;
}
.multiple-images-with-text__content-list .button:hover {
  background: var(--accent-solid); color: #fff;
  box-shadow: inset 0 0 0 2px var(--accent-solid);
}
.multiple-images-with-text__content-with-nav .prev-next-buttons { margin-top: 0; width: 112px; }




/* ============================ 应用页：场景展示 / 视频 ============================ */
.apps-showcase { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--spacing-12); margin-top: var(--spacing-16); align-items: start; }
.video-frame {
  position: relative; aspect-ratio: 16 / 9; background: #101314; color: rgba(255,255,255,.72);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--spacing-4);
  padding: var(--spacing-8); text-align: center; font-size: var(--text-base);
}
.video-frame__play {
  width: 72px; height: 72px; border-radius: var(--rounded-full);
  border: 2px solid #fff; position: relative;
}
.video-frame__play::after {
  content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%);
  border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent;
}
.apps-showcase__points li { padding: var(--spacing-5) 0; border-top: 1px solid rgb(var(--text-primary) / .12); }
.apps-showcase__points li:last-child { border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.apps-showcase__points b { display: block; font-family: var(--heading-font-family); font-size: var(--text-h5); margin-bottom: .35rem; }
.apps-showcase__points span { font-size: var(--text-base); color: rgb(var(--text-primary) / .72); }
@media screen and (max-width: 999px) { .apps-showcase { grid-template-columns: 1fr; gap: var(--spacing-8); } }

/* ============================ 技术支持页：资料下载 / FAQ ============================ */
.support-docs, .support-faq { margin-top: var(--spacing-16); }
.doc-row {
  display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto;
  align-items: center; gap: var(--spacing-4);
  padding: var(--spacing-5) 0; border-bottom: 1px solid rgb(var(--text-primary) / .12);
  font-size: var(--text-base);
}
.doc-row:hover { color: var(--accent-solid); }
.doc-row__ico { width: 20px; height: 24px; border: 1.5px solid currentColor; position: relative; }
.doc-row__ico::after { content: ''; position: absolute; right: -1.5px; top: -1.5px; border-width: 0 8px 8px 0; border-style: solid; border-color: transparent #fff transparent transparent; }
.doc-row__d { color: rgb(var(--text-primary) / .55); font-size: var(--text-sm); }
.doc-row__dl { color: var(--accent-solid); font-weight: 700; font-size: var(--text-sm); }
.faq-item { border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.faq-item summary {
  cursor: pointer; list-style: none; padding: var(--spacing-5) 0;
  font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-h5);
  display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; font-size: 26px; font-weight: 400; color: rgb(var(--text-primary) / .45); }
.faq-item[open] summary::after { content: '−'; color: var(--accent-solid); }
.faq-item__body { padding: 0 0 var(--spacing-6); font-size: var(--text-base); color: rgb(var(--text-primary) / .78); line-height: 1.8; }

/* ============================ PDP 图库增强（左右翻页 / 计数 / 指示点 / 灯箱翻页） ============================ */
.product-gallery__main { position: relative; }
.pdp-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; background: #fff; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
.pdp-nav--prev { left: var(--spacing-4); }
.pdp-nav--next { right: var(--spacing-4); }
.product-gallery:hover .pdp-nav { opacity: 1; visibility: visible; }
@media (hover: none) { .pdp-nav { opacity: 1; visibility: visible; } }
.pdp-counter {
  position: absolute; bottom: var(--spacing-4); left: 50%; transform: translateX(-50%);
  background: rgba(0, 0, 0, .45); color: #fff; font-size: var(--text-sm);
  padding: .25rem .7rem; border-radius: var(--rounded-full); letter-spacing: .04em;
}
.pdp-dots { display: none; }
.pdp-dot { width: 8px; height: 8px; border-radius: var(--rounded-full); background: rgb(var(--text-primary) / .25); }
.pdp-dot.is-on { background: var(--accent-solid); }
@media screen and (max-width: 999px) {
  .pdp-nav, .pdp-counter { display: none; }
  .pdp-dots { display: flex; gap: 8px; justify-content: center; margin-top: var(--spacing-3); }
}
.lightbox__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 56px; height: 56px; border-radius: var(--rounded-full);
  border: 2px solid #fff; color: #fff; display: grid; place-items: center;
  opacity: .85; transition: opacity .2s, background .2s;
}
.lightbox__nav:hover { opacity: 1; background: rgba(255, 255, 255, .15); }
.lightbox__nav--prev { left: 32px; }
.lightbox__nav--next { right: 32px; }
.lightbox__counter {
  position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%);
  color: #fff; font-size: var(--text-base); letter-spacing: .08em;
}
.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(0, 0, 0, .92); display: flex; align-items: center; justify-content: center; }
.lightbox img { max-width: 92vw; max-height: 88vh; }
.lightbox__close { position: absolute; top: 24px; right: 28px; color: #fff; opacity: .85; }
.lightbox__close:hover { opacity: 1; }


/* ============================ 列表页（对齐目标站 collection 模板） ============================ */
.page-hero--collection { min-height: 520px; height: 520px; display: flex; align-items: flex-start; justify-content: center; text-align: center; padding: calc(var(--header-height) + 48px) 0 56px; background: #14181a; color: #fff; }
.page-hero--collection .page-hero__bg { opacity: .7; }
.page-hero--collection::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,14,16,.45), rgba(12,14,16,.72)); }
.page-hero--collection .page-hero__inner { padding-inline: var(--spacing-12); position: relative; z-index: 2; }
.page-hero--collection h1 { font-size: var(--text-h2); margin-top: 0; color: #fff; text-shadow: 0 2px 24px rgba(0,0,0,.45); }
.page-hero--collection p { color: rgba(255,255,255,.86); text-shadow: 0 1px 16px rgba(0,0,0,.5); }
.page-hero--collection .breadcrumb { color: rgba(255,255,255,.7); margin-top: var(--spacing-4); justify-content: center; }
.page-hero--collection .breadcrumb a { color: rgba(255,255,255,.7); }
.page-body--list { padding: 32px 0 96px; }
.list-tabs { display: flex; flex-wrap: wrap; gap: var(--spacing-6); padding-bottom: var(--spacing-6); margin-bottom: var(--spacing-8); border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.list-tabs a { font-size: var(--text-base); color: rgb(var(--text-primary) / .62); }
.list-tabs a:hover, .list-tabs a.on { color: var(--accent-solid); }
.list-tabs a.on { font-weight: 700; }
.page-body--list .card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.page-body--list .card { display: flex; flex-direction: column; }
.page-body--list .card__thumb { aspect-ratio: 1 / 1; }
.page-body--list .card__body h3 { font-size: var(--text-h5); line-height: 1.35; }
.page-body--list .card__body h3 a { display: block; min-height: 3.0em; }
.page-body--list .card__body p { font-size: var(--text-base); color: rgb(var(--text-primary) / .62); }
@media screen and (max-width: 999px) {
  .page-body--list .card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 599px) {
  .page-body--list .card-grid--3 { grid-template-columns: 1fr; }
}

/* ============================ 搜索页（对齐目标站 /search） ============================ */
.search-hero { padding: 96px 0 64px; background: #f2f2f2; text-align: center; }
.search-hero__title { font-size: var(--text-h2); font-weight: 700; line-height: 1.1; margin-bottom: var(--spacing-8); }
.search-hero__form {
  display: flex; align-items: center; gap: var(--spacing-4);
  max-width: 640px; margin-inline: auto; padding-bottom: 12px;
  border-bottom: 1px solid rgb(var(--text-primary) / .25);
}
.search-hero__form input[type=search] {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font-size: 28px; font-weight: 700; padding: 0; color: inherit;
}
.search-hero__form input[type=search]::placeholder { color: rgb(var(--text-primary) / .35); font-weight: 400; }
.search-hero__form .circle-button { width: 44px; height: 44px; }
.search-hero__form .button { padding: 14px 32px; font-size: 18px; }
.page-body--search { padding: 64px 0 96px; }
.search-layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: var(--spacing-12); align-items: start; }
.search-facets { position: sticky; top: 100px; }
.search-facets__group + .search-facets__group { margin-top: var(--spacing-6); padding-top: var(--spacing-6); border-top: 1px solid rgb(var(--text-primary) / .1); }
.search-facets__title { font-size: var(--text-base); font-weight: 700; margin-bottom: var(--spacing-3); }
.search-facets__opt { display: flex; align-items: center; gap: .5rem; font-size: var(--text-base); color: rgb(var(--text-primary) / .75); padding: .3rem 0; cursor: pointer; }
.search-facets__list li { cursor: pointer; font-size: var(--text-base); color: rgb(var(--text-primary) / .7); padding: .35rem 0; }
.search-facets__list li:hover, .search-facets__list li.is-on { color: var(--accent-solid); }
.search-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4); padding-bottom: var(--spacing-5); border-bottom: 1px solid rgb(var(--text-primary) / .12); margin-bottom: var(--spacing-8); }
.search-toolbar__count { font-size: var(--text-base); color: rgb(var(--text-primary) / .7); }
.search-toolbar__sort { font-size: var(--text-base); color: rgb(var(--text-primary) / .7); display: inline-flex; align-items: center; gap: .5rem; }
.search-toolbar__sort select { border: 1px solid rgb(var(--text-primary) / .2); padding: .4rem .6rem; font-size: var(--text-base); background: #fff; }
.card__cat { font-size: var(--text-xs); letter-spacing: .06em; text-transform: uppercase; color: var(--accent-solid); margin-bottom: .3rem; }
@media screen and (max-width: 999px) {
  .search-layout { grid-template-columns: 1fr; gap: var(--spacing-8); }
  .search-facets { position: static; }
  .search-hero { padding: 64px 0 40px; }
  .search-hero__form input[type=search] { font-size: 22px; }
}

/* ============================ 页脚（与目标站一致：单行版权条） ============================ */
.site-footer { background: var(--footer-background); color: rgb(var(--text-primary)); margin-top: 0; }
.site-footer__container { max-width: var(--container-max-width); margin-inline: auto; padding: 63px var(--spacing-12); }
.site-footer__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-5); flex-wrap: wrap; }
.site-footer__copy { font-size: 18px; color: rgb(var(--text-primary) / .7); }
.site-footer__copy a { color: rgb(var(--text-primary) / .7); }
.site-footer__copy a:hover { color: var(--accent-solid); }
.site-footer__meta { display: flex; gap: var(--spacing-5); flex-wrap: wrap; }
.site-footer__meta a { font-size: var(--text-sm); color: rgb(var(--text-primary) / .7); }
.site-footer__meta a:hover { color: var(--accent-solid); }

/* ============================ 询价清单抽屉（对应目标站购物车抽屉） ============================ */
.inquiry-drawer {
  position: fixed; top: 0; right: 0; bottom: 0;
  /* 对齐目标站抽屉：桌面 510px / 内边距 16px */
  width: min(510px, 100vw); z-index: 75;
  padding: var(--spacing-4);
  background: #fff; color: rgb(var(--text-primary));
  display: flex; flex-direction: column;
  box-shadow: -12px 0 40px rgba(0, 0, 0, .10);
  transform: translateX(102%); transition: transform .32s ease;
  box-shadow: -8px 0 40px rgba(0, 0, 0, .12);
}
.inquiry-drawer.open { transform: translateX(0); }
.inquiry-drawer__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-4);
  border-bottom: 1px solid rgb(var(--text-primary) / .1);
}
#inquiryClose {
  width: 36px; height: 36px; min-width: 36px;
  border-radius: var(--rounded-full);
  border: 1px solid rgb(var(--text-primary) / .12);
  display: grid; place-items: center;
  transition: transform .2s ease-in-out, background .2s;
}
#inquiryClose:hover { background: #f2f2f2; transform: rotate(90deg); }
.inquiry-drawer__head b { font-family: var(--heading-font-family); font-size: var(--text-h5); }
.inquiry-drawer__body { flex: 1; overflow-y: auto; padding: var(--spacing-5) var(--spacing-3); display: flex; flex-direction: column; }
.inquiry-drawer__body .inquiry-drawer__empty { margin: auto; text-align: center; max-width: 22em; line-height: 1.7; }
.inquiry-drawer__body .inquiry-list { width: 100%; }
.inquiry-drawer__empty { font-size: var(--text-base); color: rgb(var(--text-primary) / .55); }
.inquiry-list li {
  display: grid; grid-template-columns: 64px 1fr auto; gap: var(--spacing-4);
  align-items: center; padding: var(--spacing-4) 0;
  border-bottom: 1px solid rgb(var(--text-primary) / .08);
}
.inquiry-list img { width: 64px; height: 64px; object-fit: cover; background: #f4f4f4; }
.inquiry-list a { font-size: var(--text-base); font-weight: 700; }
.inquiry-list a:hover { color: var(--accent-solid); }
.inquiry-list small { display: block; font-size: var(--text-xs); color: rgb(var(--text-primary) / .5); margin-top: .2rem; }
.inquiry-list button { color: rgb(var(--text-primary) / .4); font-size: 18px; line-height: 1; }
.inquiry-list button:hover { color: #c0392b; }


/* ============================ 商品卡 hover 浮出快捷操作 ============================ */
.card--hover { position: relative; }
.card--hover .card__thumb { position: relative; }
.card--hover .card__actions {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: var(--spacing-3) var(--spacing-4);
  background: rgba(255, 255, 255, .94);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .22s, visibility .22s, transform .22s;
}
.card--hover:hover .card__actions { opacity: 1; visibility: visible; transform: translateY(0); }
@media (hover: none) {
  .card--hover .card__actions { position: static; opacity: 1; visibility: visible; transform: none; background: transparent; padding: 0; }
}
/* 卡片信息区在 hover 时给底部留出空间，避免遮挡 */
.card--hover { overflow: hidden; }

/* ============================ 询盘页（对应目标站 /cart） ============================ */
.page-body--inquiry .container { max-width: 1200px; }
.inquiry__title { font-size: var(--text-h1); margin-bottom: var(--spacing-10); }
.inquiry__empty { text-align: center; padding: var(--spacing-16) 0; border-top: 1px solid rgb(var(--text-primary) / .12); border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.inquiry__empty p { font-size: var(--text-lg); color: rgb(var(--text-primary) / .7); margin-bottom: var(--spacing-6); }
.inquiry__table { width: 100%; border-collapse: collapse; }
.inquiry__table th {
  text-align: left; font-size: var(--text-base); font-weight: 700;
  padding: var(--spacing-4) var(--spacing-3);
  border-bottom: 1px solid rgb(var(--text-primary) / .3);
}
.inquiry__table td {
  padding: var(--spacing-5) var(--spacing-3); vertical-align: middle;
  border-bottom: 1px solid rgb(var(--text-primary) / .1); font-size: var(--text-base);
}
.inquiry__table td.inquiry__cell-device { display: flex; align-items: center; gap: var(--spacing-4); }
.inquiry__table img { width: 96px; height: 96px; object-fit: cover; background: #f4f4f4; flex: none; }
.inquiry__table a.inquiry__name { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-lg); }
.inquiry__table a.inquiry__name:hover { color: var(--accent-solid); }
.inquiry__table .inquiry__remove { font-size: var(--text-base); color: rgb(var(--text-primary) / .55); text-decoration: underline; }
.inquiry__table .inquiry__remove:hover { color: #c0392b; }
.inquiry__summary { margin-top: var(--spacing-8); padding: var(--spacing-6); background: #fafafa; border: 1px solid rgb(var(--text-primary) / .1); }
.inquiry__total { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--spacing-3); }
.inquiry__total b { font-family: var(--heading-font-family); font-size: var(--text-h4); }
.inquiry__actions { display: flex; gap: var(--spacing-4); flex-wrap: wrap; margin-top: var(--spacing-6); }
.inquiry__info { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-12); margin-top: var(--spacing-16); padding-top: var(--spacing-10); border-top: 1px solid rgb(var(--text-primary) / .12); }
.inquiry__info-col h3 { font-size: var(--text-h5); margin-bottom: var(--spacing-4); }
.inquiry__steps { list-style: decimal; padding-left: 1.3rem; }
.inquiry__steps li { font-size: var(--text-base); color: rgb(var(--text-primary) / .75); margin-bottom: .5rem; }
.inquiry__contact li { font-size: var(--text-base); color: rgb(var(--text-primary) / .75); margin-bottom: .45rem; }
.inquiry__contact a:hover { color: var(--accent-solid); }
.inquiry__info-col .button { margin-top: var(--spacing-4); }
@media screen and (max-width: 999px) {
  .inquiry__info { grid-template-columns: 1fr; gap: var(--spacing-8); }
  .inquiry__table thead { display: none; }
  .inquiry__table tr { display: block; padding: var(--spacing-5) 0; border-bottom: 1px solid rgb(var(--text-primary) / .1); }
  .inquiry__table td { display: block; border: 0; padding: .35rem 0; }
  .inquiry__table td.inquiry__cell-device { display: flex; }
}
.inquiry-drawer__foot {
  padding: var(--spacing-5) var(--spacing-3) var(--spacing-3);
  border-top: 1px solid rgb(var(--text-primary) / .1);
  background: #fafafa;
}
.inquiry-drawer__sum { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--spacing-4); font-size: var(--text-base); }
.inquiry-drawer__sum b { font-family: var(--heading-font-family); font-size: var(--text-h5); }
.inquiry-drawer__foot .button { width: 100%; }
.inquiry-drawer__foot .form-tip { margin-top: var(--spacing-3); }
.inquiry-drawer__more { display: block; text-align: center; margin-top: var(--spacing-3); font-size: var(--text-sm); color: var(--accent-solid); }
.inquiry-drawer__more:hover { text-decoration: underline; }
.icon-button--badge { position: relative; }
.icon-badge {
  position: absolute; top: -6px; right: -8px; min-width: 17px; height: 17px; padding: 0 4px;
  border-radius: 9999px; background: var(--accent-solid); color: #fff;
  font-size: 11px; line-height: 17px; text-align: center; font-weight: 700;
}
.btn-inquiry {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  border: 1px solid rgb(var(--text-primary) / .3); background: transparent; color: rgb(var(--text-primary));
  font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-base);
  padding: .75rem 1.5rem; transition: background .2s, color .2s, border-color .2s;
}
.btn-inquiry:hover { background: var(--accent-solid); border-color: var(--accent-solid); color: #fff; }
.card__actions { display: flex; gap: var(--spacing-3); margin-top: var(--spacing-4); align-items: center; flex-wrap: wrap; }
.card__actions .btn-inquiry { padding: .4rem .9rem; font-size: var(--text-xs); }

/* 返回顶部 */
.to-top {
  position: fixed; right: 22px; bottom: 22px; z-index: 40;
  width: 44px; height: 44px; border-radius: var(--rounded-full);
  background: rgb(var(--text-primary)); color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s;
}
.to-top.show { opacity: 1; visibility: visible; }

/* 翻译提示 */
.translate-tip {
  position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px);
  background: rgb(var(--text-primary)); color: #fff; font-size: var(--text-sm);
  padding: .6rem 1.1rem; border-radius: 2px; z-index: 80;
  opacity: 0; visibility: hidden; transition: opacity .25s, transform .25s, visibility .25s;
}
.translate-tip.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* 滚动出现 */
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

/* ============================ 响应式 ============================ */
@media screen and (min-width: 700px) {
  :root {
    --text-h0: 3.5rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.625rem;
    --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem;
    --text-xs: 1rem; --text-sm: 1.125rem; --text-base: 1.25rem; --text-lg: 1.5rem;
    --container-gutter: 2rem; --grid-gutter: var(--spacing-6);
  }
  :root { --ilb-visible: 4; --ilb-gutter: var(--spacing-6); --ilb-col: calc((min(100vw, 1620px) - 3 * 24px) / 4); }
}
@media screen and (min-width: 1000px) {
  :root { --container-gutter: var(--spacing-12); --ilb-visible: 5; --ilb-col: calc((100vw - 4 * 24px) / 5); }
}
@media screen and (min-width: 1400px) {
  :root {
    --text-h0: 4.5rem; --text-h1: 3.5rem; --text-h2: 2.75rem; --text-h3: 2rem;
    --text-h4: 1.75rem; --text-h5: 1.375rem; --text-h6: 1.25rem;
    --ilb-col: 249.6px;
  }
}
@media screen and (min-width: 700px) {
  :root {
    --header-height: 168px;
    --header-part-gap: var(--spacing-6);
    --header-link-list-spacing: var(--spacing-6);
    --header-icon-list-spacing: var(--spacing-6);
  }
}
@media screen and (min-width: 1150px) {
  .burger { display: none !important; }
}
@media screen and (min-width: 1400px) {
  :root { --header-part-gap: var(--spacing-10); --header-link-list-spacing: var(--spacing-10); }
}
@media screen and (max-width: 1149px) {
  .site-nav { display: none; }
  .burger { display: inline-flex; grid-column: 1; justify-self: start; }
  .site-header__wrapper {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--spacing-3);
  }
  .site-header__logo { grid-column: 2; justify-self: center; }
  .site-header__aside { grid-column: 3; justify-self: end; }
  .site-header__logo img { width: 120px; }
}
@media screen and (max-width: 699px) {
  .site-header__wrapper { padding: 12px 20px; }
}
@media screen and (max-width: 999px) {
  body { font-size: 17px; }
  .section--narrow .multiple-images-with-text { grid-template-columns: 1fr; gap: var(--spacing-8); }
  :root { --ilb-visible: 3; --ilb-gutter: var(--spacing-5); --ilb-col: calc((100vw - 2 * 20px) / 3); }
  .slideshow__controls { right: var(--spacing-5); bottom: var(--spacing-5); }
}
@media screen and (max-width: 699px) {
  .image-link-blocks__inner img { width: 140px; max-width: 140px; }
  :root {
    --text-h0: 2.75rem; --text-h1: 2rem; --text-h2: 1.75rem; --text-h3: 1.375rem;
    --text-h4: 1.125rem; --text-h5: 1.125rem; --text-h6: 1rem;
    --text-xs: .75rem; --text-sm: .8125rem; --text-base: .9375rem; --text-lg: 1.1875rem;
    --section-outer-spacing-block: var(--spacing-12);
  }
  .site-header__aside { gap: var(--spacing-4); }
  .site-footer__container { padding: var(--spacing-8) var(--spacing-5); }
  :root { --ilb-visible: 2; --ilb-gutter: var(--spacing-5); --ilb-col: calc((100vw - 3 * 20px) / 2); }
}

/* ==========================================================================
   内页（列表 / 详情 / 关于 / 留言 / 搜索）
   ========================================================================== */
.page-hero {
  position: relative; overflow: hidden;
  background: #1a1a1a; color: #fff;
  padding: calc(var(--header-height) + 80px) 0 80px;
  text-align: center;
}
.page-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.page-hero__inner { position: relative; z-index: 2; max-width: var(--container-max-width); margin-inline: auto; padding-inline: var(--container-gutter); }
.page-body--product .breadcrumb { margin-bottom: 48px; }
.page-hero .eyebrow { font-family: var(--heading-font-family); font-weight: 700; color: var(--accent-solid); font-size: var(--text-h5); }
.page-hero h1 { font-size: var(--text-h1); margin-top: var(--spacing-3); }
.page-hero p { margin-top: .8rem; color: rgba(255, 255, 255, .72); font-size: var(--text-base); }
.breadcrumb { margin-top: var(--spacing-5); font-size: var(--text-sm); color: rgba(255, 255, 255, .6); display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; }
.breadcrumb a:hover { color: var(--accent-solid); }
.breadcrumb--dark { color: rgba(39, 39, 39, .55); justify-content: flex-start; margin-bottom: var(--spacing-8); }
.breadcrumb--dark a:hover { color: var(--accent-solid); }

.page-body { padding: var(--spacing-16) 0; }
.page-body--soft { background: #f7f7f7; }
.page-body .container { max-width: 1300px; }
.page-body--product { padding: 168px 0 96px; }   /* 168 + 公告条 55 = 目标站 223 */
.page-body--product .container { max-width: 100%; padding: 0 var(--spacing-12); }
.page-body--list .container { max-width: 100%; padding-inline: var(--spacing-12); }

.sec-head { text-align: center; margin-bottom: var(--spacing-10); }
.sec-head .eyebrow { color: var(--accent-solid); font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-h5); }
.sec-head h2 { font-size: var(--text-h2); margin-top: .5rem; }
.sec-head p { margin-top: .6rem; color: rgba(39, 39, 39, .6); }

/* 侧栏 + 主区 */
.list-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--spacing-12); align-items: start; }
.side-cat { border: 1px solid rgb(var(--text-primary) / .12); padding: var(--spacing-5); }
.side-cat h4 { font-size: var(--text-h5); padding-bottom: var(--spacing-4); border-bottom: 1px solid rgb(var(--text-primary) / .1); margin-bottom: var(--spacing-4); }
.side-cat > a { display: block; padding: .6rem 0; font-size: var(--text-base); border-bottom: 1px dashed rgb(var(--text-primary) / .08); }
.side-cat > a:hover, .side-cat > a.on { color: var(--accent-solid); font-weight: 700; }
.side-cat__contact li { font-size: var(--text-base); color: rgba(39, 39, 39, .72); padding: .35rem 0; }
.side-cat__tip { margin-top: var(--spacing-6); padding: var(--spacing-5); background: #f7f7f7; }
.side-cat__tip b { font-family: var(--heading-font-family); display: block; }
.side-cat__tip p { margin: .5rem 0 var(--spacing-4); font-size: var(--text-base); color: rgba(39, 39, 39, .65); }
.side-cat__tip .button { width: 100%; padding: .7rem 1rem; font-size: var(--text-base); }

/* 卡片网格 */
.card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-8); }
.card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card { display: block; border: 1px solid rgb(var(--text-primary) / .1); background: #fff; transition: border-color .25s, transform .25s; }
.card:hover { border-color: var(--accent-solid); transform: translateY(-3px); }
.card__thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #f4f4f4; }
.card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.card:hover .card__thumb img { transform: scale(1.05); }
.card__body { padding: var(--spacing-5); }
.card__body h3 { font-size: var(--text-h5); }
.card__body p { margin-top: .5rem; font-size: var(--text-base); color: rgba(39, 39, 39, .62); }
.card__body .date { font-size: var(--text-xs); color: rgba(39, 39, 39, .45); margin-top: .6rem; display: block; }
.card__more { display: inline-flex; align-items: center; gap: .4rem; margin-top: var(--spacing-4); font-size: var(--text-sm); color: var(--accent-solid); }

.pagination { display: flex; gap: .5rem; justify-content: center; margin-top: var(--spacing-12); flex-wrap: wrap; }
.pagination a, .pagination span {
  min-width: 40px; height: 40px; padding: 0 .8rem;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgb(var(--text-primary) / .15); font-size: var(--text-sm);
}
.pagination .current, .pagination a:hover { border-color: var(--accent-solid); color: var(--accent-solid); }

/* 文章详情 */
.detail { max-width: 980px; margin-inline: auto; }
.detail__title { font-size: var(--text-h1); line-height: 1.25; }
.detail__meta { margin-top: var(--spacing-4); font-size: var(--text-sm); color: rgba(39, 39, 39, .5); display: flex; gap: 1.2rem; flex-wrap: wrap; }
.detail__content { margin-top: var(--spacing-8); font-size: 1.0625rem; line-height: 1.85; }
.detail__content img { margin: var(--spacing-5) auto; }
.detail__content h2, .detail__content h3 { margin: var(--spacing-8) 0 var(--spacing-4); }
.detail__content p { margin-bottom: var(--spacing-4); }
.detail__content ul { list-style: disc; padding-left: 1.4rem; margin-bottom: var(--spacing-4); }
.detail__content ol { list-style: decimal; padding-left: 1.4rem; margin-bottom: var(--spacing-4); }
.detail__content li { margin-bottom: .35rem; }
.detail__content table { width: 100%; border-collapse: collapse; margin: var(--spacing-5) 0; }
.detail__content th, .detail__content td { border: 1px solid rgb(var(--text-primary) / .12); padding: .7rem .9rem; text-align: left; font-size: var(--text-base); }
.detail__content th { background: #f7f7f7; font-weight: 700; }
.detail-nav { margin-top: var(--spacing-10); padding-top: var(--spacing-5); border-top: 1px solid rgb(var(--text-primary) / .1); display: flex; justify-content: space-between; gap: var(--spacing-5); font-size: var(--text-base); }
.detail-nav > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 48%; }
.detail-nav a { color: var(--accent-solid); }

/* 产品详情（版式对齐目标站：713px 图库 + 583px 信息栏） */
.product-detail { display: grid; grid-template-columns: 713px 583px; gap: 48px; align-items: start; }
.product-gallery { display: grid; grid-template-columns: 64px 1fr; gap: var(--spacing-3) var(--spacing-12); align-items: start; }
.product-gallery__thumbs { display: grid; gap: var(--spacing-2); max-height: 640px; overflow-y: auto; scrollbar-width: none; }
.product-gallery__thumbs::-webkit-scrollbar { display: none; }
.product-gallery__thumbs button {
  width: 64px; height: 64px; border: 1px solid transparent; background: #f7f7f7; padding: 0; overflow: hidden;
  transition: border-color .2s;
}
.product-gallery__thumbs button:hover { border-color: rgb(var(--text-primary) / .3); }
.product-gallery__thumbs button.is-selected { border-color: rgb(var(--text-primary)); }
.product-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery__main { position: relative; background: transparent; }
.product-gallery__main { height: 601px; }
.product-gallery__main img { width: 100%; height: 601px; object-fit: contain; }
.circle-button--fill { background: rgb(var(--text-primary)); color: #fff; border: 0; }
.circle-button--fill:hover { background: var(--accent-solid); }
.product-gallery__main .circle-button { position: absolute; right: 20px; bottom: 20px; }

.product-detail__info { max-width: 583px; }
.product-info__vendor { font-size: var(--text-base); color: rgb(var(--text-primary) / .62); }
.product-info__title { font-size: 44px; font-weight: 700; line-height: 1.15; margin-top: var(--spacing-3); }
.product-info__price { margin-top: 21px; font-size: 20px; line-height: 1.9; color: rgb(var(--text-primary)); }
.product-info__desc { margin-top: 32px; font-size: 20px; line-height: 1.6; color: rgb(var(--text-primary)); }
.product-info__desc p { margin-bottom: var(--spacing-5); }
.product-info__desc strong, .product-info__desc b { font-weight: 700; }
.product-info__variants { margin-top: var(--spacing-6); }
.product-info__label { font-size: var(--text-base); color: rgb(var(--text-primary) / .7); margin-bottom: var(--spacing-3); }
.variant-list { display: flex; gap: var(--spacing-3); flex-wrap: wrap; }
.variant-list button {
  border: 1px solid rgb(var(--text-primary) / .25); background: #fff; color: inherit;
  padding: 12px 24px; font-size: 20px; line-height: 24px; transition: border-color .2s;
}
.variant-list button:hover { border-color: rgb(var(--text-primary) / .6); }
.variant-list button.is-selected { border-color: rgb(var(--text-primary)); border-width: 2px; padding: 11px 23px; }
.product-detail__btns { margin-top: var(--spacing-8); display: flex; gap: var(--spacing-4); flex-wrap: wrap; }

/* 图片放大遮罩样式见文件末尾的 .lightbox 定义（深色全屏） */
.button--ghost { background: transparent; color: rgb(var(--text-primary)); border-color: rgb(var(--text-primary) / .25); }
.button--ghost:hover { background: rgb(var(--text-primary)); color: #fff; box-shadow: none; }

/* 详情 Tab */
.detail-tabs { margin-top: var(--spacing-16); }
.dt-nav { display: flex; gap: var(--spacing-8); border-bottom: 1px solid rgb(var(--text-primary) / .12); flex-wrap: wrap; }
.dt-nav button {
  padding: .9rem 0; font-family: var(--heading-font-family); font-weight: 700;
  font-size: var(--text-h5); color: rgba(39, 39, 39, .5);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.dt-nav button.on { color: rgb(var(--text-primary)); border-bottom-color: var(--accent-solid); }
.dt-panel { display: none; padding-top: var(--spacing-8); }
.dt-panel.on { display: block; }

.spec-list { margin: 0; display: grid; gap: 0; border-top: 1px solid rgb(var(--text-primary) / .12); }
.spec-list__row { display: grid; grid-template-columns: 240px 1fr; border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.spec-list__row dt { padding: .85rem 1rem; background: #f7f7f7; font-weight: 700; font-size: var(--text-base); }
.spec-list__row dd { padding: .85rem 1rem; font-size: var(--text-base); }

/* 关于我们 / 数据 / 时间轴 */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-12); align-items: center; }
.about-grid img { width: 100%; height: auto; }
.about-text h2 { font-size: var(--text-h2); }
.about-text p { margin-top: var(--spacing-4); font-size: 1.0625rem; line-height: 1.85; color: rgba(39, 39, 39, .8); }
.stat-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-8); margin-top: var(--spacing-12); text-align: center; }
.stat-row b { display: block; font-family: var(--heading-font-family); font-size: var(--text-h1); color: var(--accent-solid); }
.stat-row span { font-size: var(--text-base); color: rgba(39, 39, 39, .62); }
.timeline { margin-top: var(--spacing-12); border-left: 2px solid rgb(var(--text-primary) / .12); padding-left: var(--spacing-8); display: grid; gap: var(--spacing-8); }
.timeline__item b { font-family: var(--heading-font-family); color: var(--accent-solid); font-size: var(--text-h5); }
.timeline__item p { margin-top: .3rem; color: rgba(39, 39, 39, .75); }

/* 表单 */
.form-card { max-width: 820px; margin-inline: auto; border: 1px solid rgb(var(--text-primary) / .12); padding: var(--spacing-10); }
.list-main .form-card { margin-inline: 0; max-width: none; }
.form-row { margin-bottom: var(--spacing-5); }
.form-row label { display: block; font-size: var(--text-base); font-weight: 700; margin-bottom: .45rem; font-family: var(--heading-font-family); }
.form-row .req { color: var(--accent-solid); }
.form-row input, .form-row textarea, .form-row select {
  width: 100%; border: 1px solid rgb(var(--text-primary) / .2); padding: .8rem 1rem;
  font-size: var(--text-base); background: #fff; outline: none; transition: border-color .2s;
}
.form-row input:focus, .form-row textarea:focus { border-color: var(--accent-solid); }
.form-row textarea { min-height: 150px; resize: vertical; }
.form-row--code { display: flex; gap: var(--spacing-4); align-items: flex-end; }
.form-row--code img { height: 46px; cursor: pointer; border: 1px solid rgb(var(--text-primary) / .2); }
.form-tip { font-size: var(--text-sm); color: rgba(39, 39, 39, .55); margin-top: .8rem; }
.msg-record { margin-top: var(--spacing-12); }
.msg-record h3 { font-size: var(--text-h5); margin-bottom: var(--spacing-5); }
.msg-record__item { border: 1px solid rgb(var(--text-primary) / .1); padding: var(--spacing-5); margin-bottom: var(--spacing-4); }
.msg-record__item b { font-size: var(--text-base); }
.msg-record__item .date { font-size: var(--text-xs); color: rgba(39, 39, 39, .45); margin-left: .6rem; }
.msg-record__item p { margin-top: .5rem; font-size: var(--text-base); color: rgba(39, 39, 39, .7); }
.msg-record__reply { background: #f7f7f7; padding: var(--spacing-4); }

/* 搜索 */
.search-form-top { display: flex; gap: var(--spacing-4); max-width: 640px; margin: 0 auto var(--spacing-10); }
.search-form-top input { flex: 1; border: 1px solid rgb(var(--text-primary) / .2); padding: .9rem 1.1rem; font-size: var(--text-base); outline: none; }
.search-form-top input:focus { border-color: var(--accent-solid); }
.empty-tip { text-align: center; padding: var(--spacing-16) 0; color: rgba(39, 39, 39, .5); }


/* ============================ 移动端修正（对齐目标站 390 视口） ============================ */
/* 目标站：<700px 容器内边距 20px（--container-gutter: --spacing-2-5） */
@media screen and (max-width: 699px) {
  :root { --container-gutter: 20px; }
  .container,
  .site-footer__container,
  .page-body--product .container,
  .page-body--list .container,
  .page-search .container { padding-inline: 20px; }

  /* 首屏与横滑：目标站移动端 hero 520px */
  .slideshow .content-over-media { height: 520px; }
  .site-footer__container { padding: 36px 20px; }
  .site-footer__bar { flex-direction: column; align-items: flex-start; gap: 10px; }
  .site-footer__copy { font-size: 14px; line-height: 1.5; }
  .site-footer__meta { gap: 12px; }
  .site-footer__meta a { font-size: 13px; }

  /* 横滑条目：目标站移动端约 150px 图、列宽 168px */
  .image-link-blocks { padding: 0 20px; }
  .image-link-blocks__inner { padding-inline: 8px; }
  .image-link-blocks__inner img { width: 150px; max-width: 150px; }
  .image-link-blocks__title { font-size: 17px; line-height: 26px; }

  /* 详情页顶部与图库 */
  .page-body--product { padding: 164px 0 64px; }
  .page-body--product .breadcrumb { margin-bottom: 24px; }
  .product-gallery__main, .product-gallery__main img { height: auto; }
  .product-gallery__main img { aspect-ratio: 1 / 1; }
  .product-gallery { gap: var(--spacing-3) 0; }
  .pdp-dots { margin-top: 8px; }
  .product-gallery__thumbs { grid-auto-columns: 56px; }
  .product-gallery__thumbs button { width: 56px; height: 56px; }
  .product-info__title { font-size: 30px; }

  /* 详情页区块上边距收窄 */
  .detail-tabs { margin-top: var(--spacing-10); }
  .page-hero--collection { min-height: 360px; height: 360px; padding: calc(var(--header-height) + 24px) 0 32px; }
  .page-hero--collection h1 { font-size: 30px; }
  .page-body--list { padding: 24px 0 64px; }
}

/* 目标站移动端商品网格为 2 列（390 视口实测 171px/张，间距 8px） */
@media screen and (max-width: 699px) {
  .card-grid, .card-grid--2, .card-grid--3,
  .page-body--list .card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  .page-body--list .card__body { padding: var(--spacing-3) var(--spacing-3); }
  .page-body--list .card__body h3 { font-size: 16px; }
  .page-body--list .card__body h3 a { min-height: 0; }
  .page-body--list .card__body p { display: none; }
  .card__more span, .card__more svg { display: none; }
  .card__more { font-size: 14px; }
}


/* 移动端全宽横幅：保留左侧文字卡（object-position 靠左）+ 提高可视高度 */
@media screen and (max-width: 699px) {
  .section--full .content-over-media.full-bleed { height: 320px; }
  .section--full .content-over-media > img { object-position: left center; }
}


/* 平板（700–999）：页脚恢复单行（目标 157px） */
@media screen and (min-width: 700px) {
  .site-footer__bar { flex-direction: row; align-items: center; gap: var(--spacing-5); }
  .site-footer__container { padding: 63px var(--spacing-12); }
}

/* 兜底：禁止任何元素把页面撑出横向滚动 */
html { overflow-x: hidden; }
body { overflow-x: clip; }

@media screen and (max-width: 999px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-grid { grid-template-columns: 1fr; }
  .stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spec-list__row { grid-template-columns: 1fr; }
  .list-layout { grid-template-columns: 1fr; }
  .product-detail { grid-template-columns: 1fr; gap: var(--spacing-8); }
  .product-detail__info { max-width: none; }
  .product-gallery { grid-template-columns: 1fr; }
  .product-gallery__thumbs { grid-auto-flow: column; grid-auto-columns: 64px; max-height: none; overflow-x: auto; }
  .product-info__title { font-size: var(--text-h1); }
  .page-hero { padding: calc(var(--header-height) + 40px) 0 50px; }
}
@media screen and (max-width: 599px) {
  .card-grid, .card-grid--3, .card-grid--2 { grid-template-columns: 1fr; }
  .form-card { padding: var(--spacing-5); }
  .detail-nav { flex-direction: column; }
  .detail-nav > div { max-width: 100%; white-space: normal; }
}

/* ============================ 收尾覆盖：页脚断点 ============================ */
@media screen and (min-width: 700px) {
  .site-footer__bar { flex-direction: row !important; align-items: center !important; gap: var(--spacing-5) !important; flex-wrap: nowrap !important; }
  .site-footer__copy { font-size: 15px !important; line-height: 1.5 !important; white-space: normal; }
  .site-footer__meta { gap: 16px !important; flex-wrap: nowrap !important; }
  .site-footer__meta a { font-size: 14px !important; }
}
/* 平板：内边距略小，页脚总高接近目标 157px */
@media screen and (min-width: 700px) and (max-width: 999px) {
  .site-footer__container { padding: 48px var(--spacing-8) !important; }
}
@media screen and (min-width: 1000px) {
  .site-footer__container { padding: 63px var(--spacing-12) !important; }
  .site-footer__copy { font-size: 18px !important; }
  .site-footer__meta a { font-size: var(--text-sm) !important; }
}

/* ============================ 内容单页版块（对齐目标站 page 模板） ============================ */
/* 头图：满宽 516px（目标 image-with-text-overlay） */
.page-hero--page {
  min-height: 516px; height: 516px; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 0; background: #14181a; color: #fff; position: relative; overflow: hidden;
}
.page-hero--page .page-hero__bg { opacity: .62; }
.page-hero--page::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(12,14,16,.35), rgba(12,14,16,.66));
}
.page-hero--page .page-hero__inner { position: relative; z-index: 2; padding-inline: var(--spacing-12); }
.page-hero--page h1 { font-size: var(--text-h1); color: #fff; }
.page-hero--page .eyebrow { color: var(--accent-solid); font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-h5); }
.page-hero--page p { color: rgba(255,255,255,.86); }
.page-pos { padding: 24px 0 0; }
.page-pos .container { max-width: 100%; padding-inline: var(--spacing-12); }

/* 正文：居中窄栏（目标 rich-text 内容宽约 750–960） */
.section--page-rich { padding: 72px 0 96px; }
.prose--page { max-width: 960px; margin-inline: auto; padding-inline: var(--spacing-12); font-size: 20px; line-height: 1.85; color: rgb(var(--text-primary)); }
.prose--page p { margin-bottom: var(--spacing-5); }
.prose--page h2 { font-size: var(--text-h2); margin: var(--spacing-10) 0 var(--spacing-4); }
.prose--page h3 { font-size: var(--text-h3); margin: var(--spacing-8) 0 var(--spacing-3); }
.prose--page ul { list-style: disc; padding-left: 1.4rem; margin-bottom: var(--spacing-5); }
.prose--page ol { list-style: decimal; padding-left: 1.4rem; margin-bottom: var(--spacing-5); }
.prose--page li { margin-bottom: .4rem; }
.prose--page img { margin: var(--spacing-6) auto; }
.prose--page table { width: 100%; border-collapse: collapse; margin: var(--spacing-6) 0; }
.prose--page th, .prose--page td { border: 1px solid rgb(var(--text-primary) / .12); padding: .7rem .9rem; text-align: left; font-size: var(--text-base); }
.prose--page th { background: #f7f7f7; font-weight: 700; }

/* 视频版块 */
.section--page-video { padding: 0 0 96px; }
.section--page-video .container { max-width: 100%; padding-inline: var(--spacing-12); }
.video-block { max-width: 1344px; margin-inline: auto; }
.video-block iframe { width: 100%; aspect-ratio: 16 / 9; display: block; border: 0; }
.video-block .video-frame { aspect-ratio: 16 / 9; }

/* 三列卖点（目标 multi-column 909px） */
.section--page-cols { padding: 0 0 96px; background: #fff; }
.section--page-cols .container { max-width: 100%; padding-inline: var(--spacing-12); }
.cols-head { text-align: center; margin-bottom: var(--spacing-10); }
.cols-head .eyebrow { color: var(--accent-solid); font-family: var(--heading-font-family); font-weight: 700; font-size: var(--text-h5); }
.cols-head h2 { font-size: var(--text-h2); margin-top: .4rem; }
.cols-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-8); }
.cols-grid > li { background: #f7f7f7; padding: var(--spacing-8); }
.cols-grid > li img, .cols-grid > li .cols-ico { width: 100%; aspect-ratio: 4 / 3; background: #e9e9e9; margin-bottom: var(--spacing-5); display: block; }
.cols-grid > li b { display: block; font-family: var(--heading-font-family); font-size: var(--text-h4); margin-bottom: .5rem; }
.cols-grid > li span { font-size: var(--text-base); color: rgb(var(--text-primary) / .72); }

/* 场景图文叠加（目标 720px） */
.section--page-overlay { padding: 0; }
.page-overlay-media { height: 720px; }
.page-overlay-media img { width: 100%; height: 100%; object-fit: cover; }
.page-overlay-text {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, rgba(12,14,16,.25), rgba(12,14,16,.55)); color: #fff; text-align: center;
}
.page-overlay-text h2 { font-size: var(--text-h2); color: #fff; padding-inline: var(--spacing-8); }

/* 联系我们 / 应用方案 / 技术支持 版块容器 */
.section--page-contact, .section--page-apps, .section--page-support { padding: 0 0 96px; }
.section--page-contact .container, .section--page-apps .container, .section--page-support .container { max-width: 100%; padding-inline: var(--spacing-12); }
.section--page-apps .apps-showcase__points { max-width: 900px; }
.section--page-support .container { max-width: 1000px; padding-inline: var(--spacing-12); }
.section--page-support .support-docs, .section--page-support .support-faq { margin-top: var(--spacing-10); }
.section--page-support .support-docs:first-child { margin-top: 0; }

@media screen and (max-width: 999px) {
  .page-hero--page { min-height: 380px; height: 380px; }
  .page-hero--page h1 { font-size: 30px; }
  .section--page-rich { padding: 48px 0 64px; }
  .prose--page { font-size: 17px; }
  .cols-grid { grid-template-columns: 1fr; gap: var(--spacing-5); }
  .page-overlay-media { height: 380px; }
  .video-block .video-frame { aspect-ratio: 16 / 10; }
}

/* ============================ PDP 商品营销轮播（对齐目标站 slideshow 版块） ============================ */
.pdp-slides { display: block; }
.pdp-slide {
  position: relative; width: 100%; height: 1080px; overflow: hidden; background: #14181a;
}
.pdp-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pdp-slide__overlay {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: center; gap: 12px;
  padding: 0 clamp(24px, 6vw, 96px);
  background: linear-gradient(90deg, rgba(10,12,14,.72) 0%, rgba(10,12,14,.45) 42%, rgba(10,12,14,.05) 100%);
  color: #fff;
}
.pdp-slide__overlay .eyebrow {
  font-family: var(--heading-font-family); font-weight: 700; letter-spacing: .12em;
  color: var(--accent-solid); font-size: var(--text-base);
}
.pdp-slide__title { font-size: clamp(30px, 4.4vw, 64px); line-height: 1.08; color: #fff; max-width: 16em; }
.pdp-slide__sub { font-size: var(--text-h5); color: rgba(255,255,255,.82); }

@media screen and (max-width: 999px) {
  .pdp-slide { height: 62vw; min-height: 300px; }
  .pdp-slide__overlay { background: linear-gradient(180deg, rgba(10,12,14,.35), rgba(10,12,14,.75)); }
  .pdp-slide__title { font-size: 26px; }
  .pdp-slide__sub { font-size: 15px; }
}

/* ============================ 第九轮：移动端字号与间距对齐（390 视口） ============================ */
@media screen and (max-width: 699px) {
  /* 目标站移动端正文字号 15px，标题同级缩放 */
  :root {
    --text-h0: 2.75rem;   /* 44px */
    --text-h1: 2rem;      /* 32px */
    --text-h2: 1.625rem;  /* 26px */
    --text-h3: 1.375rem;  /* 22px */
    --text-h4: 1.25rem;   /* 20px */
    --text-h5: 1.125rem;  /* 18px */
    --text-h6: 1rem;
    --text-xs: 0.8125rem; /* 13px */
    --text-sm: 0.875rem;  /* 14px */
    --text-base: 0.9375rem; /* 15px */
    --text-lg: 1.125rem;  /* 18px */
  }
  body { font-size: 15px; }

  /* 大标题区块：目标站移动端总高 190px */
  .section--impact { padding: 40px 20px; }
  .impact-text__text { font-size: 44px; margin-bottom: 16px; }
  .impact-text__content .h4 { font-size: 20px; }

  /* 首屏标题 44px（目标实测） */
  .slideshow .prose .h0 { font-size: 44px; line-height: 1; }
  .slideshow .prose .subheading { font-size: 15px; margin-bottom: 12px; }

  /* 横滑：轨道内边距归零，由容器提供 20px；列宽 168px */
  .image-link-blocks { padding: 0; --ilb-col: 168px; --ilb-gutter: 12px; }
  .image-link-blocks-container, .floating-controls-container { padding-inline: 20px; }
  .image-link-blocks__inner { padding-inline: 9px; }
  .image-link-blocks__inner img { width: 150px; max-width: 150px; }
  .image-link-blocks__title { font-size: 15px; line-height: 24px; margin-top: 12px; }

  /* 全宽横幅：目标站移动端是细条（139px）；注意需覆盖基础规则的 min-height:260px */
  .section--full .content-over-media.full-bleed { height: 185px; min-height: 0; }

  /* 图文左右：图片列与文字列上下堆叠时收窄内边距 */
  .section--narrow { padding: 40px 0 56px; }
  .multiple-images-with-text { grid-template-columns: 1fr; gap: 24px; }
  .multiple-images-with-text__image-list img { height: auto; }

  /* 页脚：目标站移动端 173px */
  .site-footer__container { padding: 40px 20px; }
}

/* ============================ 404 页（对齐目标站 not-found 版式） ============================ */
.err-page {
  min-height: 640px; display: flex; align-items: center; justify-content: center;
  text-align: center; background: #14181a; color: #fff;
  padding: calc(var(--header-height) + 40px) 20px 80px;
}
.err-page__code {
  font-family: var(--heading-font-family); font-weight: 700;
  font-size: clamp(64px, 12vw, 160px); line-height: 1; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 2px rgba(0,196,179,.85);
}
.err-page__title { font-size: var(--text-h1); color: #fff; margin-top: 12px; }
.err-page__text { margin-top: 14px; color: rgba(255,255,255,.7); font-size: var(--text-base); }
.err-page__btns { display: flex; gap: var(--spacing-4); justify-content: center; flex-wrap: wrap; margin-top: var(--spacing-8); }
.err-page .button--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.35); }
.err-page .button--ghost:hover { background: #fff; color: rgb(var(--text-primary)); }
@media screen and (max-width: 699px) {
  .err-page { min-height: 460px; }
}

/* 参考图：横滑箭头位于区块左右两侧中部（默认淡显，hover 加深） */
.section--ilb .floating-controls {
  position: absolute; top: 50%; left: 0; right: 0; bottom: auto;
  transform: translateY(-50%);
  justify-content: space-between;
  padding: 0 var(--spacing-4);
  pointer-events: none;
}
.section--ilb .floating-controls .circle-button { pointer-events: auto; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.10); }
@media screen and (max-width: 699px) {
  .section--ilb .floating-controls { display: none; }
}

/* ============================ ILB 收尾整洁化（对齐参考图） ============================ */
/* 卡片等高等宽：标题固定两行，底部对齐 */
.image-link-blocks__item { display: flex; flex-direction: column; }
.image-link-blocks__inner { display: flex; flex-direction: column; flex: 1; }
.image-link-blocks__title {
  min-height: 56px;            /* 两行（28px × 2） */
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 「加入询价」默认隐藏，hover / 触屏浮现（对应目标站 Quick add） */
.image-link-blocks__inquiry {
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .2s, visibility .2s, transform .2s;
  margin-top: auto;
}
.image-link-blocks__item:hover .image-link-blocks__inquiry,
.image-link-blocks__item:focus-within .image-link-blocks__inquiry {
  opacity: 1; visibility: visible; transform: translateY(0);
}
@media (hover: none) {
  .image-link-blocks__inquiry { opacity: 1; visibility: visible; transform: none; }
}

/* ============================ PDP 1:1 对齐目标站 ============================ */
/* 区块起点 y=223（公告 55 + 头部 168），与目标站一致 */
.page-body--product { padding: 168px 0 96px; }   /* 168 + 公告条 55 = 目标站 223 */
.page-body--product .container { max-width: 100%; padding-inline: 48px; }
/* 左右两列 713 / 583，间距 48（48+713+48+583 = 1440） */
.product-detail { display: grid; grid-template-columns: 713px 583px; gap: 0 48px; align-items: start; }
.product-gallery { display: grid; grid-template-columns: 64px 601px; gap: 48px; }
.product-gallery__thumbs { grid-auto-flow: row; }
.product-gallery__thumbs button { width: 64px; height: 64px; }
.product-gallery__thumbs { gap: 8px; max-height: 601px; overflow: hidden; }
.product-gallery__main { width: 601px; height: 601px; }
.product-gallery__main img { width: 601px; height: 601px; object-fit: contain; }

/* 右侧信息栏：各块间距 24px（目标站 271→319→722→810） */
.product-detail__info { display: flex; flex-direction: column; gap: 0; }
/* 各块间距按目标站实测校准（目标价签上方留白 355px，描述紧接价格 50px） */
/* 目标站实测：品牌→标题 48px；标题→价格、价格→描述 亦为 48px 间距体系
   （目标站标题 4 行 387px 属内容长度差异，不锁死高度） */
.product-detail__info > * + * { margin-top: 48px; }
.product-info__block { margin: 0; }
.product-info__vendor { font-size: 20px; line-height: 32px; margin: 0; color: rgb(var(--text-primary)); }
.product-info__title {
  font-size: 44px; line-height: 48px; font-weight: 700; margin: 0; letter-spacing: -.01em;
  min-height: 0;
}
.product-info__price { font-size: 20px; line-height: 38px; margin: 0; }
.product-info__desc {
  font-size: 20px; line-height: 1.8; width: 583px; max-width: 100%;
  color: rgb(var(--text-primary));
}
.product-info__desc p { margin-bottom: 1em; }
.product-info__desc img { max-width: 100%; height: auto; }

/* 折叠区（对齐目标站 details/summary） */
.pdp-acc { border-top: 1px solid rgb(var(--text-primary) / .12); }
.pdp-acc:last-of-type { border-bottom: 1px solid rgb(var(--text-primary) / .12); }
.pdp-acc > summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 16px 40px 16px 0; font-size: 20px; line-height: 32px;
  font-family: var(--heading-font-family); font-weight: 700;
}
.pdp-acc > summary::-webkit-details-marker { display: none; }
.pdp-acc > summary::after {
  content: ""; position: absolute; right: 6px; top: 50%;
  width: 10px; height: 10px; margin-top: -7px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .25s;
}
.pdp-acc[open] > summary::after { transform: rotate(-135deg); margin-top: -3px; }
.pdp-acc__body { padding: 4px 0 24px; font-size: 18px; line-height: 1.8; }
.pdp-acc__body p { margin-bottom: .8em; }
.pdp-acc__list { list-style: disc; padding-left: 1.3em; }
.pdp-acc__list li { margin-bottom: .35rem; }
.pdp-acc .spec-list__row { display: grid; grid-template-columns: 140px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px dashed rgb(var(--text-primary) / .1); }
.pdp-acc .spec-list__row:last-child { border-bottom: 0; }
.pdp-acc .spec-list__row dt { color: rgb(var(--text-primary) / .6); }
.pdp-acc .spec-list__row dd { margin: 0; }

/* 询价按钮 */
.product-detail__btns { display: flex; gap: 16px; flex-wrap: wrap; }
.product-detail__btns .button { flex: 1 1 220px; }

/* 上下产品切换 */
.page-body--product .detail-nav { margin-top: 48px; }

@media screen and (max-width: 999px) {
  .page-body--product { padding: 164px 0 64px; }
  .page-body--product .container { padding-inline: 20px; }
  .product-detail { grid-template-columns: 1fr; gap: 32px; }
  .product-gallery { grid-template-columns: 1fr; gap: 16px; }
  .product-gallery__main { width: 100%; height: auto; }
  .product-gallery__main img { width: 100%; height: auto; }
  .product-info__title { font-size: 30px; }
  .product-info__desc { font-size: 17px; width: auto; }
  .pdp-acc > summary { font-size: 17px; }
  .pdp-acc__body { font-size: 16px; }
}

/* ============================ 浅色头部变体（白底页面：产品详情 / 列表 / 搜索 / 单页） ============================ */
/* 目标站这些页面顶部是白底，头部用深色文字 + 深色 logo；否则白底上白字等于看不见 */
body.pb-light-header .site-header {
  color: rgb(var(--text-primary));
}
body.pb-light-header .site-nav__link,
body.pb-light-header .site-nav__link * { color: rgb(var(--text-primary)); }
body.pb-light-header .site-header__logo .logo-light { opacity: 0; }
body.pb-light-header .site-header__logo .logo-dark { opacity: 1; }
body.pb-light-header .icon-button,
body.pb-light-header .lang-button,
body.pb-light-header .inquiry-toggle,
body.pb-light-header .site-header__aside * { color: rgb(var(--text-primary)); }
body.pb-light-header .icon-badge { color: #fff; }
body.pb-light-header .burger span { background: rgb(var(--text-primary)); }
/* 滚动吸顶后仍是白底深字，保持一致 */
body.pb-light-header .site-header.is-solid { color: rgb(var(--text-primary)); }

/* ============================ 首页横滑：小箭头 + 两侧按钮位置（对齐目标站） ============================ */
.image-link-blocks__title .circle-chevron {
  display: grid; place-items: center;
  width: 24px; height: 24px; flex: 0 0 24px;
  border-radius: 9999px;
  background: rgba(0, 196, 181, .1);
  color: rgb(0, 196, 181);
  transition: transform .2s ease-in-out;
}
.image-link-blocks__inner:hover .circle-chevron { transform: translateX(2px); }

/* 两侧箭头：目标站位于 x=73 / x=1329（内容区内移，垂直居中于图片中部） */
.section--ilb .floating-controls {
  top: 0; bottom: auto; height: 190px;     /* 图片区高度，垂直居中即为图片中部 */
  align-items: center;
  padding: 0 73px;
}
.section--ilb .floating-controls .circle-button {
  width: 38px; height: 38px;
  background: #fff; border: 1px solid rgb(var(--text-primary) / .12);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}
@media screen and (max-width: 999px) {
  .section--ilb .floating-controls { padding: 0 20px; }
}

/* 横滑标签与箭头同一行（目标站为 nowrap 单行） */
.image-link-blocks__title { flex-wrap: nowrap !important; white-space: nowrap !important; min-height: 32px !important; -webkit-line-clamp: none; display: flex !important; overflow: visible !important; }
.image-link-blocks__title .circle-chevron { margin-left: .35rem; }

/* ============================ 横滑区 box model 对齐目标站 ============================ */
/* 目标站：section 总高 382；图片顶距区块顶 40px（993-953）
   我方条目高 259 → 轨道 40+259=299，故区块下内边距取 83 使总高 = 382 */
.section--ilb { padding: 0 0 96px; }
.image-link-blocks { padding: 40px var(--spacing-12) 0; }
@media screen and (max-width: 699px) {
  .section--ilb { padding: 0 0 96px; }
  .image-link-blocks { padding: 0; }
}

/* ============================ 首页横滑尺寸（对齐目标站逐档实测，全部零误差） ============================ */
/* 卡片：内边距 40、图文间距 20、图片 = 卡片宽 - 80（由 padding 与 1fr 自动得出） */
#ilbTrack .image-link-blocks__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 20px !important;
  padding: 40px !important;
  box-sizing: border-box !important;
  height: 100% !important;
}
#ilbTrack .image-link-blocks__inner img {
  width: 100% !important; max-width: 100% !important;
  height: auto !important; aspect-ratio: 1 / 1;
  object-fit: fill; display: block; margin-inline: auto !important;
}
#ilbTrack .image-link-blocks__title {
  display: flex !important; align-items: center; justify-content: center; gap: 10px;
  margin: 0 0 -16px 0 !important; min-height: 32px !important;
  font-size: 20px !important; line-height: 32px !important; font-weight: 700;
  color: rgb(0, 196, 181);
  white-space: nowrap !important; -webkit-line-clamp: none !important; overflow: visible !important;
}
#ilbTrack .image-link-blocks__item { flex: none !important; min-width: 0 !important; display: block !important; box-sizing: border-box; }

/* ≥1717：5 列 + 左留白 56 */
@media screen and (min-width: 1717px) {
  #ilbTrack {
    padding: 40px 48px 0 56px !important;
    --ilb-gap: 24px;
  }
  #ilbTrack .image-link-blocks__item {
    width: calc((min(100vw, 1716px) - 96px - 96px) / 5) !important;
  }
}
/* 1400–1716：5 列 + 左留白 48 */
@media screen and (min-width: 1400px) and (max-width: 1716px) {
  #ilbTrack { padding: 0 48px 0 48px !important; --ilb-gap: 24px; }
  #ilbTrack .image-link-blocks__item {
    width: calc((100vw - 96px - 96px) / 5) !important;
  }
}
/* 1024–1399：线性锚点 */
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  #ilbTrack { padding: 0 48px 0 48px !important; --ilb-gap: 24px; }
  #ilbTrack .image-link-blocks__item {
    width: calc(214px + (100vw - 1024px) * 0.25) !important;
  }
}
/* 601–1023：线性锚点 + 左留白 32 */
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #ilbTrack { padding: 0 32px 0 32px !important; --ilb-gap: 24px; }
  #ilbTrack .image-link-blocks__item {
    width: max(120px, calc(182px + (100vw - 700px) * 0.26)) !important;
  }
}
/* 461–600：0.48 vw + 左留白 20、间距 8 */
@media screen and (min-width: 461px) and (max-width: 600px) {
  #ilbTrack { padding: 0 20px 0 20px !important; --ilb-gap: 8px; }
  #ilbTrack .image-link-blocks__item { width: calc(100vw * 0.48) !important; }
  #ilbTrack .image-link-blocks__inner { gap: 12px !important; padding: 20px !important; }
  #ilbTrack .image-link-blocks__title {
    font-size: 17px !important; line-height: 27px !important; min-height: 27px !important; margin-bottom: 0 !important;
  }
}

/* ≤460：两列铺满（实测 (100vw - 16) / 2） */
@media screen and (max-width: 460px) {
  #ilbTrack { padding: 0 20px 0 20px !important; --ilb-gap: 8px; }
  #ilbTrack .image-link-blocks__item { width: calc((100vw - 16px) / 2) !important; }
  #ilbTrack .image-link-blocks__inner { gap: 12px !important; padding: 20px !important; }
  #ilbTrack .image-link-blocks__title {
    font-size: 17px !important; line-height: 27px !important; min-height: 27px !important; margin-bottom: 0 !important;
  }
}

/* 横滑「加入询价」按钮：绝对定位悬浮，不占文档流（否则卡片高 37px） */
#ilbTrack .image-link-blocks__item { position: relative; }
#ilbTrack .image-link-blocks__inquiry {
  position: absolute !important;
  left: 50%; bottom: 12px;
  transform: translateX(-50%) translateY(6px);
  width: auto; margin: 0;
  white-space: nowrap;
  opacity: 0; visibility: hidden;
  transition: opacity .2s, visibility .2s, transform .2s;
}
#ilbTrack .image-link-blocks__item:hover .image-link-blocks__inquiry,
#ilbTrack .image-link-blocks__item:focus-within .image-link-blocks__inquiry {
  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
@media (hover: none) {
  #ilbTrack .image-link-blocks__inquiry { opacity: 1; visibility: visible; transform: translateX(-50%); }
}

/* ============================ 产品列表页（对齐目标站 collection） ============================ */
.coll-banner {
  /* 目标站：banner 200px 高、content 起点 y=223（公告55+头部168），标题 72px 居中 → y=287
     头部是 absolute 定位不占流，故这里用 padding-top 223 让开 */
  height: 200px; display: flex; align-items: center; justify-content: center;
  background: rgb(var(--background-primary));
  padding-top: 223px; box-sizing: content-box;
}
.coll-banner__title {
  font-size: 72px; line-height: 72px; font-weight: 700; margin: 0; text-align: center;
  width: 1344px; max-width: calc(100% - 96px);
  color: rgb(var(--text-primary));
}
.coll-body { padding: 0 0 96px; }
.coll-container { max-width: 1344px; margin-inline: auto; padding-inline: 48px; box-sizing: content-box; }
.coll-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 24px;   /* 目标站：行距 48、列距 24 */
}
.pcard { position: relative; background: rgb(var(--background-primary)); }
.pcard__figure { position: relative; height: 492px; overflow: hidden; }
.pcard__figure a { display: block; height: 100%; }
.pcard__image { width: 100%; height: 492px; object-fit: contain; display: block; }
.pcard__info { min-height: 148px; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.pcard__meta { display: flex; flex-direction: column; gap: 4px; }
.pcard__title {
  display: block; font-size: 20px; line-height: 30px; font-weight: 400;
  color: rgb(var(--text-primary)); text-decoration: none;
}
.pcard__title:hover { text-decoration: underline; }
.pcard__price { font-size: 20px; line-height: 32px; margin: 0; color: rgb(var(--text-primary)); }
/* 询价按钮：hover 浮现（对应目标站 quick-buy），不占布局 */
.pcard__buy {
  position: absolute; left: 0; bottom: 12px;
  padding: 10px 16px; font-size: 15px; line-height: 1;
  background: rgb(var(--text-primary)); color: #fff; border: 0; cursor: pointer;
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .2s, visibility .2s, transform .2s;
}
.pcard:hover .pcard__buy, .pcard:focus-within .pcard__buy { opacity: 1; visibility: visible; transform: translateY(0); }
@media (hover: none) { .pcard__buy { opacity: 1; visibility: visible; transform: none; } }
.coll-body .pagination { margin-top: 56px; }

@media screen and (max-width: 999px) {
  .coll-banner { height: 140px; padding-top: 124px; }
  .coll-banner__title { font-size: 40px; }
  .coll-container { max-width: 100%; padding-inline: 20px; }
  .coll-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }
  .pcard__figure, .pcard__image { height: auto; aspect-ratio: 1 / 1; }
  .pcard__title { font-size: 16px; line-height: 24px; }
  .pcard__price { font-size: 16px; line-height: 24px; }
  .pcard__info { min-height: 0; }
}

/* ============================ 技术支持页（对齐目标站 /pages/support） ============================ */
.sup-container { max-width: 1344px; margin-inline: auto; padding-inline: 48px; box-sizing: content-box; }

/* 1. 产品介绍 */
.sup-intro { padding: 223px 0 0; }
.sup-intro__head { margin-bottom: 40px; }
.sup-intro__title {
  font-size: 72px; line-height: 1.1; font-weight: 700; margin: 0 0 24px;
  color: var(--accent-solid);
}
.sup-intro__sub { font-size: 20px; line-height: 32px; margin: 0; color: rgb(var(--text-primary)); }
.sup-intro__links { display: flex; flex-wrap: wrap; gap: 24px; }
.sup-card { position: relative; width: 250px; display: block; overflow: hidden; }
.sup-card img { width: 250px; height: 291px; object-fit: cover; display: block; }
.sup-card__label {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 16px; color: #fff; font-size: 20px; line-height: 1.2; font-weight: 700;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.65));
}

/* 2. 品牌青横幅 */
.sup-banner {
  margin-top: 56px; background: var(--accent-solid); color: #fff;
  padding: 56px 0;
}
.sup-banner__title { font-size: 40px; line-height: 1.15; margin: 0 0 16px; color: #fff; }
.sup-banner__text { font-size: 20px; line-height: 32px; margin: 0 0 28px; color: rgba(255,255,255,.92); max-width: 44em; }
.sup-banner__stores { display: flex; gap: 16px; flex-wrap: wrap; }
.sup-store {
  display: inline-flex; align-items: center; height: 44px; padding: 0 22px;
  border: 1px solid rgba(255,255,255,.7); border-radius: 9999px;
  color: #fff; font-size: 16px; font-weight: 700;
}
.sup-store:hover { background: #fff; color: rgb(0, 196, 181); }

/* 3. 资料下载 */
.sup-docs { padding: 96px 0 96px; }
.sup-docs__title { font-size: 40px; line-height: 1.15; margin: 0 0 12px; color: var(--accent-solid); }
.sup-docs__sub { font-size: 20px; line-height: 32px; margin: 0 0 32px; color: rgb(var(--text-primary) / .7); }
.sup-docs__list { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.sup-doc {
  display: inline-flex; align-items: center;
  height: 43px; padding: 0 20px;
  border: 1px solid rgb(39 39 39 / .25); border-radius: 2px;
  font-size: 16px; font-weight: 700; color: rgb(var(--text-primary));
}
.sup-doc:hover { background: rgb(var(--text-primary)); color: #fff; }
.sup-docs__tip { margin-top: 32px; font-size: 16px; color: rgb(var(--text-primary) / .6); }
.sup-docs__tip a { color: var(--accent-solid); text-decoration: underline; }

@media screen and (max-width: 999px) {
  .sup-container { max-width: 100%; padding-inline: 20px; }
  .sup-intro { padding: 164px 0 0; }
  .sup-intro__title { font-size: 36px; }
  .sup-intro__sub, .sup-banner__text, .sup-docs__sub { font-size: 16px; line-height: 26px; }
  .sup-intro__links { gap: 12px; }
  .sup-card { width: calc(50% - 6px); }
  .sup-card img { width: 100%; height: auto; aspect-ratio: 250 / 291; }
  .sup-banner { padding: 36px 0; }
  .sup-banner__title, .sup-docs__title { font-size: 26px; }
  .sup-docs { padding: 56px 0; }
}

/* ============================ 单页版块按页显隐（技术支持页 / 通用单页） ============================ */
/* 单页模板始终输出两套版块，用 body 类名精确控制；此段放在文件最后以保证优先级 */
.only-support, .only-generic { display: none !important; }
body.page-support .only-support { display: block !important; }
body.page-support .only-generic { display: none !important; }
body:not(.page-support) .only-generic { display: block !important; }
body:not(.page-support) .only-support { display: none !important; }