/* ============ 设计契约 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}
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;background:var(--primary);border-radius:9px;display:flex;
  align-items:center;justify-content:center;flex:none}
.pc-brand .logo svg{width:26px;height:26px;color:#fff}
.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:44px;margin:0 auto}
.pc-nav a{font-size:16px;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{display:flex;align-items:center;gap:9px;color:var(--primary);font-weight:700;font-size:20px}
.pc-tel svg{width:20px;height:20px}
.pc-tel:hover{color:var(--primary-hover)}

/* ============ 产品分类导航（与首页逐字一致） ============ */
.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:16px;min-width:0}
.trust-band .ti{display:flex;align-items:center;gap:10px;min-width:0}
.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}
.trust-band .ttx b{display:block;font-size:14.5px;font-weight:700;color:var(--heading);white-space:nowrap;line-height:1.35}
.trust-band .ttx span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;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{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}
.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)}
.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{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(3,1fr);gap:var(--sp-3)}
.cert-v{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:18px;text-align:center;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{height:198px;border-radius:6px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#f7ecd2,#e8d5ac);border:1px solid rgba(9,31,60,.12);
  display:flex;align-items:center;justify-content:center}
.cert-v .doc::after{content:"";position:absolute;inset:10px;border:1px solid rgba(230,0,18,.32);border-radius:3px}
.cert-v .doc-t{font-size:15px;font-weight:700;color:#8a6d2f;line-height:1.55;position:relative;z-index:1}
.cert-v .ct{font-size:15px;font-weight:700;color:var(--heading);margin-top:14px}
.cert-v .cs{font-size:12.5px;color:var(--muted);margin-top:4px}

/* ============ 内页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{width:20px;height:20px;color:#fff}
.pc-footer .brand .n{font-size:16px;color:#fff;font-weight:700;line-height:1.35}
.pc-footer .brand .s{font-size:12px;color:#8fa1b8}
.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}
.dt-panel-hd b{font-size:15px;color:var(--heading)}
.dt-panel-hd span{font-size:12.5px;color:var(--muted);margin-left:auto}
.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{height:104px;position:relative}
.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:0;transform:translateX(-5px);
  transition:opacity .18s ease,transform .18s ease}
.sys .sys-cell:hover .ar{opacity:1;transform:translateX(0)}
.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)}
.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{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)}
.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{height:96px;position:relative}
.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{font-size:12px;padding:6px 9px;gap:4px}
  .pc-tel svg{width:14px;height:14px}

  /* 产品导航带 / 页脚产品栏：横向滚动 */
  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,.cert-row,
  .steps,.timeline,.kpi-band,.sc-prods,.mix-grid,.sys-row,.nd-layout,.cd-gal,
  .dt-prods,.fl-wide{grid-template-columns:1fr!important}

  /* 纯产品小卡 → 两列 */
  .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:2;-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}

/* 上一条 / 下一条（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}

/* ============ 关于路通 · 公司简介（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}}