/* ============ 沧州晟良官网 · 设计系统 v2（工业白 + 石墨灰 + 曜石橙） ============ */
:root{
  --brand-orange:#E4611F;          /* 机身橙：交互 + 照片中机器自身 */
  --cta:#C64E15;                   /* 深橙 CTA，配白字 4.66:1 */
  --cta-hover:#B84A12;
  --cta-grad:linear-gradient(135deg,#E4611F 0%,#C64E15 100%);
  --orange-soft:#FFF2EA;
  --orange-line:#F3D6C3;
  --graphite:#23282E;
  --ink:#171B20;
  --mid-gray:#5B636B;
  --text:#22262B;                  /* 正文 15.22:1 */
  --border:#E6E9EC;
  --form-border:#8A9299;
  --bg:#FFFFFF;
  --card:#F6F7F8;
  --success:#1E7A4C;
  --warn:#B45309;
  --warn-bg:#FEF3C7;
  --danger:#C0392B;
  --shadow-sm:0 1px 2px rgba(16,24,40,.06);
  --shadow:0 8px 24px rgba(16,24,40,.08);
  --shadow-lg:0 20px 48px rgba(16,24,40,.14);
  --radius:14px;
  --radius-sm:10px;
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC","WenQuanYi Micro Hei",sans-serif;
  --maxw:1180px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-size:16px;line-height:1.8;font-weight:400;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--cta);text-decoration:none;transition:color .2s;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:var(--ink);line-height:1.3;font-weight:800;margin:1.4em 0 .6em;letter-spacing:.2px;overflow-wrap:break-word;}
h1{font-size:36px;}
h2{font-size:27px;margin-top:1.8em;}
h3{font-size:19px;}
p{margin:0 0 1em;max-width:44em;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px;}

/* ---------- 分节 ---------- */
.section{padding:64px 0;}
.section--soft{background:var(--card);}
.section--dark{background:var(--graphite);color:#fff;}
.section--dark h2,.section--dark h3{color:#fff;}
/* 分节标题组件 */
.section-head{max-width:760px;margin:0 auto 40px;text-align:center;}
.section-head.left{margin-left:0;text-align:left;}
.section-head h2{margin:8px 0 10px;font-size:30px;}
.section-head .lead{font-size:16px;color:var(--mid-gray);margin:0 auto;}
.eyebrow{display:inline-block;color:var(--cta);font-weight:800;font-size:13px;letter-spacing:2px;}
.eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--cta);vertical-align:middle;margin-right:9px;}

/* ---------- 顶部通栏 ---------- */
.topbar{background:var(--graphite);color:#fff;font-size:13px;line-height:38px;height:38px;overflow:hidden;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.topbar a{color:#fff;}
.topbar .tb-right{font-weight:700;}
.topbar .tb-right a{color:#FFD9C2;}

/* ---------- 主导航 ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);}
.header .container{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px;}
.logo{display:flex;align-items:center;gap:10px;line-height:1.05;text-decoration:none;}
.logo .logo-mark{width:42px;height:42px;border-radius:7px;display:block;flex:0 0 auto;box-shadow:0 1px 4px rgba(0,0,0,.14);}
.logo .logo-text{display:flex;flex-direction:column;}
.logo .brand{font-size:21px;font-weight:900;color:var(--graphite);letter-spacing:.5px;}
.logo .en{font-size:10px;letter-spacing:1.2px;color:var(--brand-orange);font-weight:800;}
.nav{display:flex;align-items:center;gap:4px;}
.nav-item{position:relative;}
.nav-item>a{display:inline-block;color:var(--graphite);font-size:15px;font-weight:600;padding:10px 13px;border-radius:9px;}
.nav-item>a:hover{color:var(--cta);background:var(--orange-soft);text-decoration:none;}
.nav-item.has-children>a::after{content:"▾";font-size:11px;margin-left:5px;color:var(--mid-gray);}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--shadow-lg);padding:10px;display:none;}
.nav-item.has-children:hover .dropdown{display:block;}
.dropdown a{display:block;padding:9px 12px;border-radius:8px;color:var(--text);font-size:14px;font-weight:500;}
.dropdown a:hover{background:var(--orange-soft);color:var(--cta);text-decoration:none;}
.nav-toggle{display:none;background:none;border:0;font-size:24px;color:var(--graphite);cursor:pointer;}
@media(max-width:1000px){
  .nav{position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);
    flex-direction:column;align-items:stretch;gap:0;display:none;padding:10px 22px 20px;box-shadow:var(--shadow);}
  .nav.open{display:flex;}
  .nav-item>a{padding:12px 0;width:100%;border-bottom:1px solid var(--border);border-radius:0;}
  .nav-item.has-children>a::after{float:right;}
  .dropdown{position:static;box-shadow:none;border:0;padding:4px 0 8px 12px;min-width:0;}
  .nav-item.has-children:hover .dropdown{display:block;}
  .nav-toggle{display:block;}
}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:10px;
  font-size:16px;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;}
.btn-primary{background:var(--cta-grad);color:#fff;box-shadow:0 8px 20px rgba(198,78,21,.28);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(198,78,21,.36);text-decoration:none;}
.btn-secondary{background:#fff;color:var(--cta);border-color:var(--orange-line);}
.btn-secondary:hover{background:var(--orange-soft);border-color:var(--cta);text-decoration:none;}
.btn-lg{height:54px;padding:0 30px;font-size:17px;}
.btn-block{width:100%;}

/* ---------- 卡片 ---------- */
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .25s;}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.grid{display:grid;gap:22px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}
/* 卡片内图片统一 3:2，卡片等高 */
.grid .card{display:flex;flex-direction:column;}
.grid .card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:14px;}
.grid .card h3{margin:0 0 6px;}
.grid .card>p:last-child{margin-bottom:0;}
.card .more{margin-top:auto;padding-top:12px;font-weight:700;font-size:14px;}

/* ---------- 表格 ---------- */
table.spec-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:15px;margin:1.1em 0;
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
table.spec-table th,table.spec-table td{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;}
table.spec-table tbody tr:last-child td{border-bottom:0;}
table.spec-table thead th{background:var(--graphite);color:#fff;font-weight:700;}
table.spec-table tbody tr:nth-child(even){background:var(--card);}
@media(max-width:680px){table.spec-table{display:block;overflow-x:auto;white-space:nowrap;}}

/* ---------- 面包屑 ---------- */
.breadcrumb{font-size:13px;color:var(--mid-gray);padding:16px 0 0;}
.breadcrumb a{color:var(--mid-gray);}
.breadcrumb a:hover{color:var(--cta);}
.breadcrumb span{margin:0 7px;}

/* ---------- 待确认 / 核验中（B 级中性样式） ---------- */
.pending,.cert-pending{display:inline-block;background:var(--card);color:var(--mid-gray);border:1px dashed var(--border);border-radius:6px;padding:3px 10px;font-size:14px;}
.cert-pending{display:block;margin:.4em 0;padding:10px 14px;}
.verify-hint{font-size:14px;color:var(--mid-gray);}

/* ---------- 行业典型值（★ 待厂家实测确认） ----------
   背景：这批参数来自同业公开资料的主流区间，不是晟良设备的实测值。
   用**中性灰蓝虚线**而不是品牌橙：既与 .pending 的「待确认」语义一致，
   又不显得像在强调卖点，避免访客把行业典型值误当成厂家实测数据。 */
table.spec-table td.typical{color:var(--mid-gray);position:relative;padding-left:24px;}
table.spec-table td.typical::before{content:"★";position:absolute;left:8px;top:12px;
  color:var(--mid-gray);font-size:13px;line-height:1;}
.param-note{font-size:14px;color:var(--mid-gray);background:var(--card);
  border-left:3px solid var(--border);padding:10px 14px;margin:0 0 1.2em;border-radius:0 6px 6px 0;}
.param-note b{color:var(--text);}

/* ---------- 造型图鉴 ---------- */
.shape-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin:1em 0;}
.shape-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.shape-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s;}
.shape-gallery figure:hover img{transform:scale(1.05);}
.shape-gallery figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;
  font-size:14px;font-weight:600;padding:26px 14px 12px;}

/* ---------- 信任条 ---------- */
.trust-bar{display:flex;flex-wrap:wrap;gap:12px 30px;align-items:center;justify-content:center;font-size:15px;color:var(--graphite);}
.trust-bar .t-item{position:relative;padding-left:16px;font-weight:600;}
.trust-bar .t-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--brand-orange);border-radius:2px;}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(720px 360px at 88% -10%, #FFE7D6 0%, rgba(255,231,214,0) 60%),
  linear-gradient(180deg,#FBFBFC 0%,#F4F5F7 100%);}
.hero .container{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:72px 22px 60px;}
.hero h1{font-size:44px;line-height:1.22;margin:14px 0 10px;text-align:left;}
.hero .slogan{font-size:22px;font-weight:800;color:var(--cta);margin:0 0 10px;}
.hero .sub{font-size:16px;color:var(--mid-gray);max-width:34em;}
.hero-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-badges .hb{background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600;color:var(--graphite);box-shadow:var(--shadow-sm);}
.hero-badges .hb b{color:var(--cta);}
.hero-img{position:relative;}
.hero-img img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-lg);}
@media(max-width:1000px){.hero .container{grid-template-columns:1fr;padding:48px 22px;}.hero h1{font-size:32px;}}
/* 产品页首屏——用独立类，切勿复用 .hero：
   .hero .container 自带 grid-template-columns:1.05fr .95fr，
   在它内部再放一个 .container 会让内容只占左半栏（右侧大片留白）。 */
.p-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;margin:-20px 0 26px;}
.p-hero h1{margin:.1em 0 .5em;font-size:clamp(27px,3.1vw,38px);line-height:1.26;}
@media(max-width:1000px){.p-hero{grid-template-columns:1fr;gap:22px;margin-top:-8px;}}

/* ---------- 联系电话 / 地址 / 微信 ---------- */
.contact-phone{font-size:32px;font-weight:900;color:var(--cta);margin:.2em 0;letter-spacing:.5px;}
.contact-phone a{color:var(--cta);}
.contact-address{font-style:normal;font-size:17px;color:var(--graphite);background:var(--orange-soft);border-left:4px solid var(--brand-orange);padding:13px 18px;border-radius:8px;display:inline-block;}
/* ---------- 联系页：电话 + 微信二维码（双卡） ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:6px;}
.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:#fff;border:1px solid var(--border);border-radius:20px;padding:46px 30px;box-shadow:var(--shadow-sm);}
.contact-card--primary{background:linear-gradient(180deg,#FFF7F1 0%,#FFFFFF 58%);border-color:var(--orange-line);}
.contact-card h2{margin:0 0 18px;font-size:18px;font-weight:800;color:var(--graphite);letter-spacing:1.5px;}
.contact-card .cc-body{margin-top:18px;}
.contact-card .cc-body p{max-width:24em;margin:0 0 .6em;color:var(--mid-gray);font-size:15px;}
.contact-card .cc-body p:last-child{margin-bottom:0;}
.cc-phone{display:block;font-size:clamp(34px,4.2vw,50px);font-weight:900;color:var(--cta);
  letter-spacing:1px;line-height:1.1;margin:0;font-variant-numeric:tabular-nums;}
.cc-phone:hover{color:var(--cta-hover);text-decoration:none;}
.cc-qr{width:250px;height:250px;padding:10px;background:#fff;border:1px solid var(--border);
  border-radius:16px;margin:0 0 14px;box-shadow:var(--shadow-sm);}
.cc-qr-btn{font-size:14px;padding:8px 16px;}
@media(max-width:820px){
  .contact-grid{grid-template-columns:1fr;}
  .contact-card{padding:38px 22px;}
  .cc-phone{font-size:38px;}
  .cc-qr{width:230px;height:230px;}
}

/* ---------- FAQ ---------- */
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;margin:.7em 0;background:#fff;transition:box-shadow .2s,border-color .2s;}
.faq-item:hover{box-shadow:var(--shadow-sm);border-color:var(--orange-line);}
.faq-item .q{font-weight:800;color:var(--ink);}
.faq-item .q::before{content:"Q";display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:var(--orange-soft);color:var(--cta);border-radius:6px;font-size:12px;font-weight:900;margin-right:9px;vertical-align:2px;}
.faq-item .a{color:var(--text);margin:.5em 0 0;}

/* ---------- 新闻 ---------- */
.news-card{display:flex;gap:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:.7em 0;transition:box-shadow .2s,transform .2s;}
.news-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.news-card img{width:180px;height:120px;object-fit:cover;border-radius:var(--radius-sm);flex:none;}
.news-card .meta{font-size:13px;color:var(--mid-gray);}
.news-card h3{font-size:18px;margin:4px 0;}
@media(max-width:600px){.news-card{flex-direction:column;}.news-card img{width:100%;height:190px;}}

/* ---------- 移动端吸底条（≤768px） ---------- */
.mobile-sticky{display:none;}
@media(max-width:768px){
  .mobile-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:58px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(0,0,0,.06);}
  .mobile-sticky a{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;gap:6px;}
  .mobile-sticky .ms-call{background:var(--cta-grad);color:#fff;}
  .mobile-sticky .ms-wechat,.mobile-sticky .ms-form{color:var(--cta);border-left:1px solid var(--border);}
  body{padding-bottom:58px;}
}

/* ---------- PC 悬浮侧栏 ---------- */
.float-sidebar{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:55;flex-direction:column;gap:10px;display:none;}
.float-sidebar.show{display:flex;}
.float-sidebar a{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cta);box-shadow:var(--shadow);font-size:11px;font-weight:700;line-height:1.15;transition:background .2s,transform .2s;}
.float-sidebar a:hover{background:var(--orange-soft);text-decoration:none;transform:translateX(-2px);}
@media(max-width:768px){.float-sidebar{display:none!important;}}

/* ---------- 微信弹层 ---------- */
.wechat-modal{position:fixed;inset:0;background:rgba(16,20,24,.55);z-index:70;display:none;align-items:center;justify-content:center;padding:20px;}
.wechat-modal.open{display:flex;}
.wechat-modal .box{background:#fff;border-radius:16px;padding:26px;max-width:340px;text-align:center;box-shadow:var(--shadow-lg);}
.wechat-modal .box img{max-width:264px;margin:10px auto;border-radius:10px;}
.wechat-modal .close{margin-top:12px;}

/* ---------- 询价表单 ---------- */
.inquiry{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;}
.inquiry label{display:block;font-weight:700;margin:14px 0 6px;font-size:15px;}
.inquiry input,.inquiry textarea,.inquiry select{width:100%;padding:11px 13px;border:1px solid var(--form-border);border-radius:9px;font-size:15px;font-family:inherit;background:#fff;}
.inquiry input:focus,.inquiry textarea:focus{outline:2px solid var(--orange-line);border-color:var(--cta);}
.inquiry .required{color:var(--danger);}
.inquiry .privacy{margin-top:14px;font-size:13px;color:var(--mid-gray);}
.inquiry .success{display:none;background:#EAF6EF;border:1px solid var(--success);color:var(--success);padding:14px;border-radius:9px;margin-top:14px;}

/* ---------- 页脚 ---------- */
.footer{background:var(--graphite);color:#cfd4d9;padding:52px 0 0;font-size:14px;}
.footer a{color:#cfd4d9;transition:color .2s;}
.footer a:hover{color:#fff;text-decoration:none;}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px;}
.footer h4{color:#fff;font-size:15px;margin:0 0 14px;}
.footer .footer-brand{display:flex;align-items:center;gap:12px;}
.footer .footer-brand img{width:40px;height:40px;border-radius:7px;flex:0 0 auto;display:block;}
.footer .brand-name{color:#fff;font-size:18px;font-weight:900;letter-spacing:.4px;line-height:1.25;}
.footer .brand-en{color:#9aa1a8;font-size:10px;letter-spacing:.5px;margin-top:3px;}
.footer ul{list-style:none;margin:0;padding:0;}
.footer li{margin:8px 0;}
.footer .bottom{border-top:1px solid #3a4047;margin-top:34px;padding:18px 0;font-size:13px;color:#9aa1a8;text-align:center;}
.footer .bottom .beian{margin-left:10px;padding-left:12px;border-left:1px solid #3a4047;}
.footer .bottom .beian a{color:#9aa1a8;}
.footer .bottom .beian a:hover{color:#fff;}
@media(max-width:820px){.footer .cols{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.footer .cols{grid-template-columns:1fr;}}

/* ---------- B-图级占位符（盘圆机） ---------- */
.img-placeholder{position:relative;background:repeating-linear-gradient(45deg,#eef0f2,#eef0f2 12px,#e6e9ec 12px,#e6e9ec 24px);
  border:1px solid var(--border);border-radius:var(--radius-sm);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;color:var(--mid-gray);font-weight:700;}
.img-placeholder .badge{position:absolute;top:10px;left:10px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);border-radius:6px;padding:3px 10px;font-size:13px;font-weight:800;}

/* ---------- 视频展示 ---------- */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:1.2em 0;}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
.video-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .25s;}
.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.video-card video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;display:block;}
.video-card .vc-body{padding:13px 15px;display:flex;flex-direction:column;gap:6px;}
.video-card .vc-tag{align-self:flex-start;font-size:12px;font-weight:800;color:var(--cta);background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:999px;padding:2px 10px;}
.video-card h3{font-size:16px;margin:0;}
.video-card p{font-size:13.5px;color:var(--mid-gray);margin:0;max-width:none;}
.video-hint{font-size:14px;color:var(--mid-gray);margin-top:16px;text-align:center;}

/* ---------- CTA 横幅 ---------- */
.cta-band{background:var(--graphite);color:#fff;border-radius:var(--radius);padding:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  background-image:radial-gradient(500px 200px at 90% 0%, rgba(228,97,31,.35), transparent 70%);}
.cta-band h2{color:#fff;margin:0 0 6px;font-size:24px;}
.cta-band p{color:#c9cfd6;margin:0;max-width:36em;}

/* ---------- 通用 ---------- */
.muted{color:var(--mid-gray);}
.text-center{text-align:center;}
.mt-0{margin-top:0;}
.note{font-size:14px;color:var(--mid-gray);}
.lead{font-size:17px;color:var(--mid-gray);}
.pill{display:inline-block;background:var(--orange-soft);color:var(--cta);border:1px solid var(--orange-line);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;}

/* ---------- 关于页：应用领域 / 品控流程 列表（旧样式，保留兼容） ---------- */
.app-list,.flow-list{margin:12px 0 16px;padding-left:24px;}
.app-list li,.flow-list li{margin:7px 0;line-height:1.8;}
.app-list li::marker{color:var(--cta);}
.flow-list li::marker{color:var(--cta);font-weight:900;}

/* ================= 关于我们页 ================= */

/* 首屏：左文右图 */
.about-hero{padding:58px 0 10px;}
.about-hero .container{display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center;}
.about-hero h1{font-size:clamp(27px,3.3vw,38px);margin:.35em 0 .6em;line-height:1.3;}
.ah-text .lead{margin-bottom:22px;}
/* 事实条在关于页固定两列，避免标签长度不一导致换行参差 */
.about-hero .hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:start;}
@media(max-width:560px){.about-hero .hero-badges{grid-template-columns:1fr;}}
.ah-figure{margin:0;position:relative;}
.ah-figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-lg);}
.ah-figure figcaption{position:absolute;left:14px;bottom:14px;background:rgba(23,27,32,.76);color:#fff;
  font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;backdrop-filter:blur(6px);}
@media(max-width:1000px){.about-hero{padding:38px 0 6px;}.about-hero .container{grid-template-columns:1fr;gap:26px;}}

/* 正文容器 */
.prose{max-width:52em;}
.prose p:last-child{margin-bottom:0;}
.prose ul,.prose ol{margin:12px 0 16px;padding-left:24px;}
.prose li{margin:7px 0;line-height:1.8;}
.prose li::marker{color:var(--cta);}

/* 三大核心工艺 */
.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.craft-card{position:relative;background:#fff;border:1px solid var(--border);border-top:3px solid var(--brand-orange);
  border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm);}
.craft-idx{position:absolute;top:20px;right:22px;font-size:26px;font-weight:900;color:var(--orange-line);letter-spacing:1px;}
.craft-card h3{margin:0 0 8px;font-size:19px;}
.craft-card p{margin:0;font-size:14.5px;color:var(--mid-gray);}
@media(max-width:820px){.craft-grid{grid-template-columns:1fr;gap:14px;}}

/* 应用领域卡（2×2） */
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0;}
.info-card{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--brand-orange);
  border-radius:var(--radius-sm);padding:22px 24px;}
.info-card h3{margin:0 0 6px;font-size:17px;}
.info-card p{margin:0;font-size:14.5px;color:var(--mid-gray);}
@media(max-width:700px){.card-grid{grid-template-columns:1fr;}}

/* 资质卡 */
.cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 18px;}
.cred-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm);}
.cred-v{font-size:23px;font-weight:900;color:var(--cta);line-height:1.3;}
.cred-t{font-size:14px;font-weight:800;color:var(--graphite);margin:6px 0 10px;letter-spacing:.5px;}
.cred-card p{margin:0;font-size:14px;color:var(--mid-gray);}
@media(max-width:820px){.cred-grid{grid-template-columns:1fr;gap:14px;}}
/* 关于我们 · 专利证书实拍（宽幅通栏，点击查看原图）
   证书是 3 张横排图（2.31:1），桌面端通栏展示，窄屏靠点击放大看细节。 */
.cred-figure{margin:24px 0 18px;}
.cred-figure a{display:block;position:relative;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:box-shadow .25s,transform .25s;}
.cred-figure a:hover{box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none;}
.cred-figure img{display:block;width:100%;height:auto;}
.cred-figure .zoom-hint{position:absolute;right:14px;bottom:14px;background:rgba(23,27,32,.76);color:#fff;
  font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;letter-spacing:.3px;}
.cred-figure figcaption{margin-top:12px;font-size:14px;color:var(--mid-gray);text-align:center;}
@media(max-width:680px){
  .cred-figure .zoom-hint{right:8px;bottom:8px;font-size:11.5px;padding:5px 10px;}
  .cred-figure figcaption{font-size:13px;}
}

/* 资质核验提示 */
.verify-hint{font-size:14px;color:var(--mid-gray);background:var(--card);border:1px dashed var(--border);
  border-radius:var(--radius-sm);padding:14px 18px;margin:0;max-width:54em;}

/* 品控四步流程 */
.step-grid{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.step-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:26px 22px 22px;box-shadow:var(--shadow-sm);}
.step-card::after{content:"";position:absolute;top:40px;right:-16px;width:16px;height:2px;background:var(--orange-line);}
.step-card:last-child::after{display:none;}
.step-idx{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:var(--cta-grad);color:#fff;font-weight:900;font-size:13.5px;margin-bottom:12px;}
.step-card h3{margin:0 0 6px;font-size:16.5px;}
.step-card p{margin:0;font-size:14px;color:var(--mid-gray);}
@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,1fr);}.step-card::after{display:none;}}
@media(max-width:560px){.step-grid{grid-template-columns:1fr;gap:12px;}}

/* 服务三阶段 */
.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0 0;}
.stage-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 22px;}
.stage-tag{display:inline-block;background:var(--orange-soft);color:var(--cta);border:1px solid var(--orange-line);
  border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800;}
.stage-card h3{margin:10px 0 6px;font-size:17px;}
.stage-card p{margin:0;font-size:14px;color:var(--mid-gray);}
@media(max-width:820px){.stage-grid{grid-template-columns:1fr;gap:14px;}}

/* 浅底分节上的卡片改白底，保证对比 */
.section--soft .info-card,.section--soft .cred-card,
.section--soft .step-card,.section--soft .stage-card{background:#fff;}

/* 结尾 CTA 按钮组 + 相关页面胶囊 */
.cta-band-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.related-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0;}
.rel-link{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:999px;
  padding:9px 20px;font-weight:700;font-size:15px;color:var(--graphite);transition:background .2s,border-color .2s,color .2s;}
.rel-link:hover{background:var(--orange-soft);border-color:var(--orange-line);color:var(--cta);text-decoration:none;}

/* ================= 移动端排版（2026-10-21） =================
   背景手机端截图反馈：桌面字号（h1 36 / h2 27 / lead 17）原样落到 ≤640px 屏幕，
   长标题（如产品中心 H1）顶满整屏、正文比例失衡。
   此块必须置于文件末尾：同权重的 .hero h1 / .section-head h2 等规则在前文，
   放前面会被覆盖（后出现的同权重规则胜出）。 */
@media(max-width:640px){
  body{font-size:15px;line-height:1.75;}
  h1{font-size:24px;margin:1.2em 0 .5em;}
  h2{font-size:20px;}
  h3{font-size:17px;}
  .section{padding:42px 0;}
  .container{padding:0 18px;}
  .lead{font-size:15px;}
  .section-head{margin-bottom:28px;}
  .section-head h2{font-size:22px;}
  .section-head .lead{font-size:15px;}
  .hero .container{padding:38px 18px 34px;}
  .hero h1{font-size:25px;}
  .hero .slogan{font-size:18px;}
  .hero .sub{font-size:15px;}
  .p-hero h1{font-size:24px;}
  .about-hero h1{font-size:24px;}
  .contact-phone{font-size:26px;}
  .contact-address{font-size:15px;}
  .cc-phone{font-size:32px;}
  .cta-band{padding:24px 18px;}
  .cta-band h2{font-size:20px;}
  .card{padding:18px;}
  .inquiry{padding:18px 16px;}
  .footer{padding-top:38px;}
  /* 顶部通栏：手机上只保留电话，左侧宣传语让位（否则两段文字互相挤压截断） */
  .topbar{font-size:12.5px;}
  .topbar .tb-left{display:none;}
  .topbar .container{justify-content:center;}
}