/* ============ 设计契约 Token（与定稿首页完全一致） ============ */
:root{
  --primary:#e60012;
  --primary-hover:#c8000f;
  --primary-active:#a8000c;
  --navy:#091f3c;
  --bg:#f7f9fc;
  --surface:#ffffff;
  --heading:#162648;
  --text:#4a5568;
  --muted:#8a94a6;
  --border:#e6eaf2;
  --r-card:10px; --r-btn:6px;
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-6:48px; --sp-8:64px; --sp-12:96px;
  --font:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --shadow-1:0 1px 3px rgba(22,38,72,.06),0 1px 2px rgba(22,38,72,.04);
  --shadow-2:0 8px 24px rgba(22,38,72,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
/* 全站横向滚动兜底：769–1024 区间不出现横向滚动条（2026-11-04 维度6#1） */
html,body{overflow-x:hidden;max-width:100%}
body{font-family:var(--font);background:#e9edf3;color:var(--text);line-height:1.75;font-size:14px}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.tabular{font-variant-numeric:tabular-nums}

/* ============ 评审工具条（仅 HTML 源预览用，出 PDF 时隐藏） ============ */
.toolbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:10px 20px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.tb-title{font-size:14px;font-weight:700;color:var(--heading)}
.tb-title span{font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}
.sw{display:flex;gap:8px;margin-left:auto}
.sw-btn{border:1px solid var(--border);background:#fff;color:var(--text);font-size:13px;padding:8px 16px;
  border-radius:999px;cursor:pointer;transition:.15s;white-space:nowrap}
.sw-btn:hover{border-color:var(--navy);color:var(--navy)}
.sw-btn.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}

/* ============ 画布（对齐首页 1440px 设计宽） ============ */
.page{display:none}
.page.on{display:block}
.frame{max-width:1440px;margin:26px auto 60px;background:#fff;border-radius:6px;overflow:hidden;
  box-shadow:0 12px 40px rgba(9,31,60,.14)}
.frame-cap{max-width:1440px;margin:22px auto 0;display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.pc-inner{background:var(--bg)}
.container1200{max-width:1200px;margin:0 auto;padding:0 24px}

/* ============ 顶栏（与首页逐字一致） ============ */
.pc-topbar{background:#fff;border-bottom:1px solid var(--border)}
.pc-topbar .inner{display:flex;align-items:center;justify-content:space-between;height:108px}
.pc-brand{display:flex;align-items:center;gap:14px}
.pc-brand .logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none}
.pc-brand .logo img{width:100%;height:100%;object-fit:contain;display:block}
.pc-brand .txt{height:48px;display:flex;flex-direction:column;justify-content:center}
.pc-brand .name{font-size:19px;font-weight:700;color:var(--heading);line-height:1.3;white-space:nowrap}
.pc-brand .sub{font-size:12px;color:var(--primary);line-height:1.2;margin-top:2px;font-weight:600;white-space:nowrap}
.pc-nav{display:flex;align-items:center;gap:20px;margin:0 0 0 auto}
.pc-nav>*{position:relative}
.pc-nav>*+*::before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#d7dee9}
.pc-nav a{font-size:15px;color:var(--heading);font-weight:500;padding:8px 2px;position:relative;transition:color .15s}
.pc-nav a:hover{color:var(--primary)}
.pc-nav a.active{color:var(--primary);font-weight:700}
.pc-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;
  background:var(--primary);border-radius:2px}
.pc-tel-ico{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary);text-decoration:none;flex:none;transition:border-color .15s,background .15s,color .15s}
.pc-tel-ico svg{width:19px;height:19px}
.pc-tel-ico:hover{border-color:var(--primary);background:var(--primary);color:#fff}
.pt-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:80;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 20px rgba(9,31,60,.12);padding:8px 12px;white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.pc-tel-ico:hover .pt-pop,.pc-tel-ico:focus-visible .pt-pop{opacity:1;visibility:visible;transform:translateY(0)}
.pt-pop em{font-style:normal;font-size:11px;color:#9aa7b8;font-weight:400}

/* ============ 产品分类导航（与首页逐字一致） ============ */
.pc-prodnav{background:var(--navy)}
.pc-prodnav .inner{display:flex;align-items:stretch;height:46px}
.pc-prodnav .links{display:contents}
.pc-prodnav .links a{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;
  color:#fff;font-weight:500;transition:background .15s;white-space:nowrap;padding:0 4px;
  border-left:1px solid rgba(255,255,255,.14)}
.pc-prodnav .links a:first-child{border-left:none}
.pc-prodnav .links a:hover{background:rgba(255,255,255,.12)}
.pc-prodnav .links a:active{background:rgba(255,255,255,.2)}

/* ============ 信任背书带（SEO 落地页 · 第一眼建立信任 · 三页统一） ============ */
.trust-band{background:#fff;border-bottom:1px solid var(--border)}
.trust-band .inner{display:flex;align-items:center;gap:26px;min-height:86px;padding:14px 24px}
.trust-band .badge{flex:none;display:inline-flex;align-items:center;background:var(--primary);color:#fff;
  font-size:13px;font-weight:700;padding:8px 18px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.trust-band .items{display:flex;flex:1;justify-content:space-between;gap:12px 16px;min-width:0;flex-wrap:wrap}
.trust-band .ti{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 200px}
.trust-band .ti+.ti{border-left:1px solid var(--border);padding-left:16px}
.trust-band .tic{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(230,0,18,.08);
  display:flex;align-items:center;justify-content:center;color:var(--primary)}
.trust-band .tic svg{width:19px;height:19px}
.trust-band .ttx{min-width:0;flex:1 1 auto}
.trust-band .ttx b{display:block;font-size:14.5px;font-weight:700;color:var(--heading);white-space:normal;line-height:1.35}
.trust-band .ttx span{display:block;font-size:12px;color:var(--muted);white-space:normal;line-height:1.45}

/* ============ 内页头部（浅灰底 · 面包屑 + 大标题） ============ */
.page-head{background:var(--bg);border-bottom:1px solid var(--border);padding:48px 0 32px}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px}
.crumb a{transition:color .15s}
.crumb a:hover{color:var(--primary)}
.crumb .sep{color:#c3cad4}
.page-head h1{font-size:38px;font-weight:700;color:var(--heading);letter-spacing:.01em;
  display:flex;align-items:center;gap:14px;line-height:1.25}
.page-head h1::before{content:"";width:5px;height:32px;background:var(--primary);border-radius:2px;flex:none}
.page-head .sub{margin-top:12px;font-size:15px;color:var(--text)}

/* ============ 区块 / 卡片（沿用首页体系） ============ */
.section{padding:var(--sp-6) 0}
.sec-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-3)}
.sec-title-row .t{display:flex;align-items:center;gap:12px}
.sec-title-row .t::before{content:"";width:4px;height:22px;background:var(--primary);border-radius:2px}
.sec-title-row h2{font-size:24px;font-weight:700;color:var(--heading)}
.more-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:14px;font-weight:600;
  padding:6px 2px;transition:gap .15s}
.more-link:hover{gap:10px;color:var(--primary-hover)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}

/* 按钮（首页 btn-primary 体系） */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);
  color:#fff;font-size:16px;font-weight:700;padding:14px 38px;border-radius:var(--r-btn);
  transition:background .15s,transform .1s;min-height:48px}
.btn-primary:hover{background:var(--primary-hover)}
.btn-primary:active{background:var(--primary-active);transform:scale(.98)}
.btn-primary.sm{font-size:13px;font-weight:600;padding:8px 18px;min-height:36px}

/* ============ 内页1：选型引导 ============ */
.guide{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--sp-6);padding:var(--sp-4) 36px;align-items:center}
.guide h3{font-size:19px;font-weight:700;color:var(--heading);margin-bottom:10px}
.guide .lead{font-size:13.5px;color:var(--text);line-height:1.8;margin-bottom:16px}
.gi{display:flex;gap:16px;padding:13px 0;border-top:1px dashed var(--border)}
.gi .k{flex:none;height:26px;display:flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--primary);
  background:#fdecec;border:1px solid rgba(230,0,18,.22);border-radius:999px;padding:0 13px;margin-top:2px}
.gi .t{font-size:15px;font-weight:600;color:var(--heading);margin-bottom:4px}
.gi .d{font-size:13px;color:var(--text);line-height:1.7}
.guide-ph{display:grid;grid-template-columns:1fr 1fr;gap:10px;aspect-ratio:4/3;border-radius:var(--r-card);overflow:hidden}
.gw{position:relative;display:flex;align-items:flex-end;padding:12px}
.gw-lab{font-size:12px;background:rgba(9,31,60,.82);color:#fff;padding:4px 11px;border-radius:999px;letter-spacing:.5px}
.gw.old{background:
  repeating-linear-gradient(45deg,rgba(120,90,60,.10) 0 6px,transparent 6px 15px),
  repeating-linear-gradient(-45deg,rgba(120,90,60,.08) 0 6px,transparent 6px 19px),
  linear-gradient(160deg,#b7a98f,#98876b)}
.gw.old::after{content:"";position:absolute;left:36%;top:-4%;bottom:-4%;width:3px;background:linear-gradient(180deg,transparent,rgba(60,45,30,.55),transparent);transform:rotate(9deg)}
.gw.new{background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.55) 0 3px,transparent 3px 21px),
  linear-gradient(160deg,#eadfc8,#d8c6a6)}

/* ============ 产品卡 / 案例卡 ============ */
.pcard{overflow:hidden;transition:transform .18s,box-shadow .18s;cursor:pointer}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.pcard .ph{height:220px;overflow:hidden;position:relative}
.pcard .bd{padding:18px 20px 20px}
.pcard h3{font-size:17px;font-weight:600;color:var(--heading);display:flex;align-items:baseline;justify-content:space-between}
.pcard h3 .no{font-size:12px;color:var(--muted);font-weight:400}
.pcard .sell{font-size:14px;color:var(--text);margin:8px 0 16px;line-height:1.6}

/* 图片占位（离线安全 · 纯 CSS 质感） */
.ph-stone{background:
  radial-gradient(circle at 18% 24%,#e3d0a8 0 5px,transparent 6px),
  radial-gradient(circle at 42% 12%,#8a6a3c 0 7px,transparent 8px),
  radial-gradient(circle at 66% 30%,#e9d9b6 0 4px,transparent 5px),
  radial-gradient(circle at 84% 18%,#a4854f 0 6px,transparent 7px),
  radial-gradient(circle at 28% 52%,#6e5230 0 5px,transparent 6px),
  radial-gradient(circle at 55% 60%,#dcc59c 0 6px,transparent 7px),
  radial-gradient(circle at 76% 48%,#7d5f36 0 4px,transparent 5px),
  radial-gradient(circle at 12% 74%,#cbb289 0 6px,transparent 7px),
  radial-gradient(circle at 38% 84%,#96754a 0 5px,transparent 6px),
  radial-gradient(circle at 62% 76%,#e6d3aa 0 5px,transparent 6px),
  radial-gradient(circle at 88% 66%,#6e5230 0 6px,transparent 7px),
  radial-gradient(circle at 50% 40%,#b99c6b 0 9px,transparent 10px),
  linear-gradient(150deg,#b28b5a,#8f6f42)}
.ph-sand{background:
  radial-gradient(120px 80px at 20% 30%,rgba(255,255,255,.35),transparent 70%),
  radial-gradient(170px 100px at 75% 65%,rgba(9,31,60,.16),transparent 70%),
  radial-gradient(90px 60px at 55% 18%,rgba(255,255,255,.22),transparent 70%),
  radial-gradient(60px 40px at 35% 78%,rgba(9,31,60,.12),transparent 70%),
  linear-gradient(160deg,#cbb08a,#a2875f)}
.ph-texture{background:
  radial-gradient(circle at 22% 28%,#e6d9bd 0 3px,transparent 4px),
  radial-gradient(circle at 48% 16%,#9c8460 0 3px,transparent 4px),
  radial-gradient(circle at 72% 34%,#efe3c8 0 3px,transparent 4px),
  radial-gradient(circle at 34% 58%,#a08a66 0 3px,transparent 4px),
  radial-gradient(circle at 62% 66%,#e9dec4 0 3px,transparent 4px),
  radial-gradient(circle at 84% 52%,#93805e 0 3px,transparent 4px),
  radial-gradient(circle at 16% 80%,#cbb994 0 3px,transparent 4px),
  radial-gradient(circle at 52% 88%,#e2d4b4 0 3px,transparent 4px),
  linear-gradient(155deg,#c2a679,#a58f68)}
.ph-fluoro{background:
  repeating-linear-gradient(105deg,rgba(255,255,255,.06) 0 2px,transparent 2px 9px),
  linear-gradient(115deg,#f2f5f8 0%,#b7c2cf 28%,#8492a3 46%,#e6ecf2 62%,#9aa7b5 82%,#c9d3de 100%)}
.bldg{background:
  linear-gradient(0deg,rgba(9,31,60,.30) 0 16%,transparent 16%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 10px,transparent 10px 30px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 10px,transparent 10px 38px),
  linear-gradient(165deg,var(--c1),var(--c2))}
.ba{--c1:#4a6a92;--c2:#22385c}
.bb{--c1:#7d94ad;--c2:#43596f}
.bc{--c1:#5f7f9e;--c2:#2c4a66}
.bd{--c1:#8a9db3;--c2:#54677e}
.be{--c1:#3f5f86;--c2:#1e3a5c}

.ccase{display:grid;grid-template-columns:340px 1fr;overflow:hidden;transition:transform .18s,box-shadow .18s;cursor:pointer}
.ccase:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.ccase .ph{aspect-ratio:16/10;min-height:212px}
.ccase .bd{padding:24px 30px;display:flex;flex-direction:column;justify-content:center}
.ccase h3{font-size:19px;font-weight:600;color:var(--heading)}
.ccase .metas{display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 0 12px}
.ccase .m{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.ccase .m b{color:var(--text);font-weight:600}
.ccase .desc{font-size:14px;color:var(--text);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccase .go{margin-top:16px;font-size:13px;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.ccase .go:hover{gap:9px;color:var(--primary-hover)}

/* ============ 内页2：筛选 + 列表 ============ */
.filter{display:flex;align-items:center;gap:18px;padding:0}
/* 筛选条所在区块：收紧与上下内容的间距（列表页用） */
.section.zone.zone-tight{padding:26px 24px 20px!important}
.filter .lab{font-size:13px;color:var(--muted);white-space:nowrap}
.tags{display:flex;gap:10px;overflow-x:auto;padding:2px;scrollbar-width:thin}
.tag{flex:none;border:1px solid #c9d6e8;background:#e9eff9;border-radius:999px;padding:8px 20px;
  font-size:13.5px;color:#1b2b45;font-weight:500;cursor:pointer;transition:.15s;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tag:hover{border-color:var(--primary);color:var(--primary);background:#fff}
.tag.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;
  box-shadow:0 3px 10px rgba(230,0,18,.22)}
/* 案例分类筛选条：选中态由当前栏目 id（body[data-tid]）驱动，纯 CSS 无需 JS */
.case-filter .tag.on,.case-filter .tag[aria-current="page"]{background:var(--primary);
  border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(230,0,18,.22)}
body[data-tid="12"] .case-filter .tag[data-ct="12"],
body[data-tid="27"] .case-filter .tag[data-ct="27"],
body[data-tid="28"] .case-filter .tag[data-ct="28"],
body[data-tid="29"] .case-filter .tag[data-ct="29"],
body[data-tid="30"] .case-filter .tag[data-ct="30"],
body[data-tid="31"] .case-filter .tag[data-ct="31"],
body[data-tid="32"] .case-filter .tag[data-ct="32"],
body[data-tid="33"] .case-filter .tag[data-ct="33"]{background:var(--primary);
  border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(230,0,18,.22)}
/* 主栏目页面包屑不重复显示「工程案例 > 工程案例」 */
body[data-tid="12"] .page-banner .crumb-parent,
body[data-tid="12"] .page-banner .sep-parent{display:none}
.filter .count{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.filter .count b{color:var(--heading);font-size:15px}
.list-col{display:flex;flex-direction:column;gap:var(--sp-3);padding-bottom:var(--sp-6)}
.lcase{display:grid;grid-template-columns:360px 1fr;overflow:hidden;transition:transform .18s,box-shadow .18s;cursor:pointer}
.lcase:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.lcase .ph{min-height:228px}
.lcase .bd{padding:24px 30px}
.lcase .top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.lcase h3{font-size:19px;font-weight:600;color:var(--heading)}
.lcase .date{font-size:12.5px;color:var(--muted)}
.lcase .chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 12px}
.chip{font-size:12px;background:#f0f4fa;border:1px solid var(--border);border-radius:999px;padding:3px 12px;color:var(--text)}
/* 字段为空时不渲染气泡（如立邦案例未采集面积） */
.chip:empty{display:none}
.chip.hl{color:var(--primary);border-color:rgba(230,0,18,.25);background:#fdecec}

/* ============ 内页3：详情页 ============ */
.p3-hero{height:500px;position:relative;
  background:
  radial-gradient(130% 100% at 50% 0%,transparent 58%,rgba(9,31,60,.38)),
  radial-gradient(720px 300px at 72% 18%,rgba(255,255,255,.16),transparent 70%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 12px,transparent 12px 34px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 12px,transparent 12px 44px),
  linear-gradient(160deg,#54749c,#243f63)}
.p3-hero .badge{position:absolute;left:36px;bottom:96px;background:rgba(255,255,255,.94);color:var(--heading);
  font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;box-shadow:var(--shadow-2);letter-spacing:1px}
.p3-core{margin-top:-58px;position:relative;z-index:5;padding-bottom:6px}
.p3-core .card{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--sp-6);padding:var(--sp-4) 36px}
.p3-core h2{font-size:28px;font-weight:700;color:var(--heading);letter-spacing:.01em}
.p3-core .en{font-size:11px;color:var(--muted);letter-spacing:2px;margin-top:6px}
.p3-core .intro{font-size:13.5px;color:var(--text);line-height:1.8;margin:16px 0 18px}
.scene-tags{display:flex;flex-wrap:wrap;gap:8px}
.stag{font-size:12.5px;color:var(--heading);border:1px solid #c9d4e2;background:#f0f4fa;border-radius:999px;padding:5px 14px}
.pts{display:flex;flex-direction:column;justify-content:center;gap:6px}
.pt{display:flex;gap:14px;padding:11px 0}
.pt+.pt{border-top:1px dashed var(--border)}
.pt .ck{flex:none;width:27px;height:27px;border-radius:50%;background:#fdecec;color:var(--primary);
  display:flex;align-items:center;justify-content:center;margin-top:2px}
.pt .t{font-size:15px;font-weight:600;color:var(--heading)}
.pt .d{font-size:13px;color:var(--text);margin-top:3px;line-height:1.6}
.p3-cta{margin-top:var(--sp-3);height:80px;border-radius:var(--r-card);cursor:pointer;color:#fff;
  background:var(--primary);box-shadow:0 14px 30px rgba(230,0,18,.28);
  display:flex;align-items:center;justify-content:center;gap:18px;transition:background .15s,transform .1s}
.p3-cta:hover{background:var(--primary-hover)}
.p3-cta:active{background:var(--primary-active);transform:scale(.99)}
.p3-cta .big{font-size:20px;font-weight:700;letter-spacing:3px}
.p3-cta .arrow{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.cta-sub{text-align:center;font-size:12.5px;color:var(--muted);margin-top:12px}
.cta-sub b{color:var(--text);font-weight:600}

/* 选项卡 */
.tabs{margin-top:var(--sp-4);margin-bottom:var(--sp-6)}
.tabs .bar{display:flex;gap:40px;border-bottom:1px solid var(--border);padding:0 8px}
.tabs .bar button{font-size:16px;font-weight:600;color:var(--text);
  padding:16px 4px;position:relative;transition:color .15s}
.tabs .bar button:hover{color:var(--heading)}
.tabs .bar button.on{color:var(--heading)}
.tabs .bar button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--primary);border-radius:2px}
.tp{display:none;padding:var(--sp-3) 10px 8px}
.tp.on{display:block}
.kv{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}
.kv .k{background:#f0f4fa;color:var(--muted);font-size:13.5px;padding:12px 18px;border-bottom:1px solid var(--border)}
.kv .v{font-size:14px;padding:12px 18px;border-bottom:1px solid var(--border);color:var(--text)}
.kv .k:last-child,.kv .v:last-child{border-bottom:none}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{border:1px solid var(--border);border-radius:var(--r-card);padding:22px;background:#fff;box-shadow:var(--shadow-1)}
.step .n{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.step h4{font-size:15px;margin-bottom:7px;color:var(--heading)}
.step p{font-size:13px;color:var(--text);line-height:1.75}
.faq{border:1px solid var(--border);border-radius:var(--r-card);padding:17px 21px;margin-bottom:14px;background:#fff}
.faq .q{font-weight:600;font-size:14.5px;display:flex;gap:10px;align-items:baseline;color:var(--heading)}
.faq .q::before{content:"Q";color:var(--primary);font-weight:800}
.faq .a{font-size:13.5px;color:var(--text);margin-top:9px;line-height:1.8;padding-left:22px}

/* ============ 内页4：关于我们（banner + 简介/实力/历程/资质） ============ */
.about-banner{position:relative;height:440px;overflow:hidden;
  background:
  radial-gradient(130% 100% at 50% 0%,transparent 58%,rgba(9,31,60,.42)),
  radial-gradient(760px 320px at 74% 18%,rgba(255,255,255,.13),transparent 70%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 14px,transparent 14px 62px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 14px,transparent 14px 80px),
  linear-gradient(155deg,#41608a,#152844)}
.about-banner .veil{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,31,60,.68) 0%,rgba(9,31,60,.48) 42%,rgba(9,31,60,.16) 74%,rgba(9,31,60,0) 100%)}
.about-banner .content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.about-banner .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.65);margin-bottom:22px}
.about-banner .crumb a{color:rgba(255,255,255,.85);transition:color .15s}
.about-banner .crumb a:hover{color:#fff}
.about-banner .crumb .sep{color:rgba(255,255,255,.4)}
.about-banner .badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;
  font-size:13px;font-weight:700;padding:6px 16px;border-radius:999px;width:max-content;letter-spacing:.02em}
.about-banner h1{font-size:44px;font-weight:700;line-height:1.25;margin-top:22px;letter-spacing:.01em}
.about-banner .lead{font-size:16.5px;color:#dbe4f0;margin-top:14px}
.about-stats{display:flex;gap:56px;margin-top:36px}
.about-stats .stat .num{font-size:32px;font-weight:800;color:#ff5a68;line-height:1.1}
.about-stats .stat .lbl{font-size:13.5px;color:#c6d2e2;margin-top:4px}
.about-banner .btn-primary{margin-top:38px;width:max-content}

/* ============ 内页通用 Banner（新闻/联系/案例：替代「大标题+信任条」） ============ */
.page-banner{position:relative;height:360px;overflow:hidden;
  background:
  radial-gradient(130% 100% at 50% 0%,transparent 58%,rgba(9,31,60,.42)),
  radial-gradient(760px 320px at 74% 18%,rgba(255,255,255,.13),transparent 70%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 14px,transparent 14px 62px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 14px,transparent 14px 80px),
  linear-gradient(155deg,#41608a,#152844)}
.page-banner .veil{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,31,60,.68) 0%,rgba(9,31,60,.48) 42%,rgba(9,31,60,.16) 74%,rgba(9,31,60,0) 100%)}
.page-banner .content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.page-banner .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.65);margin-bottom:22px}
.page-banner .crumb a{color:rgba(255,255,255,.85);transition:color .15s}
.page-banner .crumb a:hover{color:#fff}
.page-banner .crumb .sep{color:rgba(255,255,255,.4)}
.page-banner .badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;
  font-size:13px;font-weight:700;padding:6px 16px;border-radius:999px;width:max-content;letter-spacing:.02em}
.page-banner h1{font-size:44px;font-weight:700;line-height:1.25;margin-top:22px;letter-spacing:.01em}
.page-banner .lead{font-size:16.5px;color:#dbe4f0;margin-top:14px}
.page-banner .bn-facts{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:30px}
.page-banner .bn-facts span{display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;color:rgba(255,255,255,.92);font-weight:500;white-space:nowrap}
.page-banner .bn-facts span::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;
  background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.intro-wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--sp-6);align-items:center}
.intro-txt .kicker{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.14em}
.intro-txt h2{font-size:26px;font-weight:700;color:var(--heading);margin-top:8px;line-height:1.35}
.intro-txt p.body{font-size:14px;color:var(--text);margin-top:16px;line-height:1.9}
.intro-txt p.body b{color:var(--heading);font-weight:700}
.intro-ph .ph-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.intro-ph .ph-img{height:344px;border-radius:var(--r-card);position:relative;overflow:hidden;
  background:
  radial-gradient(900px 300px at 70% 8%,rgba(255,255,255,.17),transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 16px,transparent 16px 58px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 16px,transparent 16px 74px),
  linear-gradient(155deg,#4d6a92,#1b3355)}
.intro-ph .ph-cap{position:absolute;left:18px;bottom:18px;background:rgba(9,31,60,.78);color:#fff;
  font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;backdrop-filter:blur(4px)}
.strength4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.strength4 .strength-item .t{font-size:15.5px}
.strength4 .strength-item .d{font-size:12.5px;line-height:1.65}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.timeline::before{content:"";position:absolute;top:42px;left:4%;right:4%;border-top:2px dashed #ccd6e4;z-index:0}
.tl-item{position:relative;z-index:1}
.tl-item .tl-year{font-size:19px;font-weight:800;color:var(--primary);line-height:1.2}
.tl-item .tl-node{width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--primary);margin:10px 0 14px}
.tl-item h4{font-size:15.5px;font-weight:700;color:var(--heading);line-height:1.4}
.tl-item p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.7}
.cert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cert-v{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:12px;margin:0;text-align:left;box-shadow:var(--shadow-1);transition:box-shadow .18s,transform .15s}
.cert-v:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.cert-v .doc{aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#f4f6fa;
  border:1px solid rgba(9,31,60,.10);display:flex;align-items:center;justify-content:center;padding:8px}
.cert-v .doc img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;aspect-ratio:auto!important;object-fit:contain!important}
.cert-v .ct{font-size:14.5px;font-weight:700;color:var(--heading);margin-top:12px;line-height:1.45}
.cert-v .cs{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.6;text-wrap:pretty}
/* 纳税信用 A 级 通栏条 */
.tax-bar{display:flex;align-items:center;gap:22px;margin-top:16px;padding:16px 24px;
  background:linear-gradient(90deg,#f6f9ff,#fff 62%);border:1px solid var(--border);
  border-left:4px solid var(--primary);border-radius:var(--r-card)}
.tax-bar .tb-grade{display:flex;align-items:baseline;gap:2px;color:var(--primary);flex:none}
.tax-bar .tb-grade b{font-size:38px;font-weight:800;line-height:1;letter-spacing:-1px}
.tax-bar .tb-grade span{font-size:14px;font-weight:700}
.tax-bar .tb-txt{min-width:0;flex:1 1 auto}
.tax-bar .tb-t{font-size:15px;font-weight:700;color:var(--heading);line-height:1.4}
.tax-bar .tb-d{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.6}
.tax-bar .tb-note{flex:none;font-size:12px;color:var(--muted);padding-left:20px;
  border-left:1px dashed var(--border);line-height:1.6}

/* ============ 内页5：联系我们（信任条 + 信息卡 + 表单/到访） ============ */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.cc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:26px 28px;box-shadow:var(--shadow-1);transition:box-shadow .18s}
.cc-card:hover{box-shadow:var(--shadow-2)}
.cc-ic{width:46px;height:46px;border-radius:50%;background:#fdecec;color:var(--primary);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cc-ic svg{width:22px;height:22px}
.cc-t{font-size:13px;color:var(--muted);font-weight:600}
.cc-big{font-size:21px;font-weight:800;color:var(--primary);margin-top:4px;line-height:1.3}
.cc-big.sm{font-size:16px}
.cc-s{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.6}
.contact-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-3);align-items:start}
.form-card{padding:30px 34px}
.form-card h3{font-size:20px;font-weight:700;color:var(--heading)}
.f-tip{font-size:13.5px;color:var(--text);margin:8px 0 22px;line-height:1.7}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.f-field{margin-bottom:16px}
.f-field label{display:block;font-size:13px;font-weight:600;color:var(--heading);margin-bottom:7px}
.f-input{width:100%;font-family:inherit;font-size:14px;color:var(--text);padding:11px 14px;
  border:1px solid #d5dce8;border-radius:var(--r-btn);background:#fff;
  transition:border-color .15s,box-shadow .15s}
.f-input:hover{border-color:#b9c4d4}
.f-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,0,18,.12)}
.f-input::placeholder{color:#a8b2c2}
textarea.f-input{resize:vertical;line-height:1.7}
.f-submit{width:100%;background:var(--primary);color:#fff;font-size:16px;font-weight:700;
  padding:15px;border-radius:var(--r-btn);transition:background .15s,transform .1s;min-height:52px;margin-top:6px}
.f-submit:hover{background:var(--primary-hover)}
.f-submit:active{background:var(--primary-active);transform:scale(.99)}
.visit-card{padding:26px 28px}
.map-ph{height:220px;border-radius:var(--r-btn);position:relative;overflow:hidden;margin-bottom:20px;
  background:
  repeating-linear-gradient(90deg,#e9eef5 0 30px,#e2e9f2 30px 60px),
  repeating-linear-gradient(0deg,#e9eef5 0 30px,#e4eaf3 30px 60px),
  linear-gradient(0deg,#e7edf4,#e7edf4)}
.map-ph::before{content:"";position:absolute;left:0;right:0;top:56%;height:15px;background:#fff;
  box-shadow:0 0 0 1px rgba(9,31,60,.05)}
.map-ph::after{content:"";position:absolute;top:0;bottom:0;left:33%;width:13px;background:#fff}
.map-ph .pin{position:absolute;left:50%;top:42%;width:18px;height:18px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);background:var(--primary);box-shadow:0 4px 10px rgba(230,0,18,.42);z-index:2}
.map-ph .pin::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.map-ph .map-lab{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);color:var(--heading);
  font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;box-shadow:var(--shadow-1);z-index:2}
.visit-card h3{font-size:18px;font-weight:700;color:var(--heading);margin-bottom:6px}
.vh{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border)}
.vh:last-child{border-bottom:none}
.vk{flex:none;font-size:12.5px;font-weight:700;color:var(--primary);background:#fdecec;
  border-radius:6px;padding:2px 10px;height:max-content}
.vh p{font-size:13.5px;color:var(--text);line-height:1.7}
/* 真实百度地图就绪后：去掉示意图底纹与装饰标记 */
.map-ph.map-on{background:#fff}
.map-ph.map-on::before,.map-ph.map-on::after{display:none}
.map-ph.map-on .pin,.map-ph.map-on .map-lab{display:none}
/* 留言表单补充件 */
.f-form{display:block}
.f-field label em{color:var(--primary);font-style:normal;margin-left:3px}
.f-cap-box{display:flex;gap:10px;align-items:center}
.f-cap-box .f-input{flex:1;min-width:0}
.f-cap-box img{height:40px;width:auto;border:1px solid var(--border);border-radius:6px;cursor:pointer;flex:none}
.f-note{margin:12px 0 0;font-size:12.5px;color:var(--muted);line-height:1.7}

/* ============ 内页6：新闻列表页（主栏 + 侧栏） ============ */
.news-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-4);align-items:start}
.news-feat{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-1);
  transition:box-shadow .18s,transform .18s;cursor:pointer}
.news-feat:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.nf-ph{position:relative;min-height:232px;
  background:
  repeating-linear-gradient(90deg,rgba(9,31,60,.05) 0 22px,transparent 22px 64px),
  repeating-linear-gradient(0deg,rgba(9,31,60,.05) 0 22px,transparent 22px 64px),
  linear-gradient(150deg,#8fa5bd,#4a6484)}
.nf-cat{position:absolute;left:16px;top:16px;background:var(--primary);color:#fff;font-size:12px;
  font-weight:700;padding:4px 12px;border-radius:999px;z-index:2}
.nf-bd{padding:26px 30px}
.nf-meta{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
.nf-bd h3{font-size:20px;font-weight:700;color:var(--heading);margin:10px 0;line-height:1.4}
.nf-bd p{font-size:13.5px;color:var(--text);line-height:1.75}
.nf-more{display:inline-block;margin-top:14px;color:var(--primary);font-size:13.5px;font-weight:600}
.news-list{margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}
.news-item{display:flex;gap:22px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-card);padding:20px 24px;transition:box-shadow .18s,transform .18s;cursor:pointer}
.news-item:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.ni-date{flex:none;width:72px;text-align:center;border-right:1px solid var(--border);padding-right:16px}
.ni-date b{display:block;font-size:26px;font-weight:800;color:var(--primary);line-height:1.1}
.ni-date span{font-size:11.5px;color:var(--muted);white-space:nowrap}
.ni-bd{min-width:0}
.ni-meta{margin-bottom:6px}
.ni-cat{font-size:11.5px;color:var(--primary);background:#fdecec;padding:2px 10px;border-radius:999px;font-weight:600}
.ni-bd h4{font-size:16.5px;font-weight:600;color:var(--heading);line-height:1.45}
.ni-bd p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.7}
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:var(--sp-4)}
.pg-num,.pg-btn{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border);background:#fff;border-radius:var(--r-btn);font-size:13.5px;
  color:var(--text);padding:0 12px;transition:.15s}
.pg-btn:hover,.pg-num:hover{border-color:var(--navy);color:var(--navy)}
.pg-num.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.pg-btn[disabled]{opacity:.45;pointer-events:none}
.pg-ell{min-width:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}
.news-side{display:flex;flex-direction:column;gap:var(--sp-2)}
.side-card{padding:22px 24px}
.side-card h4{font-size:16px;font-weight:700;color:var(--heading);margin-bottom:14px;
  display:flex;align-items:center;gap:9px}
.side-card h4::before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}
.hot-list{list-style:none}
.hot-list li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border);align-items:flex-start}
.hot-list li:last-child{border-bottom:none}
.hn{flex:none;width:20px;height:20px;border-radius:6px;background:#f0f4fa;color:var(--muted);
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.hot-list li:nth-child(-n+3) .hn{background:var(--primary);color:#fff}
.hot-list a{font-size:13.5px;color:var(--text);line-height:1.6;transition:color .15s}
.hot-list a:hover{color:var(--primary)}
.side-cta{background:var(--navy);padding:24px;border-radius:var(--r-card)}
.sc-t{font-size:14px;color:#c9d4e4}
.sc-tel{font-size:24px;font-weight:800;color:#fff;margin:8px 0 14px}
.sc-btn{display:block;text-align:center;background:var(--primary);color:#fff;font-size:14px;
  font-weight:700;padding:11px;border-radius:var(--r-btn);transition:background .15s}
.sc-btn:hover{background:var(--primary-hover)}
.side-prods{display:flex;flex-wrap:wrap;gap:8px}
.side-prods a{font-size:12.5px;border:1px solid var(--border);background:#f7f9fc;border-radius:999px;
  padding:5px 13px;color:var(--text);transition:.15s}
.side-prods a:hover{border-color:var(--primary);color:var(--primary)}

/* ============ 页脚（与首页逐字一致） ============ */
.pc-footer{background:var(--navy);color:#c9d4e4}
.pc-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--sp-6);padding:var(--sp-8) 0 var(--sp-6)}
.pc-footer h4{font-size:15px;color:#fff;font-weight:700;margin-bottom:14px}
.pc-footer .brand{display:flex;gap:12px;align-items:center}
.pc-footer .brand .logo{width:38px;height:38px;background:var(--primary);border-radius:8px;display:flex;
  align-items:center;justify-content:center;flex:none}
.pc-footer .brand .logo svg,.pc-footer .brand .logo img{width:22px;height:22px;color:#fff}
.pc-footer .brand .logo img{object-fit:contain;display:block}
.pc-footer .brand .n{font-size:16px;color:#fff;font-weight:700;line-height:1.35;word-break:keep-all}
.pc-footer .brand .s{font-size:12px;color:#8fa1b8;word-break:keep-all}
/* 品牌列保底宽度，公司名/总代理不逐字折断（2026-11-04 A-H1） */
.pc-footer .cols>div:first-child{min-width:240px}
.pc-footer .desc{font-size:13px;color:#8fa1b8;margin-top:14px;line-height:1.8}
.pc-footer ul{list-style:none}
.pc-footer li{margin-bottom:9px}
.pc-footer li a{font-size:13.5px;color:#c9d4e4;transition:color .15s;display:inline-block;padding:2px 0}
.pc-footer li a:hover{color:#fff}
.pc-footer .tel{font-size:19px;color:#fff;font-weight:800}
.pc-footer .ct-line{font-size:13px;margin-top:6px;line-height:1.8}
.pc-footer .legal{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;flex-wrap:wrap;
  gap:6px 22px;font-size:12.5px;color:#8fa1b8}
.pc-footer .legal a{color:#8fa1b8}
.pc-footer .legal a:hover{color:#fff}

/* ============ 分区标注（审结构用 · 出 PDF 时隐藏） ============ */
.zone{position:relative}
.zone-tag{position:absolute;top:14px;left:14px;z-index:60;background:var(--primary);color:#fff;font-size:11px;
  padding:4px 11px;border-radius:999px;letter-spacing:1px;box-shadow:0 2px 10px rgba(230,0,18,.4);
  pointer-events:none;font-weight:600}
body.no-anno .zone-tag{display:none}

/* ===== 生成图片嵌入：banner / 案例卡 / 新闻头条（assets/gen/，2026-10-21） ===== */
.page-banner .bn-img,.about-banner .bn-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lcase .ph,.ccase .ph{position:relative;overflow:hidden}
.ph.has-img{background:none!important;position:relative}
.ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ===== 七大体系新增：产品图质感占位 + 楼体变体（2026-10-21） ===== */
.bf{--c1:#5d7386;--c2:#33475c}
.bg{--c1:#8d7f6a;--c2:#5c5040}
.bh{--c1:#4f7a72;--c2:#2b4a45}
.bi{--c1:#9a6b5e;--c2:#5e3c33}
.bj{--c1:#7a7194;--c2:#453f5e}
.bk{--c1:#a8956f;--c2:#6b5c40}
.ph-wall{background:radial-gradient(90% 70% at 70% 18%,rgba(255,255,255,.7),transparent 65%),linear-gradient(160deg,#f8f6f1,#e4ded3)}
.ph-paint{background:radial-gradient(130% 100% at 22% 8%,rgba(255,255,255,.55),transparent 60%),linear-gradient(155deg,#f0e6d2,#d9c4a0)}
.ph-scrub{background:repeating-linear-gradient(58deg,rgba(255,255,255,.30) 0 3px,transparent 3px 15px),linear-gradient(150deg,#e9eff6,#c2cfdd)}
.ph-coat{background:repeating-linear-gradient(105deg,rgba(255,255,255,.22) 0 4px,transparent 4px 13px),linear-gradient(150deg,#e2ece6,#b6ccc2)}
.ph-mildew{background:radial-gradient(circle at 26% 30%,rgba(255,255,255,.5) 0 3px,transparent 4px),radial-gradient(circle at 62% 62%,rgba(255,255,255,.4) 0 3px,transparent 4px),radial-gradient(circle at 84% 26%,rgba(255,255,255,.35) 0 2px,transparent 3px),linear-gradient(155deg,#dfeae4,#b3c8bf)}
.ph-foam{background:radial-gradient(circle at 18% 22%,#f0ead9 0 4px,transparent 5px),radial-gradient(circle at 44% 12%,#d8cdb2 0 4px,transparent 5px),radial-gradient(circle at 70% 30%,#efe8d6 0 3px,transparent 4px),radial-gradient(circle at 30% 55%,#cfc2a4 0 4px,transparent 5px),radial-gradient(circle at 58% 68%,#e9e1cb 0 3px,transparent 4px),radial-gradient(circle at 84% 58%,#d3c6a8 0 4px,transparent 5px),linear-gradient(150deg,#e7dfca,#c4b697)}
.ph-board{background:repeating-linear-gradient(90deg,rgba(120,100,70,.14) 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,rgba(120,100,70,.14) 0 2px,transparent 2px 44px),linear-gradient(155deg,#dccfae,#a4946f)}
.ph-mortar{background:radial-gradient(circle at 24% 28%,rgba(255,255,255,.28) 0 3px,transparent 4px),radial-gradient(circle at 56% 52%,rgba(70,60,48,.16) 0 3px,transparent 4px),radial-gradient(circle at 78% 74%,rgba(255,255,255,.22) 0 3px,transparent 4px),linear-gradient(150deg,#d2ccc0,#9c948a)}
.ph-tile{background:repeating-linear-gradient(90deg,rgba(255,255,255,.42) 0 2px,transparent 2px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.42) 0 2px,transparent 2px 40px),radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.35),transparent 60%),linear-gradient(150deg,#eef1f5,#c6d0db)}
.ph-tilebig{background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 3px,transparent 3px 92px),repeating-linear-gradient(0deg,rgba(255,255,255,.4) 0 3px,transparent 3px 92px),linear-gradient(115deg,#e6e9ee 0%,#c3ccd6 30%,#eef1f5 55%,#b9c4d0 78%,#dfe4ea 100%)}
.ph-grout{background:repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 2px,transparent 2px 9px),linear-gradient(150deg,#e8e4dc,#c0b8ab)}
.ph-membrane{background:repeating-linear-gradient(0deg,rgba(9,31,60,.10) 0 3px,transparent 3px 22px),repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 22px,transparent 22px 26px),linear-gradient(155deg,#c9ccc9,#8f948f)}
.ph-antirust{background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.25) 0 3px,transparent 4px),radial-gradient(circle at 66% 60%,rgba(90,50,30,.18) 0 4px,transparent 5px),linear-gradient(150deg,#a8705a,#6e4433)}
.ph-felt{background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.30) 0 2px,transparent 3px),radial-gradient(circle at 48% 44%,rgba(60,60,80,.14) 0 2px,transparent 3px),radial-gradient(circle at 76% 66%,rgba(255,255,255,.24) 0 2px,transparent 3px),linear-gradient(155deg,#9aa3b2,#66707e)}
.ph-damping{background:radial-gradient(circle at 26% 30%,rgba(255,255,255,.12) 0 3px,transparent 4px),radial-gradient(circle at 62% 58%,rgba(255,255,255,.10) 0 3px,transparent 4px),linear-gradient(155deg,#4a4f57,#2b2f36)}
.ph-seal{background:linear-gradient(115deg,#e9edf2 0%,#c6ced8 45%,#eef1f5 100%)}
.ph-epoxy{background:radial-gradient(60% 80% at 20% 30%,rgba(255,255,255,.4),transparent 60%),radial-gradient(50% 70% at 78% 68%,rgba(9,31,60,.18),transparent 60%),linear-gradient(125deg,#dde6ea,#aeb9c2 55%,#d3dde2)}
.ph-floor{background:repeating-linear-gradient(97deg,rgba(255,255,255,.10) 0 2px,transparent 2px 55px),radial-gradient(70% 60% at 60% 40%,rgba(255,255,255,.14),transparent 60%),linear-gradient(150deg,#c8c8c4,#8e8e89)}
.ph-bucket{background:radial-gradient(46% 34% at 50% 46%,#d8dee6 0 70%,transparent 76%),radial-gradient(30% 12% at 50% 34%,rgba(230,0,18,.85) 0 60%,transparent 70%),linear-gradient(160deg,#e8ecf1,#b9c2cc)}
.ph-putty{background:radial-gradient(70% 50% at 40% 60%,#f2efe8 0 60%,transparent 70%),radial-gradient(circle at 66% 30%,rgba(255,255,255,.5) 0 3px,transparent 4px),linear-gradient(150deg,#e6e2d8,#bdb8ab)}
.ph-tools{background:repeating-linear-gradient(45deg,rgba(230,0,18,.14) 0 8px,transparent 8px 26px),repeating-linear-gradient(-45deg,rgba(9,31,60,.10) 0 8px,transparent 8px 26px),linear-gradient(150deg,#eef0f3,#c3c9d1)}

/* ============================================================
   体系专题页 · 差异化布局（2026-10-21 第二轮）
   每体系一种布局语言：场景卡 / 数据表 / 工序流 / 部位卡 /
   分贝对比 / 场景分组 / 商品橱窗
   ============================================================ */

/* ---------- p7 内墙：场景方案版 ---------- */
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.sc-card{overflow:hidden;transition:transform .18s,box-shadow .18s;cursor:pointer}
.sc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.sc-card .ph{height:168px;position:relative;overflow:hidden}
.sc-bd{padding:20px 24px 22px}
.sc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-head h3{font-size:18px;font-weight:700;color:var(--heading)}
.sc-tag{flex:none;font-size:12px;color:var(--primary);background:#fdecec;border:1px solid rgba(230,0,18,.22);
  padding:3px 12px;border-radius:999px;font-weight:600;white-space:nowrap}
.sc-pain{font-size:12.5px;color:var(--muted);margin:10px 0 14px;line-height:1.6}
.sc-prods{display:flex;flex-direction:column;gap:8px}
.sc-prod{display:flex;align-items:baseline;gap:10px;background:var(--bg);border:1px solid var(--border);
  border-radius:var(--r-btn);padding:9px 14px}
.sc-prod .sp-t{flex:none;font-size:14px;font-weight:600;color:var(--heading);white-space:nowrap}
.sc-prod .sp-d{font-size:12px;color:var(--muted);line-height:1.5}
.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:linear-gradient(100deg,#0e2547,#091f3c);border-radius:var(--r-card);padding:26px 34px;color:#fff}
.cta-strip .cs-t{font-size:17px;font-weight:700}
.cta-strip .cs-d{font-size:13px;color:rgba(255,255,255,.75);margin-top:6px}

/* ---------- p8 保温：数据参数版 ---------- */
.kpi-band{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.kpi{text-align:center;padding:30px 24px 26px}
.kpi .kv{font-size:44px;font-weight:800;color:var(--primary);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kpi .kv small{font-size:15px;font-weight:700;margin-left:2px}
.kpi .kl{font-size:15px;font-weight:700;color:var(--heading);margin-top:12px}
.kpi .kd{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.7}
.spec-wrap{overflow:hidden}
.spec-table{width:100%;border-collapse:collapse}
.spec-table th{background:var(--navy);color:#fff;font-size:13.5px;font-weight:600;
  padding:13px 18px;text-align:left;white-space:nowrap}
.spec-table td{padding:14px 18px;font-size:14px;color:var(--text);border-top:1px solid var(--border)}
.spec-table tbody tr:nth-child(even) td{background:#fafbfd}
.spec-table .sn{font-weight:600;color:var(--heading);white-space:nowrap}
.spec-table .sv{color:var(--primary);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.spec-note{font-size:12px;color:var(--muted);padding:12px 20px;border-top:1px dashed var(--border)}

/* ---------- p9 瓷砖：施工工序版 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.step{padding:22px 20px 20px;position:relative}
.step .st-no{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;
  font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.step h3{font-size:16px;font-weight:700;color:var(--heading);margin:13px 0 8px}
.step p{font-size:12.5px;color:var(--text);line-height:1.7}
.st-prod{display:inline-block;margin-top:12px;font-size:12px;color:var(--navy);background:#eef2f8;
  border-radius:999px;padding:4px 13px;font-weight:600;white-space:nowrap}
.mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.mix-card{overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.mix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.mix-card .ph{height:118px;position:relative}
.mix-card .mp-bd{padding:14px 16px 16px}
.mix-card b{font-size:14px;color:var(--heading)}
.mix-card span{font-size:12px;color:var(--muted);line-height:1.6;display:block;margin-top:4px}

/* ---------- p10 防水：建筑部位版 ---------- */
.part-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.part-card{overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.part-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.part-card .ph{height:148px;position:relative}
.pt-bd{padding:18px 22px 20px}
.pt-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pt-head h3{font-size:17px;font-weight:700;color:var(--heading)}
.pt-pain{font-size:12.5px;color:var(--muted);margin:9px 0 11px;line-height:1.6}
.pt-main{font-size:14px;font-weight:600;color:var(--primary);background:#fdecec;
  border:1px solid rgba(230,0,18,.18);border-radius:var(--r-btn);padding:8px 14px;display:inline-block}
.pt-tip{font-size:12.5px;color:var(--text);margin-top:11px;padding-left:15px;position:relative;line-height:1.6}
.pt-tip::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.lookup{overflow:hidden}
.lookup-row{display:grid;grid-template-columns:130px 1.2fr 1fr;gap:16px;padding:13px 22px;
  font-size:13px;color:var(--text);border-top:1px solid var(--border);align-items:center}
.lookup-row .lk-part{font-weight:700;color:var(--heading);display:flex;align-items:center;gap:8px}
.lookup-row.h{background:var(--navy);color:#fff;border-top:none;font-weight:600;font-size:13px}
.lookup-row .lk-part i{width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}

/* ---------- p11 隔声：对比测评版 ---------- */
.db-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;padding:36px 42px}
.db-lab{font-size:15px;font-weight:700;color:var(--heading);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.db-lab .dot{width:9px;height:9px;border-radius:50%}
.db-lab .dot.bad{background:#c0392b}
.db-lab .dot.good{background:#1d4e8f}
.db-bar{height:46px;border-radius:8px;display:flex;align-items:center;padding-left:16px;color:#fff;
  font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.db-bar.bad{background:linear-gradient(90deg,#a33327,#e60012)}
.db-bar.good{background:linear-gradient(90deg,#0a2a52,#1d4e8f)}
.db-desc{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.7}
.db-mid{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary)}
.db-mid b{font-size:15px;font-weight:800;white-space:nowrap}
.db-mid span{font-size:11.5px;color:var(--muted)}
.ac-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.ac-col{overflow:hidden}
.ac-col-title{background:var(--navy);color:#fff;padding:14px 22px;font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:space-between}
.ac-col-title em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72);font-weight:400}
.ac-card{display:flex;gap:16px;padding:16px 20px;align-items:center}
.ac-card+.ac-card{border-top:1px solid var(--border)}
.ac-card .ph{width:112px;height:84px;flex:none;border-radius:var(--r-btn);position:relative;overflow:hidden}
.ac-card .ac-b{flex:1;min-width:0}
.ac-card .ac-b b{font-size:15px;color:var(--heading)}
.ac-card .ac-b p{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.db-chip{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:#fff;
  background:var(--primary);border-radius:999px;padding:3px 12px;font-variant-numeric:tabular-nums}
.note-strip{display:flex;align-items:center;gap:12px;background:#fff8f0;border:1px solid #f5e3c8;
  border-radius:var(--r-card);padding:16px 22px;font-size:13px;color:#8a5a1e;line-height:1.7}
.note-strip b{color:#c0392b}

/* ---------- p12 地坪：场景分组版 ---------- */
.scene-row{display:grid;grid-template-columns:248px 1fr;overflow:hidden}
.sc-side{background:linear-gradient(160deg,#0e2547,#091f3c);color:#fff;padding:26px 24px;
  display:flex;flex-direction:column;justify-content:center;gap:7px}
.sc-side h3{font-size:18px;font-weight:700}
.sc-side p{font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.6}
.scs-ic{width:42px;height:42px;border-radius:50%;background:rgba(230,0,18,.92);
  display:flex;align-items:center;justify-content:center;margin-bottom:7px}
.scs-ic svg{width:21px;height:21px}
.sc-prods{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
.mini-prod{display:flex;gap:14px;align-items:center;border:1px solid var(--border);
  border-radius:var(--r-btn);padding:12px;background:#fff;transition:border-color .15s}
.mini-prod:hover{border-color:var(--primary)}
.mini-prod .ph{width:98px;height:74px;flex:none;border-radius:6px;position:relative;overflow:hidden}
.mini-prod b{font-size:14px;color:var(--heading)}
.mini-prod span{font-size:12px;color:var(--muted);display:block;margin-top:3px;line-height:1.5}

/* ---------- p13 辅材：商品橱窗版 ---------- */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.prod-tile{overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.prod-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.prod-tile .ph{height:186px;position:relative;overflow:hidden}
.pt-cat{position:absolute;left:14px;top:14px;font-size:11.5px;background:rgba(9,31,60,.86);color:#fff;
  padding:3px 11px;border-radius:999px;font-weight:500;letter-spacing:.02em}
.pt-bd{padding:16px 18px 18px}
.pt-bd h3{font-size:15.5px;font-weight:600;color:var(--heading);line-height:1.4}
.pt-spec{font-size:12px;color:var(--muted);margin-top:5px}
.pt-price{margin:11px 0 14px;display:flex;align-items:baseline;gap:3px}
.pt-price .cur{font-size:13px;color:var(--primary);font-weight:700}
.pt-price b{font-size:25px;color:var(--primary);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.pt-price .unit{font-size:12px;color:var(--muted)}
.shop-note{display:flex;align-items:center;gap:14px;background:var(--bg);border:1px dashed #c9d2de;
  border-radius:var(--r-card);padding:16px 24px;font-size:13px;color:var(--text);line-height:1.7}
.shop-note b{color:var(--primary);font-variant-numeric:tabular-nums}

/* ============================================================
   八大体系专题页 · 错落排版（2026-10-23 第三轮，用户指定结构）
   矩阵聚合 / 横向通栏 / 双列瀑布 / 大图沉浸 / 之字交替 /
   决策树选型 / 图标阵列 / 超市货架
   ============================================================ */

/* 产品导航带：当前体系高亮 */
.pc-prodnav a.on{color:#fff;font-weight:700;position:relative}
.pc-prodnav a.on::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;
  background:var(--primary);border-radius:2px 2px 0 0}

/* ---------- ① 外墙装饰：矩阵聚合式 ---------- */
.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.mx-card{overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.mx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.mx-card .ph{height:252px;position:relative}
.mx-bd{padding:22px 26px 24px}
.mx-bd h3{font-size:20px;font-weight:700;color:var(--heading);display:flex;align-items:baseline;gap:10px}
.mx-bd h3 .no{font-size:12px;color:var(--muted);font-weight:400}
.mx-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.mx-tag{font-size:12.5px;color:var(--navy);background:#eef2f8;border:1px solid #dde4ee;
  border-radius:var(--r-btn);padding:5px 13px;font-weight:500;transition:.15s;white-space:nowrap}
.mx-tag:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.sys-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.sys-item{display:flex;align-items:center;gap:15px;padding:20px 24px}
.sys-ic{width:48px;height:48px;border-radius:50%;background:#fdecec;color:var(--primary);
  display:flex;align-items:center;justify-content:center;flex:none}
.sys-ic svg{width:23px;height:23px}
.sys-item b{font-size:15.5px;color:var(--heading);display:block}
.sys-item span{font-size:12.5px;color:var(--muted);display:block;margin-top:3px}

/* ---------- ② 内墙装饰：横向通栏式 ---------- */
.hcard-list{display:flex;flex-direction:column;gap:var(--sp-3)}
.hcard{display:grid;grid-template-columns:300px 1fr;overflow:hidden;cursor:pointer;
  transition:transform .18s,box-shadow .18s}
.hcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.hcard .ph{min-height:148px;position:relative}
.hcard .bd{padding:22px 28px;display:flex;flex-direction:column;justify-content:center}
.hcard h3{font-size:18px;font-weight:700;color:var(--heading);display:flex;align-items:baseline;gap:10px}
.hcard h3 .no{font-size:12px;color:var(--muted);font-weight:400}
.hcard .sell{font-size:14px;color:var(--text);margin-top:8px;line-height:1.7}
.hcard .go{margin-top:13px;font-size:13px;color:var(--primary);font-weight:600;
  display:inline-flex;align-items:center;gap:5px;transition:gap .15s}
.hcard .go:hover{gap:9px;color:var(--primary-hover)}

/* ---------- ③ 地面地坪：双列瀑布流 ---------- */
.wf-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);align-items:start}
.wf-col{display:flex;flex-direction:column;gap:var(--sp-3)}
.wf-col.offset{margin-top:46px}
.wf-card{overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.wf-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.wf-card .ph{height:196px;position:relative}
.wf-bd{padding:20px 22px 22px}
.wf-bd h3{font-size:17px;font-weight:700;color:var(--heading)}
.wf-bd .incl{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.7}
.wf-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}

/* ---------- ④ 建筑隔声：大图沉浸式 ---------- */
.hero-card{position:relative;height:316px;border-radius:var(--r-card);overflow:hidden;
  cursor:pointer;box-shadow:var(--shadow-1);transition:transform .18s,box-shadow .18s}
.hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.hero-card .ph{position:absolute;inset:0}
.hero-card .veil{position:absolute;inset:0;
  background:linear-gradient(95deg,rgba(9,31,60,.88) 0%,rgba(9,31,60,.55) 55%,rgba(9,31,60,.12) 100%)}
.hero-card .tx{position:absolute;left:46px;bottom:42px;color:#fff;max-width:62%}
.hero-card .pick{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;
  font-size:12px;font-weight:700;padding:4px 13px;border-radius:999px;letter-spacing:.03em}
.hero-card h3{font-size:27px;font-weight:800;margin-top:14px;line-height:1.3}
.hero-card .sell{font-size:14px;color:rgba(255,255,255,.86);margin-top:10px;line-height:1.7}
.hero-card .idx{position:absolute;right:36px;top:32px;font-size:15px;font-weight:800;color:rgba(255,255,255,.5);
  font-variant-numeric:tabular-nums;letter-spacing:.08em}

/* ---------- ⑤ 保温隔热：之字图文交替 ---------- */
.zz-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:center}
.zz-ph{border-radius:var(--r-card);overflow:hidden;height:272px;position:relative;box-shadow:var(--shadow-1)}
.zz-row.rev .zz-ph{order:2}
.zz-bd h3{font-size:20px;font-weight:700;color:var(--heading)}
.zz-bd .lead{font-size:13.5px;color:var(--text);margin-top:12px;line-height:1.8}
.zz-bd .incl{margin-top:16px;display:flex;flex-direction:column;gap:9px}
.zz-bd .incl .it{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text)}
.zz-bd .incl .it::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}
.zz-bd .btn-primary{margin-top:20px;width:max-content}

/* ---------- ⑥ 瓷砖铺贴：决策树选型式 ---------- */
.dt-tabs{display:flex;gap:10px}
.dt-tab{flex:1;border:1px solid var(--border);background:#fff;border-radius:var(--r-btn);
  padding:14px 8px;text-align:center;font-size:13.5px;cursor:pointer;transition:.15s;
  font-weight:500;color:var(--text);line-height:1.5}
.dt-tab:hover{border-color:var(--primary);color:var(--primary)}
.dt-tab.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.dt-tab .sw{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.dt-tab.on .sw{color:rgba(255,255,255,.8)}
.dt-tab{position:relative}
.dt-tab.on::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid var(--navy);z-index:3}
.dt-post{background:#f5f8fc;border-left:3px solid var(--navy)}
.dt-panel{margin-top:var(--sp-3);border:1.5px solid var(--primary);border-radius:var(--r-card);
  overflow:hidden;box-shadow:var(--shadow-1)}
.dt-panel-hd{background:#fdecec;padding:16px 26px;display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,0,18,.18)}
.dt-panel-hd .dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex:none;margin-left:0}
.dt-panel-hd b{font-size:15px;color:var(--heading)}
.dt-panel-hd span:last-child{font-size:12.5px;color:var(--muted);margin-left:auto}
/* 适用规格条：先让人对上号，再谈推荐（砖型 / 规格 / 部位三格） */
.dt-fit{display:flex;flex-wrap:wrap;padding:11px 26px;background:#f1f5fb;border-bottom:1px solid #dde5ef}
.dt-fit .fs{display:inline-flex;align-items:baseline;gap:6px;padding-right:18px;margin-right:18px;
  border-right:1px solid var(--border);font-size:12.5px;line-height:1.7}
.dt-fit .fs:last-child{border-right:0;margin-right:0;padding-right:0}
.dt-fit .fs i{font-style:normal;color:var(--muted);white-space:nowrap;font-size:12px}
.dt-fit .fs b{color:var(--heading);font-weight:600}
.dt-tip{padding:18px 26px;font-size:14px;color:var(--text);line-height:1.8;background:#fff}
.dt-tip b{color:var(--primary)}
.dt-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);padding:4px 26px 24px}
.dt-prod{border:1px solid var(--border);border-radius:var(--r-btn);overflow:hidden;background:#fff}
.dt-prod .ph{aspect-ratio:4/3;height:auto;position:relative;background:#fff}
.dt-prod .dp-bd{padding:12px 14px 14px}
.dt-prod b{font-size:14px;color:var(--heading)}
.dt-prod span{font-size:12px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}
.dt-hint{margin-top:14px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.dt-hint svg{width:15px;height:15px;flex:none}

/* ---------- ⑦ 防水防腐：场景图标阵列式 ---------- */
.scn-block{background:var(--bg);border-radius:var(--r-card);padding:30px 28px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.scn-item{background:#fff;border:1px solid var(--border);border-radius:var(--r-btn);
  padding:22px 20px;transition:border-color .15s,box-shadow .15s}
.scn-item:hover{border-color:var(--primary);box-shadow:var(--shadow-1)}
.scn-ic{width:54px;height:54px;border-radius:14px;background:#fdecec;color:var(--primary);
  display:flex;align-items:center;justify-content:center}
.scn-ic svg{width:26px;height:26px}
.scn-item h4{font-size:15.5px;font-weight:700;color:var(--heading);margin-top:15px;line-height:1.4}
.scn-item .pain{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}
.scn-item .prods{margin-top:13px;display:flex;flex-direction:column;gap:7px}
.scn-item .prods span{font-size:13px;color:var(--heading);background:var(--bg);
  border:1px solid var(--border);border-radius:6px;padding:7px 12px;font-weight:500}

/* ---------- ⑧ 基辅材：透明橱窗（超市货架）式 ---------- */
.shelf-tools{display:flex;align-items:center;gap:16px;padding:14px 20px}
.shelf-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.shelf-item{background:#fff;border:1px solid var(--border);border-radius:8px;
  padding:13px 10px 12px;text-align:center;cursor:pointer;transition:.15s}
.shelf-item:hover{border-color:var(--primary);box-shadow:var(--shadow-1);transform:translateY(-3px)}
.shelf-item .ph{height:76px;border-radius:6px;margin-bottom:10px;position:relative;overflow:hidden}
.shelf-item b{font-size:12.5px;color:var(--heading);font-weight:600;display:block;line-height:1.4}
.shelf-item .sp{font-size:11px;color:var(--muted);margin-top:4px}
.shelf-item .pr{font-size:13.5px;color:var(--primary);font-weight:700;margin-top:6px;
  font-variant-numeric:tabular-nums}

/* ===== V4-SYS-CSS-BEGIN ===== */
/* ============================================================
   八大体系专题页 · 排版重构第四轮（2026-10-23，用户钦定）
   核心：分类索引 + 选型指导；紧凑头部 / 箭头胶囊 / 8px 圆角细边框
   作用域 .sys：仅影响 8 个体系页，不改动其他已定稿页面
   ============================================================ */

/* ---- 全局①：紧凑内页头部（浅灰 160px · 面包屑 12 · 标题 28 红杠 · 右侧红钮） ---- */
.page-head{background:#F8F9FA;border-bottom:1px solid #EBEBEB;padding:0;min-height:160px;display:flex;align-items:center}
.page-head .ph-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%}
.page-head .ph-main{min-width:0}
.page-head .crumb{font-size:12px;margin-bottom:10px}
.page-head h1{font-size:28px;line-height:1.3;gap:12px}
.page-head h1::before{width:4px;height:24px}
.page-head .sub{margin-top:8px;font-size:14px;color:#8a94a6}
.page-head .ph-cta{flex:none;padding:12px 26px;font-size:14px;border-radius:6px;font-weight:700;white-space:nowrap}
.page-head .ph-cta:hover{background:var(--primary-hover)}
@media (max-width:900px){
  .page-head{padding:22px 0}
  .page-head .ph-inner{flex-direction:column;align-items:flex-start;gap:16px}
}

/* ---- 全局②：箭头胶囊标签（分类链接：白底灰边 + →，悬停边框变色） ---- */
.arrow-tag{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e3e3e3;
  border-radius:999px;padding:6px 14px;font-size:12.5px;color:#3a3a3a;font-weight:500;
  white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.5}
.arrow-tag:hover{border-color:var(--primary);color:var(--primary)}
.arrow-tag .ar{color:#b5b5b5;transition:color .15s}
.arrow-tag:hover .ar{color:var(--primary)}

/* ---- 全局③：统一轻量卡片（8px 圆角 + 1px #EBEBEB，无阴影无位移） ---- */
.sys .card,.sys .mx-card,.sys .iw-card,.sys .fl-wide,.sys .fl-small,.sys .wt-cell,
.sys .sys-bar,.sys .shelf-item,.sys .dt-prod,.sys .dt-panel,.sys .zz-ph{
  border:1px solid #EBEBEB;border-radius:8px;box-shadow:none}
.sys .mx-card:hover,.sys .iw-card:hover,.sys .fl-wide:hover,.sys .fl-small:hover,
.sys .shelf-item:hover,.sys .wt-cell:hover,.sys .dt-prod:hover{
  transform:none;box-shadow:none;border-color:#c9c9c9}
.sys .sec-title-row h2{font-size:19px}
.sys .sec-title-row .t::before{height:18px;width:4px}
@media (max-width:900px){
  .sys .matrix-grid,.sys .wt-grid{grid-template-columns:1fr}
  .sys .sys-bar{flex-direction:column}
  .sys .sys-cell + .sys-cell{border-left:none;border-top:1px solid #EBEBEB}
}

/* ---- ① 外墙装饰 · 矩阵聚合 ---- */
.sys .mx-card .ph{height:236px;position:relative}
.sys .mx-bd{padding:20px 24px 22px}
.sys .mx-bd h3{font-size:19px}
.sys .mx-bd h3 .no{font-size:11.5px;color:var(--muted);font-weight:400}
.sys .mx-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
/* 配套系统：三项横向，整块可点（分别链到找平 / 底涂 / 罩面清漆产品） */
.sys .sys-bar{display:flex;background:#fff;overflow:hidden}
.sys .sys-cell{flex:1;display:flex;align-items:center;gap:14px;padding:20px 24px;min-width:0;
  text-decoration:none;color:inherit;transition:background .18s ease}
.sys .sys-cell:hover{background:#f7f9fc}
.sys .sys-cell > div{flex:1;min-width:0}
.sys .sys-cell .ar{margin-left:4px;flex:none;font-style:normal;font-size:14px;line-height:1;
  color:var(--primary);opacity:.35;transform:none;
  transition:opacity .18s ease,transform .18s ease}
.sys .sys-cell:hover .ar{opacity:1;transform:translateX(2px)}
.sys .sys-cell + .sys-cell{border-left:1px solid #EBEBEB}
.sys .sys-ic{width:44px;height:44px;border-radius:50%;background:#fdecec;color:var(--primary);
  display:flex;align-items:center;justify-content:center;flex:none}
.sys .sys-ic svg{width:22px;height:22px}
.sys .sys-cell b{font-size:15px;color:var(--heading);display:block}
.sys .sys-cell span{font-size:12px;color:var(--muted);display:block;margin-top:2px}

/* ---- ② 内墙装饰 · 筛选网格（PC 4 列 / 移动 2 列） ---- */
.iw-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.iw-tab{flex:none;border:1px solid #e3e3e3;background:#fff;border-radius:999px;padding:8px 20px;
  font-size:13px;color:var(--text);cursor:pointer;transition:.15s;white-space:nowrap;font-weight:500}
.iw-tab:hover{border-color:var(--navy);color:var(--navy)}
.iw-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
.iw-tab .ct{font-size:11.5px;color:var(--muted);margin-left:5px}
.iw-tab.on .ct{color:rgba(255,255,255,.7)}
.iw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.iw-grid{grid-template-columns:1fr 1fr}}
.iw-card{overflow:hidden;display:flex;flex-direction:column}
.iw-card .ph{height:148px;position:relative}
.iw-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;flex:1}
.iw-bd h3{font-size:14.5px;font-weight:700;color:var(--heading);line-height:1.4}
.iw-bd .sell{font-size:12.5px;color:var(--text);font-weight:400;line-height:1.65}
.iw-bd .go{margin-top:auto;padding-top:8px;font-size:12.5px;color:var(--muted);
  display:inline-flex;align-items:center;gap:4px;transition:color .15s}
.iw-bd .go:hover{color:var(--primary)}

/* ---- ③ 保温隔热 · 之字交替（图 40% : 文 60%） ---- */
.sys .zz-row{grid-template-columns:2fr 3fr;gap:var(--sp-4)}
/* rev 只翻转左右位置，不能改变列宽配比：文案恒 3fr、图恒 2fr */
.sys .zz-row.rev{grid-template-columns:3fr 2fr}
.sys .zz-ph{height:260px;position:relative}
.sys .zz-bd h3{font-size:19px}
.sys .zz-bd .lead{font-size:13.5px;margin-top:10px}
.sys .zz-bd .incl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.zz-phone{margin-top:16px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.zz-phone svg{width:15px;height:15px;flex:none;color:var(--primary)}
.zz-phone b{color:var(--primary);font-size:15px;font-variant-numeric:tabular-nums}
@media (max-width:900px){.sys .zz-row,.sys .zz-row.rev{grid-template-columns:1fr}.sys .zz-row.rev .zz-ph{order:0}}

/* ---- ④ 瓷砖铺贴 · 决策树（标杆：Tab 选中深蓝底白字 / 未选白底灰框） ---- */
.sys .dt-tab{border:1px solid #e3e3e3;background:#fff;color:var(--text);font-weight:500;border-radius:6px}
.sys .dt-tab:hover{border-color:var(--navy);color:var(--navy)}
.sys .dt-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.sys .dt-tab .sw{color:var(--muted)}
.sys .dt-tab.on .sw{color:rgba(255,255,255,.72)}
/* 选材面板：深蓝描边把「方案推荐区」与下方「工序区」切开；
   红留给面板内部的强调（dot / 关键词 / 可平替链接），避免红框套红字糊成一片 */
.sys .dt-panel{border:2px solid var(--navy)}
.sys .dt-panel-hd{background:#F8F9FA;border-bottom:1px solid #EBEBEB;padding:14px 24px}
.sys .dt-panel-hd b{font-size:15px;color:var(--heading)}
.sys .dt-tip{padding:16px 24px;font-size:14px}
.sys .dt-prods{padding:4px 24px 22px;gap:16px}
.sys .dt-prod .ph{aspect-ratio:4/3;height:auto;position:relative;background:#fff}
.sys .dt-hint{margin-top:12px;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){
  .sys .dt-tabs{flex-wrap:wrap}
  .sys .dt-tab{flex:1 1 40%}
  .sys .dt-prods{grid-template-columns:1fr}
}

/* ---- ⑤ 防水防腐 · 部位直达 2x2 ---- */
.wt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wt-cell{background:#F8F9FA;padding:24px 26px}
.wt-cell .hd{display:flex;align-items:center;gap:13px}
.wt-cell .hd .ic{width:46px;height:46px;border-radius:10px;background:#fff;border:1px solid #EBEBEB;
  color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}
.wt-cell .hd .ic svg{width:22px;height:22px}
.wt-cell h4{font-size:16.5px;font-weight:700;color:var(--heading)}
.wt-cell .pain{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.6}
.wt-mats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wt-note{margin-top:18px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.wt-note svg{width:15px;height:15px;flex:none;color:var(--primary)}
.wt-note b{color:var(--primary);font-variant-numeric:tabular-nums;font-size:14.5px}

/* ---- ⑥ 建筑隔声 · 沉浸大图（序号右上 · 产品名左下 · 特性跟下） ---- */
.sys .hero-card{height:300px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}
.sys .hero-card:hover{transform:none;box-shadow:none}
.sys .hero-card .idx{font-size:34px;font-weight:800;color:rgba(255,255,255,.42);right:34px;top:24px;letter-spacing:.06em}
.sys .hero-card .tx{left:42px;bottom:36px;max-width:66%}
.sys .hero-card h3{font-size:28px;font-weight:800;margin-top:12px}
.sys .hero-card .sell{font-size:13.5px;margin-top:9px}

/* ---- ⑦ 地面地坪 · 主次分明（2 宽卡 + 4 小卡，产品箭头链接 + 选型建议） ---- */
.fl-wide{display:grid;grid-template-columns:400px 1fr;overflow:hidden}
.fl-wide .ph{min-height:230px;position:relative}
.fl-wide .bd{padding:24px 28px;display:flex;flex-direction:column;gap:13px}
.fl-wide h3{font-size:19px;font-weight:700;color:var(--heading)}
.fl-links{display:flex;flex-wrap:wrap;gap:8px}
.fl-adv{font-size:13px;color:var(--text);background:#F8F9FA;border-left:3px solid var(--primary);
  padding:10px 14px;border-radius:0 6px 6px 0;line-height:1.7}
.fl-adv b{color:var(--primary)}
.fl-small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.fl-small{overflow:hidden;display:flex;flex-direction:column}
.fl-small .ph{height:128px;position:relative}
.fl-small .bd{padding:13px 15px 15px;display:flex;flex-direction:column;gap:9px;flex:1}
.fl-small h4{font-size:14.5px;font-weight:700;color:var(--heading);line-height:1.4}
.fl-small .fl-links{gap:6px}
.fl-small .arrow-tag{padding:4px 11px;font-size:12px}
.fl-small .fl-adv{font-size:12px;padding:8px 12px}
@media (max-width:900px){
  .fl-wide{grid-template-columns:1fr}
  .fl-small-grid{grid-template-columns:1fr 1fr}
}

/* ---- ⑧ 基辅材 · 超市货架 + 底部批发提示通栏 ---- */
.sys .shelf-item .ph{height:72px}
.sys .shelf-tools{border:1px solid #EBEBEB;border-radius:8px}
.bulk-bar{display:flex;align-items:center;gap:12px;background:#fdecec;border:1px solid rgba(230,0,18,.22);
  border-radius:8px;padding:15px 22px;font-size:14px;color:#7a1520;line-height:1.6}
.bulk-bar svg{flex:none;color:var(--primary)}
.bulk-bar b{color:var(--primary);font-variant-numeric:tabular-nums;font-size:15.5px}
/* ===== V4-SYS-CSS-END ===== *//* ===== DETAIL-CSS-BEGIN ===== */
/* ---- 新闻/案例详情页 ---- */
.nd-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-4);align-items:start;margin-top:var(--sp-4)}
.nd-art{padding:34px 38px 38px}
.nd-cat{display:inline-block;background:var(--primary);color:#fff;font-size:12px;font-weight:600;
  padding:4px 12px;border-radius:999px;letter-spacing:1px}
.nd-art h1{font-size:26px;line-height:1.35;color:var(--heading);margin:14px 0 10px;font-weight:700}
.nd-meta{display:flex;gap:12px;font-size:13px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--border)}
.nd-meta b{font-weight:600;color:var(--text)}
.nd-lead{background:#f7f9fc;border-left:4px solid var(--primary);border-radius:6px;
  padding:14px 18px;font-size:15px;color:var(--heading);line-height:1.8;margin:20px 0}
.nd-art p.bd{font-size:14px;line-height:1.85;color:var(--text);margin:14px 0}
.nd-h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--heading);margin:28px 0 6px}
.nd-h2::before{content:'';width:4px;height:18px;background:var(--primary);border-radius:2px}
.nd-fig{margin:22px 0 6px}
.nd-fig img{width:100%;border-radius:var(--r-card);display:block}
.nd-fig figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}
.nd-side{padding:22px 24px;margin-bottom:var(--sp-3)}
.nd-side h3{font-size:16px;font-weight:700;color:var(--heading);display:flex;align-items:center;gap:8px;margin-bottom:14px}
.nd-side h3::before{content:'';width:4px;height:15px;background:var(--primary);border-radius:2px}
.nd-hot{display:flex;gap:12px;padding:12px 0;border-top:1px dashed var(--border)}
.nd-hot:first-of-type{border-top:0;padding-top:2px}
.nd-hot .no{font-size:20px;font-weight:800;color:#d5dbe6;font-variant-numeric:tabular-nums;line-height:1.2}
.nd-hot h5{font-size:14px;color:var(--heading);line-height:1.5;font-weight:600;margin:0 0 4px}
.nd-hot span{font-size:12px;color:var(--muted)}
.nd-prod{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed var(--border)}
.nd-prod:first-of-type{border-top:0;padding-top:2px}
.nd-prod img{width:64px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.nd-prod b{font-size:14px;color:var(--heading);display:block;margin-bottom:2px}
.nd-prod div span{font-size:12px;color:var(--muted)}
.nd-prod .go{margin-left:auto;color:var(--muted);font-size:16px}
.nd-nav{display:flex;gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-3)}
.nd-prev,.nd-next{flex:1;padding:16px 22px}
.nd-prev small,.nd-next small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.nd-prev b,.nd-next b{font-size:15px;color:var(--heading);font-weight:600}
.nd-next{text-align:right}
.nd-back{display:block;width:220px;margin:0 auto var(--sp-6);text-align:center;background:var(--surface);
  border:1.5px solid var(--primary);color:var(--primary);font-weight:600;font-size:14px;
  padding:11px 0;border-radius:var(--r-btn)}
.cd-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--sp-3);align-items:start;margin-top:var(--sp-4)}
.cd-about{padding:28px 32px}
.cd-about p.bd{font-size:14px;line-height:1.85;color:var(--text);margin:12px 0}
.cd-h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--heading);margin:0 0 10px}
.cd-h2::before{content:'';width:4px;height:18px;background:var(--primary);border-radius:2px}
/* 案例详情：项目概况区——标题 → 封面图 → 正文 */
.cd-title{font-size:21px;font-weight:700;color:var(--heading);margin:4px 0 16px;line-height:1.4}
.cd-cover{margin:0 0 18px;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--border);
  background:linear-gradient(160deg,#f3f6fa,#e7edf5)}
.cd-cover img{display:block;width:100%;max-height:380px;object-fit:cover}
.stag-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cd-kv{padding:26px 28px}
.cd-kv .row{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:13px 0;border-bottom:1px dashed var(--border);font-size:14px}
.cd-kv .row:last-child{border-bottom:0}
.cd-kv .row span{color:var(--muted);flex:none;white-space:nowrap}
.cd-kv .row b{color:var(--heading);font-weight:600;text-align:right;flex:1;min-width:0;line-height:1.6}
.cd-gal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-2);margin-top:var(--sp-2)}
.cd-gal figure{margin:0}
.cd-gal img{width:100%;height:210px;object-fit:cover;border-radius:var(--r-card);display:block}
.cd-gal figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}
.cd-prods{margin-top:var(--sp-2)}
.cd-prod{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}
.cd-prod+.cd-prod{margin-top:10px}
.cd-prod img{width:88px;height:66px;object-fit:cover;border-radius:6px;flex:none}
.cd-prod b{font-size:15px;color:var(--heading);display:block;margin-bottom:3px}
.cd-prod div span{font-size:13px;color:var(--muted)}
.cd-prod .use{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}
.cd-prod .use b{display:block;font-size:14px;color:var(--primary);font-variant-numeric:tabular-nums;margin-top:2px}
.cd-prod .arr{color:#c6ccd8;font-size:18px;flex:none}
/* ===== DETAIL-CSS-END ===== *//* ===== MOBILE-CSS-BEGIN ===== */
/* ---------- 汉堡按钮 / 底部联系条：默认 PC 隐藏 ---------- */
.mo-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--border);border-radius:var(--r-btn);background:#fff;color:var(--navy);
  font-size:19px;line-height:1;cursor:pointer;flex:none}
.mo-bar{display:none}

/* ---------- ≤768px 移动端：单列流 ---------- */
@media (max-width:768px){
  .container1200{padding:0 16px}
  .frame{border-radius:0;margin:0}

  /* 顶栏：隐藏主导航，显示汉堡 */
  .pc-topbar .inner{flex-wrap:nowrap;gap:8px;padding:10px 16px;align-items:center}
  .pc-brand{flex:1;min-width:0;gap:8px}
  .pc-brand .logo{width:32px;height:32px;flex:none}
  .pc-brand .name{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pc-brand .sub{font-size:10.5px;display:none}
  .pc-nav{display:none}
  .mo-burger{display:flex;width:36px;height:36px}
  .pc-tel-ico{display:none}
  .pt-pop{display:none}

  /* 产品导航带 / 页脚产品栏：横向滚动 */
  html,body{overflow-x:hidden}
  .pc-prodnav .inner{padding:0 16px}
  .pc-prodnav .links,.pc-footer .links{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pc-prodnav .links::-webkit-scrollbar,.pc-footer .links::-webkit-scrollbar{display:none}
  .pc-prodnav .links a,.pc-footer .links a{flex:none;padding:10px 13px;font-size:12.5px}

  /* Banner 收紧 */
  .page-banner{min-height:250px}
  .page-banner h1{font-size:22px}
  .page-banner .lead{font-size:13px}
  .page-banner .badge{font-size:11px}
  .bn-facts{flex-wrap:wrap;gap:6px}
  .bn-facts span{font-size:11.5px;padding:4px 9px}

  /* 体系页紧凑头部 */
  .page-head{min-height:auto;padding:18px 0}
  .page-head h1{font-size:22px}
  .page-head .sub{font-size:13px}
  .ph-cta{width:100%;justify-content:center;margin-top:10px}

  /* 图文双栏 / 信息型网格 → 单列 */
  .grid2,.guide,.ccase,.lcase,.kv,.intro-wrap,.contact-wrap,.f-grid,
  .news-layout,.news-feat,.sc-grid,.ac-two,.scene-row,.zz-row,.hcard,.wf-wrap,
  .cd-grid,.lookup-row,.db-wrap,.part-grid,.contact-cards,
  .steps,.timeline,.kpi-band,.sc-prods,.mix-grid,.sys-row,.nd-layout,.cd-gal,
  .dt-prods,.fl-wide{grid-template-columns:1fr!important}

  /* 资质证照 → 两列 */
  .cert-row{grid-template-columns:1fr 1fr!important;gap:10px}
  .cert-v{padding:9px}
  .cert-v .doc{padding:5px}
  .cert-v .ct{font-size:13px;margin-top:9px}
  .cert-v .cs{font-size:11.5px;margin-top:3px}
  .tax-bar{flex-wrap:wrap;gap:10px 14px;padding:14px 16px;margin-top:12px}
  .tax-bar .tb-grade b{font-size:30px}
  .tax-bar .tb-note{flex:1 1 100%;padding-left:0;border-left:0;padding-top:8px;
    border-top:1px dashed var(--border)}

  /* 纯产品小卡 → 两列 */
  .iw-grid,.shop-grid,.shelf-grid,.strength4,.fl-small-grid{grid-template-columns:1fr 1fr!important}

  /* 表格：横向滚动 */
  .spec-wrap,.spec-table{overflow-x:auto;display:block}
  .spec-table{font-size:13px}

  /* 详情页：正文与产品行 */
  .nd-art{padding:22px 18px 24px}
  .nd-art h1{font-size:21px}
  .nd-lead{font-size:14px}
  .nd-art p.bd{font-size:14px}
  .cd-about,.cd-kv{padding:20px 18px}
  .cd-prod{flex-wrap:wrap;gap:12px}
  .cd-prod img{width:100%;height:150px}
  .cd-prod .use{margin-left:0;text-align:left}
  .cd-gal img{height:190px}

  /* 页脚单列 */
  .pc-footer .cols{grid-template-columns:1fr;gap:26px;padding:36px 0 24px}

  /* 底部联系条 */
  .mo-bar{display:flex;position:sticky;bottom:0;z-index:9;background:#fff;
    border-top:1px solid var(--border);padding:10px 16px;gap:10px;align-items:center}
  .mo-bar .mo-tel{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
    border:1px solid var(--border);border-radius:var(--r-btn);padding:11px 0;
    font-size:14px;color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums}
  .mo-bar .mo-quote{flex:1;display:flex;align-items:center;justify-content:center;
    background:var(--primary);color:#fff;border-radius:var(--r-btn);padding:11px 0;
    font-size:14px;font-weight:600;text-decoration:none}
}
/* ===== MOBILE-CSS-END ===== */
/* ===== 站点运行态修正（覆盖评审稿样式） ===== */
html{-webkit-text-size-adjust:100%}
body{margin:0!important;background:#fff!important}
.frame,.frame-cap,.toolbar{display:none!important}
.page{display:block!important}
.zone{border:0!important;margin:0!important;background:transparent!important}
/* 注意：p2/p4/p5/p6 的正文块是 <div class="section zone">，section 的上下留白不能清零，
   否则正文会与 banner / 页脚贴死 */
.zone:not(.section){padding:0!important}
.section.zone{padding:48px 24px!important;max-width:1200px;margin-left:auto;margin-right:auto}
.zone-tag{display:none!important}
/* 分页与下方批量采购条的间距 */
.pager + .bulk-bar{margin-top:28px}
.pc-inner{width:100%!important}
.mo-footer{display:none!important}
/* 移动端菜单 */
.mo-menu{display:none}
@media (max-width:768px){
  .mo-menu{display:block;position:fixed;top:0;right:0;bottom:0;width:80%;max-width:330px;
    background:#fff;z-index:120;transform:translateX(101%);transition:transform .26s ease;
    overflow-y:auto;padding:14px 18px;box-shadow:-8px 0 26px rgba(22,38,72,.14)}
  .mo-menu.open{transform:translateX(0)}
  .mo-menu .mm-hd{display:flex;align-items:center;justify-content:space-between;
    padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:6px}
  .mo-menu .mm-hd b{font-size:16px;color:var(--heading)}
  .mo-menu .mm-close{background:none;border:0;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}
  .mo-menu a{display:block;padding:13px 2px;border-bottom:1px solid var(--border);
    color:var(--heading);font-size:15px;text-decoration:none}
  .mo-menu a.on{color:var(--primary);font-weight:600}
  .mo-menu .mm-tel{display:block;margin-top:16px;background:var(--primary);color:#fff;text-align:center;
    border-radius:var(--r-btn);padding:12px 0;font-weight:600;font-variant-numeric:tabular-nums}
  .mo-mask{display:none;position:fixed;inset:0;background:rgba(9,31,60,.45);z-index:110}
  .mo-mask.open{display:block}
}

/* ===== 搜索框（PC/移动） ===== */
/* 顶栏搜索：常态为图标按钮，点击展开为下拉浮层（不挤压一级导航） */
.pc-search{position:relative;margin-right:20px}
.ps-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;
  display:inline-flex;align-items:center;justify-content:center;color:var(--heading);transition:.15s}
.ps-toggle svg{width:19px;height:19px}
.ps-toggle:hover{border-color:var(--primary);color:var(--primary)}
.ps-toggle[aria-expanded="true"]{border-color:var(--primary);background:var(--primary);color:#fff}
.ps-panel{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fff;border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--shadow-2);padding:14px;opacity:0;visibility:hidden;
  transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:120}
.pc-search.open .ps-panel{opacity:1;visibility:visible;transform:translateY(0)}
.ps-panel form{display:flex;gap:8px}
.ps-panel input{flex:1;min-width:0;height:38px;border:1px solid var(--border);border-radius:19px;
  padding:0 16px;font-size:13.5px;outline:none;background:#fff}
.ps-panel input:focus{border-color:var(--primary)}
.ps-panel button{height:38px;padding:0 20px;border:none;border-radius:19px;background:var(--primary);
  color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;white-space:nowrap}
.ps-panel button:hover{background:var(--primary-hover)}
.ps-tip{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.6}
.ps-tip a{color:var(--primary)}
.mo-search{display:flex;padding:10px 14px;background:#f4f5f7}
.mo-search input{flex:1;height:40px;border:1px solid #dfe1e5;border-radius:9px 0 0 9px;padding:0 12px;font-size:14px;outline:none}
.mo-search button{flex:none;width:66px;white-space:nowrap;border:none;background:var(--primary);color:#fff;border-radius:0 9px 9px 0;font-size:14px;cursor:pointer}
/* ===== 价格 ===== */
.dt-prod .pp{display:block;margin-top:6px;color:var(--primary);font-weight:700;font-size:13px}
.pd-price{margin:12px 0 4px;color:var(--primary);font-size:15px}
.pd-price b{font-size:19px}
/* ===== 瓷砖组合面板显隐（配合 main.js data-tab） ===== */
.tp{display:none}
.tp.on{display:block}
/* ===== 联系页 ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-top:26px}
.cg-info h2{font-size:19px;margin-bottom:14px;color:var(--heading)}
.cg-list{list-style:none;padding:0;margin:0}
.cg-list li{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px dashed #e7e7e7;font-size:14.5px}
.cg-list .k{color:var(--muted);width:72px;flex:none}
.cg-list b{color:var(--text);font-weight:600}
.cg-map{height:340px;border-radius:var(--r-card);overflow:hidden;background:#eef0f3;position:relative}
.map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:20px;gap:6px}
.map-fallback svg{width:38px;height:38px;color:var(--navy)}
.map-fallback b{color:var(--heading);font-size:16px}
.map-fallback p{margin:2px 0;font-size:14px;color:var(--text)}
.map-tip{font-size:12.5px;color:#9aa0a6}
.nc-card{display:block;text-decoration:none;color:inherit;transition:.2s}.nc-card h3{font-size:19px;margin-bottom:6px;color:#091f3c}.nc-card p{color:#555;font-size:14px;line-height:1.7;margin-bottom:10px}.nc-card .nc-go{color:#e60012;font-size:13px;font-weight:600}.nc-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(9,31,60,.12)}.gb-card{padding:28px 30px}.gb-lead{margin:0 0 20px;font-size:14px;color:#555;line-height:1.8}.gb-lead b{color:#e60012;font-size:16px}.gb-form{display:block}.gb-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.gb-row{margin-bottom:16px}.gb-row label{display:block;font-size:14px;font-weight:600;color:#091f3c;margin-bottom:8px}.gb-row label em{color:#e60012;font-style:normal;margin-left:3px}.gb-row input[type=text],.gb-row textarea{width:100%;border:1px solid #d8dde3;border-radius:4px;padding:11px 13px;font-size:14px;background:#fff;color:#222;font-family:inherit}.gb-row input[type=text]:focus,.gb-row textarea:focus{outline:none;border-color:#e60012}.gb-row textarea{resize:vertical;min-height:110px;line-height:1.7}.gb-cap{display:flex;gap:12px;align-items:center}.gb-cap input[type=text]{width:150px;flex:0 0 150px}.gb-cap img{height:38px;width:auto;border:1px solid #d8dde3;border-radius:4px;cursor:pointer}.gb-form .btn-primary{margin-top:4px}.gb-tip{margin:12px 0 0;font-size:12.5px;color:#888;line-height:1.7}
/* ===== 搜索结果页（theme/lutong/search.htm） ===== */
.sr-bar{display:flex;gap:12px;margin-bottom:14px}
.sr-bar input{flex:1;min-width:0;height:46px;border:1px solid var(--border);border-radius:23px;
  padding:0 22px;font-size:14.5px;outline:none;background:#fff;color:var(--text)}
.sr-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,0,18,.08)}
.sr-bar .btn-primary{height:46px;padding:0 34px;border-radius:23px}
.sr-hot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.sr-hot a{border:1px solid var(--border);background:#f7f9fc;border-radius:999px;padding:5px 13px;
  font-size:12.5px;color:var(--text);transition:.15s}
.sr-hot a:hover{border-color:var(--primary);color:var(--primary)}
.sr-mix-tip{font-size:12.5px;color:var(--muted);background:#eef3fa;padding:4px 12px;border-radius:999px;white-space:nowrap;flex:none}
.sr-list{display:flex;flex-direction:column;gap:16px;padding-bottom:8px}
.sr-item{display:grid;grid-template-columns:200px 1fr;overflow:hidden;transition:transform .18s,box-shadow .18s}
.sr-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.sr-item .ph{min-height:140px}
.sr-item .bd{padding:18px 24px}
.sr-item .top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sr-item .cat{font-size:12px;color:var(--primary);background:rgba(230,0,18,.07);
  border-radius:999px;padding:3px 10px;font-weight:600}
.sr-item .date{font-size:12.5px;color:var(--muted)}
.sr-item h3{font-size:17px;font-weight:600;color:var(--heading);margin:9px 0 7px;line-height:1.5}
.sr-item .desc{font-size:14px;color:var(--text);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sr-item .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.sr-item .chips .chip{font-size:12px;color:var(--muted);background:#f2f5f9;border-radius:999px;padding:3px 10px}
.sr-item strong{color:var(--primary);font-weight:700}
/* DedeBIZ pagelist 输出 bootstrap 结构，统一适配为站内风格（全站分页器通用） */
.pager .page-item{display:inline-flex}
.pager .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
  padding:0 12px;border:1px solid var(--border);border-radius:var(--r-btn);background:#fff;
  color:var(--text);font-size:14px;transition:.15s}
.pager .page-link:hover{border-color:var(--navy);color:var(--navy)}
.pager .active .page-link{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.pager .disabled .page-link{color:var(--muted);background:#f7f9fc;border-color:var(--border)}

/* ===== 八大专题页：相关工程案例（theme/lutong/list_product.htm） ===== */
.rel-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.rel-case{display:block;overflow:hidden;transition:transform .18s,box-shadow .18s}
.rel-case:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.rel-case .ph{aspect-ratio:16/9;position:relative;background:#dfe5ee}
.rel-case .bd{padding:18px 20px 20px}
.rel-case .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.rel-case .cat{font-size:12px;color:var(--primary);background:rgba(230,0,18,.07);
  border-radius:999px;padding:3px 10px;font-weight:600;white-space:nowrap}
.rel-case .date{font-size:12px;color:var(--muted);flex:none}
.rel-case h3{font-size:16.5px;font-weight:600;color:var(--heading);line-height:1.45}
.rel-case .desc{margin-top:8px;font-size:13px;color:var(--text);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel-case .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rel-case .chips .chip{font-size:12px;color:var(--muted);background:#f2f5f9;border-radius:999px;padding:3px 10px}
.rel-prods{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:var(--sp-4);
  padding-top:var(--sp-3);border-top:1px dashed var(--border)}
.rel-prods .lab{font-size:13px;color:var(--muted);font-weight:600}
.rp-chip{font-size:13px;color:var(--heading);background:#fff;border:1px solid var(--border);
  border-radius:999px;padding:5px 14px;transition:.15s}
.rp-chip:hover{border-color:var(--primary);color:var(--primary);background:#fdecec}
/* 案例列表页（list_cases.htm）补齐卡片内标签与摘要样式 */
.lcase .cat{font-size:12px;color:var(--primary);background:rgba(230,0,18,.07);
  border-radius:999px;padding:3px 10px;font-weight:600;white-space:nowrap}
.lcase .desc{margin-top:9px;font-size:14px;color:var(--text);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== 产品 / 案例详情页（模型驱动：产品模型 · 工程案例模型） =====
   参数表由后台模型的字段集自动生成（{dede:fieldlist}）：
   后台「内容模型 → 字段管理」新增字段后，前台参数表自动出现新行，无需改模板。 */
.pd-side{display:flex;flex-direction:column;gap:var(--sp-3)}
.pd-figure{border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;
  background:linear-gradient(160deg,#f7f9fc,#e6ecf4);box-shadow:var(--shadow-1);
  padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pd-figure img{width:100%;max-width:280px;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block;background:#fff}
.pd-figure .cap{font-size:12.5px;color:var(--muted);text-align:center;letter-spacing:.03em}
.pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pd-actions .btn-primary{flex:none}
.pd-tel{font-size:13.5px;color:var(--muted)}
.pd-tel b{color:var(--heading);font-size:16px;font-weight:700}
.pd-price{display:inline-block;margin:16px 0 0;padding:11px 16px;border:1px solid rgba(230,0,18,.18);
  background:#fdecec;border-radius:var(--r-btn);font-size:13.5px;color:var(--text)}
.pd-price b{color:var(--primary);font-size:19px;font-weight:700;margin:0 3px}
.pd-price-note{color:var(--muted);font-size:12px;margin-left:4px}
/* 动态参数表 */
.pd-params{border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--surface)}
.pd-params .row{display:flex;border-bottom:1px solid var(--border)}
.pd-params .row:last-child{border-bottom:none}
.pd-params .k{flex:none;width:210px;background:#f0f4fa;color:var(--muted);font-size:13.5px;padding:12px 18px;line-height:1.6}
.pd-params .v{flex:1;min-width:0;font-size:14px;padding:12px 18px;color:var(--text);line-height:1.75;word-break:break-word}
.pd-params .row:has(.v:empty){display:none}
.pd-params .row[data-f="price"] .v{color:var(--primary);font-weight:700;font-size:17px}
.pd-params .row[data-f="pro_note"] .v{font-size:13.5px;line-height:1.85}
/* 产品正文（后台录入的 HTML） */
.pd-rich{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.pd-rich .pd-spec{padding:22px 26px}
.pd-rich .pd-spec h3{font-size:16px;font-weight:700;color:var(--heading);margin:0 0 9px}
.pd-rich .pd-spec p.bd{font-size:13.5px;line-height:1.85;color:var(--text);margin:0}
.pd-rich .pd-spec p.bd b{color:var(--heading);font-weight:700}
/* 案例参数区：值为空时整行隐藏 */
.cd-kv .row:has(b:empty){display:none}


/* ============================================================
   工程案例详情页改造（2026-10-31 v5）
   顺序：导航 → 信任条 → 面包屑条 → 居中标题 → 左封面+参数 / 右正文 → 上下篇
   ============================================================ */
/* 面包屑条：浅灰 #f7f9fc，上与信任条、下与正文区均可区分 */
.cd-topbar{background:#f7f9fc;border-bottom:1px solid var(--border)}
.cd-topbar .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px}
/* 关键复位：main.css 全局 .crumb{margin-bottom:18px} 在 align-items:center 的 flex 里
   会把整个面包屑下推 9px（居中按 margin box 计算），此处连同 min-height/padding 一并清零，
   并让每个子元素与「返回案例列表」同为 30px 行盒 */
.cd-topbar .crumb{display:flex!important;align-items:center;flex-wrap:nowrap;gap:8px;
  margin:0!important;padding:0!important;min-height:0!important;height:30px;
  line-height:1;font-size:13px!important;color:var(--muted)}
.cd-topbar .crumb a,.cd-topbar .crumb .sep,.cd-topbar .crumb .cur{
  display:inline-flex!important;align-items:center;height:30px;padding:0!important;
  margin:0;line-height:1;font-size:13px!important}
.cd-topbar .crumb a{color:var(--text)}
.cd-topbar .crumb a:hover{color:var(--primary)}
.cd-topbar .crumb .sep{color:#c3cad6}
.cd-topbar .crumb .cur{color:var(--heading);font-weight:600}
.cd-back{display:inline-flex!important;align-items:center;justify-content:center;
  height:30px;margin:0;padding:0 14px;line-height:1;font-size:13px;
  color:var(--text);border:1px solid var(--border);border-radius:999px;
  white-space:nowrap;transition:.15s}
.cd-back:hover{border-color:var(--navy);color:var(--navy);background:#fff}

/* 标题行：h1 = 项目名（SEO 主题唯一），居中 */
.cd-head{margin:22px 0 0;padding-bottom:14px;border-bottom:1px solid var(--border);text-align:center}
.cd-head h1{font-size:26px;font-weight:700;color:var(--heading);line-height:1.35}
.cd-head .sub{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;
  margin-top:9px;font-size:14px;color:var(--muted)}
.cd-head .sub .tags{display:inline-flex;flex-wrap:wrap;gap:8px}

/* 正文容器：压缩与标题栏的间距（原三层叠加约 88px → 约 28px） */
.cd-body{margin-top:14px}
.cd-grid{margin-top:0}
/* 左栏＝封面+参数　右栏＝正文（移动端由 mobile.css 的 1fr!important 降级为单列） */
.cd-grid{grid-template-columns:380px 1fr;gap:var(--sp-3);align-items:start}
.cd-side{padding:16px 16px 20px}
.cd-side .cd-cover{margin:0 0 16px;border-radius:var(--r-card);overflow:hidden;
  border:1px solid var(--border);position:relative}
.cd-side .cd-cover img{display:block;width:100%;height:250px;object-fit:cover}
.cd-side .side-h{font-size:14px;font-weight:700;color:var(--heading);margin-bottom:10px}
.cd-side .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--border)}
.cd-side .row:last-child{border-bottom:0}
.cd-side .row span{color:var(--muted);font-size:13px;flex:none;white-space:nowrap}
.cd-side .row b{color:var(--heading);font-size:13.5px;font-weight:600;text-align:right;flex:1;min-width:0;line-height:1.6}
/* 值为空的行不显示（立邦案例未采集施工面积/项目规模/工艺/质保/客户单位） */
.cd-side .row:has(b:empty){display:none}
.cd-about p.bd{font-size:14px;line-height:1.85}

/* 查看大图：提示条（常驻显示） */
.cd-cover{cursor:zoom-in}
.cd-cover .zoom-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  background:rgba(9,31,60,.74);color:#fff;font-size:12px;line-height:1;
  padding:7px 14px;border-radius:999px;white-space:nowrap;pointer-events:none;
  opacity:1}
.cd-cover:hover .zoom-hint{background:rgba(9,31,60,.9)}
.cd-about img{cursor:zoom-in}
/* 灯箱 */
.lb{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;
  background:rgba(6,14,26,.88);padding:32px;cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.lb .lb-close{position:absolute;top:22px;right:30px;color:#fff;font-size:32px;line-height:1;
  cursor:pointer;opacity:.8}
.lb .lb-tip{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-size:12.5px}

/* VR 看房弹窗：iframe 嵌套酷家乐等 VR 全景链接（与灯箱并存，互不冲突） */
.vr-modal{position:fixed;inset:0;z-index:1001;display:none;align-items:center;justify-content:center;
  background:rgba(6,14,26,.9);cursor:zoom-out}
.vr-modal.on{display:flex}
.vr-modal iframe{width:min(1120px,93vw);height:min(700px,88vh);border:0;background:#fff;border-radius:8px;
  box-shadow:0 18px 60px rgba(0,0,0,.55)}
.vr-modal .vr-close{position:absolute;top:18px;right:26px;color:#fff;font-size:34px;line-height:1;
  cursor:pointer;opacity:.85}
.vr-modal .vr-tip{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-size:12.5px}


/* 上一条 / 下一条（DedeBIZ 原生 prenext：输出 "上篇：<a>标题</a>"） */
.cd-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:var(--sp-3) 0 var(--sp-6)}
.pnn{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);
  padding:16px 22px;font-size:12.5px;color:var(--muted);transition:.16s;min-height:74px;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.pnn:hover{border-color:var(--navy);box-shadow:var(--shadow-1)}
.pnn a{display:block;margin-top:5px;font-size:15px;color:var(--heading);font-weight:600;
  line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pnn:hover a{color:var(--primary)}
.pnn.next{text-align:right}

/* ---------- 专题页：选型建议条 / 可平替行 / 找平横条 / 隔声胶囊 ---------- */
.mx-bd .fl-adv{margin-top:14px}
.wt-cell .fl-adv,.zz-bd .fl-adv{margin-top:12px}
.fl-small .fl-adv,.fl-wide .fl-adv{margin-top:10px}
.iw-card .go.sub{font-size:12.5px;color:var(--muted);margin-top:6px}
.iw-card .go.sub:hover{color:var(--primary)}
.dt-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px clamp(14px,4vw,26px);
  background:#fff;border-top:1px dashed var(--border);font-size:12.5px;color:var(--muted);line-height:1.8}
.dt-alt .lb{font-weight:600;color:var(--text);white-space:nowrap}
.dt-alt a{color:var(--muted);border-bottom:1px dashed #cfd6e0}
.dt-alt a:hover{color:var(--primary);border-color:var(--primary)}
.dt-base{margin-top:18px;padding:18px clamp(14px,4vw,26px);background:#fff;border:1px solid var(--border);border-radius:10px}
.dt-base h4{font-size:15px;color:var(--heading);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.dt-base h4::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}
.dt-base .links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.hero-card .hlinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hero-card .hlinks .arrow-tag{background:rgba(255,255,255,.92);border-color:transparent;font-weight:600}
.hero-card .hlinks .arrow-tag:hover{background:#fff;border-color:var(--primary)}

/* 专题页底部「本体系产品」：暂时隐藏，结构保留；要恢复删掉这一行即可 */
.rel-prods{display:none}

/* 相关案例无数据时（新建栏目尚未建 biz_relchan 关联），整块含标题一起隐藏，
   避免出现「只有标题+查看全部案例、下方空白」的断头区块。
   注意：CSS 规范禁止 :has() 内嵌 :has()，只能拆成并列条件 */
.zone:has(.rel-cases):not(:has(.rel-case)){display:none}

/* ============ 关于路通 · 公司简介（2026-11-01 改版：五大核心优势 / 服务领域） ============ */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.adv-item{border:1px solid var(--border);border-radius:var(--r-card);background:#fff;
  padding:22px 22px 24px;box-shadow:var(--shadow-1)}
.adv-item .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.adv-item .no{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.08em}
.adv-tag{font-size:12px;font-weight:600;color:#fff;background:var(--navy);border-radius:999px;
  padding:4px 11px;letter-spacing:.02em;line-height:1.5;white-space:nowrap}
.adv-item h3{font-size:17px;font-weight:700;color:var(--heading);line-height:1.45;margin-bottom:8px}
.adv-item p{font-size:13.5px;line-height:1.85;color:var(--text)}
.adv-item p b{color:var(--heading);font-weight:700}
.adv-item.adv-end{background:var(--navy);border-color:var(--navy)}
.adv-item.adv-end h3{color:#fff}
.adv-item.adv-end p{color:rgba(255,255,255,.82)}
.adv-item.adv-end .adv-tag{background:#fff;color:var(--navy)}
.svc-row{display:flex;flex-wrap:wrap;gap:10px}
.svc-pill{font-size:13.5px;line-height:1.5;color:#3a3a3a;background:#fff;
  border:1px solid #e3e3e3;border-radius:999px;padding:8px 18px}
@media (max-width:900px){.adv-grid{grid-template-columns:1fr 1fr}}

/* ============ 场景化解决方案（2026-11-01 · 商业综合体样板） ============ */
/* 页头元信息 */
.scn-meta{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.scn-eyebrow{color:var(--primary);font-weight:600}
.scn-metadot{width:4px;height:4px;border-radius:50%;background:#c8d2e0}

/* 舞台宽度：上一版 1200（图 1162×774），整体缩 5% -> 1140（图 1104×736） */
@media (min-width:1000px){
  .scn-stage{width:1140px;max-width:100%;margin-left:auto;margin-right:auto}
}

/* 舞台：视图浮岛与部位索引条均叠在画面上 */
.scn-stage{position:relative;background:#fff;border:1px solid var(--border);
  border-radius:var(--r-card);padding:18px;box-shadow:var(--shadow-1)}
.scn-bar{position:absolute;top:30px;left:30px;z-index:6;display:flex;
  align-items:center;gap:12px;margin:0}
.scn-views{display:inline-flex;background:rgba(9,31,60,.92);border-radius:999px;padding:5px;
  gap:2px;box-shadow:0 6px 22px rgba(9,31,60,.26)}
.scn-v{font-size:13.5px;color:rgba(255,255,255,.74);padding:7px 18px;border-radius:999px;
  transition:.18s;white-space:nowrap;line-height:1.5}
.scn-v:hover{color:#fff;background:rgba(255,255,255,.12)}
.scn-v.is-on{background:#fff;color:var(--navy);font-weight:600}
.scn-v.is-on:hover{background:#fff}
/* ===== 商业综合体（2026-11-06 定稿）：6 个场景即视图按钮 =====
   顶部 .scn-views 就是原来的视图按钮层，只是由 3 个换成 6 个场景按钮；
   不再叠第二层 tab、不再有 6+3 两套入口。6 个按钮复用原 3 张主图。 */
.scn-stage.has-sceneviews .scn-bar{right:30px}
.scn-stage.has-sceneviews .scn-views{min-width:0;max-width:100%;
  flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.scn-stage.has-sceneviews .scn-views::-webkit-scrollbar{display:none}
.scn-stage.has-sceneviews .scn-v{flex:0 0 auto;padding:7px 13px;font-size:13px}
.scn-tip{display:none}
.scn-canvas{position:relative;border-radius:8px;overflow:hidden;background:#fcfcfb}
.scn-img{display:none;width:100%;height:auto}
.scn-img.is-on{display:block}
.scn-hots{position:absolute;inset:0}

/* 热点 */
.scn-hot{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);
  display:none;background:none;padding:0;z-index:2}
.scn-hot.is-on{display:block}
.scn-hot i{position:absolute;inset:7.5px;border-radius:50%;background:var(--primary);
  border:2px solid #fff;box-shadow:0 0 0 3px rgba(230,0,18,.16),0 2px 6px rgba(9,31,60,.3);
  transition:.18s}
.scn-hot::before{content:'';position:absolute;inset:6px;border-radius:50%;
  border:2px solid rgba(230,0,18,.55);animation:scRipple 2.2s cubic-bezier(.3,.5,.4,1) infinite}
.scn-hot::after{content:'';position:absolute;inset:6px;border-radius:50%;
  border:2px solid rgba(230,0,18,.4);animation:scRipple 2.2s cubic-bezier(.3,.5,.4,1) 1.1s infinite}
@keyframes scRipple{0%{transform:scale(.8);opacity:.95}70%{transform:scale(2.5);opacity:0}100%{transform:scale(2.5);opacity:0}}
@keyframes scPulse{0%{transform:scale(.55);opacity:.85}70%{transform:scale(1.75);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.scn-hot::before,.scn-hot::after{animation:none;opacity:0}}
.scn-hot span{position:absolute;left:24px;top:50%;transform:translateY(-50%);
  font-size:12.5px;font-weight:600;color:var(--navy);background:rgba(255,255,255,.95);
  border:1px solid rgba(9,31,60,.12);border-radius:999px;padding:4px 11px;
  white-space:nowrap;line-height:1.6;box-shadow:0 2px 8px rgba(9,31,60,.09);transition:.18s}
.scn-hot--l span{left:auto;right:24px}
.scn-hot:hover i,.scn-hot:focus-visible i{transform:scale(1.3);background:#fff;
  box-shadow:0 0 0 4px rgba(230,0,18,.22),0 2px 8px rgba(9,31,60,.35)}
.scn-hot:hover span,.scn-hot:focus-visible span{background:var(--navy);color:#fff;border-color:var(--navy)}

/* 全部部位索引：浮在画面下沿 */
.scn-parts{position:absolute;left:30px;right:30px;bottom:24px;z-index:6;
  display:flex;align-items:flex-start;gap:12px;padding:10px 14px;
  background:rgba(255,255,255,.45);border:1px solid rgba(9,31,60,.09);
  border-radius:14px;box-shadow:0 8px 28px rgba(9,31,60,.18);backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px)}
.scn-parts-h{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--navy);
  letter-spacing:.02em;padding-top:6px}
.scn-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}
/* 部位 chip（点击弹框）：浅色胶囊+描边，hover 加深；与体系跳转 chip 区分（2026-11-04 用户要求改浅） */
.scn-chip{flex:0 0 auto;font-size:12.5px;color:#33415c;background:#f4f7fb;border:1px solid #dfe6f0;
  border-radius:999px;padding:5px 12px;transition:.16s;line-height:1.55;white-space:nowrap}
.scn-chip:hover{background:var(--navy);border-color:var(--navy);color:#fff}
/* 住宅补入的 9 个体系型部位：虚线胶囊区分，单行横滑不盖图 */
.scn-chip--ext{border-style:dashed}
.scn-stage.has-ext .scn-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}

/* ===== 商业综合体（2026-11-06 定稿）：胶囊只显示当前场景的热点 =====
   13 个原部位胶囊仍在原版图上浮岛；scene.js 按 data-inscene 给不属于当前
   场景的胶囊加 .is-hid。单行横滑避免换行盖住客户熟悉的场景图。 */
.scn-stage.has-sceneviews .scn-chips{flex-wrap:nowrap;overflow-x:auto;
  scrollbar-width:thin;padding-bottom:2px}
.scn-stage.has-sceneviews .scn-chip.is-hid{display:none!important}

/* 遮罩层 */
.scn-modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(9,31,60,.55)}
.scn-modal.is-open{display:flex}
body.scn-lock{overflow:hidden}
.scn-dialog{position:relative;width:100%;max-width:1040px;max-height:88vh;overflow:auto;
  background:#fff;border-radius:14px;box-shadow:0 24px 64px rgba(9,31,60,.32);
  animation:scIn .2s ease-out}
@keyframes scIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.scn-dialog{animation:none}}
.scn-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;
  font-size:22px;color:#7b8aa3;background:#f4f6fa;line-height:1;display:flex;align-items:center;
  justify-content:center;transition:.16s;z-index:2}
.scn-close:hover{background:var(--navy);color:#fff}
.scn-dhead{padding:22px 62px 16px 26px;border-bottom:1px solid var(--border)}
.scn-dtag{font-size:12px;color:var(--primary);font-weight:700;letter-spacing:.04em}
.scn-dhead h3{font-size:20px;color:var(--heading);font-weight:700;margin:5px 0 7px;line-height:1.4}
.scn-dscenes{font-size:13px;color:var(--muted);line-height:1.75}
.scn-dbody{display:grid;grid-template-columns:348px 1fr;gap:26px;padding:20px 26px 22px}
.scn-figbox{align-self:center}
.scn-fig{position:relative;border-radius:10px;overflow:hidden;background:#fcfcfb;
  border:1px solid var(--border)}
.scn-fig img{position:static;width:100%;height:auto;display:block}
.scn-figcap{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:12.5px;
  color:var(--muted);line-height:1.6}
.scn-figcap i{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--primary);
  box-shadow:0 0 0 3px rgba(230,0,18,.22)}
.scn-figcap b{color:var(--navy);font-weight:700}
.scn-fig::after{content:'';position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(9,31,60,.05),inset 0 -28px 34px -18px rgba(9,31,60,.10)}
.scn-pin{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);
  border-radius:50%;border:3px solid #fff;background:var(--primary);
  box-shadow:0 0 0 4px rgba(230,0,18,.28),0 3px 10px rgba(9,31,60,.32);z-index:2}
.scn-pin::before{content:'';position:absolute;inset:-9px;border-radius:50%;
  border:1.5px solid rgba(230,0,18,.55);animation:scPulse 2.4s ease-out infinite}
.scn-layers{display:flex;flex-direction:column;gap:15px}
.scn-chnote{margin:0 0 -2px;font-size:12px;color:var(--primary);line-height:1.6;
  display:flex;align-items:center;gap:6px}
.scn-chnote::before{content:'';width:3px;height:11px;border-radius:2px;background:var(--primary)}
.scn-layer{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start}
.scn-lname{font-size:12.5px;font-weight:700;color:var(--navy);background:#eef2f8;
  border-radius:6px;padding:5px 6px;text-align:center;line-height:1.55}
.scn-lbody{display:flex;flex-direction:column;gap:9px;padding-top:1px}
.scn-sys{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
/* 体系 chip（跳转产品页）：红色虚线描边标签，与部位实心按钮区分（2026-11-04 C-F1） */
.scn-sname{font-size:11.5px;color:var(--primary);border:1px dashed rgba(230,0,18,.45);
  border-radius:999px;padding:2px 10px;white-space:nowrap;line-height:1.7;transition:.16s}
.scn-sname:hover{background:var(--primary);color:#fff}
.scn-prods{display:flex;flex-wrap:wrap;gap:7px;flex:1;min-width:0}
.scn-prods a{display:inline-block;flex:0 0 auto;width:auto;font-size:13px;color:#33425e;
  background:#f6f8fb;border:1px solid #e8ecf4;border-radius:6px;padding:5px 11px;
  line-height:1.55;transition:.16s}
.scn-prods a:hover{border-color:var(--navy);color:var(--navy);background:#fff}
.scn-dfoot{display:flex;justify-content:space-between;gap:12px;padding:14px 26px 20px;
  border-top:1px solid var(--border)}
.scn-nav{font-size:13px;color:#5a6b86;border:1px solid var(--border);border-radius:999px;
  padding:8px 18px;background:#fff;transition:.16s;line-height:1.5}
.scn-nav:hover{border-color:var(--navy);color:var(--navy)}
.scn-nav[disabled]{opacity:.4;cursor:not-allowed}

/* 使用说明 */
.scn-note{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:26px 28px;
  box-shadow:var(--shadow-1)}
/* 说明区紧贴舞台，不再叠一个区块间距 */
.section:has(> .scn-note){padding-top:0!important}
.scn-note h2{font-size:18px;color:var(--heading);font-weight:700;margin-bottom:18px}
.scn-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.scn-note-item b{display:block;font-size:14px;color:var(--navy);margin-bottom:7px}
.scn-note-item p{font-size:13.5px;line-height:1.85;color:var(--text)}
.scn-note-foot{margin-top:20px;padding-top:15px;border-top:1px dashed var(--border);
  font-size:12.5px;color:var(--muted);line-height:1.8}

/* 场景总览卡 */
.scn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scn-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);
  border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-1);transition:.18s}
.scn-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:#cfd8e6}
.scn-card-pic{position:relative;background:#fcfcfb;border-bottom:1px solid var(--border);
  aspect-ratio:3/2;overflow:hidden}
.scn-card-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.scn-card:hover .scn-card-pic img{transform:scale(1.035)}
.scn-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 16px}
.scn-card-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.scn-card h2{font-size:18px;color:var(--heading);font-weight:700;line-height:1.4}
.scn-card-eb{font-size:12px;color:var(--muted);line-height:1.6}
.scn-card p{font-size:13.5px;line-height:1.8;color:var(--text);flex:1}
.scn-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;
  padding-top:12px;border-top:1px solid var(--border)}
.scn-card-stat{font-size:12.5px;color:var(--muted)}
.scn-card-go{font-size:13px;color:var(--primary);font-weight:600}
.scn-card:hover .scn-card-go span{display:inline-block;transform:translateX(3px);transition:.18s}
.scn-card.is-soon{opacity:.6;pointer-events:none;background:#fafbfd}

/* ============================================================
   顶栏下拉导航（关于路通 / 场景化解决方案）
   ⚠ 本段在 main.css 与 home.css 各存一份，必须逐字一致：
     main.css → 内页；home.css → 首页（首页不引 main.css）
   ============================================================ */
.pc-nav .pn-i{position:relative;display:flex;align-items:center}
.pc-nav .pn-i>a{display:inline-flex;align-items:center;gap:5px}
.pc-nav .pn-ar{width:9px;height:6px;flex:0 0 auto;opacity:.55;transition:transform .2s,opacity .2s}
.pc-nav .pn-i:hover .pn-ar{transform:rotate(180deg);opacity:1}
.pc-nav .pn-sub{position:absolute;left:50%;top:calc(100% + 9px);z-index:70;
  transform:translateX(-50%) translateY(4px);
  background:#fff;border:1px solid #e6ebf2;border-radius:10px;min-width:172px;padding:7px;
  box-shadow:0 14px 34px rgba(9,31,60,.13);
  opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
/* 桥接 hover 间隙，避免鼠标下移时下拉提前收起 */
.pc-nav .pn-sub::before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
.pc-nav .pn-i:hover .pn-sub,.pc-nav .pn-i:focus-within .pn-sub{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.pc-nav .pn-sub a{display:block;padding:9px 14px;border-radius:6px;
  font-size:14.5px;font-weight:400;color:#33415c;white-space:nowrap}
.pc-nav .pn-sub a:hover{background:#f2f6fb;color:#e60012}
/* 当前页所在的下拉子项（如 /about/luji/ → 路吉装饰） */
.pc-nav .pn-sub a.sub-on{color:#e60012;font-weight:600;background:#f2f6fb}
.pc-nav .pn-sub-2{display:grid;grid-template-columns:1fr 1fr;gap:1px 4px;min-width:356px;padding:9px}
.pc-nav .pn-sub-2 .pn-all{grid-column:1/-1;margin-top:4px;padding:11px 14px 6px;
  border-top:1px solid #eef2f7;border-radius:0;color:#e60012;font-weight:600}
.pc-nav .pn-sub-2 .pn-all:hover{background:#fff;color:#c4000f}

/* ============ 德高专区入口块（瓷砖铺贴体系页内） ============
   路通同时是德高（西卡 Sika 旗下）广西授权代理。德高辅料线是本站立邦
   瓷砖辅材的同类补充，入口挂在体系页内，不占顶栏与产品带。 */
.dv-entry{
  display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:center;
  background:#f4f7fc;border:1px solid #e2e9f4;border-radius:10px;padding:26px 28px}
.dv-entry-txt p{font-size:14px;color:#4a5568;line-height:1.85;margin:0 0 14px}
.dv-entry-txt p b{color:#162648}
.dv-entry-links{display:flex;flex-wrap:wrap;gap:10px}
.dv-entry-links a{
  display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d5dfee;
  border-radius:6px;padding:8px 14px;font-size:13.5px;color:#33415c;text-decoration:none;transition:border-color .15s,color .15s}
.dv-entry-links a:hover{border-color:#e60012;color:#e60012}
.dv-entry-links .ar{color:#e60012;opacity:.5;transition:opacity .15s}
.dv-entry-links a:hover .ar{opacity:1}
.dv-entry-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.dv-entry-tags li{
  font-size:13px;color:#33415c;background:#fff;border:1px solid #dde5f1;
  border-radius:999px;padding:6px 14px;white-space:nowrap}

/* 页脚第二代理品牌说明（德高） */
.pc-footer .brand-alt{margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}
.pc-footer .brand-alt strong{color:#fff;font-weight:600}
.pc-footer .brand-alt a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:1px;transition:border-color .15s}
.pc-footer .brand-alt a:hover{border-color:#e60012;color:#ff8a91}

/* ============ 路吉装饰入口块（关于路通页内） ============
   路吉是路通的上级控股公司，负责涂装施工；专题页在 /about/luji/。
   结构与德高入口块（.dv-entry）保持同一套视觉语言。 */
.lj-entry{
  display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:center;
  background:#f4f7fc;border:1px solid #e2e9f4;border-radius:10px;padding:26px 28px}
.lj-entry-txt p{font-size:14px;color:#4a5568;line-height:1.85;margin:0 0 12px}
.lj-entry-txt p b{color:#162648}
.lj-entry-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lj-entry-links a{
  display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d5dfee;
  border-radius:6px;padding:8px 14px;font-size:13.5px;color:#33415c;text-decoration:none;transition:border-color .15s,color .15s}
.lj-entry-links a:hover{border-color:#e60012;color:#e60012}
.lj-entry-links .ar{color:#e60012;opacity:.5;transition:opacity .15s}
.lj-entry-links a:hover .ar{opacity:1}
.lj-entry-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lj-entry-tags li{
  font-size:13px;color:#33415c;background:#fff;border:1px solid #dde5f1;
  border-radius:999px;padding:6px 14px;white-space:nowrap}

/* ============================================================
   2026-11-04 走查落地：中间断点导航/产品网格/分页统计/空态兜底等
   ============================================================ */

/* 中间断点（769–1100px）：顶栏压缩字号与间距，避免逐字折行（A-P1/A-C2/A-N4/B-EX-1） */
@media (min-width:769px) and (max-width:1100px){
  .pc-topbar .inner{height:88px;gap:10px;padding:0 16px}
  .pc-brand .name{font-size:16px}
  .pc-nav{gap:16px;margin:0 0 0 auto}
  .pc-nav>*+*::before{left:-9px;height:14px}
  .pc-nav a{font-size:13.5px;white-space:nowrap}
  .pc-tel-ico{width:34px;height:34px}
  .pc-tel-ico svg{width:16px;height:16px}
  .pc-search{margin-right:10px}
  .pc-prodnav .links a{font-size:12.5px;padding:0 2px;white-space:nowrap}
  /* 筛选条允许换行，胶囊不再挤压（A-C3） */
  .filter{flex-wrap:wrap;row-gap:10px}
  .filter .tags{flex-wrap:wrap;overflow:visible}
}

/* 窄 PC 段（769–900px）：6 项一级导航 + 品牌 + 搜索 + 电话钮共 862px，
   超视口被 body overflow-x:hidden 裁掉，电话钮落在视口外不可点。
   此段压缩间距/字号/图标尺寸，并允许品牌区收缩省略，保证电话钮始终可点可看。
   实测 769–1200px 全段 scrollWidth == clientWidth（零横向溢出）。 */
@media (min-width:769px) and (max-width:900px){
  .pc-topbar .inner{gap:8px;padding:0 14px}
  .pc-brand{gap:8px;min-width:0;flex:0 1 auto}
  .pc-brand .txt{min-width:0}
  .pc-brand .logo{width:44px;height:44px}
  .pc-brand .name{font-size:14px;overflow:hidden;text-overflow:ellipsis}
  .pc-nav{gap:10px}
  .pc-nav>*+*::before{left:-6px;height:14px}
  .pc-nav a{font-size:12.5px;padding:8px 1px}
  .pc-tel-ico{width:30px;height:30px}
  .pc-tel-ico svg{width:15px;height:15px}
  .pc-search{margin-right:5px}
}

/* 产品中心 /product/ 卡片网格（A-P2/A-P3：原 main.css 未定义，中间断点补 2~3 列过渡档） */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.prod-card{display:block;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-card);overflow:hidden;transition:transform .18s,box-shadow .18s}
.prod-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.prod-card .ph{aspect-ratio:4/3;overflow:hidden;background:#dfe5ee}
.prod-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.prod-card .bd{padding:18px 20px 20px}
.prod-card .t-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.prod-card h3{font-size:17px;font-weight:600;color:var(--heading);margin:0}
.prod-card .tag{font-size:12px;color:var(--muted);background:#f0f4fa;padding:2px 10px;
  border-radius:999px;flex:none;font-weight:500;white-space:nowrap}
.prod-card p{font-size:13.5px;color:var(--text);margin:8px 0 0;line-height:1.6}
@media (min-width:769px) and (max-width:1100px){
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}

/* 分页统计块（N页M条）：移出页码轨道，独立一行说明（维度6#5/A-N1） */
.pg-total{text-align:center;margin-top:10px;font-size:12.5px;color:var(--muted)}
.pg-total li{list-style:none;display:inline}
.pg-total .page-link{background:none;border:none;padding:0;font-size:12.5px;color:var(--muted)}

/* 空态兜底：JS 给无 .rel-case 的 .rel-cases 容器父级 zone 加 is-empty（维度6#9） */
.zone.is-empty{display:none}

/* 场景弹框：中等视口（769–1040px）左列收窄，避免内容横向溢出（C-T1） */
@media (min-width:769px) and (max-width:1040px){
  .scn-dbody{grid-template-columns:260px 1fr;gap:18px;padding:18px 18px 20px}
}

/* 保温/防腐栏目 L1 卡内产品胶囊：两列均匀排列，窄屏自适应单列（仅 .incl-2 生效） */
.sys .zz-bd .incl.incl-2,
.zz-bd .incl.incl-2,
.incl.incl-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;align-items:stretch}
.sys .zz-bd .incl.incl-2 .arrow-tag,
.zz-bd .incl.incl-2 .arrow-tag,
.incl.incl-2 .arrow-tag{width:100%;box-sizing:border-box;justify-content:space-between}
@media (max-width:600px){
  .sys .zz-bd .incl.incl-2,
  .zz-bd .incl.incl-2,
  .incl.incl-2{grid-template-columns:1fr}
}
/* 产品专题页产品胶囊：取消底色（透明）+ 取消箭头（仅 .sys 内栏目页；详情页/首页不受影响） */
.sys .mx-tags .arrow-tag,
.sys .incl .arrow-tag,
.sys .links .arrow-tag,
.sys .wt-mats .arrow-tag,
.sys .fl-links .arrow-tag{background:transparent;border-color:#dde4ee;color:#091f3c}
.sys .mx-tags .arrow-tag .ar,
.sys .incl .arrow-tag .ar,
.sys .links .arrow-tag .ar,
.sys .wt-mats .arrow-tag .ar,
.sys .fl-links .arrow-tag .ar{display:none}
.sys .mx-tags .arrow-tag:hover,
.sys .incl .arrow-tag:hover,
.sys .links .arrow-tag:hover,
.sys .wt-mats .arrow-tag:hover,
.sys .fl-links .arrow-tag:hover{background:var(--primary);border-color:var(--primary);color:#fff}
/* ===== 栏目页呼吸背景：分区块浅色底板 ===== */
/* PC：保温·防腐(zz-row)、瓷砖(dt-panel)、地面(fl-wide/fl-small) 4 页自动命中，其它栏目页不受影响 */
.sys .zz-row{background:#f7fafc;border:1px solid #e3e9f4;border-radius:14px;padding:20px 22px}
.sys .dt-panel{background:#f7fafc}
.sys .fl-wide,.sys .fl-small{background:#f7fafc;border-color:#e3e9f4;border-radius:12px}
/* 移动端：8 个栏目页全部采用呼吸底色；内墙栏目改单列 */
@media (max-width:900px){
  .sys .zz-row{padding:14px;border-radius:12px}
  .sys .mx-card,.sys .iw-card,.sys .wt-cell,.sys .fl-wide,.sys .fl-small,.sys .dt-panel{
    background:#f7fafc;border-color:#e3e9f4;border-radius:12px}
  .sys .iw-grid{grid-template-columns:1fr}
}
/* 修正(20261105n): mobile.css:169/main.css:1208 的 .iw-grid 是 !important 两列，
   上条 .sys .iw-grid 无 !important 无法生效；这里以更高特异性(0,3,0)+!important 压过，
   仅 ≤900px 生效（内墙单列），901px 仍回到 base 4 列 */
@media (max-width:900px){
  .sys .zone .iw-grid{grid-template-columns:1fr !important}
}

/* ===== 调整(20261105p)：保温/防腐 PC 双列胶囊收窄拉开间距（胶囊底色已在上方统一改为透明） ===== */
/* 保温·防腐 PC 双列：胶囊按内容宽度、不再撑满整列；列间距 10→28、行距 9→14 */
@media (min-width:901px){
  .sys .zz-bd .incl.incl-2,
  .zz-bd .incl.incl-2,
  .incl.incl-2{column-gap:28px;row-gap:14px;align-items:start}
  .sys .zz-bd .incl.incl-2 .arrow-tag,
  .zz-bd .incl.incl-2 .arrow-tag,
  .incl.incl-2 .arrow-tag{width:auto;max-width:100%;justify-self:start;justify-content:flex-start}
}