/*
Theme Name: ENTAK
Theme URI: https://www.entak.example
Author: ENTAK
Description: ENTAK 直线模组官网主题 · 参考行业标杆布局 · 支持 Polylang 多语言
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: entak
*/

/* ================= 基础 ================= */
:root{
  --red:#d7000f; --orange:#f47f3e; --green:#00a651;
  --ink:#1a1a1a; --gray:#666; --gray2:#999;
  --line:#e8e8e8; --light:#f5f6f8; --footer:#333;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1600px;margin:0 auto;padding:0 40px}

.slot{
  background:repeating-linear-gradient(45deg,#eef1f5 0 14px,#e4e9ef 14px 28px);
  display:flex;align-items:center;justify-content:center;
  color:#8a97a8;font-size:13px;letter-spacing:1.5px;position:relative;width:100%;height:100%;
}

/* ================= 导航 ================= */
header{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:#fff;border-bottom:1px solid #eee}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:baseline;gap:8px}
.brand-logo{height:38px;width:auto;display:block}
.menu-wrap{flex:1;display:flex;justify-content:center}
.menu{display:flex;gap:18px;font-size:13.5px;color:#222;list-style:none}
.menu li{position:relative}
.menu li a{display:block;padding:22px 0;transition:.2s}
.menu li a:hover,.menu li.current-menu-item > a{color:var(--red)}
.menu li.current-menu-item > a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);
}
.nav-right{display:flex;align-items:center;gap:10px}
.lang-select{
  font-size:12.5px;color:#333;border:1px solid #dcdcdc;border-radius:4px;
  padding:4px 6px;background:#fff;cursor:pointer;outline:none;font-family:inherit;
}
.lang-select:hover{border-color:var(--red);color:var(--red)}

/* ================= 首页 ================= */
.hero{position:relative;height:900px;margin-top:64px;overflow:hidden;background:#dfe8f2}
.hero .slot{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#e8eef5 0 16px,#dde5ee 16px 32px)}
.hero .wrap{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(34px,4.4vw,64px);line-height:1.15;font-weight:800;color:#0b1d33;max-width:760px}
.hero h1 em{font-style:normal;color:var(--red)}
.hero p.sub{max-width:620px;margin-top:22px;font-size:17px;color:#3c4c62;line-height:1.9}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{border-radius:0;padding:12px 28px;font-size:14px;display:inline-block;transition:.2s}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:#b0000c}
.btn-ghost{border:1px solid #333;color:#333}
.btn-ghost:hover{background:#333;color:#fff}

.side-nav{position:absolute;left:46px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;z-index:5}
.side-nav a{font-size:13px;color:#3a4a5e;position:relative;padding-left:14px;letter-spacing:1px}
.side-nav a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1px;background:#3a4a5e}
.side-nav a:hover{color:var(--red)}
.hotspot{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(0,166,81,.85);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:300;cursor:pointer;z-index:5;box-shadow:0 6px 18px rgba(0,166,81,.35);transition:.25s}
.hotspot:hover{transform:scale(1.12);background:var(--green)}
.hs1{left:22%;top:28%}.hs2{left:38%;top:18%}.hs3{left:55%;top:30%}
.hs4{left:72%;top:22%}.hs5{left:64%;top:48%}.hs6{left:30%;top:52%}

.slogan{position:relative;height:620px;overflow:hidden;background:#1c2a1e}
.slogan .slot{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#1f2f22 0 16px,#182619 16px 32px);color:#5f7a63}
.slogan-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;z-index:3;padding-left:12%}
.slogan-inner h2{color:#fff;font-size:40px;line-height:1.5;font-weight:700;letter-spacing:1px;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.slogan-inner h2 span{display:block}
.slogan-arrow{position:absolute;left:40px;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;z-index:4;cursor:pointer;transition:.25s}
.slogan-arrow:hover{background:rgba(255,255,255,.14)}
.slogan-arrow svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.6}

.news{position:relative;background:#fff;padding:86px 0 96px;background-image:linear-gradient(135deg,#fafbfc 25%,transparent 25%,transparent 50%,#fafbfc 50%,#fafbfc 75%,transparent 75%);background-size:22px 22px}
.news-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.news-head h2{font-size:34px;font-weight:800;letter-spacing:1px}
.btn-more{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-size:13px;padding:9px 22px;border-radius:3px;transition:.2s}
.btn-more:hover{background:#008c44}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.news-card{background:#fff;border:1px solid #eee;transition:.28s}
.news-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-4px)}
.news-thumb{aspect-ratio:16/10;overflow:hidden;background:#eef1f5}
.news-thumb .slot{background:repeating-linear-gradient(45deg,#eef1f5 0 12px,#e3e8ef 12px 24px)}
.news-body{padding:22px 24px 28px}
.news-body time{font-size:12.5px;color:var(--gray2)}
.news-body h3{font-size:15px;line-height:1.65;margin-top:10px;font-weight:600;color:#222}
.news-card:hover h3{color:var(--red)}

.solution{position:relative;height:620px;overflow:hidden;background:#1a1a1a}
.solution .slot{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#242424 0 16px,#1d1d1d 16px 32px);color:#666}
.solution::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);z-index:2}
.solution-inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 40px}
.solution-inner h2{font-size:38px;line-height:1.45;font-weight:700;letter-spacing:1px}
.solution-stats{display:flex;gap:0;margin:52px 0 46px;flex-wrap:wrap;justify-content:center}
.solution-stats .st{padding:0 46px;border-right:1px solid rgba(255,255,255,.22);text-align:center}
.solution-stats .st:last-child{border-right:0}
.solution-stats .st svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.4;margin:0 auto 12px;opacity:.95}
.solution-stats .st em{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.8);margin-bottom:6px}
.solution-stats .st b{font-size:32px;font-weight:800;letter-spacing:-.5px}

/* ================= 内页 ================= */
.page-banner{margin-top:64px;height:320px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ececec,#d6d6d6)}
.page-banner h1{font-size:38px;font-weight:800;letter-spacing:3px;position:relative}
.page-banner p{margin-top:12px;color:#666;font-size:14px;letter-spacing:1px;position:relative}
.crumb{font-size:12.5px;color:#999;padding:16px 0}
.crumb a:hover{color:var(--red)}

.page-content{padding:60px 0 90px;max-width:1100px;margin:0 auto}
.page-content h1{font-size:34px;font-weight:800;margin-bottom:26px}
.page-content h2{font-size:26px;font-weight:700;margin:34px 0 16px}
.page-content h3{font-size:20px;font-weight:600;margin:26px 0 12px}
.page-content p{margin-bottom:16px;color:#444;font-size:15px;line-height:1.9}
.page-content ul,.page-content ol{margin:0 0 18px 22px;color:#444;font-size:15px;line-height:1.9}
.page-content img{margin:20px 0}
.page-content a{color:var(--red)}
.page-content a:hover{text-decoration:underline}

/* 新闻列表/详情 */
.post-list{padding:20px 0 80px}
.post-item{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}
.post-item .thumb{height:150px;background:#eef1f5;overflow:hidden}
.post-item h2{font-size:18px;font-weight:600;margin-bottom:8px}
.post-item h2 a:hover{color:var(--red)}
.post-item .meta{font-size:12.5px;color:#aaa;margin-bottom:10px}
.post-item p{font-size:13.5px;color:#666}
/* 旧的 .single-post 规则会误命中 body（body 带 single-post 类），已移除；文章版式见 single.php */
.single-post h1{font-size:32px;font-weight:800;margin-bottom:10px}
.single-post .meta{font-size:13px;color:#999;margin-bottom:30px}
.single-post .entry{font-size:15px;color:#333;line-height:1.95}
.single-post .entry p{margin-bottom:16px}
.single-post .entry img{margin:20px 0}

/* 产品/方案卡片（可在页面里用简码或 Elementor 复用） */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}
.card{border:1px solid var(--line);padding:28px 24px;transition:.25s;background:#fff}
.card:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-4px)}
.card h3{font-size:18px;font-weight:700;margin-bottom:10px}
.card p{font-size:13.5px;color:#888}
.card .more{display:inline-block;margin-top:14px;font-size:13px;color:var(--red)}

/* ================= 页脚 ================= */
footer{background:var(--footer);color:#bbb;padding:64px 0 30px;font-size:13.5px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.foot-brand .brand-logo{height:34px;filter:brightness(0) invert(1)}
.foot-contact{margin-top:22px;display:grid;gap:12px}
.foot-contact div{display:flex;align-items:center;gap:10px;color:#aaa;font-size:13px}
.foot-contact svg{width:15px;height:15px;stroke:#aaa;fill:none;stroke-width:1.6;flex:0 0 15px}
.foot-col h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:18px}
.foot-col h4.sub{margin-top:26px}
.foot-col a{display:block;color:#999;margin-bottom:10px;transition:.2s;font-size:13px}
.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#777;font-size:12.5px}

/* ================= 响应式 ================= */
@media (max-width:1200px){
  .menu-wrap{display:none}
  .news-grid,.card-grid,.post-item{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wrap{padding:0 20px}
  .hero{height:auto;padding:120px 0 70px}
  .hero .slot{position:relative;height:320px}
  .side-nav{display:none}
  .slogan{height:420px}
  .slogan-inner{padding-left:8%}
  .slogan-inner h2{font-size:26px}
  .solution{height:auto;padding:70px 0}
  .solution-inner h2{font-size:26px}
  .solution-stats .st{padding:0 20px;border-right:0}
  .page-banner{height:230px}
  .page-banner h1{font-size:28px}
  .foot-top{grid-template-columns:1fr}
}


/* ================= 产品中心 ================= */
.cat-tabs{display:flex;justify-content:center;gap:40px;padding:26px 0;border-bottom:1px solid var(--line);font-size:15px;color:#555}
.cat-tabs a{position:relative;padding-bottom:10px}
.cat-tabs a.on{color:#111;font-weight:600}
.cat-tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--red)}
.product-sec{padding:70px 0 60px;text-align:center;border-bottom:1px solid #f0f0f0}
.product-sec:nth-child(even){background:#fafbfc}
.kicker{width:40px;height:2px;background:#333;margin:0 auto 22px}
.product-sec h2{font-size:26px;font-weight:700;letter-spacing:1px}
.btn-green{display:inline-block;background:var(--green);color:#fff;font-size:13.5px;padding:9px 26px;margin-top:18px;transition:.2s}
.btn-green:hover{background:#008c44}
.product-img{max-width:860px;height:180px;margin:26px auto 0;display:block;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:contain;display:block}
.product-img .slot{background:repeating-linear-gradient(45deg,#f5f7fa 0 14px,#edf0f4 14px 28px)}
.model-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);margin-top:30px}
.model-tabs a{padding:14px 26px;font-size:13.5px;color:#666;border-bottom:2px solid transparent;transition:.2s}
.model-tabs a.on{color:#111;font-weight:600;border-bottom-color:var(--red)}
.model-tabs a:hover{color:var(--red)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 70px;text-align:left;max-width:1080px;margin:52px auto 0}
.feature{display:flex;gap:16px}
.feature .fi{flex:0 0 44px;height:44px;display:grid;place-items:center}
.feature .fi svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:1.4}
.feature h4{font-size:15px;font-weight:600;margin-bottom:6px}
.feature p{font-size:12.5px;color:#888;line-height:1.7}
.apply-sec{padding:60px 0 70px;border-top:1px solid #f0f0f0}
.apply-head{text-align:left;font-size:20px;font-weight:700;margin-bottom:36px}
.app-row{display:flex;justify-content:center;gap:70px;flex-wrap:wrap}
.app{text-align:center;font-size:12.5px;color:#555}
.app .ai{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:#f3f5f8;display:grid;place-items:center}
.app .ai svg{width:26px;height:26px;stroke:#666;fill:none;stroke-width:1.4}

/* ================= 解决方案 ================= */
.sol-page{padding:64px 0 96px}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sol-card{border:1px solid #eee;overflow:hidden;transition:.26s;background:#fff}
.sol-card:hover{box-shadow:0 18px 44px rgba(0,0,0,.09);transform:translateY(-5px)}
.sol-card .thumb{height:210px;background:#eef1f5}
.sol-card .thumb .slot{background:repeating-linear-gradient(45deg,#eef1f5 0 12px,#e3e8ef 12px 24px)}
.sol-card .body{padding:26px 26px 32px}
.sol-card h3{font-size:18px;font-weight:700;margin-bottom:12px}
.sol-card p{font-size:13px;color:#888;line-height:1.75}

/* ================= 关于我们 ================= */
.about-page{padding:70px 0 90px}
.about-lead{max-width:900px;margin:0 auto 60px;text-align:center}
.about-lead h2{font-size:30px;font-weight:800;margin-bottom:20px}
.about-lead p{color:#666;font-size:15px;line-height:1.9}
.about-img{height:420px;margin-bottom:60px;background:#eef1f5}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0}
.about-stats .st{text-align:center}
.about-stats b{display:block;font-size:36px;font-weight:800;color:var(--red)}
.about-stats span{font-size:13px;color:#888}
.timeline{position:relative;max-width:900px;margin:0 auto}
.timeline::before{content:"";position:absolute;left:90px;top:0;bottom:0;width:1px;background:#e5e5e5}
.tl-item{display:grid;grid-template-columns:90px 1fr;gap:40px;padding:22px 0;position:relative}
.tl-item::before{content:"";position:absolute;left:86px;top:32px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.tl-item time{font-size:18px;font-weight:700;color:var(--red);text-align:right;padding-right:30px}
.tl-item p{font-size:14px;color:#555}

/* ================= 联系我们 ================= */
.contact-page{padding:70px 0 90px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-info h2{font-size:26px;font-weight:800;margin-bottom:26px}
.contact-line{display:flex;gap:14px;margin-bottom:22px;font-size:14px;color:#444}
.contact-line svg{width:20px;height:20px;stroke:var(--red);fill:none;stroke-width:1.5;flex:0 0 20px}
.contact-line b{display:block;font-size:12.5px;color:#999;font-weight:400;margin-bottom:2px}
.contact-form{background:#fafbfc;border:1px solid var(--line);padding:40px}
.contact-form h3{font-size:18px;margin-bottom:24px}
.contact-form label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #ddd;padding:11px 14px;font-size:14px;margin-bottom:18px;font-family:inherit;background:#fff}
.contact-form textarea{min-height:110px;resize:vertical}
.contact-form button{background:var(--green);color:#fff;border:0;padding:12px 40px;font-size:14px;cursor:pointer;transition:.2s}
.contact-form button:hover{background:#008c44}
.map-box{height:380px;margin-top:60px;background:#eef1f5;border:1px solid var(--line)}
@media(max-width:1000px){.sol-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sol-grid,.feature-grid{grid-template-columns:1fr}}

@media (max-width:760px){
  .cat-tabs{gap:26px;padding:18px 16px;overflow-x:auto;white-space:nowrap;justify-content:flex-start}
  .cat-tabs a{flex:0 0 auto;white-space:nowrap;font-size:14px}
}

/* ---------- 导航动画 ---------- */
.menu a{position:relative;transition:color .28s ease}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#d81e06;
  transform:scaleX(0);transform-origin:left center;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
.menu a:hover::after,.menu a:focus-visible::after{transform:scaleX(1)}
.menu li.current-menu-item > a::after{transform:scaleX(1)}

.menu-toggle{display:none;position:relative;width:40px;height:40px;border:0;background:none;cursor:pointer;padding:0}
.menu-toggle span{position:absolute;left:9px;width:22px;height:2px;background:#222;border-radius:2px;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
.menu-toggle span:nth-child(1){top:13px}
.menu-toggle span:nth-child(2){top:19px}
.menu-toggle span:nth-child(3){top:25px}
.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
body.menu-lock{overflow:hidden}
@media (max-width:1200px){
  .menu-toggle{display:block}
  .menu.open{display:flex !important;flex-direction:column;gap:0;position:fixed;top:64px;left:0;right:0;
    background:#fff;padding:6px 0 14px;box-shadow:0 22px 48px rgba(0,0,0,.14);
    animation:menuDrop .32s cubic-bezier(.22,.61,.36,1) both;z-index:60}
  .menu.open a{padding:15px 24px;font-size:15px;opacity:0;transform:translateY(-8px);
    animation:menuItem .36s cubic-bezier(.22,.61,.36,1) forwards}
  .menu.open a::after{display:none}
  .menu.open li:nth-child(1) a{animation-delay:.02s}
  .menu.open li:nth-child(2) a{animation-delay:.05s}
  .menu.open li:nth-child(3) a{animation-delay:.08s}
  .menu.open li:nth-child(4) a{animation-delay:.11s}
  .menu.open li:nth-child(5) a{animation-delay:.14s}
  .menu.open li:nth-child(6) a{animation-delay:.17s}
  .menu.open li:nth-child(7) a{animation-delay:.20s}
  .menu.open li:nth-child(8) a{animation-delay:.23s}
}
@keyframes menuDrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes menuItem{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.cat-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:#d81e06;
  transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.cat-tabs a:hover::after{transform:scaleX(.6)}
.cat-tabs a.on::after{transform:scaleX(1)}

/* ---------- 圆角统一（按钮 / 页签 / 表单 / 卡片） ---------- */
.page-tabs{border-radius:8px;overflow:hidden}
.btn-green,.contact-form button,.btn-more{border-radius:6px}
.contact-form input,.contact-form textarea{border-radius:4px}
.map-box{border-radius:8px;overflow:hidden}
.news-card{border-radius:10px;overflow:hidden}

/* ---------- 表单防护与状态提示 ---------- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin-top:14px;font-size:13px;line-height:1.6;min-height:18px}
.form-status.is-error{color:#c0392b}
.form-status.is-ok{color:#0a7d3f}
.contact-form button[disabled]{opacity:.6;cursor:default}

/* 页脚备案号链接 */
.foot-bottom a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
.foot-bottom a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.55)}

.thumb-empty{background:#eef1f5;aspect-ratio:16/10;border-radius:8px}

/* 地图延迟加载 */
.map-lazy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:#f5f7fa;border-radius:8px;min-height:320px}
.map-load{background:#0a7d3f;color:#fff;border:0;border-radius:6px;padding:12px 26px;font-size:14px;
  cursor:pointer;font-family:inherit}
.map-load:hover{background:#086330}
.map-note{font-size:12.5px;color:#8b98a6;margin:0}
.map-note a{color:#0a7d3f}

/* ---------- 产品网格（后台内容驱动） ---------- */
.cat-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.cat-tabs a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e2e7ec;
  border-radius:8px;font-size:13.5px;color:#3b4854;text-decoration:none;background:#fff}
.cat-tabs a:hover,.cat-tabs a.on{background:#c8161d;border-color:#c8161d;color:#fff}
.cat-tabs .cnt{font-size:11.5px;opacity:.65}

.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:40px}
.p-card{display:block;border:1px solid #eef1f4;border-radius:10px;overflow:hidden;background:#fff;
  text-decoration:none;color:inherit;transition:box-shadow .3s ease,transform .3s ease}
.p-card:hover{box-shadow:0 10px 28px rgba(16,32,48,.10);transform:translateY(-3px)}
.p-thumb{aspect-ratio:4/3;background:#f5f7fa;overflow:hidden}
.p-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.p-body{padding:16px 18px 20px}
.p-model{display:inline-block;font-size:11.5px;letter-spacing:.4px;color:#c8161d;margin-bottom:6px}
.p-body h3{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 6px;color:#16222f}
.p-spec{margin:0;font-size:12.5px;color:#7b8794;line-height:1.6}

.pager{display:flex;gap:8px;justify-content:center;margin:10px 0 60px;font-size:13.5px}
.pager a,.pager span{display:inline-block;padding:7px 12px;border:1px solid #e2e7ec;border-radius:6px;
  color:#3b4854;text-decoration:none}
.pager .current{background:#c8161d;border-color:#c8161d;color:#fff}
.empty-tip{padding:60px 0;text-align:center;color:#8b98a6;font-size:14px}

/* ---------- 产品详情 ---------- */
.product-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;margin-bottom:34px}
.pd-hero{width:100%;height:auto;border-radius:10px;display:block;background:#f5f7fa}
.cgh-detail-spec{border:1px solid #eef1f4;border-radius:10px;padding:24px 26px;background:#fff}
.cgh-detail-spec p{margin:0 0 12px;font-size:13.5px;color:#3b4854}
.cgh-detail-spec p span{color:#8b98a6;margin-right:6px}
.cgh-detail-spec .muted{color:#8b98a6;line-height:1.8}
.btn-green{display:inline-block;margin-top:8px;background:#0a7d3f;color:#fff;text-decoration:none;
  padding:12px 24px;border-radius:6px;font-size:14px}
.btn-green:hover{background:#086330}
.pd-nav{display:flex;justify-content:space-between;gap:20px;font-size:13.5px;padding:26px 0 60px;
  border-top:1px solid #eef1f4;margin-top:30px}
.pd-nav a{color:#3b4854;text-decoration:none}
.pd-nav a:hover{color:#c8161d}

/* ---------- 行业方案 ---------- */
.sol-grid{grid-template-columns:repeat(3,1fr)}
.sol-detail .sol-hero img{width:100%;height:auto;border-radius:10px;margin-bottom:30px}
.sol-cta{margin:50px 0 70px;padding:34px;background:#f5f7fa;border-radius:10px;text-align:center}
.sol-cta p{margin:0 0 16px;color:#3b4854;font-size:14.5px}

@media (max-width:1100px){
  .p-grid{grid-template-columns:repeat(2,1fr)}
  .product-detail{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .p-grid,.sol-grid{grid-template-columns:1fr}
}

/* ---------- 站点进入 / 页面切换动画 ---------- */
.pt-cover{position:fixed;inset:0;z-index:9999;background:#0a111c;display:flex;align-items:center;justify-content:center;
  will-change:transform;pointer-events:none}
.pt-inner{display:flex;flex-direction:column;align-items:center;gap:18px}
.pt-logo{width:168px;height:auto;display:block;opacity:.96}
.pt-line{display:block;width:150px;height:2px;background:#d7000f;border-radius:2px}
@media (max-width:760px){.pt-logo{width:126px}.pt-line{width:110px}}
@media (prefers-reduced-motion: reduce){.pt-cover{display:none !important}}

/* ---------- 进入动画 · 整页白底大标 ---------- */
html.pt-lock,html.pt-lock body{overflow:hidden !important}
.pt-cover{position:fixed;inset:0;width:100%;height:100%;z-index:9999;background:#fff;
  display:flex;align-items:center;justify-content:center;
  animation:ptHide2 .8s cubic-bezier(.4,0,.2,1) 2.2s forwards}
.pt-inner{display:flex;align-items:center;justify-content:center}
.pt-logo{width:clamp(190px,26vw,380px);height:auto;display:block;opacity:0;transform:scale(.94);
  animation:ptLogo2 1.1s cubic-bezier(.22,.7,.2,1) .15s forwards}
@keyframes ptLogo2{to{opacity:1;transform:scale(1)}}
@keyframes ptHide2{to{opacity:0;visibility:hidden}}
.pt-cover.pt-nav{animation:none;opacity:1;visibility:visible;transform:translateY(100%);
  transition:transform .62s cubic-bezier(.76,0,.24,1)}
.pt-cover.pt-nav .pt-logo{animation:none;opacity:1;transform:none}
@media (max-width:760px){.pt-logo{width:56vw}}
@media (prefers-reduced-motion: reduce){.pt-cover{display:none !important}html.pt-lock,html.pt-lock body{overflow:auto !important}}

/* ---------- 进入动画：标识下方的标语 ---------- */
.pt-slogan{display:block;margin-top:6px;font-size:clamp(15px,1.45vw,21px);color:#d7000f;
  letter-spacing:.34em;text-indent:.34em;line-height:1.6;opacity:0;transform:translateY(8px);
  animation:ptSlogan .95s cubic-bezier(.22,.7,.2,1) 1.05s forwards}
@keyframes ptSlogan{to{opacity:1;transform:translateY(0)}}
@media (max-width:760px){.pt-slogan{font-size:14px;letter-spacing:.24em;text-indent:.24em}}
@media (prefers-reduced-motion: reduce){.pt-slogan{opacity:1 !important;transform:none !important;animation:none !important}}

/* ---------- 进入动画：尺寸与颜色微调（最终覆盖） ---------- */
.pt-logo{width:200px !important}
.pt-slogan{color:#8b98a6 !important;font-weight:400;letter-spacing:.26em !important;text-indent:.26em !important;
  font-size:clamp(13.5px,1.05vw,16.5px) !important;margin-top:10px !important}
@media (max-width:760px){
  .pt-logo{width:132px !important}
  .pt-slogan{font-size:12.5px !important;letter-spacing:.22em !important;text-indent:.22em !important}
}

/* ---------- 进入动画：全尺寸自适应（最终覆盖） ---------- */
.pt-cover{background-size:cover}
.pt-logo{width:clamp(170px,12.5vw,300px) !important}
.pt-slogan{font-size:clamp(13px,1.15vw,20px) !important;letter-spacing:.26em !important;text-indent:.26em !important}

/* 平板与手机竖屏 */
@media (max-width:760px){
  .pt-logo{width:clamp(112px,34vw,152px) !important}
  .pt-slogan{font-size:clamp(12px,3.4vw,14px) !important;letter-spacing:.22em !important;text-indent:.22em !important}
}
/* 手机横屏 / 矮屏 */
@media (max-height:430px){
  .pt-cover .pt-inner{gap:14px}
  .pt-logo{width:clamp(96px,16vh,140px) !important}
  .pt-slogan{font-size:12px !important;margin-top:6px !important}
}
/* 4K 及以上：再放大一档，避免显得过小 */
@media (min-width:2400px){
  .pt-logo{width:clamp(260px,8vw,340px) !important}
  .pt-slogan{font-size:clamp(17px,.8vw,22px) !important}
}

/* 矮屏（横屏手机）：只留标识，避免标语比标识还宽 */
@media (max-height:430px){
  .pt-slogan{display:none !important}
}

@media (max-height:430px){
  .pt-logo{width:clamp(120px,22vh,150px) !important}
}

/* 非首次进入：隐藏开场遮罩 */
html.no-intro .pt-cover{display:none !important}

/* 取消与旧版开场绑定的首屏延迟动画：视频与左侧导航立即显示 */
.hero-video{opacity:1 !important;animation:none !important}
.hero .side-nav{opacity:1 !important;animation:none !important}

/* 开场遮罩内部改为竖排：标识在上、标语在下 */
.pt-inner{display:flex !important;flex-direction:column !important;align-items:center !important;
  justify-content:center !important;gap:18px !important}

/* 手机端页脚收紧：减少底部空档 */
@media (max-width:760px){
  footer{padding-top:44px !important;padding-bottom:20px !important}
  .foot-top{gap:22px 18px !important;padding-bottom:0 !important}
  .foot-qr{margin-top:6px !important;gap:28px !important}
  .foot-bottom{margin-top:8px !important;padding-top:12px !important;padding-bottom:6px !important}
  .foot-col a{padding:5px 0 !important}
  .foot-col h4.sub{margin-top:14px !important}
}

/* ---------- 开场遮罩：改为 JS 关闭，避免微信里卡半透明 ---------- */
.pt-cover{animation:none !important;opacity:1;visibility:visible;
  transition:opacity .55s ease, visibility .55s ease !important}
.pt-cover.pt-hide{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
.pt-cover .pt-logo{animation:ptLogo3 1s cubic-bezier(.22,.7,.2,1) .18s both !important}
@keyframes ptLogo3{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* ---------- 联系页：位置卡片与地图 ---------- */
.map-pin{width:40px;height:40px;fill:none;stroke:#d7000f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.map-addr{font-size:15px;color:#16222f;line-height:1.8;margin:0;max-width:620px;text-align:center}
.map-coord{font-size:12.5px;color:#8b98a6;margin:0;letter-spacing:.3px}
.map-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.map-btn{display:inline-block;background:#0a7d3f;color:#fff;border:0;border-radius:6px;padding:10px 22px;font-size:13.5px;
  font-family:inherit;cursor:pointer;text-decoration:none;transition:.2s}
.map-btn:hover{background:#086330}
.map-btn.ghost{background:#fff;color:#16222f;border:1px solid #d9dfe6}
.map-btn.ghost:hover{background:#f4f6f9}
.map-lazy{min-height:420px;padding:40px 24px}
.map-loaded{min-height:0;padding:0;display:block}
.map-loaded .map-pin,.map-loaded .map-addr,.map-loaded .map-coord,.map-loaded .map-actions,.map-loaded .map-note{display:none}

/* 地图加载后必须有明确高度，否则高德容器塌陷成 0 */
.map-loaded{height:450px !important;min-height:450px !important;padding:0 !important;display:block !important}
.map-loaded #mapBox,.map-loaded.amap-container{width:100%}
@media (max-width:760px){
  .map-loaded{height:320px !important;min-height:320px !important}
}

/* ---------- 新闻详情：上下篇与返回 ---------- */
.post-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin:44px 0 0;padding-top:22px;border-top:1px solid #eee;font-size:14px;color:#5a6572}
.post-nav a{color:#5a6572;text-decoration:none;max-width:48%;line-height:1.6}
.post-nav a:hover{color:#d7000f}
.post-nav a.next{margin-left:auto;text-align:right}
.single-post .back{display:inline-block;margin-top:30px;color:#d7000f;font-size:14px;text-decoration:none}
.single-post .back:hover{text-decoration:underline}
@media (max-width:760px){
  .post-nav a{max-width:100%}
  .post-nav a.next{margin-left:0;text-align:left}
}

/* ---------- 后台工具栏兼容 + 与静态站首屏对齐 ---------- */
body.admin-bar header{top:32px !important}
body.admin-bar .hero{margin-top:96px !important}
body.admin-bar .page-banner{margin-top:96px !important}
@media (max-width:782px){
  body.admin-bar header{top:46px !important}
  body.admin-bar .hero{margin-top:110px !important}
  body.admin-bar .page-banner{margin-top:110px !important}
}
/* 首屏只保留视频与左侧导航：隐藏旧的文案容器（若主题设置里仍输出了内容） */
.hero .wrap{display:none}

/* ---------- 产品归档：统一卡片与分类标签视觉 ---------- */
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px;justify-content:flex-start;
  border:0;padding:0;font-size:13.5px;overflow:visible;white-space:normal}
.cat-tabs a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e4e9ee;
  border-radius:999px;color:#41505f;background:#fff;position:static;font-size:13.5px;line-height:1.4;
  transition:.18s;white-space:nowrap}
.cat-tabs a::after{display:none !important}
.cat-tabs a:hover,.cat-tabs a.on{background:#c8161d;border-color:#c8161d;color:#fff}
.cat-tabs .cnt{font-size:11px;opacity:.7}
.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.p-card{border:1px solid #edf0f4;border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;
  display:flex;flex-direction:column;transition:.2s}
.p-thumb{height:190px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;overflow:hidden}
.p-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.p-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px}
.p-body h3{font-size:14.5px;line-height:1.5;margin:0;color:#16222f}
.p-spec{font-size:12px;color:#7b8794;line-height:1.6;margin:0}
@media (max-width:1180px){.p-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.p-grid{grid-template-columns:repeat(2,1fr)}.p-thumb{height:160px}}
@media (max-width:560px){.p-grid{grid-template-columns:1fr}.p-thumb{height:200px}}

/* ---------- 产品中心：左分类 + 右清单（与静态站一致） ---------- */
.cgh{padding:16px 0 60px}
.cgh-wrap{display:grid;grid-template-columns:246px 1fr;gap:40px;align-items:start}
.cgh-side{border:1px solid #e4e4e4;background:#fff;border-radius:4px;overflow:hidden}
.cgh-side-h{background:#c8161d;color:#fff;text-align:center;font-size:16px;font-weight:600;padding:15px 10px;letter-spacing:1px}
.cgh-side ul{list-style:none;margin:0;padding:0}
.cgh-side li+li{border-top:1px solid #eee}
.cgh-side a{display:block;padding:12px 16px;font-size:13.5px;color:#333;transition:.2s}
.cgh-side a:hover,.cgh-side a.on{color:#c8161d;background:#fafafa;padding-left:22px}
.cgh-title{background:#f4f4f4;border-left:4px solid #c8161d;padding:14px 18px;font-size:19px;font-weight:600;
  color:#222;margin:0;border-radius:2px}
.cgh-tabs{display:flex;margin-top:16px;border-bottom:1px solid #ddd}
.cgh-tabs a{padding:10px 26px;font-size:13.5px;color:#555;background:#f2f2f2;border:1px solid #ddd;border-bottom:0;margin-right:6px}
.cgh-tabs a.on{background:#fff;color:#c8161d;font-weight:600;border-top:3px solid #c8161d;margin-top:-3px}
.cgh-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px;margin-top:24px}
.cgh-item{display:flex;gap:16px;align-items:flex-start}
.cgh-pic{flex:0 0 200px;display:block;background:#fff}
.cgh-pic img{width:200px;height:auto;display:block}
.cgh-ph{width:200px;height:150px;background:#f4f6f9}
.cgh-spec{font-size:13px;line-height:1.9;color:#3a3a3a}
.cgh-spec p{margin:0}
.cgh-spec span{color:#a5121a}
.cgh-more{color:#c8161d;font-size:13px}
@media (max-width:1100px){
  .cgh-wrap{grid-template-columns:1fr;gap:22px}
  .cgh-side ul{display:flex;flex-wrap:wrap;gap:6px;padding:10px}
  .cgh-side li{border:1px solid #e6e9ee;border-radius:999px}
  .cgh-side a{padding:7px 12px;font-size:12.5px}
  .cgh-side li+li{border-top:0}
}
@media (max-width:760px){
  .cgh-list{grid-template-columns:1fr}
  .cgh-pic{flex:0 0 130px}
  .cgh-pic img{width:130px}
  .cgh-ph{width:130px;height:100px}
}

/* ---------- 内页横幅与产品详情：保证文字可见、版式贴近静态站 ---------- */
.page-banner{background:linear-gradient(135deg,#eef1f4,#dbe1e8) !important}
.page-banner h1{color:#16222f !important;font-size:clamp(26px,3vw,38px) !important;line-height:1.25}
.page-banner p{color:#5a6572 !important}
.single-product .page-banner{height:240px}
.product-detail{margin-top:26px}
.cgh-detail-spec p{font-size:13.5px;line-height:1.9}
.cgh-detail-spec .btn-green{margin-top:14px;display:inline-block}
.crumb{font-size:12.5px;color:#8b98a6;padding:14px 0 4px}
.crumb a{color:#8b98a6}
.crumb a:hover{color:#c8161d}
@media (max-width:760px){
  .single-product .page-banner{height:180px}
}

/* ---------- 研发与制造：数据条与能力板块（与静态站一致） ---------- */
.cap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:56px 0;text-align:center;border-bottom:1px solid #f0f0f0}
.cap-stats b{display:block;font-size:34px;font-weight:800;color:#c8161d;line-height:1.2}
.cap-stats span{font-size:13px;color:#888}
.cap-sec{padding:60px 0;border-bottom:1px solid #f0f0f0}
.cap-sec:nth-child(even){background:#fafbfc}
.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cap-grid.rev .cap-txt{order:2}
.cap-img{height:340px;background:#eef1f5;overflow:hidden;border-radius:10px}
.cap-img img{width:100%;height:100%;object-fit:cover;display:block}
.cap-txt h2{font-size:26px;font-weight:800;margin-bottom:20px;color:#16222f}
.cap-txt p{color:#666;font-size:14px;line-height:1.9;margin-bottom:14px}
.cap-list{list-style:none;margin:20px 0 0;padding:0}
.cap-list li{padding-left:22px;position:relative;font-size:13.5px;color:#444;margin-bottom:10px;line-height:1.7}
.cap-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#c8161d}
@media (max-width:900px){
  .cap-grid{grid-template-columns:1fr;gap:28px}
  .cap-grid.rev .cap-txt{order:0}
  .cap-stats{grid-template-columns:1fr 1fr;gap:24px;padding:36px 0}
  .cap-img{height:240px}
}

/* ---------- 关于我们：版式与静态站一致 ---------- */
.about-page{padding:70px 0 90px}
.about-lead{max-width:900px;margin:0 auto 60px;text-align:center}
.about-lead h2{font-size:30px;font-weight:800;margin-bottom:20px;color:#16222f}
.about-lead p{color:#666;font-size:15px;line-height:1.9}
.about-img{height:420px;margin-bottom:60px;background:#eef1f5;border-radius:10px;overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0;
  border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:36px 0}
.about-stats .st{text-align:center}
.about-stats b{display:block;font-size:36px;font-weight:800;color:#c8161d;line-height:1.2}
.about-stats span{font-size:13px;color:#888}
.timeline{position:relative;max-width:900px;margin:0 auto}
.timeline::before{content:"";position:absolute;left:90px;top:0;bottom:0;width:1px;background:#e5e5e5}
.tl-item{display:grid;grid-template-columns:90px 1fr;gap:40px;padding:22px 0;position:relative}
.tl-item::before{content:"";position:absolute;left:86px;top:32px;width:9px;height:9px;border-radius:50%;background:#c8161d}
.tl-item time{font-size:18px;font-weight:700;color:#c8161d;text-align:right;padding-right:30px}
.tl-item p{margin:0;color:#555;font-size:14px;line-height:1.8}
@media (max-width:900px){
  .about-page{padding:44px 0 60px}
  .about-lead h2{font-size:24px}
  .about-img{height:240px;margin-bottom:36px}
  .about-stats{grid-template-columns:1fr 1fr;gap:24px;padding:26px 0;margin:36px 0}
  .about-stats b{font-size:26px}
  .timeline::before{left:56px}
  .tl-item{grid-template-columns:56px 1fr;gap:22px}
  .tl-item::before{left:52px}
  .tl-item time{font-size:15px;padding-right:14px}
}

/* ---------- 可持续发展：段落块与要点列表 ---------- */
.esg-block{max-width:900px;margin:0 auto 46px;padding:28px 30px;background:#fafbfc;border-left:4px solid #c8161d;border-radius:0 8px 8px 0}
.esg-block h2{font-size:21px;font-weight:800;margin:0 0 12px;color:#16222f}
.esg-block p{color:#5f6b78;font-size:14.5px;line-height:1.95;margin:0 0 12px}
.esg-list{list-style:none;margin:0;padding:0}
.esg-list li{position:relative;padding-left:20px;font-size:13.5px;color:#3b4854;line-height:1.9;margin-bottom:6px}
.esg-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#0a7d3f}
.esg-list b{color:#16222f;margin-right:6px}
@media (max-width:760px){
  .esg-block{padding:20px 18px;margin-bottom:26px}
  .esg-block h2{font-size:18px}
}

/* ---------- 产品详情：规格图长图 ---------- */
.pd-gallery{display:grid;grid-template-columns:1fr;gap:16px;max-width:1000px;margin:10px auto 50px}
.pd-gallery img{width:100%;height:auto;display:block;border-radius:8px;background:#f5f7fa}
@media (max-width:760px){.pd-gallery{gap:10px;margin-bottom:30px}}

/* ---------- 产品详情：图 + 规格两列 ---------- */
.cgh-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;margin-top:24px}
.cgh-detail-pic{background:#f5f7fa;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:320px}
.cgh-detail-pic img{width:100%;height:auto;display:block}
.cgh-detail-spec{border:1px solid #eef1f4;border-radius:10px;padding:24px 26px;background:#fff}
.cgh-detail-spec p{margin:0 0 12px;font-size:13.5px;color:#3b4854;line-height:1.9}
.cgh-detail-spec p span{color:#8b98a6;margin-right:6px}
.cgh-detail-spec .btn-green{margin-top:14px;display:inline-block}
.cgh-note{margin-top:26px;font-size:12.5px;color:#9aa4ae}
.cgh-note a{color:#c8161d;text-decoration:none}
@media (max-width:900px){
  .cgh-detail{grid-template-columns:1fr;gap:20px}
  .cgh-detail-pic{min-height:0}
}

/* ---------- 内页横幅上的选项卡（商品概要 / 联系我们） ---------- */
.page-tabs{display:flex;gap:6px;margin-top:24px;position:relative;z-index:2;justify-content:center;flex-wrap:wrap}
.page-tabs a{background:rgba(10,17,28,.72);color:#fff !important;font-size:14px;padding:10px 30px;
  border-radius:6px 6px 0 0;text-decoration:none;transition:.2s}
.page-tabs a.on,.page-tabs a:hover{background:#0a7d3f}
@media (max-width:760px){.page-tabs a{padding:9px 20px;font-size:13px}}

/* ---------- 页脚：五列 + 二维码尺寸（覆盖前面旧规则） ---------- */
footer{background:#333;color:#bbb;padding:56px 0 26px;font-size:13.5px}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:32px;padding-bottom:36px;align-items:start}
.foot-qr{display:flex;gap:18px;align-items:flex-start;margin-top:0}
.foot-qr .fq{text-align:center}
.foot-qr .fq img{width:96px;height:96px;background:#fff;padding:5px;border-radius:6px;display:block;object-fit:contain}
.foot-qr .fq span{display:block;margin-top:8px;font-size:12px;color:#9aa0a8;white-space:nowrap}
.foot-brand .brand-logo{height:34px;filter:brightness(0) invert(1)}
@media (max-width:1200px){
  .foot-top{grid-template-columns:1fr 1fr 1fr;gap:26px}
  .foot-qr{grid-column:1 / -1;justify-content:flex-start;margin-top:6px}
}
@media (max-width:900px){
  .foot-top{grid-template-columns:1fr 1fr;gap:22px 18px}
  .foot-qr{grid-column:1 / -1;justify-content:center}
}
@media (max-width:560px){
  .foot-qr .fq img{width:84px;height:84px}
}

/* ---------- 联系页：表单卡片圆角（与全站 10px 一致） ---------- */
.contact-form{border-radius:10px;background:#fafbfc;border:1px solid #e8ebef;padding:36px 38px}
.contact-form input,.contact-form textarea{border-radius:6px}
.contact-form button{border-radius:6px}
.contact-line svg,.contact-info svg{color:#c8161d}
@media (max-width:760px){.contact-form{padding:22px 18px}}

/* ---------- 移动端强制单列（覆盖任何历史规则） ---------- */
@media (max-width: 900px){
  .cgh-wrap{grid-template-columns:1fr !important;gap:20px !important}
  .cgh-detail{grid-template-columns:1fr !important;gap:20px !important}
  .cgh-side ul{display:flex !important;flex-wrap:wrap !important;gap:6px !important;padding:10px !important}
  .cgh-side li{border:1px solid #e6e9ee !important;border-radius:999px !important}
  .cgh-side li+li{border-top:0 !important}
  .cgh-side a{padding:7px 12px !important;font-size:12.5px !important}
  .cgh-side-h{font-size:14px !important;padding:12px 8px !important}
  .product-detail{grid-template-columns:1fr !important;gap:20px !important}
  .contact-grid{grid-template-columns:1fr !important;gap:26px !important}
  .foot-top{grid-template-columns:1fr 1fr !important}
  .pd-gallery img{width:100% !important;max-width:100% !important}
  .cap-grid{grid-template-columns:1fr !important}
  .about-stats{grid-template-columns:1fr 1fr !important}
}

/* ---------- 行业标签：图标 + 尺寸与本地一致 ---------- */
.ind-tabs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e6e9ee;border-radius:8px;overflow:hidden;margin:8px 0 34px}
.ind-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:20px 8px;border-right:1px solid #e6e9ee;text-decoration:none;transition:background .25s ease}
.ind-tabs a:last-child{border-right:0}
.ind-tabs svg{width:46px;height:46px;fill:#d8171e;stroke:#d8171e;stroke-width:0;transition:fill .25s ease}
.ind-tabs span{font-size:15px;color:#333;transition:color .25s ease;text-align:center;line-height:1.3}
.ind-tabs a:hover{background:#fdf3f4}
.ind-tabs a:hover span{color:#d8171e}
.ind-tabs a.on{background:#d8171e}
.ind-tabs a.on svg{fill:#fff;stroke:#fff}
.ind-tabs a.on svg [fill='#fff']{fill:#d8171e}
.ind-tabs a.on span{color:#fff}
@media (max-width:900px){
  .ind-tabs{grid-template-columns:repeat(3,1fr)}
  .ind-tabs a{padding:16px 6px;gap:8px}
  .ind-tabs svg{width:34px;height:34px}
  .ind-tabs a:nth-child(3n){border-right:0}
}
@media (max-width:520px){
  .ind-tabs{grid-template-columns:repeat(2,1fr)}
  .ind-tabs span{font-size:13px}
}

/* ---------- 新闻列表：与本地 news-row 一致 ---------- */
.news-list{display:grid;gap:0}
.news-list .news-row{display:grid;grid-template-columns:240px 1fr auto;gap:28px;align-items:center;
  padding:26px 0;border-bottom:1px solid #eceff3;text-decoration:none;color:inherit}
.news-list .news-row .thumb{width:240px;height:150px;overflow:hidden;border-radius:10px;background:#f2f4f7}
.news-list .news-row .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.news-list .news-row:hover .thumb img{transform:scale(1.05)}
.news-list .news-row h3{font-size:17px;font-weight:700;margin:0 0 8px;color:#16222f;line-height:1.5}
.news-list .news-row p{margin:0;color:#6b7885;font-size:13.5px;line-height:1.75}
.news-list .news-row time{color:#9aa4ae;font-size:13px;white-space:nowrap}
.news-list .news-row:hover h3{color:#c8161d}
@media (max-width:760px){
  .news-list .news-row{grid-template-columns:120px 1fr;gap:14px;padding:18px 0}
  .news-list .news-row .thumb{width:120px;height:80px;border-radius:8px}
  .news-list .news-row h3{font-size:15px;margin-bottom:4px}
  .news-list .news-row p{display:none}
  .news-list .news-row time{grid-column:1 / -1;font-size:12px}
}

/* ---------- 关于我们：首段标题灰色 ---------- */
.about-lead h2.lead-gray{color:#16222f !important}

/* ---------- 行业标签：尺寸对齐本地（1040 宽 / 单格 173x85 / 图标 30） ---------- */
.ind-tabs{max-width:1040px !important;margin:8px auto 34px !important;border-radius:8px !important}
.ind-tabs a{padding:13px 4px !important;gap:7px !important;flex-direction:column !important}
.ind-tabs svg{width:30px !important;height:30px !important}
.ind-tabs span{font-size:13.5px !important;line-height:1.25 !important}
@media (max-width:1200px){
  .ind-tabs{max-width:100% !important;margin:8px 0 26px !important}
}

/* ---------- 页脚联系方式：线性图标 + 对齐 ---------- */
.foot-contact div{display:flex;align-items:flex-start;gap:10px;color:#aaa;font-size:13px;line-height:1.7}
.foot-contact svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px;
  fill:none;stroke:#9aa0a8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.foot-contact span{flex:1}

/* ---------- 页脚：产品分类两列，降低高度 ---------- */
.foot-cats{columns:2;column-gap:22px}
.foot-cats a{display:block;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}
@media (max-width:1200px){ .foot-cats{columns:1} }

/* ---------- 页脚二维码：放大到 120，便于扫码 ---------- */
.foot-qr{gap:20px !important}
.foot-qr .fq img{width:120px !important;height:120px !important;padding:6px !important;border-radius:8px !important}
.foot-qr .fq span{font-size:12.5px !important}
@media (max-width:1200px){
  .foot-qr .fq img{width:104px !important;height:104px !important}
}
@media (max-width:560px){
  .foot-qr .fq img{width:92px !important;height:92px !important}
}

/* ---------- 页脚：产品分类三列 + 间距收紧 ---------- */
.foot-top{
  grid-template-columns:auto 2.05fr 1fr 1fr 1fr auto !important;
  gap:26px !important;
}
.foot-cats{columns:3 !important;column-gap:16px !important}
.foot-cats a{
  font-size:12.5px !important;line-height:1.55 !important;
  margin-bottom:7px !important;white-space:nowrap
}
.foot-col h4{margin-bottom:14px !important}
.foot-col a{margin-bottom:8px !important;font-size:12.5px !important}
.foot-qr{gap:18px !important}
@media (max-width:1400px){
  .foot-top{grid-template-columns:auto 1.6fr 1fr 1fr 1fr auto !important;gap:22px !important}
  .foot-cats{columns:2 !important}
  .foot-cats a{white-space:normal}
}

/* ---------- 页脚最终布局：产品三列 + 二维码独立成行 ---------- */
.foot-top{
  grid-template-columns:220px 2.2fr 1fr 1fr 1fr !important;
  gap:24px !important;
  align-items:start !important;
}
.foot-cats{columns:3 !important;column-gap:18px !important}
.foot-cats a{
  font-size:12.5px !important;line-height:1.6 !important;
  margin-bottom:6px !important;white-space:nowrap;display:block;
  break-inside:avoid;-webkit-column-break-inside:avoid;
}
.foot-col h4{margin-bottom:13px !important;font-size:13.5px !important}
.foot-col a{margin-bottom:8px !important;font-size:12.5px !important}
.foot-qr-row{
  display:flex;justify-content:flex-start;align-items:flex-start;
  gap:22px;padding:22px 0 4px;margin-top:4px;
  border-top:1px solid rgba(255,255,255,.08);
}
.foot-qr{gap:22px !important}
@media (max-width:1400px){
  .foot-top{grid-template-columns:200px 1.8fr 1fr 1fr 1fr !important;gap:18px !important}
  .foot-cats{columns:2 !important}
  .foot-cats a{white-space:normal}
}
@media (max-width:900px){
  .foot-top{grid-template-columns:1fr 1fr !important}
  .foot-cats{columns:1 !important}
  .foot-qr-row{justify-content:center;flex-wrap:wrap}
}

/* ---------- 移动端下拉菜单 ---------- */
header .wrap.nav{position:relative}
@media (max-width:1200px){
  .menu-wrap.open{
    display:flex !important;flex-direction:column;justify-content:flex-start;
    position:absolute;left:0;right:0;top:100%;
    background:#fff;z-index:9999;padding:6px 0 10px;
    box-shadow:0 16px 34px rgba(0,0,0,.14);
    max-height:calc(100vh - 70px);overflow-y:auto;
  }
  .menu-wrap.open .menu{
    display:flex !important;flex-direction:column;width:100%;gap:0;
  }
  .menu-wrap.open .menu li{border-bottom:1px solid #f1f2f4;width:100%}
  .menu-wrap.open .menu li:last-child{border-bottom:0}
  .menu-wrap.open .menu li a{
    display:block;padding:14px 22px !important;font-size:15px;line-height:1.4;
  }
  .menu-wrap.open .menu li.current-menu-item > a{color:#d7000f}
  .menu-wrap.open .menu li.current-menu-item > a::after,
  .menu-wrap.open .menu a::after{display:none}
}

/* ---------- 移动端内页：横幅/面包屑/标题适配 ---------- */
@media (max-width:900px){
  .page-banner{height:auto !important;min-height:170px;padding:64px 18px 26px !important}
  .page-banner h1{font-size:22px !important;letter-spacing:1px !important;line-height:1.35 !important;text-align:center}
  .page-banner p{font-size:12.5px !important;line-height:1.6 !important;margin-top:8px !important;text-align:center}
  .page-tabs{margin-top:14px !important}
  .page-tabs a{padding:8px 16px !important;font-size:12.5px !important}
  .crumb{font-size:11.5px !important;line-height:1.7 !important;word-break:break-word}
  .cgh-side-h{font-size:15px !important;padding:11px !important;letter-spacing:1px}
  .cgh-title{font-size:17px !important;padding:14px 16px !important}
  .cgh-tabs a{padding:9px 18px !important;font-size:13px !important}
  .cgh-detail-spec{padding:18px 16px !important}
  .cgh-detail-spec p{font-size:13px !important}
  .cgh-note{font-size:11.5px !important;line-height:1.7}
  .news-list .news-row h3{font-size:15px !important}
}
@media (max-width:520px){
  .page-banner h1{font-size:19px !important}
  .page-banner{min-height:150px;padding:58px 14px 22px !important}
}

/* ---------- 手机端：产品分类两列网格（覆盖胶囊标签样式） ---------- */
@media (max-width:900px){
  .cgh-side{
    background:#fff;border:1px solid #e8ebef;border-radius:10px;overflow:hidden;
    margin-bottom:18px;
  }
  .cgh-side-h{
    background:#c8161d !important;color:#fff !important;
    font-size:15px !important;text-align:center !important;
    padding:13px 10px !important;letter-spacing:1px;
  }
  .cgh-side ul{
    display:grid !important;grid-template-columns:1fr 1fr !important;
    gap:0 !important;padding:0 !important;margin:0 !important;
  }
  .cgh-side li{
    border:0 !important;border-radius:0 !important;background:#fff !important;
    border-bottom:1px solid #f0f2f5 !important;
    border-right:1px solid #f0f2f5 !important;
    margin:0 !important;
  }
  .cgh-side li:nth-child(2n){border-right:0 !important}
  .cgh-side li:nth-last-child(-n+2){border-bottom:0 !important}
  .cgh-side a{
    display:flex !important;align-items:center;justify-content:center;
    min-height:46px;padding:10px 8px !important;
    font-size:12.5px !important;line-height:1.35 !important;
    color:#3b4854 !important;text-align:center;white-space:normal !important;
  }
  .cgh-side a.on{
    color:#c8161d !important;font-weight:700 !important;background:#fff7f7 !important;
  }
}

/* ---------- 手机端页脚：分层排布，避免左右高低错位 ---------- */
@media (max-width:900px){
  .foot-top{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:18px 14px !important;
  }
  .foot-brand{grid-column:1 / -1 !important;margin-bottom:4px}
  .foot-col-products{grid-column:1 / -1 !important}
  .foot-cats{
    columns:2 !important;column-gap:16px !important;
  }
  .foot-cats a{
    font-size:12px !important;line-height:1.5 !important;
    margin-bottom:5px !important;white-space:normal !important;
  }
  .foot-col h4{font-size:13px !important;margin-bottom:9px !important}
  .foot-col a{font-size:12px !important;margin-bottom:6px !important;line-height:1.5}
  .foot-qr-row{
    justify-content:flex-start !important;flex-wrap:wrap !important;
    gap:14px !important;padding-top:16px !important;margin-top:6px !important;
  }
  .foot-qr{gap:14px !important}
  .foot-qr .fq img{width:88px !important;height:88px !important;padding:5px !important}
  .foot-qr .fq span{font-size:11.5px !important}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:6px;font-size:11.5px !important}
}

/* ---------- 返回顶部按钮 ---------- */
.back-to-top{
  position:fixed;right:24px;bottom:104px;z-index:9000;
  width:46px;height:46px;border-radius:50%;
  background:#fff;border:1px solid #e3e8ee;
  box-shadow:0 8px 22px rgba(16,32,48,.12);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s, border-color .22s, box-shadow .22s;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top svg{width:20px;height:20px;fill:none;stroke:#c8161d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{border-color:#c8161d;box-shadow:0 10px 26px rgba(200,22,29,.22)}
.back-to-top:active{transform:translateY(1px)}
@media (max-width:760px){
  .back-to-top{right:14px;bottom:86px;width:42px;height:42px}
  .back-to-top svg{width:18px;height:18px}
}

/* ---------- 产品列表：尺寸与本地站对齐 ---------- */
.cgh-list{gap:30px 38px !important;margin-top:26px !important}
.cgh-item{gap:18px !important}
.cgh-pic{flex:0 0 220px !important}
.cgh-pic img{width:220px !important;height:auto !important}
.cgh-spec{font-size:13.5px !important;line-height:1.95 !important}
.cgh-tabs{margin-top:18px !important}
.cgh-tabs a{padding:11px 30px !important;font-size:14px !important}
@media (max-width:900px){
  .cgh-pic{flex:0 0 130px !important}
  .cgh-pic img{width:130px !important}
}
