:root{
  --paper:#EDEAE2;      /* 米灰打底，来自车间地面与纸图的底色 */
  --ink:#1B1D21;        /* 钢材近黑 */
  --steel:#3E5A6B;      /* 冷轧钢板冷灰蓝 */
  --rust:#A8512A;       /* 低饱和铁锈橙，来自金属加工警示色 */
  --line:#2A2D33;
  --fs-hero:clamp(2.4rem,6vw,4.6rem);
  --fs-h1:clamp(1.9rem,4vw,3rem);
  --fs-h2:clamp(1.4rem,2.6vw,2rem);
  --fs-h3:1.15rem;
  --fs-body:1rem;
  --fs-small:.8125rem;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:var(--fs-body);line-height:1.75}
img{max-width:100%}
a{color:var(--steel);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rust)}
a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--sp-6)}
/* 头部：工业横条 */
.site-header{border-bottom:3px solid var(--line);background:var(--paper)}
.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.main-nav{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center}
.main-nav a{text-decoration:none;font-weight:600;font-size:var(--fs-small);letter-spacing:.08em;color:var(--ink);padding:var(--sp-2) var(--sp-2)}
.main-nav a:hover{color:var(--rust)}
.main-nav .nav-cta{border:2px solid var(--line);padding:var(--sp-2) var(--sp-4)}
.main-nav .nav-cta:hover{background:var(--line);color:var(--paper)}
/* 面包屑 */
.breadcrumb{font-size:12px;letter-spacing:.12em;color:#6A6D72;padding:var(--sp-4) 0;display:flex;gap:var(--sp-2)}
.breadcrumb a{color:#6A6D72;text-decoration:none}
.breadcrumb a:hover{color:var(--rust)}
/* hero：图文错位 */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-8);align-items:start;padding:var(--sp-12) 0 var(--sp-8)}
.kicker{font-size:var(--fs-small);letter-spacing:.3em;color:var(--rust);font-weight:700;margin-bottom:var(--sp-4)}
h1{font-size:var(--fs-h1);line-height:1.2;font-weight:900;letter-spacing:.01em}
.hero-copy h1{font-size:var(--fs-hero)}
.lead{max-width:38em;margin-top:var(--sp-6);font-size:1.0625rem}
.hero-actions{margin-top:var(--sp-6);display:flex;gap:var(--sp-4);flex-wrap:wrap}
.hero-fig{margin-top:var(--sp-16)} /* 错位：图块下移 */
.hero-fig img{border:3px solid var(--line);display:block;width:100%;height:auto}
.btn{display:inline-block;background:var(--rust);color:#fff;font-weight:700;padding:var(--sp-3) var(--sp-6);border:2px solid var(--rust);text-decoration:none;letter-spacing:.06em}
.btn:hover{background:#8E431F;border-color:#8E431F;color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--line);color:var(--paper)}
/* 指标带 */
.band{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--line);margin:var(--sp-8) 0}
.band-item{padding:var(--sp-6);border-right:2px solid var(--line)}
.band-item:last-child{border-right:none}
.band-item strong{display:block;font-size:var(--fs-h3);letter-spacing:.04em}
.band-item span{color:#4A4D52;font-size:var(--fs-small)}
/* 能力 */
.caps{padding:var(--sp-8) 0}
.caps h2,.svc-block h2,.process h2,.faq-block h2,.svc-head h1,.contact-hero h1,.about-copy h1,.faq-head h1,.guide h1,.c-process h2,.c-faq h2{border-left:6px solid var(--rust);padding-left:var(--sp-3)}
h2{font-size:var(--fs-h2);font-weight:800;margin-bottom:var(--sp-6)}
.cap-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.cap{border-top:3px solid var(--line);padding-top:var(--sp-4)}
.cap h3{font-size:var(--fs-h3);margin-bottom:var(--sp-2);font-weight:800}
.cap p{color:#33363B;max-width:32em}
/* 九宫格契约 */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:2px solid var(--line);padding:var(--sp-4);background:#F4F2EC}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(20%) contrast(1.05)}
.item h2,.item h3{font-size:1.0625rem;margin:var(--sp-3) 0 var(--sp-1)}
.item p{font-size:var(--fs-small);color:#3A3D42}
.item ul{margin:var(--sp-2) 0 0 var(--sp-4);font-size:var(--fs-small);color:#4A4D52}
.sec-lead{max-width:42em;margin-bottom:var(--sp-6);color:#33363B}
/* 流程 */
.process,.c-process{padding:var(--sp-8) 0}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);counter-reset:none}
.step-no{font-size:var(--fs-h2);font-weight:900;color:var(--rust);display:block;line-height:1}
.steps h3{font-size:var(--fs-h3);margin:var(--sp-2) 0}
.steps p{font-size:var(--fs-small);color:#3A3D42}
/* FAQ */
.faq-block,.faq-page-list,.c-faq{padding:var(--sp-8) 0}
.qa-list{display:grid;gap:var(--sp-3)}
.qa{border:2px solid var(--line);background:#F4F2EC;padding:var(--sp-4)}
.qa summary{cursor:pointer;font-weight:700}
.qa summary:hover{color:var(--rust)}
.qa p{margin-top:var(--sp-2);color:#33363B}
.faq-page-list .qa h2{font-size:var(--fs-h3);border:none;padding:0;margin-bottom:var(--sp-1)}
.faq-page-list{display:grid;gap:var(--sp-6);max-width:70ch}
/* 服务页头 */
.svc-head,.contact-hero,.faq-head{padding:var(--sp-8) 0 var(--sp-4)}
.svc-head h1,.contact-hero h1,.about-copy h1,.faq-head h1{margin-bottom:var(--sp-4)}
/* 关于 */
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);padding:var(--sp-8) 0;align-items:center}
.about-fig img{border:3px solid var(--line);display:block;width:100%;height:auto}
.about-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);padding-bottom:var(--sp-8)}
.about-sec h2{font-size:1.375rem}
.about-sec p{color:#33363B;max-width:34em}
/* 联系 */
.contact-fig img{border:3px solid var(--line);display:block;width:100%;max-width:520px;height:auto;margin:var(--sp-6) 0}
/* 指南 */
.guide{max-width:70ch;padding:var(--sp-8) 0}
.guide h2{font-size:1.375rem;margin-top:var(--sp-8)}
.article-meta{font-size:var(--fs-small);color:#6A6D72;letter-spacing:.1em;margin:var(--sp-3) 0 var(--sp-6)}
.cmp-table{width:100%;border-collapse:collapse;margin:var(--sp-6) 0;font-size:var(--fs-small)}
.cmp-table th,.cmp-table td{border:2px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top}
.cmp-table th{background:var(--steel);color:#fff;font-weight:700}
.cmp-table tr:nth-child(even) td{background:#F4F2EC}
/* CTA */
.cta{border-top:3px solid var(--line);margin-top:var(--sp-12);padding:var(--sp-8) 0 var(--sp-12)}
.cta h2{border:none;padding:0}
.cta p{max-width:38em;margin-bottom:var(--sp-4)}
/* 页脚 */
.site-footer{border-top:3px solid var(--line);margin-top:var(--sp-8);padding:var(--sp-8) 0}
.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-6)}
.footer-row nav{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center}
.footer-row nav a{font-size:var(--fs-small);letter-spacing:.06em;color:var(--ink);text-decoration:none}
.footer-row nav a:hover{color:var(--rust)}
.footer-row p{font-size:var(--fs-small);color:#4A4D52;margin-top:var(--sp-2)}
@media(max-width:900px){
  .hero,.about-hero{grid-template-columns:1fr}
  .hero-fig{margin-top:var(--sp-4)}
  .cap-row{grid-template-columns:1fr}
  .band{grid-template-columns:1fr}
  .band-item{border-right:none;border-bottom:2px solid var(--line)}
  .band-item:last-child{border-bottom:none}
  .steps{grid-template-columns:1fr 1fr}
  .about-body{grid-template-columns:1fr}
}
@media(max-width:760px){
  .items{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:1fr}
}