/* ============================================================
   home-lite.css —— 馨祥合金新版首页专用模板样式（v71）
   设计语言：浅色工业门户
   - 底色：暖浅灰 #f3f6f8 / 白
   - 主文字：墨蓝 #0c2030
   - 点缀：火焰红 #d8452c（电加热行业联想色）+ 钢蓝细线 #2f6db3
   与旧首页（深海军蓝大图 + 黄铜金的杂志风）是完全不同的版式：
   左侧文案/右侧圆角照片卡、统计带、14 系列徽章速览、
   四步横向时间线、浅灰分段式区块。
   ============================================================ */

/* 仅作用于新首页（body 带 home-lite 类），不影响内页旧模板 */
.home-lite{
  background:#fff;
}

/* 顶部分隔条：改为火焰红收尾，与旧金铜色区分 */
.home-lite .top-strip{
  background:linear-gradient(90deg,#d8452c 0 34%,#0c2030 34% 100%);
}

/* 头部小局部强调色：导航下划线换成火焰红 */
.home-lite nav.primary a.on{color:#0c2030}
.home-lite nav.primary a::after{background:#d8452c}

/* ============ HERO 首屏（浅色，左文右图） ============ */
.s-hero{
  background:
    radial-gradient(900px 420px at 88% -10%,rgba(47,109,179,.10),transparent 60%),
    linear-gradient(180deg,#f3f6f8 0%,#eef2f5 100%);
  overflow:hidden;
}
.s-hero .container{
  display:grid;
  grid-template-columns:1.05fr .95fr;   /* 左文案 / 右照片 */
  gap:56px;
  align-items:center;
  padding-top:64px;
  padding-bottom:76px;
}

/* —— 左：文案 —— */
.sh-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:.34em;color:#2f6db3;
  text-transform:uppercase;margin-bottom:22px;
}
.sh-eyebrow::before{content:"";width:34px;height:2px;background:#d8452c}
.sh-title{
  font-size:46px;line-height:1.26;font-weight:800;color:#0c2030;
  letter-spacing:.01em;
}
.sh-title .red{color:#d8452c}
.sh-title .thin{font-weight:400;color:#55636e;font-size:20px;display:block;margin-top:10px}
.sh-sub{
  margin-top:22px;color:#41515d;font-size:15.5px;max-width:560px;
}
.sh-sub b{color:#0c2030}
.sh-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;align-items:center}
/* 主按钮：火焰红实底 */
.sbtn{
  display:inline-block;border:none;cursor:pointer;
  padding:14px 30px;font-size:15px;font-weight:700;letter-spacing:.1em;
  border-radius:999px;transition:all .25s;
}
.sbtn.red{background:#d8452c;color:#fff;box-shadow:0 10px 24px rgba(216,69,44,.28)}
.sbtn.red:hover{background:#b9351f;transform:translateY(-2px)}
/* 次按钮：描边墨蓝 */
.sbtn.ghost{border:1.5px solid #0c2030;color:#0c2030;background:#fff}
.sbtn.ghost:hover{background:#0c2030;color:#fff}
/* 关键卖点短标签 */
.sh-key{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap}
.sh-key span{
  font-size:13px;color:#0c2030;letter-spacing:.02em;line-height:1.4;
  padding-left:14px;border-left:3px solid #d8452c;
}
.sh-key b{display:block;font-size:14px;color:#0c2030}
.sh-commit{
  margin-top:24px;font-size:13px;color:#6a7985;
  background:#fff;border:1px dashed #c9d4dc;border-radius:999px;
  display:inline-block;padding:7px 18px;
}
.sh-commit b{color:#d8452c;font-weight:700}

/* —— 右：公司照片卡（用户要求换一张新的“公司图片”）—— */
.sh-visual{position:relative;max-width:560px;justify-self:end;width:100%}
.sh-photo{
  position:relative;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 60px rgba(12,32,48,.18);
  aspect-ratio:4/3;background:#dbe3e9;
}
.sh-photo img{width:100%;height:100%;object-fit:cover}
/* 照片下缘压一条图片说明 */
.sh-cap{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(transparent,rgba(8,20,28,.82));
  color:#fff;padding:34px 22px 16px;display:flex;align-items:center;gap:12px;
}
.sh-cap .en{font-size:10.5px;letter-spacing:.3em;color:#ffd9cd}
.sh-cap b{font-size:16px;letter-spacing:.08em;display:block;margin-top:2px}
/* 浮动徽章：坐标 / 地址标签，仿旧页“hv-chip”信息但位置与造型不同 */
.sh-flag{
  position:absolute;left:-16px;top:22px;
  background:#d8452c;color:#fff;border-radius:12px;
  padding:12px 18px;font-size:13px;line-height:1.5;
  box-shadow:0 12px 26px rgba(216,69,44,.35);letter-spacing:.04em;
}
.sh-flag .en{font-size:10px;letter-spacing:.24em;opacity:.9}
.sh-coord{
  position:absolute;right:-14px;bottom:26px;
  background:rgba(255,255,255,.95);color:#0c2030;
  font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;
  padding:9px 14px;border-radius:8px;box-shadow:0 8px 20px rgba(12,32,48,.16);
}

/* ============ 数据统计带（4 格） ============ */
.statband{border-top:1px solid #dfe7ec;background:#fff}
.statband .container{display:grid;grid-template-columns:repeat(4,1fr)}
.sb-cell{
  padding:24px 26px;display:flex;align-items:center;gap:16px;
  border-left:1px solid #e6edf1;
}
.sb-cell:first-child{border-left:none}
.sb-num{
  font-family:'Oswald',sans-serif;font-size:34px;font-weight:300;color:#d8452c;
  line-height:1;white-space:nowrap;
}
.sb-tx{font-size:13px;color:#5b6a76;line-height:1.5}

/* ============ 通用段落标题（与旧 sec-head 并列的新版） ============ */
.sec2{position:relative}
.sec2 .container{padding-top:72px;padding-bottom:72px}
.s2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}
.s2-head h2{
  font-size:30px;color:#0c2030;font-weight:800;line-height:1.35;letter-spacing:.01em;
}
.s2-head h2 .en-sub{
  display:block;font-family:'Oswald',sans-serif;font-size:11.5px;font-weight:400;
  letter-spacing:.28em;color:#98a6b1;margin-top:8px;text-transform:uppercase;
}
.s2-no{
  font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.34em;color:#d8452c;
  display:flex;align-items:center;gap:12px;white-space:nowrap;text-transform:uppercase;
}
.s2-no::after{content:"";width:44px;height:1px;background:#d8452c}
.s2-desc{color:#5b6a76;font-size:14.5px;margin-top:14px;max-width:760px}

/* 区块底色切换：浅灰纸面 / 白 */
.soft{background:#f3f6f8}
.pure{background:#fff}

/* ============ 14 大系列速览徽章（JS 从 SERIES 填充） ============ */
.chips{margin:6px 0 34px;display:flex;flex-wrap:wrap;gap:10px}
.chips a{
  border:1px solid #d5dee4;background:#fff;color:#24333e;
  border-radius:999px;padding:8px 18px;font-size:13.5px;letter-spacing:.02em;
  transition:all .2s;
}
.chips a:hover{border-color:#d8452c;color:#d8452c;transform:translateY(-1px)}

/* 产品轮播卡片在浅底上的微调 */
.s2-light .fp{border-radius:16px}
.s2-light .fp-tx b{color:#0c2030}

/* ============ 一站式服务：四步横向时间线 ============ */
.svc-lead2{
  font-size:20px;color:#0c2030;font-weight:700;line-height:1.7;
  margin:6px 0 14px;
}
.svc-lead2 .gold{color:#d8452c}
.svc-body2{color:#41515d;font-size:15px;max-width:860px;margin-bottom:44px}
.svc-body2 b{color:#0c2030}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{
  position:relative;background:#fff;border:1px solid #e2e9ee;border-radius:16px;
  padding:26px 22px 24px;transition:all .25s;
}
.step:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(12,32,48,.10);border-color:#f0b9ab}
.step .st-no{
  font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.3em;color:#d8452c;
}
.step .st-ic{
  width:46px;height:46px;border-radius:12px;background:#fdeee9;color:#d8452c;
  display:flex;align-items:center;justify-content:center;font-size:22px;margin:16px 0 14px;
}
.step h3{font-size:17px;color:#0c2030;margin-bottom:8px}
.step p{font-size:13.5px;color:#5b6a76;line-height:1.75}
/* 步骤之间的箭头（桌面端显示） */
.step:not(:last-child)::after{
  content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);
  color:#d8452c;font-size:18px;z-index:3;background:transparent;
}

/* ============ 关于：左图右文 ============ */
.ab-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.ab-photo{
  position:relative;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 50px rgba(12,32,48,.16);
  aspect-ratio:4/3;background:#dbe3e9;
}
.ab-photo img{width:100%;height:100%;object-fit:cover}
.ab-photo .ab-badge{
  position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.95);
  border-radius:12px;padding:12px 18px;font-size:13px;color:#0c2030;line-height:1.5;
  box-shadow:0 10px 22px rgba(12,32,48,.18);
}
.ab-badge .en{font-family:'Oswald',sans-serif;color:#d8452c;font-size:10px;letter-spacing:.2em;display:block}
.ab-lead{font-size:22px;font-weight:800;color:#0c2030;line-height:1.7}
.ab-lead .red{color:#d8452c}
.ab-body{color:#41515d;font-size:15px;margin:16px 0 22px;line-height:1.95}
.ab-body b{color:#0c2030}
.ab-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-fact{
  border:1px solid #e4ebef;border-radius:12px;padding:12px 16px;
  background:#fafcfd;
}
.ab-fact dt{font-size:11px;color:#98a6b1;letter-spacing:.14em;margin-bottom:4px}
.ab-fact dd{font-size:13.5px;color:#24333e;line-height:1.6}
/* 熔炼→成材 六段流程条 */
.flow2{
  margin-top:44px;display:flex;flex-wrap:wrap;gap:0;align-items:center;
  background:#0c2030;border-radius:14px;padding:16px 22px;
}
.flow2 span{
  color:#fff;font-size:14.5px;letter-spacing:.06em;padding:6px 4px;
}
.flow2 span:first-child{padding-left:0}
.flow2 i{color:#d8452c;font-style:normal;padding:0 14px}
.flow2 a{
  margin-left:auto;color:#ffb8a8;font-size:13.5px;border-bottom:1px dashed #ffb8a8;
  padding-bottom:2px;white-space:nowrap;
}
.flow2 a:hover{color:#fff}

/* ============ 应用领域：编号卡片 ============ */
.apps2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.app2{
  background:#fff;border:1px solid #e2e9ee;border-radius:14px;padding:20px 18px;
  transition:all .22s;display:block;
}
.app2:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(12,32,48,.09);border-color:#d8452c}
.app2 .ap-no{
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.26em;color:#d8452c;
}
.app2 h4{font-size:16px;color:#0c2030;margin:10px 0 4px}
.app2 p{font-size:13px;color:#6a7985;line-height:1.6}

/* ============ 质量保障：左右分栏 ============ */
.qa2{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:start}
.qa2-list{margin-top:26px}
.qa2-list li{display:flex;gap:18px;padding:18px 0;border-bottom:1px dashed #d5dee4}
.qa2-list li:last-child{border-bottom:none}
.qa2-list .q-no{
  font-family:'Oswald',sans-serif;color:#d8452c;font-size:12px;letter-spacing:.2em;
  flex:0 0 34px;padding-top:2px;
}
.qa2-list b{color:#0c2030;font-size:16px;display:block;margin-bottom:3px}
.qa2-list span{color:#5b6a76;font-size:13.5px;line-height:1.7;display:block}
.qa2-ph{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q2-card{position:relative;border-radius:14px;overflow:hidden;display:block;aspect-ratio:4/3}
.q2-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.q2-card:hover img{transform:scale(1.07)}
.q2-card .q2-lb{
  position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;
  background:linear-gradient(transparent,rgba(8,20,28,.85));color:#fff;
}
.q2-lb .en{font-size:9.5px;letter-spacing:.24em;color:#ffd9cd}
.q2-lb b{font-size:14px;display:block;letter-spacing:.03em}

/* ============ 底部联系 CTA（浅色卡） ============ */
.cta2{background:#0c2030;border-radius:22px;padding:56px 52px;color:#fff;position:relative;overflow:hidden}
.cta2::before{
  content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;
  border-radius:50%;background:radial-gradient(circle,rgba(216,69,44,.35),transparent 66%);
}
.cta2 .container{padding:0;position:relative;z-index:2}
.cta2-head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta2-head h2{font-size:30px;font-weight:800;letter-spacing:.02em}
.cta2-head .en-sub{
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.3em;color:#9fb4c2;
  text-transform:uppercase;margin-top:8px;
}
.cta2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:34px}
.c2-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px}
.c2-id{display:flex;align-items:center;gap:14px}
.c2-ava{
  width:52px;height:52px;border-radius:14px;background:#d8452c;color:#fff;
  font-family:'Oswald',sans-serif;font-size:24px;display:flex;align-items:center;justify-content:center;
}
.c2-id b{font-size:17px;display:block}
.c2-id .c2-en{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.2em;color:#a9bcc9}
.c2-id i{font-style:normal;font-size:12px;color:#a9bcc9;margin-left:10px}
.c2-tel{
  display:block;margin:18px 0 6px;font-family:'Oswald',sans-serif;
  font-size:30px;font-weight:500;color:#fff;letter-spacing:.05em;
}
.c2-tel small{display:block;font-family:-apple-system,"PingFang SC",sans-serif;font-size:11px;color:#a9bcc9;letter-spacing:.3em;margin-bottom:4px}
.c2-meta{display:flex;gap:26px;margin-top:16px;flex-wrap:wrap;font-size:13.5px;color:#cfe0ec}
.c2-meta span{display:block;font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.22em;color:#93a7b6}
.c2-follow h5{
  font-size:15px;color:#fff;display:flex;align-items:baseline;gap:12px;margin-bottom:18px;
}
.c2-follow h5 span{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.24em;color:#93a7b6;font-weight:400}
.c2-follow ul{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c2-follow li a{
  display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 14px;transition:all .2s;
}
.c2-follow li a:hover{background:rgba(255,255,255,.14)}
.c2-f2-ic{
  width:34px;height:34px;border-radius:8px;background:#d8452c;color:#fff;
  font-size:15px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;
}
.c2-follow b{font-size:13.5px;color:#fff;display:block;line-height:1.3}
.c2-follow i{font-style:normal;font-size:11.5px;color:#a9bcc9}

/* 区块之间给 footer 留白（footer 样式沿用 styles.css 的深色页脚） */
.lite-foot-pad{padding-top:14px}

/* ============ 响应式 ============ */
@media(max-width:1080px){
  .sh-title{font-size:38px}
  .steps{grid-template-columns:repeat(2,1fr);gap:14px}
  .step:not(:last-child)::after{display:none}
  .apps2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .s-hero .container{grid-template-columns:1fr;gap:40px;padding-top:44px}
  .sh-visual{justify-self:start;max-width:100%}
  .sh-flag{left:10px;top:10px}
  .sh-coord{right:10px;bottom:12px}
  .statband .container{grid-template-columns:repeat(2,1fr)}
  .sb-cell{border-left:none;border-top:1px solid #e6edf1}
  .sb-cell:nth-child(odd){border-left:1px solid #e6edf1}
  .sb-cell:first-child{border-top:none}
  .sb-cell:nth-child(2){border-top:none}
  .ab-grid{grid-template-columns:1fr;gap:34px}
  .qa2{grid-template-columns:1fr;gap:40px}
  .cta2{padding:38px 26px}
  .cta2-grid{grid-template-columns:1fr}
  .s2-head{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:640px){
  .sh-title{font-size:30px}
  .sh-title .thin{font-size:16px}
  .statband .container{grid-template-columns:1fr 1fr}
  .sb-cell{padding:18px}
  .flow2 a{margin-left:0;margin-top:8px;width:100%}
  .apps2{grid-template-columns:1fr 1fr;gap:10px}
  .qa2-ph{grid-template-columns:1fr 1fr;gap:10px}
  .steps{grid-template-columns:1fr}
  .s2-head h2{font-size:24px}
  .ab-facts{grid-template-columns:1fr}
  .ab-lead{font-size:18px}
  .cta2-head h2{font-size:22px}
  .c2-tel{font-size:24px}
}

/* ============================================================
   v2 馨祥专属视觉（全站 body.home-lite 生效）
   1) 页眉：由“白色通栏”改为深墨蓝底 + 火焰红底线（与奥兰特白页眉区分）
   2) 首页首屏：改为“整幅大图压白字 + 右侧上浮白卡”构图（hero2）
   ============================================================ */

/* ---------- 1) 深色页眉 ---------- */
.home-lite header{
  background:rgba(12,32,48,.97);
  backdrop-filter:blur(10px);
  border-bottom:2px solid #d8452c;          /* 红色底线：馨祥签名色 */
}
.home-lite header.solid{box-shadow:0 12px 28px rgba(4,12,18,.28)}
.home-lite .brand .b-txt b{color:#fff}
.home-lite .brand .b-txt span{color:#9fb4c2}
/* 桌面端导航文字改浅色 */
.home-lite nav.primary a{color:#dce6ec}
.home-lite nav.primary a.on{color:#fff;font-weight:700}
.home-lite nav.primary a::after{background:#ff6a45}
/* 搜索胶囊：深底浅字 */
.home-lite .hdr-srch{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#eaf1f5}
.home-lite .hdr-srch:hover{background:#fff;border-color:#fff;color:#d8452c}
/* “联系销售”按钮：由海军蓝改火焰红 */
.home-lite header .btn.dark{background:#d8452c;border-color:#d8452c}
.home-lite header .btn.dark:hover{background:#ff6a45;border-color:#ff6a45}
/* 汉堡菜单图标深底适配 */
.home-lite .hamburger{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
/* 移动端下拉菜单保持白底深字可读 */
.home-lite nav.primary.open{background:#fff}
.home-lite nav.primary.open a{color:#0c2030}
.home-lite nav.primary.open a.on{color:#d8452c}

/* ---------- 2) 新首屏 hero2（大图压字 + 浮卡） ---------- */
.s-hero{background:linear-gradient(180deg,#f6f8fa 0%,#edf2f5 100%)}
.hero2{
  display:grid;grid-template-columns:1.52fr .94fr;gap:0;
  align-items:center;padding-top:6px;
}
/* 左：整幅大图 */
.hero2-media{
  position:relative;min-height:560px;border-radius:26px;overflow:hidden;
  box-shadow:0 36px 80px rgba(12,32,48,.22);
}
.hero2-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 图上渐变压暗，保证白字可读 */
.hero2-tint{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,18,26,.10) 0%,rgba(8,18,26,.22) 38%,rgba(6,14,20,.88) 100%);
}
/* 顶部小标签：半透明深底 */
.hero2-chip{
  position:absolute;top:24px;left:24px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(10,24,34,.55);border:1px solid rgba(255,255,255,.28);
  color:#fff;font-family:'Oswald',-apple-system,"PingFang SC",sans-serif;
  font-size:11.5px;letter-spacing:.26em;padding:9px 16px;border-radius:999px;
  backdrop-filter:blur(6px);
}
.hero2-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd166}
/* 左下标题区 */
.hero2-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:70px 48px 44px}
.hero2-eyebrow{
  font-size:12px;letter-spacing:.34em;color:#ffb8a8;text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.hero2-eyebrow::before{content:"";width:38px;height:2px;background:#ff6a45}
.hero2-title{color:#fff;font-size:46px;line-height:1.24;font-weight:800;letter-spacing:.01em}
.hero2-title .thin{font-weight:400;color:#cfe0ec;font-size:20px;display:block;margin-top:12px}
.hero2-title::after{
  content:"";display:block;width:76px;height:4px;border-radius:2px;
  background:#ff6a45;margin-top:22px;
}
/* 右：上浮白卡（压在大图右侧之上） */
.hero2-panel{
  position:relative;z-index:4;margin-left:-72px;
  background:#fff;border-radius:22px;border-top:4px solid #d8452c;
  box-shadow:0 26px 60px rgba(12,32,48,.18);padding:36px 32px 30px;
}
.hero2-sub{color:#3f505c;font-size:15px;line-height:1.95;margin:0}
.hero2-sub b{color:#0c2030}
.hero2-key{display:grid;gap:10px;margin:20px 0}
.hero2-key span{
  display:flex;align-items:center;gap:10px;font-size:14px;color:#0c2030;
  background:#fafcfd;border:1px solid #e6edf1;border-radius:10px;padding:9px 14px;
}
.hero2-key b{color:#d8452c;flex:0 0 auto;letter-spacing:.02em}
.hero2-key i{font-style:normal;color:#5b6a76}
.hero2-cta{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 18px}
.hero2-commit{
  font-size:13px;color:#6a7985;border-top:1px dashed #d5dee4;padding-top:14px;line-height:1.8;
}
.hero2-commit b{color:#d8452c}

/* hero2 响应式 */
@media(max-width:1080px){
  .hero2{grid-template-columns:1fr;gap:0}
  .hero2-media{min-height:470px}
  .hero2-panel{margin:-58px 18px 0;padding:30px 26px}
}
@media(max-width:640px){
  .hero2-media{min-height:400px;border-radius:18px}
  .hero2-cap{padding:60px 22px 30px}
  .hero2-title{font-size:30px}
  .hero2-title .thin{font-size:16px}
  .hero2-chip{top:14px;left:14px;font-size:10px;padding:7px 12px}
  .hero2-eyebrow{font-size:10.5px;letter-spacing:.22em}
  .hero2-panel{margin:-44px 8px 0;border-radius:16px;padding:24px 20px}
}

/* 覆写旧版 .s-hero 双列网格：hero2 采用单列叠放排版，统一各屏内边距 */
.s-hero .container{display:block;padding-top:30px;padding-bottom:76px}

/* ============================================================
   产品中心 v2（xx 系列）—— 按老官网 shdianresi.com 分类重做
   分类大卡 / 筛选条 / 产品栅格 / 大图弹窗
   ============================================================ */

/* —— 分类总览：九张大卡 —— */
.xxcats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.xxcat{
  position:relative;display:block;border-radius:18px;overflow:hidden;
  aspect-ratio:4/3;background:#dbe3e9;box-shadow:0 10px 26px rgba(12,32,48,.10);
  transition:transform .25s,box-shadow .25s;
}
.xxcat:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(12,32,48,.18)}
.xxcat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.xxcat:hover img{transform:scale(1.06)}
.xxcat .xc-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,18,26,.02) 30%,rgba(8,18,26,.88) 100%);
}
.xxcat .xc-num{
  position:absolute;top:14px;right:14px;z-index:2;
  background:rgba(255,255,255,.94);color:#d8452c;font-size:12px;font-weight:700;
  padding:4px 12px;border-radius:999px;letter-spacing:.04em;
}
.xxcat .xc-tx{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;color:#fff;z-index:2}
.xxcat .xc-tx b{font-size:20px;letter-spacing:.04em;display:block}
.xxcat .xc-tx .en{font-size:10px;letter-spacing:.24em;color:#ffd9cd;display:block;margin-top:6px}
.xxcat .xc-tx i{font-style:normal;font-size:13px;color:#cfe0ec;display:block;margin-top:4px;line-height:1.6}

/* —— 分类筛选条 —— */
.xxfilter{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0 26px}
.xxf{
  border:1px solid #d5dee4;background:#fff;color:#24333e;cursor:pointer;
  border-radius:999px;padding:9px 20px;font-size:14px;transition:all .2s;
}
.xxf:hover{border-color:#d8452c;color:#d8452c}
.xxf.on{background:#d8452c;border-color:#d8452c;color:#fff}

/* —— 产品栅格 —— */
.xxgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.xxp{
  background:#fff;border:1px solid #e2e9ee;border-radius:16px;overflow:hidden;
  cursor:pointer;transition:transform .22s,box-shadow .22s;text-align:left;padding:0;font:inherit;
}
.xxp:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(12,32,48,.12);border-color:#f0b9ab}
.xxp .xp-im{display:block;aspect-ratio:4/3;overflow:hidden;background:#eef2f5}
.xxp .xp-im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.xxp:hover .xp-im img{transform:scale(1.07)}
.xxp .xp-tx{display:block;padding:13px 15px 15px}
.xxp .xp-tx b{font-size:15px;color:#0c2030;line-height:1.5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xxp .xp-tx span{font-size:11.5px;color:#98a6b1;letter-spacing:.1em}
.xxp .xp-note{
  display:block;border-top:1px dashed #e2e9ee;padding:9px 15px 11px;
  color:#d8452c;font-size:12.5px;letter-spacing:.06em;
}
.xx-empty{grid-column:1/-1;text-align:center;color:#98a6b1;padding:60px 0;font-size:14px}

/* —— 大图弹窗 —— */
.xx-modal{
  position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  background:rgba(8,18,26,.62);backdrop-filter:blur(3px);padding:20px;
}
.xx-modal.open{display:flex}
.xxm-card{
  background:#fff;border-radius:20px;max-width:860px;width:100%;max-height:90vh;overflow:auto;
  display:grid;grid-template-columns:1.05fr 1fr;box-shadow:0 40px 90px rgba(0,0,0,.4);
}
.xxm-img{background:#eef2f5}
.xxm-img img{width:100%;height:100%;object-fit:cover;display:block}
.xxm-body{padding:34px 30px;position:relative}
.xxm-x{
  position:absolute;top:14px;right:14px;border:none;background:#f2f5f7;color:#24333e;
  width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;
}
.xxm-x:hover{background:#d8452c;color:#fff}
.xxm-body .en{font-size:10.5px;letter-spacing:.26em;color:#d8452c}
.xxm-body h3{font-size:24px;color:#0c2030;margin:10px 0 6px;line-height:1.4}
.xxm-body .xxm-cat{font-size:13px;color:#5b6a76;margin-bottom:18px}
.xxm-body .xxm-desc{font-size:14px;color:#41515d;line-height:1.95;border-left:3px solid #d8452c;padding-left:14px}
.xxm-body .xxm-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.xxm-cta a,.xxm-cta button{border:none;cursor:pointer;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700;letter-spacing:.06em}
.xxm-cta .red{background:#d8452c;color:#fff}
.xxm-cta .red:hover{background:#b9351f}
.xxm-cta .line{background:#fff;color:#0c2030;border:1.5px solid #0c2030}
.xxm-cta .line:hover{background:#0c2030;color:#fff}

/* 产品中心响应式 */
@media(max-width:1080px){
  .xxcats{grid-template-columns:repeat(2,1fr)}
  .xxgrid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .xxcats{grid-template-columns:1fr;gap:14px}
  .xxgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .xxm-card{grid-template-columns:1fr}
  .xxm-img{max-height:46vh}
  .xxm-body{padding:24px 20px}
}

/* 产品线卡片：实拍款数角标 */
.family-card .xx-cnt{display:inline-block;margin:8px 0 6px;font-size:11px;color:#d8452c;border:1px solid #f0b9ab;border-radius:999px;padding:1px 10px;letter-spacing:.04em}