/* =========================================================
   谷伦克官网 全局样式
   风格：轻工业 · 高端极简（参考豆包首页设计）
   配色：藏蓝 #0A3470 · 浅水泥灰 #F0F0EE · 点缀红 #E62020
   品牌：谷伦克（淋浴房）· 科科名门 KOKO（合金门窗）
   适配：桌面 / iOS / Android / 鸿蒙 手机浏览器
   ========================================================= */
:root{
  /* 主色板 */
  --navy:#0A3470;          /* 藏蓝（品牌核心识别色） */
  --navy-deep:#072956;     /* 藏蓝-深 */
  --navy-ink:#0B1F3A;      /* 近黑藏蓝-标题 */
  --navy-soft:#E8EDF4;     /* 藏蓝浅底 */
  --red:#E62020;           /* 点缀红（Logo 红三角，克制使用） */
  --bg:#F0F0EE;            /* 浅水泥灰背景 */
  --bg-2:#EAEAE6;          /* 稍深水泥灰（分区） */
  --card:#F7F7F4;          /* 卡片（比背景略亮） */
  --text:#3A4559;          /* 正文灰蓝 */
  --sub:#7B8595;           /* 次级灰 */
  --line:#DDDDD8;          /* 分割线 */
  --line-navy:rgba(10,52,112,.30); /* 极细藏蓝分割线 */

  --radius:10px;
  --shadow:0 1px 2px rgba(12,32,60,.04),0 10px 30px rgba(12,32,60,.06);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Inter",system-ui,-apple-system,sans-serif;
  color:var(--text);background-color:var(--bg);line-height:1.8;font-size:16px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:transparent;
}
img{max-width:100%;display:block;}
a,button,.btn{cursor:pointer;touch-action:manipulation;}
a{color:var(--navy);text-decoration:none;}
a:hover{color:var(--navy-deep);}
ul,ol{padding-left:1.4em;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

/* ---------- 顶部导航（通栏浅灰 · 窄而规整） ---------- */
.site-nav{
  position:-webkit-sticky;position:sticky;top:0;z-index:100;
  background:rgba(240,240,238,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  padding-top:env(safe-area-inset-top);
}
.site-nav .inner{display:flex;align-items:center;justify-content:space-between;height:62px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .logo-img{height:38px;width:auto;display:block;}
.brand .name{font-weight:800;color:var(--navy-ink);font-size:18px;line-height:1.25;letter-spacing:1px;}
.brand .name small{display:block;font-weight:500;font-size:11px;color:var(--sub);letter-spacing:2px;margin-top:1px;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{
  position:relative;color:var(--navy-ink);font-size:15px;padding:8px 15px;letter-spacing:.5px;transition:.15s;
}
.nav-links a::after{
  content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;background:var(--navy);
  transform:scaleX(0);transform-origin:left;transition:transform .18s;
}
.nav-links a:hover{color:var(--navy);}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-links a.active{color:var(--navy);font-weight:700;}
.nav-links a.active::after{transform:scaleX(1);}
.nav-cta{
  background:var(--navy);color:#fff !important;border-radius:7px;padding:9px 18px !important;font-weight:600;letter-spacing:.5px;
}
.nav-cta::after{display:none;}
.nav-cta:hover{background:var(--navy-deep);color:#fff;}

.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;font-size:19px;cursor:pointer;color:var(--navy-ink);}

/* ---------- Hero（产品图背景 · 左对齐 · 大量留白） ---------- */
.hero{background:var(--bg);position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
.hero--photo{background:#E9E8E4;}
.hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 30%;}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,243,239,.97) 0%,rgba(244,243,239,.86) 40%,rgba(244,243,239,.28) 100%);}
.hero .wrap{position:relative;z-index:2;padding-top:84px;padding-bottom:64px;}
.hero-copy{max-width:620px;position:relative;z-index:3;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:2px;color:var(--navy);font-weight:600;margin-bottom:22px;}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--red);border-radius:2px;flex:none;}
.hero h1{font-size:clamp(28px,5.5vw,50px);line-height:1.18;margin-bottom:22px;font-weight:800;letter-spacing:1px;color:var(--navy-ink);}
.hero h1 .accent{color:var(--navy);}
.hero .lead{font-size:17px;color:var(--text);max-width:560px;margin-bottom:24px;font-weight:400;}
.hero-rule{width:56px;height:2px;background:var(--navy);margin:0 0 22px;}
.hero .slogan{font-size:15px;color:var(--sub);font-weight:300;letter-spacing:4px;margin-bottom:34px;}
.hero .slogan b{font-weight:600;color:var(--navy-ink);}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
/* 数据条 */
.hero-meta{display:flex;gap:44px;flex-wrap:wrap;margin-top:48px;padding-top:30px;border-top:1px solid var(--line);}
.hero-meta .item{min-width:88px;}
.hero-meta .num{font-size:30px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.5px;}
.hero-meta .lab{font-size:12px;color:var(--sub);margin-top:3px;letter-spacing:.5px;}

/* ---------- 通用板块 ---------- */
.section{padding:80px 0;}
.section.gray{background:var(--bg-2);}
.section.gray-soft{background:var(--card);}
.section-head{max-width:720px;margin:0 auto 52px;}
.section-head.center{text-align:center;}
.section-head .kicker{color:var(--navy);font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:12px;}
.section-head .kicker::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);border-radius:2px;margin-right:8px;vertical-align:1px;}
.section-head h2{font-size:clamp(22px,4vw,32px);color:var(--navy-ink);margin-bottom:14px;font-weight:800;letter-spacing:.5px;}
.section-head p{color:var(--sub);font-size:15px;line-height:1.8;}

/* ---------- 信任背书条 ---------- */
.trust{background:var(--card);border-bottom:1px solid var(--line);padding:20px 0;}
.trust .inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.trust .t{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;letter-spacing:.3px;}
.trust .dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;}
.trust b{color:var(--navy-ink);font-weight:700;}

/* ---------- 双产品入口 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.split-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.22s;
}
.split-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(12,32,60,.12);}
.split-card .ph{
  height:210px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;
  color:#A8AFB9;font-size:14px;letter-spacing:1px;
}
.split-card .body{padding:30px 32px;flex:1;display:flex;flex-direction:column;}
.split-card h3{font-size:23px;color:var(--navy-ink);margin-bottom:7px;font-weight:800;}
.split-card .sub{font-size:13px;color:var(--navy);font-weight:600;margin-bottom:13px;letter-spacing:.5px;}
.split-card p{font-size:15px;color:var(--sub);margin-bottom:20px;flex:1;}
.split-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.split-card .tags span{font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:3px 13px;}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-size:15px;font-weight:600;
  border-radius:8px;padding:13px 28px;transition:.16s;font-family:inherit;letter-spacing:.5px;
}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:var(--navy-deep);color:#fff;}
.btn-primary{background:var(--navy);color:#fff;}
.btn-primary:hover{background:var(--navy-deep);color:#fff;}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid rgba(10,52,112,.45);}
.btn-ghost:hover{background:rgba(10,52,112,.06);border-color:var(--navy);}
.btn-blue{background:var(--navy);color:#fff;}
.btn-blue:hover{background:var(--navy-deep);color:#fff;}
.btn-light{background:#fff;color:var(--navy);}
.btn-light:hover{background:var(--navy-soft);color:var(--navy);}

/* ---------- 卖点区 ---------- */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow);}
.feat .ico{
  width:46px;height:46px;border-radius:11px;background:var(--navy-soft);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;font-weight:800;
}
.feat h4{font-size:17px;color:var(--navy-ink);margin-bottom:8px;font-weight:700;}
.feat p{font-size:14px;color:var(--sub);}

/* ---------- 服务流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;}
.step{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 16px;text-align:center;box-shadow:var(--shadow);}
.step .n{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 12px;font-size:14px;}
.step b{display:block;font-size:14px;color:var(--navy-ink);margin-bottom:4px;font-weight:700;}
.step small{font-size:12px;color:var(--sub);line-height:1.5;}

/* ---------- 产品页 page-hero（浅灰底 · 深色左对齐） ---------- */
.page-hero{background:var(--bg);border-bottom:1px solid var(--line);padding:72px 0 64px;}
.page-hero .wrap{max-width:820px;margin:0 auto;}
.page-hero .eyebrow{margin-bottom:18px;}
.page-hero h1{font-size:clamp(26px,5vw,38px);margin-bottom:16px;font-weight:800;color:var(--navy-ink);letter-spacing:.5px;}
.page-hero p{color:var(--text);font-size:16px;line-height:1.85;}
.page-hero .hero-rule{background:var(--navy);margin:18px 0 0;}

/* ---------- 产品网格 ---------- */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prod-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.22s;display:flex;flex-direction:column;}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(12,32,60,.12);}
.prod-card .ph{
  position:relative;height:178px;background:var(--bg-2);overflow:hidden;
}
.prod-card .ph::after{content:"点击查看大图";position:absolute;right:6px;bottom:5px;font-size:10px;color:#fff;background:rgba(10,52,112,.62);padding:2px 7px;border-radius:4px;letter-spacing:.3px;line-height:1.4;pointer-events:none;z-index:2;}
.prod-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s;}
.prod-card:hover .ph img{transform:scale(1.06);}
.prod-card .body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}
.prod-card h4{font-size:16px;color:var(--navy-ink);margin-bottom:5px;font-weight:700;}
.prod-card .model{font-size:12px;color:var(--navy);font-weight:700;margin-bottom:9px;letter-spacing:.4px;}
.prod-card p{font-size:13px;color:var(--sub);flex:1;margin-bottom:10px;}
.prod-card .meta{font-size:12px;color:var(--sub);border-top:1px solid var(--line);padding-top:9px;}

/* ---------- 内容块 / 通用卡片 ---------- */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow);margin-bottom:20px;}
.panel h3{font-size:20px;color:var(--navy-ink);margin-bottom:14px;font-weight:800;}
.panel h3::before{content:"";display:inline-block;width:6px;height:18px;background:var(--navy);border-radius:3px;margin-right:11px;vertical-align:-3px;}
.panel p{margin-bottom:10px;}
.panel ul{margin-bottom:10px;}
.note{font-size:13px;color:var(--sub);background:var(--bg);border-left:3px solid var(--navy-soft);padding:9px 14px;border-radius:0 6px 6px 0;margin-top:14px;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card);}
th,td{border:1px solid var(--line);padding:9px 13px;text-align:left;}
th{background:var(--navy-soft);font-weight:700;color:var(--navy-ink);}
caption{caption-side:top;text-align:left;font-size:13px;color:var(--sub);padding:6px 2px;}

/* ---------- 联系区（深藏蓝强调块） ---------- */
.contact-band{background:var(--navy);color:#fff;padding:56px 0;}
.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.contact-band h2{font-size:28px;margin-bottom:8px;font-weight:800;letter-spacing:.5px;}
.contact-band p{color:#C9D5E7;margin-bottom:18px;}
.contact-line{display:flex;flex-wrap:wrap;gap:30px;font-size:15px;}
.contact-line b{color:#FFE0A3;font-weight:600;}
.contact-line span{color:#fff;}
.contact-phone{font-size:22px;font-weight:800;color:#fff !important;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--navy-deep);color:#9FB0C8;padding:52px 0 calc(36px + env(safe-area-inset-bottom));font-size:14px;}
.site-footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;}
.site-footer h4{color:#fff;font-size:15px;margin-bottom:13px;font-weight:700;letter-spacing:.5px;}
.site-footer a{color:#9FB0C8;}
.site-footer a:hover{color:#fff;}
.site-footer .bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;font-size:12px;color:#7E92B0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .hero .wrap{padding-top:60px;padding-bottom:52px;}
  .features{grid-template-columns:repeat(2,1fr);}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .site-footer .grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  .nav-links{
    display:none;position:absolute;top:calc(62px + env(safe-area-inset-top));left:0;right:0;background:var(--card);flex-direction:column;
    padding:10px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.08);
  }
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 12px;font-size:16px;}
  .nav-toggle{display:block;width:44px;height:44px;}
  .split{grid-template-columns:1fr;}
  .features{grid-template-columns:1fr;}
  .prod-grid{grid-template-columns:1fr;}
  .section{padding:52px 0;}
  .site-footer .grid{grid-template-columns:1fr;}
  .page-hero{padding:52px 0 46px;}
  .hero .wrap{padding-top:52px;padding-bottom:44px;}
  .hero-meta{gap:32px;}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
}
@media (max-width:480px){
  .wrap{padding-left:20px;padding-right:20px;}
  .site-nav .inner{height:56px;}
  .nav-links{top:calc(56px + env(safe-area-inset-top));}
  .brand .logo-img{height:32px;}
  .brand .name{font-size:16px;}
  .brand .name small{font-size:10px;letter-spacing:1px;}
  .hero .wrap{padding-top:40px;padding-bottom:36px;}
  .hero .lead{font-size:15px;}
  .hero .slogan{letter-spacing:2px;font-size:14px;}
  .hero-cta{flex-direction:column;}
  .hero-cta .btn{width:100%;justify-content:center;}
  .hero-meta{gap:20px;margin-top:30px;padding-top:22px;}
  .hero-meta .num{font-size:24px;}
  .split-card .body{padding:22px 20px;}
  .panel{padding:22px 18px;}
  .section{padding:40px 0;}
  .section-head{margin-bottom:34px;}
  .contact-band .wrap{flex-direction:column;align-items:stretch;gap:22px;}
  .contact-band .btn{width:100%;justify-content:center;}
  .contact-line{gap:14px;}
  .contact-phone{font-size:19px;}
  .trust .t{font-size:13px;}
}
@media (hover:none){
  .split-card:hover,.prod-card:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none!important;animation:none!important;}
}
a:focus-visible,.btn:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:6px;}
@media print{
  body{background:#fff;font-size:13px;}
  .site-nav,.contact-band,.nav-toggle{display:none;}
  .section,.section.gray{background:#fff;padding:18px 0;}
  a{color:var(--navy-ink);}
}
/* ---------- 联系区企业微信客服二维码 ---------- */
.contact-qr{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;}
.contact-qr img{width:108px;height:auto;border-radius:10px;background:#fff;padding:6px;box-shadow:0 6px 20px rgba(0,0,0,.18);}
.contact-qr span{font-size:12px;color:#C9D5E7;letter-spacing:1px;white-space:nowrap;}

.split-card .ph{overflow:hidden;}
.split-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s;}
.split-card:hover .ph img{transform:scale(1.05);}
.prod-group{margin:36px 0 16px;font-size:19px;color:var(--navy-ink);font-weight:800;display:flex;align-items:center;gap:10px;}
.prod-group::before{content:"";width:4px;height:18px;background:var(--red);border-radius:2px;flex:none;}
.prod-group small{font-size:13px;color:#8A8F98;font-weight:500;}

/* ---------- 门窗瀑布流 ---------- */
.series-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px;justify-content:center;}
.series-nav a{font-size:13px;color:var(--navy);background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:7px 18px;transition:.16s;text-decoration:none;font-weight:600;}
.series-nav a:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.series-group{margin-bottom:20px;}
.masonry{columns:3;column-gap:24px;}
.masonry-card{break-inside:avoid;margin-bottom:24px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.22s;}
.masonry-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(12,32,60,.12);}
.masonry-img{overflow:hidden;}
.masonry-img img{width:100%;display:block;transition:transform .45s;}
.masonry-card:hover .masonry-img img{transform:scale(1.04);}
.masonry-body{padding:16px 18px;}
.masonry-body h4{font-size:15px;color:var(--navy-ink);margin-bottom:4px;font-weight:700;}
.masonry-body .craft{font-size:12px;color:var(--navy);font-weight:600;margin-bottom:8px;letter-spacing:.3px;}
.masonry-body p{font-size:13px;color:var(--sub);margin-bottom:10px;line-height:1.5;}
.masonry-body .meta{font-size:11px;color:#9AA0AA;letter-spacing:.3px;}
@media(max-width:900px){.masonry{columns:2;column-gap:18px;}.masonry-card{margin-bottom:18px;}}
@media(max-width:560px){.masonry{columns:2;column-gap:12px;}.masonry-card{margin-bottom:14px;}.masonry-body{padding:12px 14px;}}

/* 翻阅画册按钮 */
.btn-flipbook{display:inline-block;margin-top:18px;padding:12px 32px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;border-radius:24px;text-decoration:none;transition:.22s;letter-spacing:.5px;}
.btn-flipbook:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 6px 20px rgba(10,52,112,.25);}

/* ===== v1.5: 左侧导航 + 回到顶部 + 联系区改造 ===== */
.doors-layout{display:flex;gap:28px;align-items:flex-start;}
.side-nav{width:170px;flex:none;position:sticky;top:80px;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;box-shadow:var(--shadow);}
.side-nav .nav-item{display:block;padding:9px 14px;font-size:13px;font-weight:600;color:var(--navy-ink);border-radius:8px;text-decoration:none;transition:.16s;letter-spacing:.3px;}
.side-nav .nav-item:hover{background:var(--bg);color:var(--navy);}
.side-nav .nav-item.active{background:var(--navy);color:#fff;}
.side-nav .nav-top{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--navy);text-decoration:none;font-weight:600;text-align:center;cursor:pointer;}
.side-nav .nav-top:hover{color:var(--red);}
.doors-main{flex:1;min-width:0;}
.back-to-top{position:fixed;right:28px;bottom:28px;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border:none;box-shadow:0 6px 20px rgba(10,52,112,.3);opacity:0;visibility:hidden;transition:.3s;z-index:150;text-decoration:none;}
.back-to-top.show{opacity:1;visibility:visible;}
.back-to-top:hover{background:var(--navy-deep);transform:translateY(-2px);}
.contact-cta-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:.22s;letter-spacing:.3px;}
.cta-btn-phone{background:#fff;color:var(--navy);}
.cta-btn-phone:hover{background:#E8F0FE;}
.cta-btn-wechat{background:#07C160;color:#fff;}
.cta-btn-wechat:hover{background:#06AD56;}
.cta-btn-nav{background:#fff;color:var(--navy);}
.cta-btn-nav:hover{background:#E8F0FE;}
.contact-qr img{width:216px !important;}
.contact-qr span{font-size:12px;color:#C9D5E7;letter-spacing:.5px;white-space:normal;max-width:216px;text-align:center;line-height:1.5;margin-top:4px;}

/* ===== v1.8: 产品图片点击查看大图（lightbox） ===== */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.lightbox.show{display:flex;}
.lightbox .lb-img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.lightbox .lb-close{position:absolute;top:14px;right:18px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:22px;line-height:40px;text-align:center;cursor:pointer;user-select:none;z-index:2;}
.lightbox .lb-tip{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.5px;pointer-events:none;}
.prod-card .ph img,.masonry-card .masonry-img img{cursor:zoom-in;}

/* ===== v1.9: 系列折叠 + 跳底部联系按钮 ===== */
.prod-group{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none;-webkit-tap-highlight-color:transparent;}
.prod-group .fold-ico{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex:none;}
.prod-group .fold-ico::before{content:"▾";}
.series-group.collapsed .fold-ico::before{content:"▸";}
.series-group.collapsed > *:not(.prod-group){display:none;}
.to-contact{position:fixed;right:14px;bottom:132px;z-index:150;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--navy);color:#fff;border:none;border-radius:20px;padding:9px 12px;font-size:11px;letter-spacing:.5px;line-height:1.3;cursor:pointer;box-shadow:0 4px 14px rgba(10,52,112,.3);opacity:0;visibility:hidden;transition:.3s;text-decoration:none;text-align:center;}
.to-contact.show{opacity:1;visibility:visible;}
.to-contact .tc-arr{font-size:15px;}

/* ===== v2.0: FAQ 页面 ===== */
.page-head{padding:64px 0 8px;background:var(--bg);text-align:center;}
.page-head .kicker{color:var(--navy);font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:10px;}
.page-head .kicker::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);border-radius:2px;margin-right:8px;vertical-align:1px;}
.page-head h1{font-size:clamp(26px,4.5vw,36px);color:var(--navy-ink);font-weight:800;margin-bottom:12px;}
.page-head p{color:var(--sub);font-size:15px;max-width:640px;margin:0 auto;}
.faq-sec{padding-top:44px;}
.faq-groups{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:30px;}
.faq-group-title{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:.5px;padding-left:12px;border-left:4px solid var(--red);margin-bottom:14px;}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden;box-shadow:var(--shadow);}
.faq-item:last-child{margin-bottom:0;}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;background:transparent;border:none;font-size:15px;font-weight:700;color:var(--navy-ink);text-align:left;cursor:pointer;line-height:1.5;}
.faq-ico{flex:none;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:transform .25s,background .25s;}
.faq-item.open .faq-ico{transform:rotate(45deg);background:var(--red);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px;}
.faq-item.open .faq-a{max-height:900px;padding:0 20px 18px;}
.faq-a p{font-size:14px;color:var(--text);line-height:1.9;}
.faq-more{text-align:center;margin-top:36px;padding-top:28px;border-top:1px solid var(--line);color:var(--sub);font-size:14px;}
.faq-more a{font-weight:700;}

/* 首页 FAQ 预览 */
.faq-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;}
.fp-item{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:var(--shadow);transition:.2s;text-decoration:none;}
.fp-item:hover{border-color:var(--navy);transform:translateY(-2px);}
.fp-item b{display:block;font-size:15px;color:var(--navy-ink);margin-bottom:6px;}
.fp-item span{font-size:13px;color:var(--sub);line-height:1.7;}
@media(max-width:640px){.faq-preview{grid-template-columns:1fr;}}