/* ============================================================
   河北潇帆环保设备有限公司 · 品牌主样式 xf.css
   工业钢梯定制 | 设计令牌见 参考素材/site-visual-system.md
   自定义样式（不加载 Bootstrap 默认皮肤）
   ============================================================ */

/* ---------- 0. 设计令牌 ---------- */
:root{
  --brand:#bf0410;
  --brand-dark:#9e000a;
  --ink:#1b2128;
  --ink-2:#2a323c;
  --steel:#5b6b7c;
  --galv:#c9d1d8;
  --galv-light:#e3e8ed;
  --bg:#f4f6f8;
  --surface:#ffffff;
  --text:#2f3740;
  --muted:#6a7480;
  --border:#dfe4e9;
  --radius:6px;
  --radius-sm:4px;
  --shadow:0 2px 10px rgba(27,33,40,.06);
  --shadow-hover:0 8px 24px rgba(27,33,40,.12);
  --container:1200px;
  --header-h:72px;
  --font-zh:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans CJK SC",system-ui,sans-serif;
  --font-en:"Helvetica Neue",Arial,"Segoe UI",system-ui,sans-serif;
}

/* ---------- 1. 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--font-zh);color:var(--text);
  background:var(--surface);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{margin:0;color:var(--ink);font-weight:700;line-height:1.3;}
p{margin:0 0 1em;}
a{color:var(--brand);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--brand-dark);}
img{max-width:100%;height:auto;border:0;vertical-align:middle;}
ul,ol{margin:0;padding:0;list-style:none;}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;}
figure{margin:0;}
table{border-collapse:collapse;width:100%;}
::selection{background:var(--brand);color:#fff;}

/* ---------- 2. 布局容器与工具 ---------- */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px;}
.section{padding:64px 0;}
.section--bg{background:var(--bg);}
.section--dark{background:var(--ink);color:#d7dde3;}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff;}
.text-center{text-align:center;}
.mt-0{margin-top:0;}.mb-0{margin-bottom:0;}
.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mt-4{margin-top:32px;}
.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.mb-4{margin-bottom:32px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* 板块标题 */
.sec-head{margin-bottom:40px;}
.sec-head .sec-title{
  font-size:1.85rem;position:relative;display:inline-block;padding-bottom:14px;
}
.sec-head .sec-title::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:34px;height:3px;background:var(--brand);
}
.sec-head.text-left .sec-title::after{left:0;transform:none;}
.sec-head .sec-sub{color:var(--muted);margin-top:12px;font-size:.95rem;}
.sec-head--light .sec-title{color:#fff;}
.sec-head--light .sec-sub{color:#aab4be;}

/* ---------- 3. 顶部导航 ---------- */
.site-header{
  position:sticky;top:0;z-index:1000;background:#fff;
  border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(27,33,40,.03);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:24px;}
.brand-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.brand-logo img{height:44px;width:auto;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-text b{color:var(--ink);font-size:1.08rem;font-weight:700;letter-spacing:.5px;}
.brand-text small{color:var(--muted);font-size:.72rem;letter-spacing:1px;}

.main-nav{display:flex;align-items:center;gap:4px;}
.main-nav > li{position:relative;}
.main-nav > li > a{
  display:flex;align-items:center;gap:5px;height:var(--header-h);padding:0 16px;
  color:var(--ink);font-size:.97rem;font-weight:500;white-space:nowrap;
}
.main-nav > li > a:hover,.main-nav > li.current > a{color:var(--brand);}
.main-nav > li.current > a::after{
  content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--brand);
}
.main-nav .caret{font-size:.7rem;color:var(--muted);}
/* 下拉 */
.sub-nav{
  position:absolute;top:100%;left:0;min-width:200px;background:#fff;
  border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .18s ease;
}
.main-nav > li:hover .sub-nav{opacity:1;visibility:visible;transform:translateY(0);}
.sub-nav a{display:block;padding:9px 12px;color:var(--text);border-radius:var(--radius-sm);font-size:.92rem;}
.sub-nav a:hover{background:var(--bg);color:var(--brand);}

.header-cta{flex-shrink:0;}
.header-phone{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:1.1rem;}
.header-phone i{color:var(--brand);}

/* 移动端汉堡 */
.nav-toggle{
  display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);transition:.25s;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- 4. 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 28px;border-radius:var(--radius-sm);border:1px solid transparent;
  font-size:.97rem;font-weight:600;cursor:pointer;line-height:1.2;
  transition:all .18s ease;text-align:center;min-height:44px;
}
.btn-primary{background:var(--brand);color:#fff;}
.btn-primary:hover{background:var(--brand-dark);color:#fff;}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--galv);}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);}
.btn-light{background:#fff;color:var(--brand);}
.btn-light:hover{background:var(--galv-light);color:var(--brand-dark);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff;}
.btn-sm{padding:8px 16px;min-height:36px;font-size:.88rem;}
.btn-block{display:flex;width:100%;}

/* ---------- 5. 首屏 Hero ---------- */
.hero{background:linear-gradient(135deg,#f6f8fa 0%,#e9edf1 100%);overflow:hidden;}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:72px 0;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);
  color:var(--steel);padding:6px 14px;border-radius:30px;font-size:.85rem;margin-bottom:22px;
}
.hero-badge i{color:var(--brand);}
.hero h1{font-size:2.7rem;line-height:1.25;margin-bottom:20px;}
.hero h1 .hl{color:var(--brand);}
.hero-desc{color:var(--muted);font-size:1.05rem;margin-bottom:30px;max-width:540px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap;}
.hero-stats .stat b{display:block;font-size:1.5rem;color:var(--ink);font-weight:700;}
.hero-stats .stat span{font-size:.85rem;color:var(--muted);}
.hero-media{position:relative;}
.hero-media img{
  width:100%;border-radius:10px;box-shadow:var(--shadow-hover);
  background:#fff;object-fit:contain;
}
.hero-media .hero-tag{
  position:absolute;left:-14px;bottom:28px;background:var(--brand);color:#fff;
  padding:10px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;box-shadow:var(--shadow);
}

/* ---------- 6. 产品卡片网格 ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
.product-card{
  display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;transition:all .2s ease;
}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--galv);}
.product-thumb{
  aspect-ratio:4/3;background:#f3f5f7;display:flex;align-items:center;justify-content:center;
  padding:14px;overflow:hidden;
}
.product-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;}
.product-card:hover .product-thumb img{transform:scale(1.04);}
.product-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;}
.product-body h3{font-size:1.08rem;margin-bottom:8px;}
.product-body h3 a{color:var(--ink);}
.product-body h3 a:hover{color:var(--brand);}
.product-meta{color:var(--muted);font-size:.86rem;margin-bottom:14px;flex:1;}
.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.product-foot .more-link{color:var(--brand);font-size:.88rem;font-weight:600;}
.product-tag{display:inline-block;background:var(--galv-light);color:var(--steel);font-size:.75rem;padding:2px 9px;border-radius:3px;}

/* 产品系列（图标入口） */
.product-series{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.series-item{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px 18px;
  text-align:center;transition:all .2s;
}
.series-item:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-3px);}
.series-item .ico{
  width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:var(--bg);
  display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--brand);
}
.series-item h3{font-size:1rem;margin-bottom:6px;}
.series-item p{font-size:.82rem;color:var(--muted);margin:0;}

/* ---------- 7. 横向图文列表（记录/新闻） ---------- */
.list-rows{display:flex;flex-direction:column;gap:20px;}
.list-row{
  display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:center;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;
  transition:all .2s;
}
.list-row:hover{box-shadow:var(--shadow);border-color:var(--galv);}
.list-row__thumb{aspect-ratio:4/3;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden;}
.list-row__thumb img{width:100%;height:100%;object-fit:cover;}
.list-row__body{min-width:0;}
.list-row__meta{display:flex;align-items:center;gap:14px;font-size:.82rem;color:var(--muted);margin-bottom:8px;flex-wrap:wrap;}
.list-row__meta .tag-pill{background:var(--galv-light);color:var(--steel);padding:2px 10px;border-radius:3px;}
.list-row__body h3{font-size:1.12rem;margin-bottom:8px;}
.list-row__body h3 a{color:var(--ink);}
.list-row__body h3 a:hover{color:var(--brand);}
.list-row__desc{color:var(--muted);font-size:.9rem;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.list-row__action{flex-shrink:0;}

/* 新闻简版列表（侧栏/首页） */
.news-mini{display:flex;flex-direction:column;}
.news-mini li{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;
  padding:13px 0;border-bottom:1px dashed var(--border);
}
.news-mini li:last-child{border-bottom:0;}
.news-mini a{color:var(--text);font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.news-mini a:hover{color:var(--brand);}
.news-mini .date{color:var(--muted);font-size:.82rem;flex-shrink:0;}

/* ---------- 8. 图文左右（关于/优势/流程） ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.split-media img{width:100%;border-radius:10px;box-shadow:var(--shadow);background:#fff;}
.split-body h2{font-size:1.8rem;margin-bottom:18px;}
.split-body p{color:var(--muted);}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;}
.feature-item{display:flex;gap:12px;}
.feature-item i{color:var(--brand);font-size:20px;margin-top:4px;flex-shrink:0;}
.feature-item b{display:block;color:var(--ink);font-size:.98rem;margin-bottom:3px;}
.feature-item span{color:var(--muted);font-size:.86rem;}

/* 流程步骤 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step;}
.step-item{position:relative;padding:28px 22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);}
.step-item::before{
  counter-increment:step;content:"0" counter(step);
  display:block;font-size:2rem;font-weight:700;color:var(--galv);margin-bottom:10px;font-family:var(--font-en);
}
.step-item h3{font-size:1.02rem;margin-bottom:8px;}
.step-item p{font-size:.86rem;color:var(--muted);margin:0;}

/* 参数表 */
.param-table{width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.param-table dl{display:grid;grid-template-columns:150px minmax(0,1fr);margin:0;}
.param-table dt,.param-table dd{padding:12px 18px;border-bottom:1px solid var(--border);margin:0;font-size:.92rem;}
.param-table dt{background:var(--bg);color:var(--steel);font-weight:600;}
.param-table dd{color:var(--text);}
.param-table dl:last-child dt,.param-table dl:last-child dd{border-bottom:0;}

/* ---------- 9. 地域服务 ---------- */
.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.area-card{
  display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);padding:26px;transition:all .2s;
}
.area-card:hover{border-color:var(--brand);box-shadow:var(--shadow);}
.area-card .area-ico{
  width:56px;height:56px;border-radius:var(--radius-sm);background:var(--brand);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;
}
.area-card h3{font-size:1.1rem;margin-bottom:4px;}
.area-card h3 a{color:var(--ink);}
.area-card p{font-size:.85rem;color:var(--muted);margin:0;}
.area-card .area-arrow{margin-left:auto;color:var(--galv);font-size:1.3rem;}

/* CTA 条 */
.cta-bar{background:linear-gradient(120deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 0;flex-wrap:wrap;}
.cta-inner h2{color:#fff;font-size:1.6rem;margin-bottom:6px;}
.cta-inner p{margin:0;color:rgba(255,255,255,.85);}

/* ---------- 10. 面包屑 / 页面横幅 ---------- */
.page-banner{background:var(--ink);color:#fff;padding:40px 0;}
.page-banner h1{color:#fff;font-size:1.7rem;margin-bottom:8px;}
.breadcrumb{font-size:.85rem;color:#aab4be;}
.breadcrumb a{color:#c7ced6;}
.breadcrumb a:hover{color:#fff;}
.breadcrumb .sep{margin:0 8px;color:#5f6b78;}
.breadcrumb .current{color:#fff;}

/* ---------- 11. 主体 + 侧栏布局 ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;}
.sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px;}
.side-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.side-box__title{
  background:var(--bg);padding:14px 18px;font-size:1rem;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:8px;
}
.side-box__title i{color:var(--brand);}
.side-box__body{padding:16px 18px;}
.side-nav li{border-bottom:1px solid var(--border);}
.side-nav li:last-child{border-bottom:0;}
.side-nav a{display:flex;justify-content:space-between:align-items:center;padding:11px 18px;color:var(--text);font-size:.92rem;}
.side-nav a:hover,.side-nav li.active a{background:var(--bg);color:var(--brand);}
.side-contact .line{display:flex;gap:10px;margin-bottom:12px;font-size:.9rem;align-items:flex-start;}
.side-contact .line i{color:var(--brand);margin-top:4px;}
.side-contact .line b{color:var(--ink);}

/* ---------- 12. 详情页 ---------- */
.article-detail{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:36px;}
.article-head{border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:28px;}
.article-head h1{font-size:1.6rem;margin-bottom:14px;}
.article-meta{display:flex;gap:20px;color:var(--muted);font-size:.85rem;flex-wrap:wrap;}
.article-meta span{display:inline-flex;align-items:center;gap:6px;}
.article-content{font-size:.98rem;}
.article-content h2{font-size:1.3rem;margin:32px 0 14px;padding-left:12px;border-left:4px solid var(--brand);}
.article-content h3{font-size:1.1rem;margin:24px 0 10px;}
.article-content p{margin-bottom:16px;}
.article-content img{border-radius:var(--radius-sm);margin:16px 0;}
.article-content ul{margin:0 0 16px 22px;list-style:disc;}
.article-content ul li{margin-bottom:6px;}
.article-content table{margin:16px 0;border:1px solid var(--border);}
.article-content th,.article-content td{border:1px solid var(--border);padding:10px 14px;font-size:.9rem;}
.article-content th{background:var(--bg);}
.article-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:20px 0;}
.article-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);margin:0;}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);}
.article-tags a{background:var(--bg);color:var(--steel);padding:4px 12px;border-radius:3px;font-size:.84rem;}
.article-tags a:hover{background:var(--brand);color:#fff;}
.article-nav{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:.9rem;flex-wrap:wrap;}
.article-nav a{color:var(--muted);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-nav a:hover{color:var(--brand);}

/* FAQ 问答 */
.faq-list{display:flex;flex-direction:column;gap:14px;}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.faq-q{
  width:100%;display:flex;align-items:center;gap:12px;padding:18px 20px;background:none;border:0;
  text-align:left;cursor:pointer;font-weight:600;color:var(--ink);font-size:.98rem;
}
.faq-q .q-ico{color:var(--brand);font-family:var(--font-en);font-weight:700;flex-shrink:0;}
.faq-q .faq-caret{margin-left:auto;color:var(--muted);transition:transform .25s;flex-shrink:0;}
.faq-item.open .faq-q .faq-caret{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a-inner{padding:0 20px 20px 44px;color:var(--muted);font-size:.93rem;}
.faq-item.open .faq-a{max-height:600px;}

/* ---------- 13. 表单 ---------- */
.form-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:36px;}
.form-row{margin-bottom:20px;}
.form-row label{display:block;margin-bottom:8px;font-weight:600;color:var(--ink);font-size:.93rem;}
.form-row label .req{color:var(--brand);}
.form-control{
  width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--galv);
  border-radius:var(--radius-sm);background:#fff;transition:border-color .18s,box-shadow .18s;
}
textarea.form-control{min-height:130px;resize:vertical;line-height:1.6;}
.form-control:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(191,4,16,.12);}
.form-note{font-size:.84rem;color:var(--muted);margin-top:8px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-actions{margin-top:28px;}
.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9rem;}
.alert-success{background:#eaf7ee;color:#1e7a3c;border:1px solid #bfe5cb;}
.alert-error{background:#fdecec;color:var(--brand);border:1px solid #f5c6c6;}

/* 联系信息块 */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;}
.contact-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center;}
.contact-card i{font-size:30px;color:var(--brand);margin-bottom:14px;}
.contact-card b{display:block;color:var(--ink);margin-bottom:6px;}
.contact-card span{color:var(--muted);font-size:.9rem;word-break:break-word;}

/* ---------- 14. 分页 ---------- */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap;}
.pagination a,.pagination span{
  min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--text);font-size:.9rem;
}
.pagination a:hover{border-color:var(--brand);color:var(--brand);}
.pagination .current{background:var(--brand);border-color:var(--brand);color:#fff;}
.pagination .disabled{color:var(--galv);cursor:not-allowed;}

/* ---------- 15. 空状态 / 搜索 / 404 ---------- */
.empty-state{text-align:center;padding:70px 20px;color:var(--muted);}
.empty-state i{font-size:52px;color:var(--galv);margin-bottom:18px;display:block;}
.search-box{display:flex;gap:0;max-width:560px;margin:0 auto;}
.search-box input{flex:1;min-width:0;border:1px solid var(--galv);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:0 16px;height:48px;}
.search-box button{border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:48px;padding:0 28px;}
.error-404{text-align:center;padding:90px 20px;}
.error-404 .code{font-size:7rem;font-weight:700;color:var(--brand);line-height:1;font-family:var(--font-en);}
.error-404 h1{font-size:1.5rem;margin:14px 0;}
.error-404 p{color:var(--muted);margin-bottom:28px;}

/* ---------- 16. 页脚 ---------- */
.site-footer{background:var(--ink);color:#aab4be;padding:60px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px;}
.footer-col h4{color:#fff;font-size:1.05rem;margin-bottom:20px;position:relative;padding-bottom:10px;}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--brand);}
.footer-about p{font-size:.88rem;line-height:1.8;margin-bottom:16px;}
.footer-links li{margin-bottom:11px;}
.footer-links a{color:#aab4be;font-size:.9rem;}
.footer-links a:hover{color:#fff;}
.footer-contact .line{display:flex;gap:10px;margin-bottom:13px;font-size:.88rem;align-items:flex-start;}
.footer-contact .line i{color:var(--brand);margin-top:5px;}
.footer-qr img{width:120px;height:120px;border-radius:var(--radius-sm);background:#fff;}
.footer-bottom{border-top:1px solid #2c343e;padding:20px 0;font-size:.83rem;text-align:center;}
.footer-bottom a{color:#8b95a1;}
.footer-bottom a:hover{color:#fff;}

/* 回到顶部 */
.back-top{
  position:fixed;right:24px;bottom:28px;width:46px;height:46px;border-radius:var(--radius-sm);
  background:var(--brand);color:#fff;border:0;cursor:pointer;font-size:18px;opacity:0;visibility:hidden;
  transition:all .25s;z-index:900;box-shadow:var(--shadow);
}
.back-top.show{opacity:1;visibility:visible;}
.back-top:hover{background:var(--brand-dark);}

/* ---------- 17. 响应式 ---------- */
@media (max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:36px;padding:56px 0;}
  .hero-media{order:-1;max-width:520px;margin:0 auto;}
  .hero h1{font-size:2.1rem;}
  .product-series{grid-template-columns:repeat(3,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .layout{grid-template-columns:1fr;}
  .sidebar{position:static;}
  .split{grid-template-columns:1fr;gap:32px;}
}
@media (max-width:768px){
  .section{padding:48px 0;}
  .sec-head{margin-bottom:30px;}
  .sec-head .sec-title{font-size:1.5rem;}
  /* 移动导航 */
  .nav-toggle{display:flex;}
  .main-nav{
    position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 30px;overflow-y:auto;
    transform:translateX(100%);transition:transform .28s ease;
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav > li{width:100%;border-bottom:1px solid var(--galv-light);}
  .main-nav > li > a{height:auto;padding:15px 4px;width:100%;}
  .main-nav > li.current > a::after{display:none;}
  .sub-nav{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 10px 16px;display:none;}
  .main-nav > li.expand .sub-nav{display:block;}
  .header-phone{display:none;}
  .header-cta .btn{display:none;}
  /* 横向列表转纵向 */
  .list-row{grid-template-columns:1fr;gap:16px;}
  .list-row__thumb{aspect-ratio:16/9;}
  .list-row__action{display:none;}
  .product-series{grid-template-columns:repeat(2,1fr);}
  .area-grid{grid-template-columns:1fr;}
  .feature-list{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .article-detail,.form-wrap{padding:24px 18px;}
  .article-head h1{font-size:1.3rem;}
  .hero h1{font-size:1.7rem;}
  .hero-stats{gap:28px;}
  .footer-grid{grid-template-columns:1fr;gap:30px;}
  .cta-inner{flex-direction:column;align-items:flex-start;text-align:left;}
  .param-table dl{grid-template-columns:110px minmax(0,1fr);}
}
@media (max-width:390px){
  .container{padding:0 16px;}
  .hero{padding:0;}
  .hero h1{font-size:1.55rem;}
  .hero-actions .btn{width:100%;}
  .grid-cards{grid-template-columns:1fr;}
  .product-series{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .brand-text small{display:none;}
}

/* ---------- 18. 减少动态 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}

/* ---------- 19. 焦点可见性 ---------- */
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;
}

/* ---------- 20. 产品详情（图集 + 信息） ---------- */
.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.product-gallery{position:sticky;top:96px;}
.pg-main{
  background:#f3f5f7;border:1px solid var(--border);border-radius:var(--radius);
  aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:24px;margin-bottom:14px;
}
.pg-main img{max-width:100%;max-height:100%;object-fit:contain;}
.pg-thumbs{display:flex;gap:10px;flex-wrap:wrap;}
.pg-thumbs img{
  width:64px;height:64px;object-fit:contain;background:#f3f5f7;border:1px solid var(--border);
  border-radius:var(--radius-sm);cursor:pointer;padding:5px;transition:border-color .18s;
}
.pg-thumbs img.active,.pg-thumbs img:hover{border-color:var(--brand);}

.pd-info h2{font-size:1.5rem;margin-bottom:10px;}
.pd-sub{color:var(--muted);font-size:.95rem;margin-bottom:18px;}
.pd-meta{display:flex;gap:20px;color:var(--muted);font-size:.85rem;margin-bottom:20px;flex-wrap:wrap;}
.pd-info .param-table{margin-bottom:22px;}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap;}
.pd-section-title{
  font-size:1.25rem;margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
.pd-section-title i{color:var(--brand);}

@media (max-width:1024px){
  .pd-layout{grid-template-columns:1fr;gap:28px;}
  .product-gallery{position:static;max-width:560px;}
}