/* 第三、四阶段 / 云打印设备、体验、解决方案、关于我们
 * 仅调整视觉：不改变数据属性、内容、链接、图片资源和原有交互。
 * A 共用阅读层；B 设备选型；C 成品与体验；D 响应式；E 方案；F 关于。
 * 作用域限定已完成的四个路由，避免影响首页试点、文档及控制台。
 */

/* A / 共用阅读层：品牌色用于操作，黑白灰用于内容。 */
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) {
  --editorial-paper: #fff;
  --editorial-panel: #f5f5f7;
  --editorial-ink: #1d1d1f;
  --editorial-muted: #626267;
  --editorial-line: #dedee3;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main {
  color: var(--editorial-ink);
  background: var(--editorial-paper);
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main :is(h1, h2, h3) {
  color: var(--editorial-ink);
  font-weight: 700;
  letter-spacing: -.025em;
  text-wrap: balance;
  overflow-wrap: break-word;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main h1 {
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: 1.16;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.25;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main :is(section[id], h2[id]) {
  scroll-margin-top: 100px;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main :is(.product-kicker, .case-kicker, .product-section-head>p, .module-heading small, .module-copy small, .sample-proof-head small, .rd-lab-head>p, .case-showcase-heading p, .case-intro-grid>p, .product-help p, .case-next>div>p) {
  color: var(--editorial-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero, .case-hero, .solution-hero, .about-hero) {
  background: var(--editorial-paper);
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero-grid, .case-hero-grid, .solution-hero-grid, .about-hero-grid) {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  gap: 32px;
  padding-block: 72px 56px;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero-grid, .case-hero-grid, .solution-hero-grid, .about-hero-grid)>div:first-child {
  max-width: 850px;
  margin-inline: auto;
  text-align: center;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero, .case-hero, .solution-hero, .about-hero) h1 em {
  color: inherit;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero, .case-hero, .solution-hero, .about-hero) p:not(.product-kicker, .case-kicker, .solution-kicker, .about-kicker) {
  max-width: 650px;
  margin-inline: auto;
  color: var(--editorial-muted);
  font-size: 17px;
  line-height: 1.75;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.customer-hero-links, .case-hero-actions, .about-actions) {
  justify-content: center;
  gap: 12px;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero-link, .case-hero-actions a, .case-hero-actions button, .rd-lab-cta a, .product-help a, .case-next a, .solution-hero a, .solution-cta a, .about-actions a, .about-contact-panel .contact-primary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid var(--brand-600);
  border-radius: 999px;
  background: var(--brand-600);
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  white-space: normal;
  box-shadow: none;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero-link+.product-hero-link, .case-hero-actions button, .case-next a+a, .about-actions a+a) {
  color: var(--brand-600);
  background: transparent;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.scene-quick, .module-section, .rd-lab, .sample-proof, .device-section, .case-intro, .case-showcase, .case-gallery, .product-help, .case-next) {
  padding-block: 72px;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.module-heading, .rd-lab-head, .sample-proof-head) {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: 40px;
  margin-bottom: 32px;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.module-heading p, .rd-lab-head>span, .sample-proof-head p, .case-intro-grid>span, .case-info>p, .product-help span) {
  color: var(--editorial-muted);
  font-size: 15px;
  line-height: 1.75;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.scene-quick-grid>a, .module-card, .rd-lab-grid article, .sample-proof-card, .product-card, .case-card, .case-showcase-grid button) {
  border: 1px solid var(--editorial-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: none;
  transform: none;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.scene-quick-grid>a:hover, .rd-lab-grid article:hover, .product-card:hover, .case-card:hover, .case-card.is-surprise) {
  transform: none;
  box-shadow: none;
  border-color: var(--brand-600);
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main img {
  object-fit: contain;
}
:is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-card:hover img, .case-card:hover img, .sample-proof-card:hover img) {
  transform: none;
}

/* B / 设备页第二轮：场景 → 内机 → 实物验证 → 具体型号。
 * 仅替换此路由的视觉规则，保留模板、图片、筛选与双图切换逻辑。
 * 图片使用原比例 + contain；标签、切换按钮在图外，不遮挡设备。
 */
.customer-page--product .product-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
.customer-page--product .product-hero-grid>div:first-child { margin: 0; text-align: left; }
.customer-page--product .product-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.2; }
.customer-page--product .customer-hero-links { justify-content: flex-start; }
.customer-page--product .product-hero-link { margin-top: 0; }
.customer-page--product .product-hero p:not(.product-kicker) { margin: 0 0 28px; }
.customer-page--product .product-hero-art { min-height: 0; max-width: 760px; width: 100%; margin-inline: auto; }
.customer-page--product .product-hero-art::before { content: none; }
.customer-page--product .product-hero-art img { width: 100%; max-width: 760px; height: auto; filter: none; border-radius: 22px; }
.customer-page--product .art-label { position: static; justify-self: center; order: 1; margin-top: 12px; color: var(--editorial-muted); background: none; transform: none; font-weight: 500; }
.customer-page--product main>section+section { border-top: 1px solid #ececf0; }
.customer-page--product :is(.module-section, .sample-proof, .device-section) { color: var(--editorial-ink); background: var(--editorial-panel); }
.customer-page--product .rd-lab { background: #fff; }
.customer-page--product .sample-proof::before, .customer-page--product .sample-proof::after { content: none; }
.customer-page--product .scene-quick-grid>a { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; min-height: 108px; }
.customer-page--product .scene-symbol { width: 44px; height: 44px; border-radius: 14px; font-size: 22px; background: var(--editorial-panel); color: var(--editorial-ink); }
.customer-page--product .scene-quick-grid small { font-size: 13px; line-height: 1.6; }
.customer-page--product .module-grid { gap: 24px; }
.customer-page--product .module-card { display: flex; flex-direction: column; }
.customer-page--product .module-viewer { aspect-ratio: auto; display: grid; grid-template-rows: auto auto; background: #fff; }
/* 双图仍占同一网格位置；保留 data-view 的透明度切换，工具条单独一行不挡图。 */
.customer-page--product .module-viewer img { position: static; grid-area: 1 / 1; width: 100%; height: auto; aspect-ratio: 4 / 3; padding: 8px; transform: none; }
.customer-page--product .module-viewer[data-view] img { transform: none; }
.customer-page--product .module-toggle { position: static; grid-area: 2 / 1; justify-self: center; margin: 4px 8px 12px; background: #e8e8ed; backdrop-filter: none; }
.customer-page--product .module-toggle button { min-height: 44px; padding: 8px 15px; color: var(--editorial-muted); font-weight: 500; }
.customer-page--product .module-toggle button.is-active { color: var(--brand-600); background: #fff; }
.customer-page--product .module-copy { display: flex; flex: 1; flex-direction: column; padding: 22px; border-top: 1px solid #ececf0; }
.customer-page--product .module-copy p { color: var(--editorial-muted); min-height: 0; }
.customer-page--product .module-tags { margin-top: auto; }
.customer-page--product .module-tags span { color: var(--editorial-muted); border-color: var(--editorial-line); font-size: 11px; }
.customer-page--product .module-detail button { aspect-ratio: auto; border: 1px solid var(--editorial-line); background: #fff; }
.customer-page--product .module-detail img { height: auto; aspect-ratio: 4 / 3; padding: 8px; }
.customer-page--product :is(.module-detail span, .sample-proof-card span) { display: block; position: static; padding: 12px; color: var(--editorial-muted); background: #fff; border-radius: 0; font-weight: 500; }
.customer-page--product .sample-proof-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.customer-page--product .sample-proof-card { display: flex; flex-direction: column; }
.customer-page--product .sample-proof-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; padding: 8px; }
.customer-page--product .sample-proof-card span { width: 100%; margin-top: auto; padding: 16px 20px; text-align: left; font-size: 14px; line-height: 1.5; }
.customer-page--product .sample-proof-card::before { content: none; }
.customer-page--product .sample-proof-card::after { background: #fff; color: var(--brand-600); border: 1px solid var(--editorial-line); }
.customer-page--product .rd-lab-cta { border-color: var(--editorial-line); background: var(--editorial-panel); }
.customer-page--product .rd-lab-cta p { color: var(--editorial-muted); }
.customer-page--product .rd-lab-grid button { background: var(--editorial-panel); }
.customer-page--product .rd-lab-grid small { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--product .rd-lab-grid p { color: var(--editorial-muted); }
.customer-page--product .product-filter { padding: 24px; border-color: var(--editorial-line); border-radius: 22px; gap: 16px; }
.customer-page--product .filter-group { grid-template-columns: 90px minmax(0, 1fr); }
.customer-page--product .filter-options { min-width: 0; flex-wrap: wrap; }
.customer-page--product .filter-btn { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; border-color: var(--editorial-line); font-weight: 500; }
.customer-page--product .filter-btn.active { border-color: var(--brand-600); background: var(--brand-600); }
.customer-page--product .product-grid { gap: 24px; }
.customer-page--product .product-card { display: flex; flex-direction: column; }
.customer-page--product .product-image { height: auto; aspect-ratio: 4 / 3; background: var(--editorial-panel); }
.customer-page--product .product-image img { width: 100%; height: 100%; padding: 28px 16px 16px; }
.customer-page--product .product-arrow { box-shadow: none; }
.customer-page--product .product-info { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.customer-page--product .product-info h3 { line-height: 1.4; }
.customer-page--product .product-info h3 a { color: var(--editorial-ink); }
.customer-page--product .product-info p span { background: var(--editorial-panel); color: var(--editorial-muted); font-size: 12px; }
.customer-page--product .product-detail-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: auto; font-weight: 500; }
.customer-page--product .product-help { color: var(--editorial-ink); background: #fff; }
.customer-page--product .product-help .product-wrap { padding: 40px; border-radius: 28px; background: var(--editorial-panel); }

/* C / 体验页第二轮：先看真实成品，再选项目体验，最后选设备/接入。
 * 模板和图片资源不变；首屏双图平放，图库标签在图外，体验入口使用原标签。
 * 只作用于 case 路由，不覆盖首页、设备页或控制台。
 */
.customer-page--case .case-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
.customer-page--case .case-hero-grid>div:first-child { margin: 0; text-align: left; }
.customer-page--case .case-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.2; }
.customer-page--case .case-hero-actions { justify-content: flex-start; }
.customer-page--case .case-collage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-height: 0; width: min(100%, 760px); max-width: 760px; margin-inline: auto; }
.customer-page--case .collage-card { display: flex; flex-direction: column; position: static; width: 100%; height: auto; border: 1px solid var(--editorial-line); border-radius: 22px; background: var(--editorial-panel); box-shadow: none; transform: none; }
.customer-page--case .collage-card img { display: block; height: auto; aspect-ratio: 4 / 5; padding: 8px; }
.customer-page--case .collage-card span { position: static; padding: 14px; border-radius: 0; background: #fff; color: var(--editorial-muted); font-size: 13px; font-weight: 500; line-height: 1.5; }
.customer-page--case :is(.case-showcase, .case-gallery, .case-next) { border-top: 1px solid #ececf0; }
.customer-page--case :is(.case-intro, .case-gallery) { background: #fff; }
.customer-page--case .case-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; max-width: 800px; margin-inline: auto; text-align: center; }
.customer-page--case .case-showcase { background: var(--editorial-panel); }
.customer-page--case .case-showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.customer-page--case .case-showcase-grid button { display: flex; flex-direction: column; aspect-ratio: auto; padding: 0; }
.customer-page--case .case-showcase-grid button:nth-child(1), .customer-page--case .case-showcase-grid button:nth-child(6) { grid-column: auto; }
.customer-page--case .case-showcase-grid img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; padding: 8px; transform: none; }
.customer-page--case .case-showcase-grid button::after { position: static; display: block; width: 100%; margin-top: auto; padding: 16px 20px; border-radius: 0; background: #fff; color: var(--editorial-muted); font-size: 12px; font-weight: 500; letter-spacing: .02em; line-height: 1.5; text-align: left; backdrop-filter: none; }
.customer-page--case .case-showcase-grid button:hover { border-color: var(--brand-600); }
.customer-page--case .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.customer-page--case .case-card { display: flex; flex-direction: column; }
.customer-page--case .case-card.is-surprise { outline: 2px solid var(--brand-600); outline-offset: 4px; }
.customer-page--case .case-image { height: auto; aspect-ratio: 4 / 3; background: var(--editorial-panel); }
.customer-page--case .case-image img { padding: 12px; }
.customer-page--case .case-no { width: auto; height: auto; min-width: 36px; padding: 6px 10px; border-radius: 999px; box-shadow: none; font-weight: 500; }
.customer-page--case .case-info { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.customer-page--case .case-info h2 { font-size: 24px; line-height: 1.4; }
.customer-page--case .case-info>p { min-height: 0; margin-bottom: 24px; }
.customer-page--case .case-info>p:empty { display: none; }
.customer-page--case .case-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--editorial-line); }
.customer-page--case .case-actions>span { color: var(--editorial-ink); font-size: 13px; font-weight: 500; }
.customer-page--case .case-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; height: auto; min-height: 44px; padding: 10px 12px; border-radius: 999px; border-color: var(--editorial-line); font-size: 13px; line-height: 1.5; text-align: center; }
/* 展示已有中英文标签，避免仅靠图标猜测“扫码”与“打开网站”。 */
.customer-page--case button.case-btn::after { content: attr(aria-label); }
.customer-page--case a.case-btn::after { content: attr(title); }
.customer-page--case .case-next { background: var(--editorial-panel); color: var(--editorial-ink); }
.customer-page--case .case-next h2 { max-width: 850px; }

/* E / 解决方案：流程按同一水平线串联；路径选中只改变强调，不降低其他文字对比。 */
.customer-page--cloud .solution-flow-art {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 0;
  width: min(100%, 760px);
  margin-inline: auto;
}
.customer-page--cloud .flow-node {
  position: static;
  width: 100%;
  height: auto;
  min-height: 132px;
  padding: 20px 12px;
  border: 1px solid var(--editorial-line);
  border-radius: 22px;
  background: var(--editorial-panel);
  color: var(--editorial-ink);
  box-shadow: none;
  transform: none;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.customer-page--cloud .node-user { grid-column: 1; }
.customer-page--cloud .node-cloud { grid-column: 3; background: var(--brand-600); color: #fff; border-color: var(--brand-600); }
.customer-page--cloud .node-printer { grid-column: 5; }
.customer-page--cloud .flow-node br { display: none; }
.customer-page--cloud .flow-line { position: static; width: auto; height: auto; background: none; transform: none; text-align: center; color: var(--editorial-muted); }
.customer-page--cloud .flow-line::after { content: '→'; font-size: 24px; }
.customer-page--cloud .line-one { grid-column: 2; }
.customer-page--cloud .line-two { grid-column: 4; }
.customer-page--cloud :is(.path-finder, .user-scenarios, .integration-steps, .solution-gallery, .solution-cta),
.customer-page--about :is(.about-help, .about-proof, .about-strength, .about-certifications, .about-business) { padding-block: 72px; }
.customer-page--cloud :is(.path-finder, .solution-gallery),
.customer-page--about :is(.about-proof, .about-certifications) { background: var(--editorial-panel); color: var(--editorial-ink); }
.customer-page--cloud .solution-heading>p,
.customer-page--about :is(.about-section-head small, .about-strength small, .about-business-grid small, .about-contact small) { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--cloud .solution-heading>span { display: block; color: var(--editorial-muted); line-height: 1.75; }
.customer-page--cloud .solution-gallery .solution-heading h2,
.customer-page--about .about-section-head.is-light h2 { color: var(--editorial-ink); }
.customer-page--cloud .goal-tabs button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 60px; border-radius: 999px; padding: 12px 18px; color: var(--editorial-muted); font-weight: 500; box-shadow: none; }
.customer-page--cloud .goal-tabs b { display: inline; margin: 0; flex: none; font-size: 18px; }
.customer-page--cloud .goal-tabs button.is-active { background: var(--brand-600); color: #fff; border-color: var(--brand-600); }
.customer-page--cloud .goal-tabs button.is-active b { color: inherit; }
.customer-page--cloud .solution-card { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 16px 32px; padding: 24px; border: 2px solid var(--editorial-line); border-radius: 24px; opacity: 1; box-shadow: none; transform: none; }
.customer-page--cloud .solution-card.is-active { border-color: var(--brand-600); box-shadow: none; transform: none; }
.customer-page--cloud .path-badge { position: static; grid-column: 1 / -1; justify-self: start; background: var(--editorial-panel); color: var(--editorial-muted); font-weight: 500; }
.customer-page--cloud .solution-card.is-active .path-badge { color: var(--brand-600); }
.customer-page--cloud .path-visual { min-height: 0; align-self: start; padding: 12px; background: var(--editorial-panel); }
.customer-page--cloud .path-visual img { display: block; width: 100%; height: auto; object-fit: contain; }
.customer-page--cloud .path-content { min-width: 0; padding: 0; }
.customer-page--cloud .path-content small { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--cloud .path-content>p { color: var(--editorial-muted); }
.customer-page--cloud :is(.path-content a, .scenario-cards a),
.customer-page--about .about-business-grid a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; }
.customer-page--cloud .path-content ul { grid-template-columns: minmax(0, 1fr); gap: 0; }
.customer-page--cloud .path-content li { padding: 10px 0; border-bottom: 1px solid var(--editorial-line); border-radius: 0; background: none; color: var(--editorial-muted); }
.customer-page--cloud .scenario-cards article { grid-template-columns: minmax(0, 1fr); padding: 0; border-color: var(--editorial-line); background: #fff; box-shadow: none; }
.customer-page--cloud .scenario-image { aspect-ratio: 4 / 3; height: auto; border-radius: 0; background: var(--editorial-panel); }
.customer-page--cloud .scenario-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; padding: 12px; }
.customer-page--cloud .scenario-cards article>div:last-child { padding: 24px; }
.customer-page--cloud .scenario-cards small { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--cloud .scenario-cards p { color: var(--editorial-muted); }
.customer-page--cloud .integration-steps ol { border-color: var(--editorial-line); border-radius: 22px; }
.customer-page--cloud .integration-steps li { min-height: 0; padding: 24px; border-color: var(--editorial-line); }
.customer-page--cloud .integration-steps li>span { color: var(--brand-600); font-weight: 500; }
.customer-page--cloud .integration-steps h3 { margin-top: 20px; }
.customer-page--cloud .integration-steps p { color: var(--editorial-muted); }
.customer-page--cloud .gallery-track { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.customer-page--cloud .gallery-track button { height: auto; aspect-ratio: 4 / 3; padding: 8px; border: 1px solid var(--editorial-line); border-radius: 22px; }
.customer-page--cloud .gallery-track button:nth-child(1), .customer-page--cloud .gallery-track button:nth-child(8) { grid-column: auto; }
.customer-page--cloud .gallery-track img { object-fit: contain; transform: none; }
.customer-page--cloud .gallery-track button:hover img { transform: none; }
.customer-page--cloud .solution-cta { background: #fff; color: var(--editorial-ink); }
.customer-page--cloud .solution-cta .solution-wrap { padding: 40px; border-radius: 28px; background: var(--editorial-panel); }
.customer-page--cloud .solution-cta :is(h2, p) { color: var(--editorial-ink); }

/* F / 关于我们：现场照片与说明分离，证书全部可见，咨询信息不使用最小宽度撑开手机。 */
.customer-page--about .about-hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 700px; margin-inline: auto; margin-top: 28px; }
.customer-page--about .about-hero-proof li { padding-right: 0; border-color: var(--editorial-line); }
.customer-page--about .about-hero-proof span { color: var(--editorial-muted); line-height: 1.5; }
.customer-page--about .about-hero-media { width: min(100%, 920px); margin-inline: auto; border: 1px solid var(--editorial-line); padding: 8px; box-shadow: none; transform: none; border-radius: 24px; }
.customer-page--about .about-hero-media img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 16px; }
.customer-page--about .about-hero-media figcaption { padding: 16px; color: var(--editorial-muted); font-size: 13px; line-height: 1.6; }
.customer-page--about .about-section-head { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; }
.customer-page--about .about-section-head>p, .customer-page--about .about-section-head.is-light>p { color: var(--editorial-muted); line-height: 1.75; }
.customer-page--about :is(.about-help-grid article, .about-proof-grid figure, .about-business-grid article, .about-cert-card) { border: 1px solid var(--editorial-line); background: #fff; color: var(--editorial-ink); border-radius: 22px; box-shadow: none; transform: none; }
.customer-page--about :is(.about-help-grid article:hover, .about-cert-card:hover) { transform: none; box-shadow: none; border-color: var(--brand-600); }
.customer-page--about :is(.about-help-grid p, .about-proof-grid p, .about-business-grid p, .about-strength-grid>div>p) { color: var(--editorial-muted); }
.customer-page--about .about-proof::after { content: none; }
.customer-page--about .about-proof-grid button { background: #fff; }
.customer-page--about .about-proof-grid img { height: auto; aspect-ratio: 3 / 2; object-fit: contain; transform: none; }
.customer-page--about .about-proof-grid button:hover img { transform: none; }
.customer-page--about .about-proof-grid figcaption { padding: 22px; }
.customer-page--about .about-proof-grid figcaption small { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--about .about-proof-grid h3 { color: var(--editorial-ink); }
.customer-page--about .about-strength { background: #fff; }
.customer-page--about .about-strength-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
.customer-page--about .about-strength dl { border-color: var(--editorial-line); background: var(--editorial-panel); }
.customer-page--about .about-strength dl>div { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); border-color: var(--editorial-line); gap: 16px; }
.customer-page--about .about-cert-card { display: flex; flex-direction: column; padding: 12px; }
.customer-page--about .cert-paper { height: auto; width: 100%; aspect-ratio: 3 / 4; padding: 8px; background: var(--editorial-panel); }
.customer-page--about .cert-paper img { width: 100%; height: 100%; object-fit: contain; }
.customer-page--about .cert-copy { width: 100%; }
.customer-page--about .cert-copy small { color: var(--editorial-muted); font-weight: 500; letter-spacing: .02em; }
.customer-page--about .cert-copy em { min-height: 0; }
.customer-page--about .about-cert-summary { grid-template-columns: minmax(0, 1fr); gap: 16px; border-color: var(--editorial-line); background: #fff; }
.customer-page--about .about-cert-summary span { color: var(--editorial-muted); background: var(--editorial-panel); font-weight: 500; }
.customer-page--about .about-industries { border-color: var(--editorial-line); background: var(--editorial-panel); }
.customer-page--about .about-industries b { font-weight: 500; }
.customer-page--about .about-contact { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 32px; padding: 40px; background: var(--editorial-panel); color: var(--editorial-ink); box-shadow: none; }
.customer-page--about .about-contact-copy>p { color: var(--editorial-muted); }
.customer-page--about .about-contact-copy li { color: var(--editorial-ink); background: #fff; border-color: var(--editorial-line); }
.customer-page--about .about-contact-copy li span { color: var(--brand-600); font-weight: 500; }
.customer-page--about .about-contact-panel { min-width: 0; padding: 28px; border: 1px solid var(--editorial-line); box-shadow: none; }
.customer-page--about .about-contact-panel .contact-primary { display: flex; width: 100%; justify-content: space-between; }
.customer-page--about .contact-secondary { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.customer-page--about .contact-secondary a { border-color: var(--editorial-line); min-height: 64px; }
.customer-page--about .contact-secondary b { font-size: 15px; font-weight: 500; }
.customer-page--about .about-contact-panel>p { color: var(--editorial-muted); }

/* D / 手机优先：单列阅读，控件不低于 44px，英文允许自然换行。 */
@media (max-width: 960px) {
  .customer-page--case .case-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .customer-page--case .case-hero-grid>div:first-child { max-width: 720px; margin-inline: auto; text-align: center; }
  .customer-page--case .case-hero-actions { justify-content: center; }
  .customer-page--case .case-collage { max-width: 620px; }
  .customer-page--product .product-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .customer-page--product .product-hero-grid>div:first-child { max-width: 720px; margin-inline: auto; text-align: center; }
  .customer-page--product .customer-hero-links { justify-content: center; }
  .customer-page--product .product-hero-art { max-width: 620px; }
  .customer-page--about :is(.about-section-head, .about-strength-grid, .about-contact) { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .customer-page--about .about-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-page--cloud .gallery-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.module-heading, .rd-lab-head, .sample-proof-head) { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .customer-page--product .module-grid { grid-template-columns: minmax(0, 1fr); }
  /* 平板宽度内机采用图文并排，避免第三张卡突然横跨两列。 */
  .customer-page--product .module-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
  .customer-page--product .module-copy { border-top: 0; }
  .customer-page--product .sample-proof-grid, .customer-page--case .case-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .customer-page--cloud :is(.path-finder, .user-scenarios, .integration-steps, .solution-gallery, .solution-cta),
  .customer-page--about :is(.about-help, .about-proof, .about-strength, .about-certifications, .about-business) { padding-block: 48px !important; }
  .customer-page--cloud .solution-flow-art { grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr); gap: 6px; }
  .customer-page--cloud .flow-node { min-height: 108px; padding: 12px 6px; border-radius: 16px; font-size: 12px; }
  .customer-page--cloud .flow-node b { font-size: 22px; }
  .customer-page--cloud .flow-line::after { font-size: 18px; }
  .customer-page--cloud .goal-tabs { grid-template-columns: minmax(0, 1fr); }
  .customer-page--cloud .goal-tabs button { min-height: 48px; justify-content: flex-start; }
  .customer-page--cloud .solution-card { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 20px; }
  .customer-page--cloud .scenario-cards { grid-template-columns: minmax(0, 1fr); }
  .customer-page--cloud .integration-steps ol { grid-template-columns: minmax(0, 1fr); }
  .customer-page--cloud .integration-steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 20px; border-right: 0; border-bottom: 1px solid var(--editorial-line); }
  .customer-page--cloud .integration-steps h3 { margin-top: 0; }
  .customer-page--cloud .solution-cta .solution-wrap { display: grid; gap: 24px; padding: 24px; }
  .customer-page--about .about-hero-proof { gap: 10px; }
  .customer-page--about .about-hero-proof b { font-size: 15px; }
  .customer-page--about .about-hero-media figcaption { display: block; padding: 12px; }
  .customer-page--about .about-hero-media figcaption span { display: block; margin-bottom: 6px; }
  .customer-page--about .about-cert-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-right: 0; padding-right: 0; overflow: visible; }
  .customer-page--about .about-contact { padding: 24px 18px; }
  .customer-page--about .about-contact-panel { padding: 22px 18px; }
  .customer-page--about .about-contact-copy ol { grid-template-columns: minmax(0, 1fr); }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main h1 { font-size: clamp(30px, 7.8vw, 42px) !important; line-height: 1.2 !important; }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main h2 { font-size: clamp(26px, 6.6vw, 32px) !important; line-height: 1.3 !important; }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero-grid, .case-hero-grid, .solution-hero-grid, .about-hero-grid) { padding-block: 40px 32px !important; gap: 24px; }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.product-hero, .case-hero, .solution-hero, .about-hero) p:not(.product-kicker, .case-kicker, .solution-kicker, .about-kicker) { font-size: 15px; line-height: 1.75; }
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) :is(.scene-quick, .module-section, .rd-lab, .sample-proof, .device-section, .case-intro, .case-showcase, .case-gallery, .product-help, .case-next) { padding-block: 48px !important; }
  .customer-page--product .module-grid { grid-template-columns: minmax(0, 1fr); }
  .customer-page--product .module-card { display: flex; }
  .customer-page--product .module-copy { border-top: 1px solid #ececf0; }
  .customer-page--product .module-grid, .customer-page--product .product-grid { gap: 20px; }
  .customer-page--product .scene-quick-grid>a { min-height: 96px; padding: 18px; }
  .customer-page--product .customer-hero-links { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  .customer-page--product .product-hero-link { width: 100%; }
  .customer-page--product .sample-proof-grid { gap: 16px; }
  .customer-page--product .filter-group { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .customer-page--product .product-filter { padding: 18px; }
  .customer-page--product .product-help .product-wrap { padding: 24px; }
  .customer-page--product .product-help a { width: 100%; }
  .customer-page--case .case-collage { gap: 12px; }
  .customer-page--case .collage-card { border-radius: 16px; }
  .customer-page--case .collage-card span { padding: 12px; font-size: 12px; }
  .customer-page--case .case-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-page--case .case-hero-actions :is(a, button) { padding: 12px; }
  .customer-page--case .case-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .customer-page--case .case-info { padding: 20px; }
  .customer-page--case .case-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .customer-page--case .case-actions>span { grid-column: 1 / -1; }
  .customer-page--case .case-info h2 { font-size: 22px !important; }
  .customer-page--case .case-next a { flex: 1 1 180px; }
}
@media (max-width: 480px) {
  .customer-page--about :is(.about-proof-grid, .about-cert-grid) { grid-template-columns: minmax(0, 1fr); }
  .customer-page--cloud .gallery-track { grid-template-columns: minmax(0, 1fr); }
  .customer-page--product .sample-proof-grid, .customer-page--case .case-showcase-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main *,
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main *::before,
  :is(.customer-page--product, .customer-page--case, .customer-page--cloud, .customer-page--about) main *::after { transition: none !important; animation: none !important; }
}