/* ==========================================================================
   磊恰电子 LEIQIA · 官网样式表
   纯静态，无外部依赖。字体走系统栈，保证国内外加载速度。
   ========================================================================== */

/* ---------- 1. 设计变量 ---------- */
:root{
  --ink:#0e1726;
  --ink-2:#42536b;
  --ink-3:#7d8fa6;
  --line:#dfe7ef;
  --line-2:#eef3f8;
  --bg:#ffffff;
  --bg-soft:#f5f8fb;
  --bg-deep:#0b3d6b;

  --primary:#0b3d6b;
  --primary-dk:#072a4b;
  --primary-lt:#e9f1f9;
  --primary-md:#1765a8;

  --accent:#de6425;
  --accent-dk:#b94e15;
  --accent-lt:#fdf1e9;

  --teal:#0f7a63;
  --teal-lt:#e7f5f1;

  --r-sm:6px;
  --r:10px;
  --r-lg:16px;
  --shadow:0 1px 2px rgba(14,23,38,.05), 0 6px 20px rgba(14,23,38,.06);
  --shadow-lg:0 2px 4px rgba(14,23,38,.06), 0 18px 44px rgba(14,23,38,.10);
  --maxw:1200px;
  --font:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:Consolas,"SF Mono","Courier New",monospace;
}

/* ---------- 2. 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:84px}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font); font-size:15px; line-height:1.75;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{max-width:100%; height:auto; display:block}
a{color:var(--primary-md); text-decoration:none; transition:color .18s ease}
a:hover{color:var(--accent)}
h1,h2,h3,h4,h5{margin:0; font-weight:700; line-height:1.32; letter-spacing:-.01em}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px; padding-left:20px}
li{margin:5px 0}
table{border-collapse:collapse; width:100%}
button{font-family:inherit}

.container{max-width:var(--maxw); margin:0 auto; padding:0 24px}
.container-narrow{max-width:920px; margin:0 auto; padding:0 24px}

/* ---------- 3. 排版工具 ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--primary-md); margin-bottom:14px;
}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--accent); border-radius:2px}
.h-xl{font-size:clamp(26px,3.6vw,40px)}
.h-lg{font-size:clamp(23px,3vw,32px)}
.h-md{font-size:20px}
.lead{font-size:16.5px; color:var(--ink-2); line-height:1.8}
.muted{color:var(--ink-3)}
.small{font-size:13px}
.mono{font-family:var(--mono); font-size:13px}
.tcenter{text-align:center}
.mb0{margin-bottom:0!important}
.mt24{margin-top:24px}

/* ---------- 4. 头部导航 ---------- */
.site-header{
  position:sticky; top:0; z-index:80; background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header-in{display:flex; align-items:center; gap:28px; height:72px}
.logo{display:flex; align-items:center; gap:11px; flex-shrink:0}
.logo:hover{color:inherit}
.logo-mark{height:44px; width:auto; flex-shrink:0; object-fit:contain}
.brand-mark-panel{display:grid; grid-template-columns:200px minmax(0,1fr); gap:44px; align-items:center;
  background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--r-lg); padding:36px 40px}
.brand-mark-fig{margin:0; display:flex; justify-content:center; align-items:center}
.brand-mark-fig img{height:220px; width:auto}
.brand-mark-txt h3{font-size:19px}
.brand-mark-txt p{font-size:14px; color:var(--ink-2); margin-bottom:12px}
.brand-rules{margin:0 0 14px; padding-left:0; list-style:none; font-size:13.5px; color:var(--ink-2)}
.brand-rules li{position:relative; padding-left:16px; margin:6px 0}
.brand-rules li::before{content:""; position:absolute; left:0; top:10px;
  width:5px; height:5px; border-radius:50%; background:var(--accent)}
.brand-rules b{color:var(--ink)}
.logo-txt strong{display:block; font-size:17px; letter-spacing:.06em; line-height:1.15; color:var(--ink)}
.logo-txt span{display:block; font-size:10.5px; letter-spacing:.22em; color:var(--ink-3); font-weight:600}

.nav{display:flex; gap:4px; margin-left:auto}
.nav a{
  font-size:14.5px; font-weight:500; color:var(--ink-2);
  padding:9px 13px; border-radius:var(--r-sm); white-space:nowrap;
}
.nav a:hover{background:var(--bg-soft); color:var(--primary)}
.nav a.active{color:var(--primary); font-weight:700; background:var(--primary-lt)}

.header-cta{display:flex; align-items:center; gap:14px; flex-shrink:0}
.header-tel{display:flex; align-items:center; gap:7px; font-size:14px; font-weight:700; color:var(--ink)}
.header-tel svg{width:15px; height:15px; color:var(--accent)}

.burger{display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:var(--r-sm);
  background:#fff; align-items:center; justify-content:center; cursor:pointer}
.burger span{display:block; width:18px; height:2px; background:var(--ink); position:relative}
.burger span::before,.burger span::after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--ink)}
.burger span::before{top:-5px} .burger span::after{top:5px}

.mobile-nav{display:none; border-top:1px solid var(--line); background:#fff; padding:8px 0 16px}
.mobile-nav.open{display:block}
.mobile-nav a{display:block; padding:11px 24px; font-size:15px; color:var(--ink-2); border-bottom:1px solid var(--line-2)}
.mobile-nav a:last-of-type{border-bottom:none}
.mobile-nav .m-tel{padding:14px 24px 0; font-weight:700; color:var(--ink)}

/* ---------- 5. 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-size:14.5px; font-weight:700; padding:12px 24px; border-radius:var(--r-sm);
  border:1.5px solid transparent; cursor:pointer; transition:all .18s ease; white-space:nowrap;
}
.btn-primary{background:var(--accent); color:#fff}
.btn-primary:hover{background:var(--accent-dk); color:#fff; transform:translateY(-1px); box-shadow:0 8px 20px rgba(222,100,37,.28)}
.btn-dark{background:var(--primary); color:#fff}
.btn-dark:hover{background:var(--primary-dk); color:#fff; transform:translateY(-1px)}
.btn-ghost{border-color:var(--line); color:var(--ink); background:#fff}
.btn-ghost:hover{border-color:var(--primary); color:var(--primary); background:var(--primary-lt)}
.btn-light{background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.34); color:#fff}
.btn-light:hover{background:rgba(255,255,255,.24); color:#fff}
.btn-sm{padding:9px 17px; font-size:13.5px}
.btn-block{width:100%}
.btn-arrow::after{content:"→"; font-weight:400}

/* ---------- 6. 章节骨架 ---------- */
.section{padding:76px 0}
.section-sm{padding:52px 0}
.section-soft{background:var(--bg-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.section-deep{background:var(--bg-deep); color:#fff}
.section-deep .lead,.section-deep p{color:rgba(255,255,255,.8)}
.sec-head{max-width:760px; margin-bottom:40px}
.sec-head.tcenter{margin-left:auto; margin-right:auto}
.sec-head h2{margin-bottom:12px}
.sec-head p{font-size:16px; color:var(--ink-2); margin-bottom:0}
.section-deep .sec-head p{color:rgba(255,255,255,.78)}

/* ---------- 7. 栅格 ---------- */
.grid{display:grid; gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-auto{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}


/* 网格子项允许收缩：防止宽内容（规格表/长串）把 fr 列撑破容器 */
.grid>*,.hero-in>*,.hero-stats>*,.footer-grid>*,.steps>*,.strip>*,
.home-photos>*,.case-metrics>*,.form-grid>*,.brand-mark-panel>*{min-width:0}
.spec-wrap{max-width:100%; -webkit-overflow-scrolling:touch}

/* ---------- 8. 卡片 ---------- */
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:26px 24px; transition:all .2s ease;
}
.card:hover{border-color:#c5d5e6; box-shadow:var(--shadow); transform:translateY(-2px)}
.card-flat:hover{transform:none; box-shadow:none; border-color:var(--line)}
.card h3{font-size:17px; margin-bottom:10px}
.card p{font-size:14px; color:var(--ink-2); margin-bottom:0}
.card-icon{
  width:46px; height:46px; border-radius:11px; background:var(--primary-lt);
  display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--primary);
}
.card-icon svg{width:23px; height:23px}
.card-icon.accent{background:var(--accent-lt); color:var(--accent-dk)}
.card-icon.teal{background:var(--teal-lt); color:var(--teal)}

/* ---------- 9. 首屏 Hero ---------- */
.hero{
  position:relative; overflow:hidden; padding:92px 0 84px;
  background:linear-gradient(160deg,#0b3d6b 0%,#0a2f54 55%,#08253f 100%);
  color:#fff;
}
.hero-grid{
  position:absolute; inset:0; opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%);
}
.hero-in{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:56px; align-items:center}
.hero .eyebrow{color:#7fb6e6}
.hero .eyebrow::before{background:var(--accent)}
.hero h1{font-size:clamp(28px,3.9vw,44px); line-height:1.24; margin-bottom:20px; color:#fff}
.hero h1 em{font-style:normal; color:#ffb37a; display:block}
.hero .lead{color:rgba(255,255,255,.82); font-size:16.5px; max-width:600px; margin-bottom:32px}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px}
.hero-note{font-size:12.5px; color:rgba(255,255,255,.55)}

.hero-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:52px;
  background:rgba(255,255,255,.14); border-radius:var(--r); overflow:hidden; position:relative; z-index:2}
.hero-stats div{background:rgba(7,42,75,.72); padding:18px 16px; backdrop-filter:blur(4px)}
.hero-stats b{display:block; font-size:24px; color:#fff; line-height:1.2}
.hero-stats b small{font-size:14px; font-weight:600; color:#8fc0e8; margin-left:2px}
.hero-stats span{display:block; font-size:12.5px; color:rgba(255,255,255,.62); margin-top:5px}

.hero-visual{position:relative}

/* 内页头图 */
.page-hero{
  background:linear-gradient(160deg,#0b3d6b 0%,#0a2f54 60%,#08253f 100%);
  color:#fff; padding:64px 0 58px; position:relative; overflow:hidden;
}
.page-hero .hero-grid{opacity:.13}
.page-hero-in{position:relative; z-index:2; max-width:800px}
.page-hero h1{font-size:clamp(25px,3.2vw,34px); color:#fff; margin-bottom:14px}
.page-hero p{color:rgba(255,255,255,.8); font-size:16px; margin-bottom:0; max-width:700px}
.crumb{font-size:12.5px; color:rgba(255,255,255,.55); margin-bottom:18px}
.crumb a{color:rgba(255,255,255,.7)}
.crumb a:hover{color:#fff}
.crumb span{margin:0 7px; opacity:.5}

/* ---------- 10. 规格表 ---------- */
.spec-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); background:#fff}
table.spec{font-size:13.5px; min-width:520px}
table.spec th{
  background:var(--bg-soft); text-align:left; padding:12px 16px;
  font-weight:700; font-size:12.5px; color:var(--ink-2); letter-spacing:.03em;
  border-bottom:1px solid var(--line); white-space:nowrap;
}
table.spec td{padding:12px 16px; border-bottom:1px solid var(--line-2); vertical-align:top}
table.spec tr:last-child td{border-bottom:none}
table.spec tbody tr:hover{background:#fafcfe}
table.spec td:first-child{color:var(--ink-2); width:38%}
table.spec td b{color:var(--ink)}
.spec-kv{font-family:var(--mono); font-size:13px; color:var(--primary); font-weight:600}

/* ---------- 11. 标签 / 徽章 ---------- */
.badge{
  display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700;
  padding:3px 9px; border-radius:99px; letter-spacing:.02em; white-space:nowrap;
}
.b-blue{background:var(--primary-lt); color:var(--primary)}
.b-accent{background:var(--accent-lt); color:var(--accent-dk)}
.b-teal{background:var(--teal-lt); color:var(--teal)}
.b-gray{background:#eef2f6; color:var(--ink-2)}
.b-white{background:rgba(255,255,255,.16); color:#fff}

/* ---------- 12. 产品卡 ---------- */
.prod-card{
  border:1px solid var(--line); border-radius:var(--r); background:#fff; overflow:hidden;
  display:flex; flex-direction:column; transition:all .2s ease;
}
.prod-card:hover{border-color:#c5d5e6; box-shadow:var(--shadow-lg); transform:translateY(-3px)}
.prod-fig{
  background:linear-gradient(150deg,#f3f7fb,#e8f0f8); padding:22px;
  display:flex; align-items:center; justify-content:center; min-height:172px;
  border-bottom:1px solid var(--line-2);
}
.prod-fig svg{max-height:150px}
.prod-body{padding:22px 22px 24px; display:flex; flex-direction:column; flex:1}
.prod-model{font-family:var(--mono); font-size:12.5px; font-weight:700; color:var(--accent-dk);
  letter-spacing:.06em; margin-bottom:7px}
.prod-body h3{font-size:17px; margin-bottom:9px}
.prod-body>p{font-size:13.5px; color:var(--ink-2); margin-bottom:16px; flex:1}
.prod-specs{list-style:none; padding:0; margin:0 0 18px; border-top:1px solid var(--line-2)}
.prod-specs li{display:flex; justify-content:space-between; gap:12px; padding:7px 0;
  border-bottom:1px solid var(--line-2); font-size:12.5px; margin:0}
.prod-specs li span:first-child{color:var(--ink-3)}
.prod-specs li span:last-child{font-weight:600; color:var(--ink); text-align:right}
.prod-links{display:flex; gap:10px; flex-wrap:wrap}

/* ---------- 13. 流程步骤 ---------- */
.steps{counter-reset:s; display:grid; gap:18px; list-style:none; padding:0; margin:0}
.steps.cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps li{counter-increment:s; position:relative; padding-top:52px; margin:0}
.steps li::before{
  content:counter(s,decimal-leading-zero); position:absolute; top:0; left:0;
  font-family:var(--mono); font-size:13px; font-weight:700; color:#fff;
  background:var(--primary); width:38px; height:38px; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
}
.steps li::after{content:""; position:absolute; top:19px; left:50px; right:-18px; height:1px;
  background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.steps li:last-child::after{display:none}
.steps h4{font-size:15.5px; margin-bottom:7px}
.steps p{font-size:13.5px; color:var(--ink-2); margin-bottom:0}

/* ---------- 14. 特性列表 ---------- */
.checklist{list-style:none; padding:0; margin:0}
.checklist li{position:relative; padding-left:27px; margin:9px 0; font-size:14.5px; color:var(--ink-2)}
.checklist li::before{
  content:""; position:absolute; left:0; top:7px; width:15px; height:15px; border-radius:4px;
  background:var(--primary-lt);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 5.5-6' fill='none' stroke='%230b3d6b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:15px 15px;
}
.checklist li b{color:var(--ink)}

/* ---------- 15. 提示条 ---------- */
.callout{
  border-radius:var(--r); padding:20px 22px; border:1px solid var(--line);
  background:var(--bg-soft); display:flex; gap:14px; align-items:flex-start;
}
.callout svg{width:20px; height:20px; flex-shrink:0; margin-top:3px}
.callout-warn{background:#fff8ef; border-color:#f5ddc2}
.callout-warn svg{color:var(--accent-dk)}
.callout-info{background:var(--primary-lt); border-color:#cfe0f0}
.callout-info svg{color:var(--primary)}
.callout-teal{background:var(--teal-lt); border-color:#c3e6dc}
.callout-teal svg{color:var(--teal)}
.callout h4{font-size:15px; margin-bottom:6px}
.callout p{font-size:14px; margin-bottom:0; color:var(--ink-2)}
.callout p:last-child{margin-bottom:0}

/* ---------- 16. 优势条 ---------- */
.strip{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line);
  border-radius:var(--r); overflow:hidden; background:#fff}
.strip>div{padding:22px 20px; border-right:1px solid var(--line)}
.strip>div:last-child{border-right:none}
.strip b{display:block; font-size:15px; margin-bottom:6px}
.strip p{font-size:13px; color:var(--ink-3); margin-bottom:0}

/* ---------- 17. 案例 ---------- */
.case{border:1px solid var(--line); border-radius:var(--r); background:#fff; padding:26px 24px;
  transition:all .2s ease}
.case:hover{border-color:#c5d5e6; box-shadow:var(--shadow)}
.case-top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px}
.case h3{font-size:16.5px; margin-bottom:10px}
.case>p{font-size:14px; color:var(--ink-2); margin-bottom:18px}
.case-metrics{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
  border-top:1px solid var(--line-2); padding-top:16px}
.case-metrics b{display:block; font-size:19px; color:var(--primary); line-height:1.25}
.case-metrics span{display:block; font-size:12px; color:var(--ink-3)}

/* ---------- 18. 时间轴 ---------- */
.timeline{list-style:none; padding:0; margin:0; position:relative}
.timeline::before{content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--line)}
.timeline li{position:relative; padding-left:36px; margin-bottom:26px}
.timeline li::before{content:""; position:absolute; left:2px; top:7px; width:12px; height:12px;
  border-radius:50%; background:#fff; border:3px solid var(--primary-md)}
.timeline li:last-child{margin-bottom:0}
.timeline .yr{font-family:var(--mono); font-size:13px; font-weight:700; color:var(--accent-dk); letter-spacing:.04em}
.timeline h4{font-size:15.5px; margin:3px 0 6px}
.timeline p{font-size:13.5px; color:var(--ink-2); margin-bottom:0}

/* ---------- 19. 表单 ---------- */
.form-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px}
.field{display:flex; flex-direction:column; gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:13.5px; font-weight:600; color:var(--ink-2)}
.field label i{color:var(--accent); font-style:normal}
.field input,.field select,.field textarea{
  font-family:inherit; font-size:14.5px; color:var(--ink);
  padding:11px 14px; border:1.5px solid var(--line); border-radius:var(--r-sm);
  background:#fff; transition:border-color .18s ease, box-shadow .18s ease; width:100%;
}
.field textarea{resize:vertical; min-height:110px; line-height:1.7}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none; border-color:var(--primary-md); box-shadow:0 0 0 3px rgba(23,101,168,.13)
}
.field input::placeholder,.field textarea::placeholder{color:#a9b8c8}
.form-note{font-size:12.5px; color:var(--ink-3); margin-top:14px; line-height:1.7}
.form-ok{display:none; background:var(--teal-lt); border:1px solid #bfe3d8; color:var(--teal);
  padding:14px 16px; border-radius:var(--r-sm); font-size:14px; font-weight:600; margin-bottom:18px}
.form-ok.show{display:block}

/* 侧栏联系卡 */
.contact-panel{background:var(--bg-deep); color:#fff; border-radius:var(--r); padding:30px 28px}
.contact-panel h3{font-size:18px; color:#fff; margin-bottom:18px}
.contact-item{display:flex; gap:13px; margin-bottom:18px; align-items:flex-start}
.contact-item svg{width:18px; height:18px; color:#7fb6e6; flex-shrink:0; margin-top:4px}
.contact-item .k{font-size:12.5px; color:rgba(255,255,255,.6); display:block; margin-bottom:2px}
.contact-item .v{font-size:14.5px; color:#fff; font-weight:600; line-height:1.5; word-break:break-all}
.contact-item a.v{color:#fff}
.contact-item a.v:hover{color:#ffb37a}

/* ---------- 20. CTA 区 ---------- */
.cta-band{background:linear-gradient(120deg,#0b3d6b,#072a4b); border-radius:var(--r-lg);
  padding:48px 44px; color:#fff; display:flex; align-items:center; justify-content:space-between;
  gap:32px; flex-wrap:wrap; position:relative; overflow:hidden}
.cta-band::after{content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px;
  border-radius:50%; background:radial-gradient(circle,rgba(222,100,37,.34),transparent 68%)}
.cta-band h2{font-size:clamp(20px,2.4vw,27px); color:#fff; margin-bottom:10px; position:relative; z-index:1}
.cta-band p{color:rgba(255,255,255,.78); margin-bottom:0; max-width:600px; position:relative; z-index:1}
.cta-band .btn{position:relative; z-index:1}

/* ---------- 21. FAQ ---------- */
.faq{border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff}
.faq details{border-bottom:1px solid var(--line-2)}
.faq details:last-child{border-bottom:none}
.faq summary{
  cursor:pointer; padding:17px 22px; font-size:15px; font-weight:600; color:var(--ink);
  list-style:none; display:flex; align-items:flex-start; gap:12px; transition:background .16s ease;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+"; font-family:var(--mono); font-size:18px; font-weight:700;
  color:var(--accent); line-height:1.35; flex-shrink:0; width:14px}
.faq details[open] summary::before{content:"−"}
.faq summary:hover{background:var(--bg-soft)}
.faq .faq-body{padding:0 22px 20px 48px; font-size:14px; color:var(--ink-2)}
.faq .faq-body p:last-child{margin-bottom:0}

/* ---------- 22. 页脚 ---------- */
.site-footer{background:#081f36; color:rgba(255,255,255,.66); padding:56px 0 0; font-size:13.5px}
.footer-grid{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr); gap:36px; padding-bottom:40px}
.site-footer h5{font-size:14px; color:#fff; margin-bottom:15px; letter-spacing:.04em}
.site-footer a{color:rgba(255,255,255,.66)}
.site-footer a:hover{color:#ffb37a}
.site-footer ul{list-style:none; padding:0; margin:0}
.site-footer li{margin:8px 0}
.footer-brand .logo-txt strong{color:#fff}
.footer-brand .logo-txt span{color:rgba(255,255,255,.45)}
.footer-brand p{margin:16px 0 0; font-size:13px; line-height:1.75; max-width:330px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding:20px 0; font-size:12.5px;
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center}
.footer-bottom a{color:rgba(255,255,255,.66)}

/* ---------- 23. 打印（规格书页） ---------- */
.dsheet{background:#fff; max-width:920px; margin:0 auto; padding:0 24px 60px}
.dsheet-head{border-bottom:3px solid var(--primary); padding:34px 0 20px; margin-bottom:28px;
  display:flex; justify-content:space-between; gap:24px; align-items:flex-end; flex-wrap:wrap}
.dsheet-head h1{font-size:25px; margin-bottom:6px}
.dsheet-head .dm{font-family:var(--mono); font-size:14px; color:var(--accent-dk); font-weight:700; letter-spacing:.06em}
.dsheet-head .meta{font-size:12.5px; color:var(--ink-3); text-align:right; line-height:1.75}
.dsheet h2{font-size:16px; margin:30px 0 12px; padding-bottom:8px; border-bottom:1px solid var(--line)}
.dsheet .disclaim{font-size:12px; color:var(--ink-3); margin-top:34px; padding-top:16px;
  border-top:1px solid var(--line); line-height:1.8}

@media print{
  .no-print{display:none!important}
  body{font-size:10.5pt}
  .site-header,.site-footer,.cta-band{display:none!important}
  .dsheet{padding:0; max-width:none}
  a{color:#000; text-decoration:none}
  .spec-wrap{border:none} table.spec th{background:#f2f2f2!important; -webkit-print-color-adjust:exact}
  table.spec tr{page-break-inside:avoid}
}

/* ---------- 24. 响应式 ---------- */
@media (max-width:1040px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip>div:nth-child(2){border-right:none}
  .strip>div:nth-child(1),.strip>div:nth-child(2){border-bottom:1px solid var(--line)}
  .steps.cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps.cols li:nth-child(2)::after{display:none}
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:900px){
  .nav,.header-cta{display:none}
  .burger{display:flex}
  .header-in{height:64px; justify-content:space-between}
  .logo-mark{height:38px}
  .brand-mark-panel{grid-template-columns:minmax(0,1fr); gap:24px; padding:26px 22px}
  .brand-mark-fig img{height:160px}
  .hero{padding:60px 0 56px}
  .hero-in{grid-template-columns:minmax(0,1fr); gap:36px}
  .hero-visual{order:-1; max-width:440px}
  .g2,.g3{grid-template-columns:minmax(0,1fr)}
  .section{padding:56px 0}
}
@media (max-width:720px){
  .container,.container-narrow{padding:0 18px}
  .hero-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .strip{grid-template-columns:minmax(0,1fr)}
  .strip>div{border-right:none; border-bottom:1px solid var(--line)}
  .strip>div:last-child{border-bottom:none}
  .steps.cols{grid-template-columns:minmax(0,1fr)}
  .steps li::after{display:none}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .g2,.g4{grid-template-columns:minmax(0,1fr)}
  .cta-band{padding:34px 24px}
  .footer-grid{grid-template-columns:minmax(0,1fr); gap:28px}
  .case-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .page-hero{padding:44px 0 40px}
}

/* 实拍图（规格书/产品卡片） */
.prod-photo{
  display:block; max-width:100%; max-height:260px; width:auto; margin:0 auto;
  border-radius:8px; object-fit:contain;
}

/* 首页产品实拍图 */
.home-photos{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 22px;
}
.home-photos .prod-photo{
  max-height:110px; width:100%; border:1px solid var(--line); border-radius:6px;
  background:#fff; padding:4px;
}
@media (max-width:620px){ .home-photos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }