/* ============================================================
   Magsite 组件样式 v2 — 高端工业风重设计
   原则：非对称布局 · 1px 线条优先于卡片盒 · 单一强调色(酒红)
   · mono 数据字 · 触感交互 · 动效 < 600ms
   依赖 design-system.css 的 token。
   ============================================================ */

/* —— 布局容器 —— */
.ms-container { width: 100%; max-width: var(--ms-container-wide); margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 3rem); }
.ms-section  { padding-block: var(--ms-section-y); }
.ms-section--alt { background: var(--ms-bg-alt); }

/* —— 标题体系：重权重压字距，靠层级而非尺寸喊话 —— */
.ms-h1 { font-size: var(--ms-text-display); line-height: var(--ms-leading-tight); color: var(--ms-ink); font-weight: 700; letter-spacing: var(--ms-tracking-tight); }
.ms-h2 { font-size: var(--ms-text-3xl); line-height: 1.12; color: var(--ms-ink); font-weight: 700; letter-spacing: var(--ms-tracking-tight); }
.ms-lead { font-size: var(--ms-text-lg); line-height: var(--ms-leading-body); color: var(--ms-muted); font-weight: 400; }

/* mono eyebrow：带前置规线的工业标签 */
.ms-eyebrow {
  display: flex; align-items: center; gap: var(--ms-space-3);
  font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); font-weight: 600;
  letter-spacing: var(--ms-tracking-wide); text-transform: uppercase;
  color: var(--ms-accent-600); margin-bottom: var(--ms-space-6);
}
.ms-eyebrow::before { content: ""; width: 2.5rem; height: 1px; background: var(--ms-accent); flex: 0 0 auto; }

/* 区块标题组：左对齐 + 幽灵序号 */
.ms-section__head { position: relative; max-width: 640px; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.ms-section__head .ms-lead { margin-top: var(--ms-space-4); }
.ms-sec-num {
  position: absolute; top: -0.18em; right: calc(-1 * clamp(0rem, 8vw, 9rem)); z-index: 0;
  font-family: var(--ms-font-mono); font-weight: 700; line-height: 1;
  font-size: clamp(4.5rem, 9vw, 8.5rem); color: transparent;
  -webkit-text-stroke: 1px var(--ms-line); pointer-events: none; user-select: none;
}
.ms-section--alt .ms-sec-num { -webkit-text-stroke-color: #E5DCD4; }
@media (max-width: 900px) { .ms-sec-num { display: none; } }

/* —— 按钮：触感反馈 + 方向性箭头 —— */
.ms-btn {
  display: inline-flex; align-items: center; gap: var(--ms-space-2);
  padding: 0.875rem 1.75rem;
  border-radius: var(--ms-radius-sm); font-weight: 600; font-size: var(--ms-text-base);
  font-family: var(--ms-font-sans); letter-spacing: 0.01em;
  text-decoration: none; cursor: pointer; border: 1px solid transparent;
  transition: transform var(--ms-duration-sm) var(--ms-ease), background var(--ms-duration-sm) var(--ms-ease), box-shadow var(--ms-duration-sm) var(--ms-ease), border-color var(--ms-duration-sm) var(--ms-ease);
}
.ms-btn:hover { transform: translateY(-1px); }
.ms-btn:active { transform: translateY(0) scale(0.98); }
.ms-btn::after { content: "→"; font-family: var(--ms-font-mono); transition: transform var(--ms-duration-sm) var(--ms-ease); }
.ms-btn:hover::after { transform: translateX(3px); }
.ms-btn--primary { background: var(--ms-primary); color: #fff; box-shadow: 0 8px 20px -10px rgba(126, 31, 43, 0.5); }
.ms-btn--primary:hover { background: var(--ms-primary-600); box-shadow: 0 12px 24px -10px rgba(126, 31, 43, 0.55); }
.ms-btn--gold { background: var(--ms-accent); color: #fff; box-shadow: 0 8px 20px -10px rgba(197, 132, 30, 0.55); }
.ms-btn--gold:hover { background: var(--ms-accent-600); }
.ms-btn--ghost { background: transparent; color: var(--ms-primary); border-color: var(--ms-line); }
.ms-btn--ghost:hover { border-color: var(--ms-primary); background: var(--ms-primary-050); }
.ms-btn--on-dark { background: rgba(255,255,255,0.06); color: #fff; border-color: rgba(255,255,255,0.22); backdrop-filter: blur(4px); }
.ms-btn--on-dark:hover { background: #fff; color: var(--ms-primary); border-color: #fff; }

/* ============================================================
   HERO v2 — 非对称分屏：左文案 / 右规格面板（深色工业底）
   ============================================================ */
.ms-hero2 {
  position: relative; overflow: hidden;
  background:
    radial-gradient(900px 480px at 88% -10%, rgba(197, 132, 30, 0.16), transparent 60%),
    radial-gradient(700px 500px at -10% 110%, rgba(126, 31, 43, 0.35), transparent 55%),
    linear-gradient(150deg, #271317 0%, #1E1014 55%, #2A151A 100%);
  color: #fff;
}
/* 工程图纸网格肌理：fixed 渐变线，零图片开销 */
.ms-hero2::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(80% 90% at 30% 40%, #000 0%, transparent 100%);
          mask-image: radial-gradient(80% 90% at 30% 40%, #000 0%, transparent 100%);
}
.ms-hero2__inner {
  position: relative; display: grid; grid-template-columns: 1.25fr 0.75fr;
  gap: clamp(2.5rem, 6vw, 6rem); align-items: center;
  padding-block: clamp(4.5rem, 9vw, 8.5rem);
}
.ms-hero2 .ms-eyebrow { color: var(--ms-accent); }
.ms-hero2 .ms-eyebrow::before { background: var(--ms-accent); }
.ms-hero2 .ms-h1 { color: #fff; max-width: 16ch; }
.ms-hero2 .ms-h1 em { font-style: normal; color: var(--ms-accent); }
.ms-hero2__lead { margin-top: var(--ms-space-6); max-width: 52ch; font-size: var(--ms-text-lg); line-height: var(--ms-leading-body); color: rgba(255,255,255,0.72); }
.ms-hero2__cta { display: flex; flex-wrap: wrap; gap: var(--ms-space-4); margin-top: clamp(2rem, 4vw, 3rem); }

/* 右侧：mono 规格面板（divide 行，非卡片堆叠） */
.ms-hero2__panel {
  border: 1px solid rgba(255,255,255,0.14); border-radius: var(--ms-radius-md);
  background: rgba(255,255,255,0.04); backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 30px 60px -30px rgba(0,0,0,0.6);
  overflow: hidden;
}
.ms-hero2__panel-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--ms-space-4) var(--ms-space-6);
  font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: var(--ms-tracking-wide); text-transform: uppercase;
  color: rgba(255,255,255,0.55); border-bottom: 1px solid rgba(255,255,255,0.12);
}
.ms-hero2__panel-head i { width: 8px; height: 8px; border-radius: 50%; background: var(--ms-accent); animation: ms-pulse 2.4s var(--ms-ease) infinite; }
.ms-hero2__row {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--ms-space-4);
  padding: var(--ms-space-4) var(--ms-space-6);
}
.ms-hero2__row + .ms-hero2__row { border-top: 1px solid rgba(255,255,255,0.08); }
.ms-hero2__row dt { font-size: var(--ms-text-sm); color: rgba(255,255,255,0.55); }
.ms-hero2__row dd { margin: 0; font-family: var(--ms-font-mono); font-weight: 600; font-size: var(--ms-text-sm); color: #fff; text-align: right; }
.ms-hero2__row dd em { font-style: normal; color: var(--ms-accent); }
@keyframes ms-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.45; transform: scale(0.8); } }
@media (max-width: 960px) {
  .ms-hero2__inner { grid-template-columns: 1fr; padding-block: clamp(3.5rem, 8vw, 5rem); }
  .ms-hero2__panel { max-width: 480px; }
}

/* —— 认证 marquee（动态字带）—— */
.ms-marquee {
  overflow: hidden; border-top: 1px solid rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.25); position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.ms-marquee__track { display: flex; width: max-content; animation: ms-marquee 36s linear infinite; }
.ms-marquee:hover .ms-marquee__track { animation-play-state: paused; }
.ms-marquee__item {
  display: flex; align-items: center; gap: var(--ms-space-8); padding: var(--ms-space-4) var(--ms-space-8) var(--ms-space-4) 0;
  font-family: var(--ms-font-mono); font-size: var(--ms-text-sm); letter-spacing: var(--ms-tracking-wide); text-transform: uppercase;
  color: rgba(255,255,255,0.5); white-space: nowrap;
}
.ms-marquee__item b { color: rgba(255,255,255,0.85); font-weight: 600; }
.ms-marquee__item i { font-style: normal; color: var(--ms-accent); }
@keyframes ms-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ============================================================
   USP 带：divide 线分隔，无卡片盒
   ============================================================ */
.ms-usp { background: var(--ms-bg); border-bottom: 1px solid var(--ms-line); }
.ms-usp__inner { display: grid; grid-template-columns: repeat(4, 1fr); }
.ms-usp__item { display: flex; flex-direction: column; gap: var(--ms-space-2); padding: clamp(1.75rem, 3vw, 2.75rem) clamp(1.25rem, 2.5vw, 2.25rem); position: relative; }
.ms-usp__item + .ms-usp__item { border-left: 1px solid var(--ms-line); }
.ms-usp__item svg { width: 24px; height: 24px; color: var(--ms-accent); margin-bottom: var(--ms-space-2); }
.ms-usp__item::before {
  content: "0" counter(ms-usp); counter-increment: ms-usp;
  position: absolute; top: var(--ms-space-4); right: var(--ms-space-4);
  font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); color: var(--ms-steel); opacity: 0.6;
}
.ms-usp__inner { counter-reset: ms-usp; }
.ms-usp__t { font-weight: 700; color: var(--ms-ink); font-size: var(--ms-text-base); letter-spacing: -0.01em; }
.ms-usp__d { color: var(--ms-muted); font-size: var(--ms-text-sm); line-height: 1.55; }
@media (max-width: 860px) {
  .ms-usp__inner { grid-template-columns: repeat(2, 1fr); }
  .ms-usp__item:nth-child(3) { border-left: 0; }
  .ms-usp__item:nth-child(n+3) { border-top: 1px solid var(--ms-line); }
}
@media (max-width: 460px) {
  .ms-usp__inner { grid-template-columns: 1fr; }
  .ms-usp__item + .ms-usp__item { border-left: 0; border-top: 1px solid var(--ms-line); }
}

/* ============================================================
   产品卡 + 非对称精选网格
   ============================================================ */
.ms-card {
  display: block; text-decoration: none; color: inherit;
  background: var(--ms-bg); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md);
  padding: var(--ms-space-6);
  transition: transform var(--ms-duration-sm) var(--ms-ease), box-shadow var(--ms-duration-sm) var(--ms-ease), border-color var(--ms-duration-sm) var(--ms-ease);
}
.ms-card:hover { transform: translateY(-3px); border-color: rgba(126, 31, 43, 0.28); box-shadow: 0 24px 48px -24px rgba(38, 22, 26, 0.25); }
.ms-card:active { transform: translateY(-1px) scale(0.995); }
.ms-card__title { font-size: var(--ms-text-xl); color: var(--ms-ink); font-weight: 700; letter-spacing: -0.01em; margin: 0 0 var(--ms-space-2); }
.ms-card__text  { color: var(--ms-muted); font-size: var(--ms-text-sm); line-height: var(--ms-leading-body); }
.ms-card__more {
  display: inline-block; margin-top: var(--ms-space-4);
  color: var(--ms-primary); font-weight: 600; font-size: var(--ms-text-sm);
  background-image: linear-gradient(var(--ms-accent), var(--ms-accent));
  background-repeat: no-repeat; background-size: 0% 1.5px; background-position: 0 100%;
  padding-bottom: 2px; transition: background-size var(--ms-duration-sm) var(--ms-ease);
}
.ms-card:hover .ms-card__more, .ms-pcard:hover .ms-card__more { background-size: 100% 1.5px; }
.ms-card--app { text-align: center; }
.ms-card--app .ms-card__title { margin: 0; font-size: var(--ms-text-lg); }

/* 通用网格（内页沿用） */
.ms-grid { display: grid; gap: var(--ms-space-6); }
.ms-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ms-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) { .ms-grid--3, .ms-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .ms-grid--3, .ms-grid--4 { grid-template-columns: 1fr; } }

/* 首页精选：非对称 — 首卡跨两行做主视觉 */
.ms-pgrid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; grid-auto-rows: 1fr; gap: var(--ms-space-6); }
.ms-pgrid > :first-child { grid-row: span 2; }
.ms-pgrid > :first-child .ms-pcard__media { aspect-ratio: auto; flex: 1; min-height: 260px; }
.ms-pgrid > :first-child.ms-pcard { display: flex; flex-direction: column; }
@media (max-width: 980px) { .ms-pgrid { grid-template-columns: 1fr 1fr; } .ms-pgrid > :first-child { grid-row: auto; } }
@media (max-width: 600px) { .ms-pgrid { grid-template-columns: 1fr; } }

/* 产品卡（媒体型） */
.ms-pcard { padding: 0; overflow: hidden; }
.ms-pcard__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ms-bg-alt); display: flex; align-items: center; justify-content: center; }
.ms-pcard__img { max-width: var(--ms-img-scale, 80%); max-height: var(--ms-img-scale, 80%); width: auto; height: auto; object-fit: contain; display: block; transition: transform var(--ms-duration) var(--ms-ease); }
.ms-pcard:hover .ms-pcard__img { transform: scale(1.04); }
.ms-pcard__ph { width: 100%; height: 100%; background: linear-gradient(135deg, var(--ms-primary-050), var(--ms-accent-050)); }
.ms-pcard__grade {
  position: absolute; top: var(--ms-space-3); left: var(--ms-space-3);
  background: var(--ms-ink); color: #fff; font-family: var(--ms-font-mono); font-weight: 600;
  font-size: var(--ms-text-xs); letter-spacing: 0.06em; padding: 3px 8px; border-radius: 4px;
}
.ms-pcard .ms-card__title, .ms-pcard .ms-card__text, .ms-pcard .ms-card__more { padding-inline: var(--ms-space-6); }
.ms-pcard .ms-card__title { margin-top: var(--ms-space-5); font-size: var(--ms-text-lg); }
.ms-pcard .ms-card__more { margin-inline: var(--ms-space-6); padding-inline: 0; margin-bottom: var(--ms-space-6); }

/* ============================================================
   能力 zig-zag 行（替代三卡）：序号 | 标题 | 描述
   ============================================================ */
.ms-caprows { border-top: 1px solid var(--ms-line); }
.ms-caprow {
  display: grid; grid-template-columns: 5rem 1fr 1.4fr; gap: var(--ms-space-8); align-items: baseline;
  padding: clamp(1.75rem, 3.5vw, 2.75rem) var(--ms-space-2);
  border-bottom: 1px solid var(--ms-line);
  transition: background var(--ms-duration-sm) var(--ms-ease), padding-left var(--ms-duration-sm) var(--ms-ease);
}
.ms-caprow:hover { background: var(--ms-bg); padding-left: var(--ms-space-4); }
.ms-caprow__num { font-family: var(--ms-font-mono); font-weight: 600; color: var(--ms-accent); font-size: var(--ms-text-sm); }
.ms-caprow__t { font-size: var(--ms-text-xl); font-weight: 700; color: var(--ms-ink); letter-spacing: -0.01em; }
.ms-caprow__d { color: var(--ms-muted); font-size: var(--ms-text-base); line-height: var(--ms-leading-body); }
@media (max-width: 860px) { .ms-caprow { grid-template-columns: 3rem 1fr; } .ms-caprow__d { grid-column: 2; } }

/* ============================================================
   为何选我们：清单 + mono 数据墙
   ============================================================ */
.ms-why { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.ms-why__list { list-style: none; padding: 0; margin: var(--ms-space-8) 0 0; }
.ms-why__list li { position: relative; padding: 0 0 var(--ms-space-5) var(--ms-space-8); color: var(--ms-body); line-height: 1.6; }
.ms-why__list li::before {
  content: ""; position: absolute; left: 0; top: 0.45em; width: 14px; height: 2px; background: var(--ms-accent);
}
@media (max-width: 860px) { .ms-why { grid-template-columns: 1fr; } }

/* 数据：1px 线分隔的 2×2 mono 数字 */
.ms-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ms-space-8); text-align: center; }
.ms-stats__num { font-size: var(--ms-text-4xl); font-weight: 700; color: #fff; font-family: var(--ms-font-mono); letter-spacing: -0.02em; }
.ms-stats__label { font-size: var(--ms-text-sm); color: var(--ms-muted); margin-top: var(--ms-space-1); }
.ms-stats--grid2 { grid-template-columns: repeat(2, 1fr); gap: 0; text-align: left; border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); overflow: hidden; }
.ms-stats--grid2 > div { padding: clamp(1.5rem, 3vw, 2.5rem); }
.ms-stats--grid2 > div:nth-child(even) { border-left: 1px solid var(--ms-line); }
.ms-stats--grid2 > div:nth-child(n+3) { border-top: 1px solid var(--ms-line); }
.ms-stats--grid2 .ms-stats__num { color: var(--ms-primary); }
@media (max-width: 720px) { .ms-stats { grid-template-columns: repeat(2, 1fr); } }

/* ============================================================
   涂层：行表（divide-y），mono 名称
   ============================================================ */
.ms-coatings { border-top: 1px solid var(--ms-line); }
.ms-coating {
  display: grid; grid-template-columns: minmax(9rem, 14rem) 1fr; gap: var(--ms-space-8); align-items: baseline;
  padding: var(--ms-space-5) var(--ms-space-2); border-bottom: 1px solid var(--ms-line);
  transition: background var(--ms-duration-sm) var(--ms-ease), padding-left var(--ms-duration-sm) var(--ms-ease);
}
.ms-coating:hover { background: var(--ms-bg); padding-left: var(--ms-space-4); }
.ms-coating__n { font-family: var(--ms-font-mono); font-weight: 600; color: var(--ms-primary); font-size: var(--ms-text-sm); letter-spacing: 0.02em; }
.ms-coating__d { font-size: var(--ms-text-sm); color: var(--ms-muted); line-height: 1.6; }
@media (max-width: 600px) { .ms-coating { grid-template-columns: 1fr; gap: var(--ms-space-1); } }

/* —— 信任条 / chips —— */
.ms-trustbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ms-space-3); }
.ms-chip {
  display: inline-block; padding: var(--ms-space-2) var(--ms-space-4);
  border: 1px solid var(--ms-line); border-radius: 999px;
  font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.05em;
  color: var(--ms-ink); background: var(--ms-bg); font-weight: 600; text-decoration: none;
  transition: border-color var(--ms-duration-sm) var(--ms-ease), color var(--ms-duration-sm) var(--ms-ease), transform var(--ms-duration-sm) var(--ms-ease);
}
a.ms-chip:hover { border-color: var(--ms-accent); color: var(--ms-accent-600); transform: translateY(-1px); }

/* ============================================================
   全球布局带（深色，幽灵巨数）
   ============================================================ */
.ms-global { position: relative; overflow: hidden; text-align: left; }
.ms-global .ms-container { position: relative; display: grid; grid-template-columns: auto 1fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.ms-global__num {
  font-family: var(--ms-font-mono); font-weight: 700; line-height: 0.9;
  font-size: clamp(5rem, 14vw, 11rem); color: transparent;
  -webkit-text-stroke: 1.5px rgba(197, 132, 30, 0.55);
}
.ms-global .ms-lead { color: rgba(255,255,255,0.72); max-width: 56ch; margin-top: var(--ms-space-4); }
@media (max-width: 860px) { .ms-global .ms-container { grid-template-columns: 1fr; } }

/* —— CTA 区 —— */
.ms-cta { text-align: center; }
.ms-cta .ms-h2 { margin-bottom: var(--ms-space-4); }

/* ============================================================
   面包屑 / 产品详情 / 规格表
   ============================================================ */
.ms-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--ms-space-2); align-items: center; font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.04em; color: var(--ms-muted); margin-bottom: var(--ms-space-8); text-transform: uppercase; }
.ms-breadcrumb a { color: var(--ms-muted); text-decoration: none; }
.ms-breadcrumb a:hover { color: var(--ms-primary); }
.ms-breadcrumb .is-current { color: var(--ms-ink); font-weight: 600; }

.ms-product__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; margin-bottom: var(--ms-space-16); }
.ms-product__media { aspect-ratio: 1 / 1; background: var(--ms-bg); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-lg); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ms-product__img { max-width: var(--ms-img-scale, 80%); max-height: var(--ms-img-scale, 80%); width: auto; height: auto; object-fit: contain; display: block; }
.ms-product__ph { width: 100%; height: 100%; background: linear-gradient(135deg, var(--ms-primary-050), var(--ms-accent-050)); }
.ms-product__cta { display: flex; gap: var(--ms-space-3); margin-top: var(--ms-space-8); flex-wrap: wrap; }
.ms-product__block { margin-top: clamp(3rem, 6vw, 5rem); }
.ms-product__block .ms-h2 { margin-bottom: var(--ms-space-6); }
.ms-product__inquiry { background: var(--ms-bg-alt); padding: clamp(1.75rem, 4vw, 3rem); border-radius: var(--ms-radius-lg); border: 1px solid var(--ms-line); }
@media (max-width: 860px) { .ms-product__grid { grid-template-columns: 1fr; gap: var(--ms-space-8); } }

/* 规格表：cockpit 风 divide 行 */
.ms-spec-table { width: 100%; border-collapse: collapse; font-family: var(--ms-font-mono); font-size: var(--ms-text-sm); }
.ms-spec-table th, .ms-spec-table td { text-align: left; padding: var(--ms-space-4) var(--ms-space-4); border-bottom: 1px solid var(--ms-line); }
.ms-spec-table th { color: var(--ms-muted); font-weight: 400; width: 40%; }
.ms-spec-table td { color: var(--ms-ink); font-weight: 600; }
.ms-spec-table tr:hover td, .ms-spec-table tr:hover th { background: var(--ms-bg-alt); }

/* —— 单品页：JADA 式以图为主 + GEO 机读层 —— */
.ms-product__head { max-width: 780px; margin-bottom: var(--ms-space-8); }
.ms-product__head .ms-lead { margin-top: var(--ms-space-4); }
.ms-product__block .ms-eyebrow { margin-bottom: var(--ms-space-4); }
.ms-pgallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--ms-space-4); margin-bottom: var(--ms-space-12); }
.ms-pgallery.is-single { grid-template-columns: minmax(0, 640px); }
.ms-pgallery__item { margin: 0; overflow: hidden; border: 1px solid var(--ms-line); border-radius: var(--ms-radius-lg); background: var(--ms-bg); aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: var(--ms-space-5); }
.ms-pgallery__item img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; transition: transform var(--ms-duration) var(--ms-ease); }
.ms-pgallery__item:hover img { transform: scale(1.03); }
.ms-pgallery__item .ms-product__ph { width: 100%; height: 100%; }

/* ============================================================
   询盘表单：label 上置 · 焦点金环 · 触感按钮
   ============================================================ */
.ms-inquiry-form label { display: block; font-weight: 600; font-size: var(--ms-text-sm); color: var(--ms-ink); margin-bottom: var(--ms-space-4); }
.ms-inquiry-form input, .ms-inquiry-form textarea {
  width: 100%; max-width: 520px; padding: 0.8rem 0.9rem;
  border: 1px solid var(--ms-line); border-radius: var(--ms-radius-sm);
  font: inherit; font-size: var(--ms-text-base); margin-top: var(--ms-space-2); background: #fff; color: var(--ms-ink);
  transition: border-color var(--ms-duration-sm) var(--ms-ease), box-shadow var(--ms-duration-sm) var(--ms-ease);
}
.ms-inquiry-form input::placeholder, .ms-inquiry-form textarea::placeholder { color: var(--ms-steel); }
.ms-inquiry-form input:focus, .ms-inquiry-form textarea:focus { outline: none; border-color: var(--ms-accent); box-shadow: 0 0 0 3px rgba(197, 132, 30, 0.18); }
/* 双列网格：短字段成对，电话 / 需求整行；与左栏更易对齐等高 */
.ms-inquiry-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ms-space-5) var(--ms-space-4); }
.ms-inquiry-form__grid > p { margin: 0; }
.ms-inquiry-form__grid label { margin-bottom: 0; }
.ms-inquiry-form__grid .ms-field--full { grid-column: 1 / -1; }
.ms-inquiry-form__grid input, .ms-inquiry-form__grid textarea { max-width: none; }
.ms-inquiry-form__submit { margin: var(--ms-space-6) 0 0; }
@media (max-width: 560px) { .ms-inquiry-form__grid { grid-template-columns: 1fr; } }
.ms-form__notice { padding: var(--ms-space-3) var(--ms-space-4); border-radius: var(--ms-radius-sm); font-weight: 600; font-size: var(--ms-text-sm); }
.ms-form__notice--ok { background: #EAF6EE; color: #1A7F3C; border: 1px solid #BFE5CB; }
.ms-form__notice--err { background: var(--ms-primary-050); color: var(--ms-primary-700); border: 1px solid #E8C8CD; }

/* 询盘"发什么"提示 */
.ms-inquiry-hint { list-style: none; padding: 0; margin: 0 0 var(--ms-space-6); display: flex; flex-wrap: wrap; gap: var(--ms-space-3) var(--ms-space-6); }
.ms-inquiry-hint li { position: relative; padding-left: var(--ms-space-6); font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.03em; color: var(--ms-muted); }
.ms-inquiry-hint li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 12px; height: 2px; background: var(--ms-accent); }

/* —— 分页 —— */
.ms-pagination { margin-top: var(--ms-space-12); }
.ms-pagination .page-numbers { display: inline-block; padding: var(--ms-space-2) var(--ms-space-4); margin: 0 2px; border: 1px solid var(--ms-line); border-radius: var(--ms-radius-sm); text-decoration: none; color: var(--ms-primary); font-family: var(--ms-font-mono); font-size: var(--ms-text-sm); }
.ms-pagination .page-numbers.current { background: var(--ms-primary); color: #fff; border-color: var(--ms-primary); }

/* —— WhatsApp 浮动按钮 —— */
.ms-wa { position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 54px; height: 54px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 16px 32px -12px rgba(18, 90, 50, 0.5); transition: transform var(--ms-duration-sm) var(--ms-ease); }
.ms-wa:hover { transform: scale(1.08); color: #fff; }
.ms-wa:active { transform: scale(0.96); }
@media (max-width: 600px) { .ms-wa { width: 48px; height: 48px; right: 16px; bottom: 16px; } }

/* —— 页脚法定名条 —— */
.ms-legalbar { text-align: center; font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.04em; color: var(--ms-muted); padding: var(--ms-space-6) var(--ms-space-4); border-top: 1px solid var(--ms-line); background: var(--ms-bg); }

/* —— 联系信息块 —— */
.ms-contactlist { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--ms-line); }
.ms-contactlist li { padding: var(--ms-space-4) 0; border-bottom: 1px solid var(--ms-line); display: flex; gap: var(--ms-space-4); }
.ms-contactlist .ms-contactlist__k { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ms-muted); min-width: 6.5rem; padding-top: 0.2em; }
.ms-contactlist a { color: var(--ms-primary); text-decoration: none; font-weight: 600; }
.ms-contactlist a:hover { color: var(--ms-accent-600); }
.ms-map-ph { aspect-ratio: 16 / 7; border-radius: var(--ms-radius-lg); border: 1px dashed var(--ms-line); background: var(--ms-bg-alt); display: flex; align-items: center; justify-content: center; color: var(--ms-muted); font-size: var(--ms-text-sm); }

/* —— 分类页 hero：左文 + 右类目图（无图自动回退全宽文字）—— */
.ms-cathero { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.ms-cathero .ms-section__head { margin-bottom: 0; max-width: none; }
.ms-cathero__media { aspect-ratio: 4 / 3; border-radius: var(--ms-radius-lg); overflow: hidden; border: 1px solid var(--ms-line); background-color: var(--ms-bg-alt); background-size: cover; background-position: center; }
@media (max-width: 860px) { .ms-cathero { grid-template-columns: 1fr; } .ms-cathero__media { order: -1; } }

/* —— 工艺步骤（内页沿用，线框风）—— */
.ms-process { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ms-space-6); counter-reset: ms-step; }
.ms-process__step { position: relative; padding: var(--ms-space-6); padding-top: var(--ms-space-12); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); background: var(--ms-bg); transition: border-color var(--ms-duration-sm) var(--ms-ease), transform var(--ms-duration-sm) var(--ms-ease); }
.ms-process__step:hover { border-color: rgba(197, 132, 30, 0.45); transform: translateY(-2px); }
.ms-process__step::before { counter-increment: ms-step; content: counter(ms-step, decimal-leading-zero); position: absolute; left: var(--ms-space-6); top: var(--ms-space-5); font-family: var(--ms-font-mono); font-weight: 700; color: var(--ms-accent); font-size: var(--ms-text-lg); }
.ms-process__t { font-weight: 700; color: var(--ms-ink); margin: 0 0 var(--ms-space-1); }
.ms-process__d { font-size: var(--ms-text-sm); color: var(--ms-muted); line-height: 1.6; }
@media (max-width: 860px) { .ms-process { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .ms-process { grid-template-columns: 1fr; } }

/* —— 散文区 —— */
.ms-prose { color: var(--ms-body); line-height: var(--ms-leading-body); }
.ms-prose p { margin: 0 0 var(--ms-space-4); max-width: 65ch; }

/* —— 旧 Hero 辅助类（内页沿用）—— */
.ms-hero__cta { display: flex; gap: var(--ms-space-3); margin-top: var(--ms-space-8); flex-wrap: wrap; }
.ms-hero__badges { list-style: none; display: flex; flex-wrap: wrap; gap: var(--ms-space-4); margin: var(--ms-space-8) 0 0; padding: 0; }
.ms-hero__badges li { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.04em; color: var(--ms-muted); font-weight: 600; position: relative; padding-left: var(--ms-space-4); }
.ms-hero__badges li::before { content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 2px; background: var(--ms-accent); transform: translateY(-50%); }

/* ============================================================
   v3 COMPACT（Aarke 式 catalog-first）：浅底 · 短区块 · 产品当主角
   ============================================================ */

/* 区块标题组（紧凑版间距） */
.ms-front .ms-section__head { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }

/* —— Hero v3：浅底分屏，短而克制 —— */
.ms-hero3 { background: var(--ms-bg-alt); border-bottom: 1px solid var(--ms-line); }
.ms-hero3__inner {
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem, 5vw, 5rem);
  align-items: center; padding-block: clamp(2.5rem, 5.5vw, 4.5rem);
}
.ms-hero3 .ms-h1 { font-size: var(--ms-text-4xl); max-width: 18ch; }
.ms-hero3 .ms-h1 em { font-style: normal; color: var(--ms-primary); }
.ms-hero3__lead { margin-top: var(--ms-space-4); max-width: 46ch; font-size: var(--ms-text-base); line-height: var(--ms-leading-body); color: var(--ms-muted); }
.ms-hero3__cta { display: flex; flex-wrap: wrap; gap: var(--ms-space-3); margin-top: var(--ms-space-8); }
.ms-hero3__media { position: relative; display: flex; align-items: center; justify-content: center; min-height: 280px; }
.ms-hero3__media::before {
  content: ""; position: absolute; inset: 8% 4%; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(126, 31, 43, 0.07), transparent 75%);
}
.ms-hero3__img { position: relative; max-width: min(78%, 420px); max-height: 360px; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 28px 36px rgba(38, 22, 26, 0.18)); }
@media (max-width: 860px) {
  .ms-hero3__inner { grid-template-columns: 1fr; padding-block: var(--ms-space-12); }
  .ms-hero3__media { order: -1; min-height: 200px; }
  .ms-hero3__img { max-height: 240px; }
}

/* 认证细线（静态，替代 marquee 的安静版） */
.ms-certline {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--ms-space-2) var(--ms-space-6);
  padding-block: var(--ms-space-4); border-top: 1px solid var(--ms-line);
  font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: var(--ms-tracking-wide);
  text-transform: uppercase; color: var(--ms-muted);
}
.ms-certline b { color: var(--ms-ink); font-weight: 600; }
.ms-certline i { font-style: normal; color: var(--ms-accent); }

/* —— 品类图块（图片主导，文字极简）—— */
.ms-cattiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ms-space-4); }
.ms-cattile {
  position: relative; display: flex; flex-direction: column; text-decoration: none; color: inherit;
  background: var(--ms-bg-alt); border: 1px solid transparent; border-radius: var(--ms-radius-md); overflow: hidden;
  transition: border-color var(--ms-duration-sm) var(--ms-ease), transform var(--ms-duration-sm) var(--ms-ease), box-shadow var(--ms-duration-sm) var(--ms-ease);
}
.ms-cattile:hover { border-color: var(--ms-line); transform: translateY(-2px); box-shadow: 0 20px 40px -24px rgba(38, 22, 26, 0.22); }
.ms-cattile:active { transform: translateY(0) scale(0.99); }
.ms-cattile__media { aspect-ratio: 5 / 4; display: flex; align-items: center; justify-content: center; }
.ms-cattile__media img { max-width: 64%; max-height: 64%; width: auto; height: auto; object-fit: contain; transition: transform var(--ms-duration) var(--ms-ease); }
.ms-cattile:hover .ms-cattile__media img { transform: scale(1.05); }
.ms-cattile__ph { width: 56%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, var(--ms-primary-050), var(--ms-accent-050)); }
.ms-cattile__name {
  display: flex; justify-content: space-between; align-items: center; gap: var(--ms-space-3);
  padding: var(--ms-space-4) var(--ms-space-5);
  font-weight: 600; font-size: var(--ms-text-base); letter-spacing: -0.01em; color: var(--ms-ink);
  border-top: 1px solid var(--ms-line); background: var(--ms-bg);
}
.ms-cattile__name::after { content: "→"; font-family: var(--ms-font-mono); color: var(--ms-accent); transition: transform var(--ms-duration-sm) var(--ms-ease); }
.ms-cattile:hover .ms-cattile__name::after { transform: translateX(3px); }
@media (max-width: 980px) { .ms-cattiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .ms-cattiles { grid-template-columns: 1fr; } }

/* —— 应用场景行（一行扫完）—— */
.ms-appsrow { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); overflow: hidden; background: var(--ms-bg); }
.ms-appsrow a {
  display: flex; flex-direction: column; gap: var(--ms-space-1);
  padding: var(--ms-space-5) var(--ms-space-5); text-decoration: none;
  transition: background var(--ms-duration-sm) var(--ms-ease);
}
.ms-appsrow a + a { border-left: 1px solid var(--ms-line); }
.ms-appsrow a:hover { background: var(--ms-bg-alt); }
.ms-appsrow__n { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); color: var(--ms-accent); }
.ms-appsrow__t { font-weight: 600; color: var(--ms-ink); font-size: var(--ms-text-sm); letter-spacing: -0.01em; }
@media (max-width: 860px) {
  .ms-appsrow { grid-template-columns: repeat(2, 1fr); }
  .ms-appsrow a + a { border-left: 0; }
  .ms-appsrow a:nth-child(even) { border-left: 1px solid var(--ms-line); }
  .ms-appsrow a:nth-child(n+3) { border-top: 1px solid var(--ms-line); }
}

/* —— 品牌带：一段话 + mono 事实行（合并 USP/数据/认证）—— */
.ms-band { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.ms-band__facts { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); overflow: hidden; background: var(--ms-bg); }
.ms-band__fact { padding: var(--ms-space-5) var(--ms-space-6); }
.ms-band__fact:nth-child(even) { border-left: 1px solid var(--ms-line); }
.ms-band__fact:nth-child(n+3) { border-top: 1px solid var(--ms-line); }
.ms-band__num { font-family: var(--ms-font-mono); font-weight: 700; font-size: var(--ms-text-2xl); color: var(--ms-primary); letter-spacing: -0.02em; }
.ms-band__label { font-size: var(--ms-text-xs); color: var(--ms-muted); margin-top: 2px; }
@media (max-width: 860px) { .ms-band { grid-template-columns: 1fr; } }

/* ============================================================
   v4 富化重设计：3D 英雄 · bento 产品矩阵 · 定制能力 · 计数器证明
   ============================================================ */

/* —— Hero v4：左文案 / 右 3D Halbach —— */
.ms-hero4 {
  position: relative; overflow: hidden;
  background:
    radial-gradient(820px 460px at 86% 8%, rgba(197,132,30,0.18), transparent 60%),
    radial-gradient(680px 520px at 6% 108%, rgba(126,31,43,0.42), transparent 55%),
    linear-gradient(150deg, #271317 0%, #1C0E12 55%, #2A151A 100%);
  color: #fff;
}
.ms-hero4::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: radial-gradient(80% 90% at 25% 40%, #000, transparent 100%);
          mask-image: radial-gradient(80% 90% at 25% 40%, #000, transparent 100%);
}
.ms-hero4__inner { position: relative; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem,5vw,4.5rem); align-items: center; padding-block: clamp(3.5rem,7vw,6rem); }
.ms-hero4 .ms-eyebrow { color: var(--ms-accent); }
.ms-hero4 .ms-eyebrow::before { background: var(--ms-accent); }
.ms-hero4 .ms-h1 { color: #fff; max-width: 15ch; }
.ms-hero4 .ms-h1 em { font-style: normal; color: var(--ms-accent); }
.ms-hero4__lead { margin-top: var(--ms-space-5); max-width: 50ch; font-size: var(--ms-text-lg); line-height: var(--ms-leading-body); color: rgba(255,255,255,0.74); }
.ms-hero4__cta { display: flex; flex-wrap: wrap; gap: var(--ms-space-3); margin-top: clamp(1.75rem,3.5vw,2.5rem); }
.ms-hero4__facts { list-style: none; display: flex; flex-wrap: wrap; gap: var(--ms-space-8); margin: clamp(2rem,4vw,2.75rem) 0 0; padding-top: var(--ms-space-6); border-top: 1px solid rgba(255,255,255,0.12); }
.ms-hero4__facts li { display: flex; flex-direction: column; }
.ms-hero4__facts b { font-family: var(--ms-font-mono); font-size: var(--ms-text-xl); font-weight: 700; color: #fff; letter-spacing: -0.02em; }
.ms-hero4__facts span { font-size: var(--ms-text-xs); color: rgba(255,255,255,0.5); letter-spacing: 0.04em; }

.ms-hero4__viz { position: relative; aspect-ratio: 1 / 1; max-width: 540px; margin-inline: auto; width: 100%; }
.ms-hero4__poster, .ms-hero4__canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.ms-hero4__poster { object-fit: contain; opacity: 0.92; transition: opacity .9s var(--ms-ease); filter: drop-shadow(0 30px 50px rgba(0,0,0,0.5)); }
.ms-hero4__canvas { opacity: 0; transition: opacity 1.1s var(--ms-ease); }
.ms-hero4__viz.is-live .ms-hero4__poster { opacity: 0; }
.ms-hero4__viz.is-live .ms-hero4__canvas { opacity: 1; }
@media (max-width: 900px) {
  .ms-hero4__inner { grid-template-columns: 1fr; }
  .ms-hero4__viz { order: -1; max-width: 380px; }
}

/* ============================================================
   首页 header + hero 合成满屏深色聚焦区（仅 body.home）
   头部透明叠加在深色 hero 上；hero 撑满一屏；导航/站名变浅色。
   ============================================================ */
/* 头部透明并叠加到 hero 顶部（覆盖 Kadence 头部各层背景）*/
body.home #masthead,
body.home #masthead .site-header-wrap,
body.home #masthead .site-header-row-container,
body.home #masthead .site-header-row-container-inner { background: transparent; border-bottom: 0; box-shadow: none; }
body.home #masthead { position: absolute; inset-inline: 0; top: 0; z-index: 100; }

/* hero 撑满一屏，内容垂直居中，顶部留出头部高度 */
body.home .ms-hero4 { min-height: 100svh; display: flex; align-items: center; }
body.home .ms-hero4__inner { width: 100%; padding-block: clamp(6.5rem, 12vh, 9rem) clamp(3rem, 6vh, 5rem); }

/* 站名 + 导航 + 头部图标在深底上变浅色 */
body.home .site-title a,
body.home .site-title { color: #fff; }
body.home .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.home .header-navigation .menu-container > ul > li.menu-item > a { color: rgba(255,255,255,0.92); }
body.home .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.home .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a { color: var(--ms-accent); }
body.home .mobile-toggle-open-container .menu-toggle-open,
body.home .search-toggle-open-container .search-toggle-open { color: #fff; }

/* 移动端：不强撑满屏，避免竖屏内容溢出（hero ≤900px 单列、viz 在上）；
   头部仍叠加在 hero 上，顶部留出头部高度 */
@media (max-width: 900px) {
  body.home .ms-hero4 { min-height: auto; display: block; }
  body.home .ms-hero4__inner { padding-block: clamp(5rem, 15vw, 6.5rem) clamp(2.5rem, 8vw, 3.5rem); }
}

/* —— 产品矩阵：bento 全幅图瓦片 —— */
.ms-mtiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ms-space-4); }
.ms-mtile { position: relative; display: flex; flex-direction: column; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); background: var(--ms-bg-alt); text-decoration: none; color: inherit; transition: transform var(--ms-duration-sm) var(--ms-ease), box-shadow var(--ms-duration-sm) var(--ms-ease), border-color var(--ms-duration-sm) var(--ms-ease); }
.ms-mtile:hover { transform: translateY(-3px); box-shadow: 0 26px 50px -28px rgba(38,22,26,0.3); border-color: rgba(126,31,43,0.3); }
.ms-mtile:active { transform: translateY(-1px) scale(0.995); }
.ms-mtile.is-featured { border-color: rgba(197,132,30,0.55); box-shadow: inset 0 0 0 1px rgba(197,132,30,0.25); }
.ms-mtile__img { flex: 1; background-size: cover; background-position: center; transition: transform var(--ms-duration) var(--ms-ease); }
.ms-mtile:hover .ms-mtile__img { transform: scale(1.05); }
.ms-mtile__ph { background: radial-gradient(closest-side, var(--ms-primary-050), var(--ms-accent-050)); }
.ms-mtile__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--ms-space-3); padding: var(--ms-space-4) var(--ms-space-5); background: var(--ms-bg); border-top: 1px solid var(--ms-line); }
.ms-mtile__name { font-weight: 700; font-size: var(--ms-text-base); letter-spacing: -0.01em; color: var(--ms-ink); }
.ms-mtile.is-featured .ms-mtile__name { font-size: var(--ms-text-xl); }
.ms-mtile__arrow { font-family: var(--ms-font-mono); color: var(--ms-accent); transition: transform var(--ms-duration-sm) var(--ms-ease); }
.ms-mtile:hover .ms-mtile__arrow { transform: translateX(3px); }
.ms-mtile__tag { position: absolute; top: var(--ms-space-3); left: var(--ms-space-3); z-index: 2; background: var(--ms-accent); color: #fff; font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); font-weight: 600; letter-spacing: 0.05em; padding: 3px 10px; border-radius: 999px; }
@media (max-width: 760px) { .ms-mtiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .ms-mtiles { grid-template-columns: 1fr; } }

/* —— 定制能力 —— */
.ms-capability__grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(2rem,5vw,4.5rem); align-items: center; }
.ms-capability__intro .ms-btn { margin-top: var(--ms-space-8); }
.ms-capability__specs { margin: 0; border-top: 1px solid var(--ms-line); }
.ms-capability__specs > div { display: grid; grid-template-columns: minmax(9rem,12rem) 1fr; gap: var(--ms-space-6); align-items: baseline; padding: var(--ms-space-4) var(--ms-space-2); border-bottom: 1px solid var(--ms-line); transition: padding-left var(--ms-duration-sm) var(--ms-ease), background var(--ms-duration-sm) var(--ms-ease); }
.ms-capability__specs > div:hover { background: var(--ms-bg); padding-left: var(--ms-space-4); }
.ms-capability__specs dt { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ms-accent-600); }
.ms-capability__specs dd { margin: 0; font-weight: 600; color: var(--ms-ink); font-size: var(--ms-text-base); }
@media (max-width: 820px) { .ms-capability__grid { grid-template-columns: 1fr; } .ms-capability__specs > div { grid-template-columns: 1fr; gap: var(--ms-space-1); } }

/* —— 实力证明（深色，计数器）—— */
.ms-proof__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--ms-radius-md); overflow: hidden; }
.ms-proof__stats > div { padding: clamp(1.5rem,3vw,2.5rem); }
.ms-proof__stats > div:nth-child(n+2) { border-left: 1px solid rgba(255,255,255,0.12); }
.ms-proof__num { font-family: var(--ms-font-mono); font-weight: 700; font-size: var(--ms-text-4xl); color: #fff; letter-spacing: -0.02em; line-height: 1; }
.ms-proof__label { margin-top: var(--ms-space-2); font-size: var(--ms-text-sm); color: rgba(255,255,255,0.55); }
.ms-proof__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--ms-space-6); margin-top: var(--ms-space-8); }
.ms-proof .ms-chip { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.85); }
.ms-proof__brands { font-size: var(--ms-text-sm); color: rgba(255,255,255,0.6); max-width: 42ch; }
@media (max-width: 720px) {
  .ms-proof__stats { grid-template-columns: repeat(2, 1fr); }
  .ms-proof__stats > div:nth-child(odd) { border-left: 0; }
  .ms-proof__stats > div:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,0.12); }
}

/* —— 应用卡 —— */
.ms-appcards { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--ms-space-4); }
.ms-appcard { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--ms-space-1); min-height: 250px; padding: var(--ms-space-6); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-md); background: var(--ms-bg); color: inherit; cursor: default; }
/* 场景背景底图：覆盖 + 适当虚化 + 暗色叠加保证白字可读。展示用，不可点击。 */
.ms-appcard__bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; filter: blur(1px) saturate(1.08); transform: scale(1.05); transition: transform 0.55s var(--ms-ease); will-change: transform; }
.ms-appcard:hover .ms-appcard__bg { transform: scale(1.12); }
.ms-appcard.has-bg { border-color: transparent; }
/* 暗罩只压底部托文字，顶部保持清晰 → 场景看得见 */
.ms-appcard.has-bg::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(15,8,10,0) 0%, rgba(15,8,10,0) 42%, rgba(15,8,10,0.42) 72%, rgba(15,8,10,0.86) 100%); }
.ms-appcard__n { position: relative; z-index: 2; font-family: var(--ms-font-mono); font-size: var(--ms-text-sm); color: var(--ms-accent); }
.ms-appcard__t { position: relative; z-index: 2; font-weight: 700; color: var(--ms-ink); font-size: var(--ms-text-lg); letter-spacing: -0.01em; }
.ms-appcard__d { position: relative; z-index: 2; font-size: var(--ms-text-sm); color: var(--ms-muted); line-height: 1.5; }
.ms-appcard.has-bg .ms-appcard__n { text-shadow: 0 1px 6px rgba(0,0,0,0.55); }
.ms-appcard.has-bg .ms-appcard__t { color: #fff; text-shadow: 0 1px 10px rgba(0,0,0,0.6); }
.ms-appcard.has-bg .ms-appcard__d { color: rgba(255,255,255,0.92); text-shadow: 0 1px 8px rgba(0,0,0,0.55); }
@media (max-width: 980px) { .ms-appcards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .ms-appcards { grid-template-columns: 1fr; } }

/* —— 无障碍：尊重减少动效偏好 —— */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .ms-marquee__track { animation: none; flex-wrap: wrap; }
}

/* ============================================================
   首页询盘区（平衡左右栏 + 卡片化表单）
   ============================================================ */
.ms-contact-cta { background: var(--ms-bg-alt); }
.ms-contact-cta__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.ms-contact-cta__intro .ms-lead { margin-top: var(--ms-space-5); max-width: 44ch; }
.ms-contact-cta__steps { list-style: none; margin: var(--ms-space-8) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--ms-space-4); }
.ms-contact-cta__steps li { display: flex; align-items: baseline; gap: var(--ms-space-4); font-size: var(--ms-text-base); color: var(--ms-body); }
.ms-contact-cta__steps b { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); font-weight: 700; color: var(--ms-accent); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-sm); padding: 2px 7px; flex: 0 0 auto; }
.ms-contact-cta__direct { display: flex; flex-wrap: wrap; gap: var(--ms-space-3); margin-top: var(--ms-space-8); }
.ms-contact-cta__direct a { display: inline-flex; align-items: center; gap: var(--ms-space-2); padding: var(--ms-space-3) var(--ms-space-5); border: 1px solid var(--ms-line); border-radius: 999px; background: var(--ms-bg); color: var(--ms-ink); text-decoration: none; font-size: var(--ms-text-sm); font-weight: 600; transition: border-color var(--ms-duration-sm) var(--ms-ease), transform var(--ms-duration-sm) var(--ms-ease); }
.ms-contact-cta__direct a:hover { border-color: var(--ms-accent); transform: translateY(-2px); }
.ms-contact-cta__direct svg { width: 18px; height: 18px; }
.ms-contact-cta__note { margin-top: var(--ms-space-6); font-size: var(--ms-text-sm); color: var(--ms-muted); }
.ms-contact-cta__card { background: var(--ms-bg); border: 1px solid var(--ms-line); border-radius: var(--ms-radius-lg); box-shadow: var(--ms-shadow-lg); padding: clamp(1.5rem, 3vw, 2.75rem); }
@media (max-width: 860px) { .ms-contact-cta__grid { grid-template-columns: 1fr; } }

/* ============================================================
   品牌页脚（认证 / 产品 / 公司 / 联系 + 版权）
   ============================================================ */
#colophon.site-footer { display: none; } /* 隐藏 Kadence 空页脚，用我们自定义的 */
.ms-footer { background: var(--ms-bg-dark); color: rgba(255,255,255,0.72); }
.ms-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.3fr; gap: clamp(2rem, 4vw, 4rem); padding-block: clamp(3rem, 5vw, 4.5rem) var(--ms-space-12); }
.ms-footer__name { font-weight: 700; font-size: var(--ms-text-lg); color: #fff; letter-spacing: -0.01em; line-height: 1.3; }
.ms-footer__tag { margin: var(--ms-space-4) 0 var(--ms-space-6); font-size: var(--ms-text-sm); line-height: 1.7; color: rgba(255,255,255,0.55); max-width: 38ch; }
.ms-footer__h { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); text-transform: uppercase; letter-spacing: 0.14em; color: var(--ms-accent); margin: 0 0 var(--ms-space-5); font-weight: 600; }
.ms-footer__links, .ms-footer__contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ms-space-3); }
.ms-footer__links a { color: rgba(255,255,255,0.78); text-decoration: none; font-size: var(--ms-text-sm); transition: color var(--ms-duration-sm) var(--ms-ease); }
.ms-footer__links a:hover { color: #fff; }
.ms-footer__contact li { display: flex; flex-direction: column; gap: 2px; font-size: var(--ms-text-sm); }
.ms-footer__contact span { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.4); }
.ms-footer__contact a { color: rgba(255,255,255,0.85); text-decoration: none; }
.ms-footer__contact a:hover { color: var(--ms-accent); }
.ms-footer__contact em { font-style: normal; color: rgba(255,255,255,0.68); line-height: 1.5; }
.ms-footer__brand .ms-btn { margin-top: var(--ms-space-2); }
.ms-footer__brand .ms-btn svg { width: 18px; height: 18px; vertical-align: middle; }
.ms-footer__certs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ms-space-3); padding-block: var(--ms-space-6); border-top: 1px solid rgba(255,255,255,0.1); }
.ms-footer__certlabel { font-family: var(--ms-font-mono); font-size: var(--ms-text-xs); text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.4); margin-right: var(--ms-space-2); }
.ms-footer .ms-chip { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.16); color: rgba(255,255,255,0.82); }
.ms-footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); }
.ms-footer__bottom .ms-container { padding-block: var(--ms-space-6); text-align: center; font-size: var(--ms-text-xs); color: rgba(255,255,255,0.45); letter-spacing: 0.02em; }
@media (max-width: 900px) { .ms-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--ms-space-8); } .ms-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .ms-footer__grid { grid-template-columns: 1fr; } }

/* 页脚法务/信任页链接行 */
.ms-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ms-space-2) var(--ms-space-5); margin-bottom: var(--ms-space-3); }
.ms-footer__legal a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: var(--ms-text-xs); letter-spacing: 0.02em; }
.ms-footer__legal a:hover { color: #fff; }

/* 页脚认证徽章（学嘉达：突出、可点，跳 About 资质区）*/
.ms-cert { display: inline-flex; align-items: center; gap: var(--ms-space-2); padding: 8px 14px; border: 1px solid rgba(255,255,255,0.14); border-radius: 999px; background: rgba(255,255,255,0.03); color: #fff; text-decoration: none; transition: border-color .25s var(--ms-ease), background .25s var(--ms-ease); }
.ms-cert:hover { border-color: var(--ms-accent); background: rgba(197,132,30,0.12); }
.ms-cert__seal { display: inline-flex; color: var(--ms-accent); flex: 0 0 auto; }
.ms-cert__seal svg { width: 20px; height: 20px; }
.ms-cert__name { font-size: var(--ms-text-xs); font-weight: 600; letter-spacing: 0.02em; white-space: nowrap; }

/* ============================================================
   信任页（Quality & Returns / Shipping & Delivery / Privacy）
   ============================================================ */
.ms-legal .ms-container { max-width: 820px; }
.ms-legal .ms-section__head { text-align: left; margin-bottom: var(--ms-space-8); }
.ms-legal__body h2 { font-size: var(--ms-text-xl); color: var(--ms-ink); margin: var(--ms-space-8) 0 var(--ms-space-3); letter-spacing: var(--ms-tracking-tight); line-height: 1.25; }
.ms-legal__body p { margin: 0 0 var(--ms-space-4); }
.ms-legal__body ul, .ms-legal__body ol { margin: 0 0 var(--ms-space-5); padding-left: 1.35em; }
.ms-legal__body li { margin-bottom: var(--ms-space-2); }
.ms-legal__body a { color: var(--ms-primary); text-decoration: underline; text-underline-offset: 2px; }
.ms-legal__body a:hover { color: var(--ms-primary-600); }
.ms-legal__body strong { color: var(--ms-ink); font-weight: 600; }

/* ============================================================
   多渠道联系浮窗 FAB
   ============================================================ */
.ms-fab { position: fixed; right: 20px; bottom: 20px; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: var(--ms-space-3); }
.ms-fab__menu { display: flex; flex-direction: column; align-items: flex-end; gap: var(--ms-space-3); }
.ms-fab__item { display: inline-flex; align-items: center; gap: var(--ms-space-3); text-decoration: none; transform: translateY(12px) scale(0.85); opacity: 0; pointer-events: none; transition: transform var(--ms-duration) var(--ms-ease), opacity var(--ms-duration) var(--ms-ease); }
.ms-fab.is-open .ms-fab__item { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
.ms-fab.is-open .ms-fab__item:nth-child(1) { transition-delay: 0.03s; }
.ms-fab.is-open .ms-fab__item:nth-child(2) { transition-delay: 0.07s; }
.ms-fab.is-open .ms-fab__item:nth-child(3) { transition-delay: 0.11s; }
.ms-fab.is-open .ms-fab__item:nth-child(4) { transition-delay: 0.15s; }
.ms-fab__label { background: #fff; color: var(--ms-ink); font-size: var(--ms-text-sm); font-weight: 600; padding: 6px 12px; border-radius: var(--ms-radius-sm); box-shadow: var(--ms-shadow-md); white-space: nowrap; }
.ms-fab__ico { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; color: #fff; box-shadow: var(--ms-shadow-md); flex: 0 0 auto; }
.ms-fab__item--wa .ms-fab__ico { background: #25D366; }
.ms-fab__item--wechat .ms-fab__ico { background: #07C160; }
.ms-fab__item--email .ms-fab__ico { background: var(--ms-primary); }
.ms-fab__item--phone .ms-fab__ico { background: var(--ms-accent); }
.ms-fab__item.is-copied .ms-fab__label::after { content: " ✓"; color: #07C160; }
.ms-fab__toggle { width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; background: var(--ms-primary); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 16px 32px -12px rgba(126,31,43,0.6); transition: transform var(--ms-duration-sm) var(--ms-ease), background var(--ms-duration-sm) var(--ms-ease); }
.ms-fab__toggle:hover { transform: scale(1.06); }
.ms-fab__toggle:active { transform: scale(0.96); }
.ms-fab__toggle-close { display: none; }
.ms-fab.is-open .ms-fab__toggle { background: var(--ms-ink); }
.ms-fab.is-open .ms-fab__toggle-open { display: none; }
.ms-fab.is-open .ms-fab__toggle-close { display: inline-flex; }
@media (max-width: 600px) { .ms-fab { right: 16px; bottom: 16px; } .ms-fab__ico { width: 44px; height: 44px; } .ms-fab__toggle { width: 52px; height: 52px; } }
@media (prefers-reduced-motion: reduce) { .ms-fab__item { transition: opacity .2s linear; transform: none; } }