/* 绵阳承荣组装有限公司 · 工业硬朗风格 */
:root{
  --bg:#f2efe9;        /* 低饱和麻灰打底 */
  --ink:#23262a;       /* 碳黑 */
  --accent:#d4551f;    /* 工业设备安全橙 */
  --steel:#3d566e;     /* 钢青蓝 */
  --line:#23262a;
  --fs-sm:0.78rem;
  --fs-base:1rem;
  --fs-md:1.3rem;
  --fs-lg:1.8rem;
  --fs-xl:2.6rem;
  --fs-hero:clamp(2.6rem,6vw,4.4rem);
  --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{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--ink);
  line-height:1.75;font-size:var(--fs-base);
}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--sp-6)}
h1,h2,h3{font-weight:800;line-height:1.25;letter-spacing:.02em}
h1{font-size:var(--fs-hero);text-transform:none}
h2{font-size:var(--fs-lg);border-left:6px solid var(--accent);padding-left:var(--sp-3);margin:var(--sp-12) 0 var(--sp-4)}
h3{font-size:var(--fs-md)}
p{max-width:68ch}
a{color:var(--steel);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--accent)}
a:focus,button:focus{outline:3px solid var(--accent);outline-offset:2px}

/* 页头 */
.site-head{background:var(--ink);color:var(--bg);border-bottom:4px solid var(--accent)}
.head-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding-top:var(--sp-3);padding-bottom:var(--sp-3);justify-content:space-between}
.site-head nav{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.site-head nav a{color:var(--bg);text-decoration:none;font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;padding:var(--sp-1) 0;border-bottom:2px solid transparent}
.site-head nav a:hover{border-bottom-color:var(--accent);color:#fff}
.site-head nav a[aria-current="page"]{border-bottom-color:var(--accent)}
.logo{display:block}

/* 面包屑 */
.breadcrumb{font-size:var(--fs-sm);letter-spacing:.12em;color:#6b6e73;margin:var(--sp-6) 0 var(--sp-4);display:flex;gap:var(--sp-2);flex-wrap:wrap}
.breadcrumb a{color:#6b6e73;text-decoration:none}
.breadcrumb a:hover{color:var(--accent);text-decoration:underline}

/* 首页首屏：满屏色块 */
.hero-block{background:var(--ink);color:var(--bg);margin:0 calc(-1 * var(--sp-6));padding:var(--sp-12) var(--sp-8)}
.hero-block .kicker{font-size:var(--fs-sm);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-3)}
.hero-block .lede{margin:var(--sp-6) 0;color:#d9d6cf;font-size:var(--fs-md);line-height:1.9}
.hero-img{width:100%;height:auto;display:block;border-top:4px solid var(--accent);margin-top:var(--sp-8)}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:var(--sp-3) var(--sp-6);font-weight:700;text-decoration:none;letter-spacing:.08em;border:2px solid var(--accent)}
.btn:hover{background:#b3431a;border-color:#b3431a;color:#fff}
.btn-line{background:transparent;color:var(--bg);border-color:var(--bg)}
.btn-line:hover{background:var(--bg);color:var(--ink)}

/* 能力区 */
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8);margin-top:var(--sp-6)}
.cap-grid h3{border-top:3px solid var(--ink);padding-top:var(--sp-3)}
.block-note{color:#6b6e73;font-size:var(--fs-sm)}

/* 九宫格 */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:var(--sp-6) 0 var(--sp-8)}
.item{border:2px solid var(--ink);padding:var(--sp-3)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.item h2,.item h3{font-size:var(--fs-base);margin:var(--sp-2) 0}
.item p{font-size:var(--fs-sm);color:#43464b}
.item ul{margin:var(--sp-2) 0 0 var(--sp-4);font-size:var(--fs-sm);color:#43464b}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程 */
.steps{list-style:none;counter-reset:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}
.steps li{border-top:4px solid var(--ink);padding-top:var(--sp-3)}
.steps li span{display:block;font-size:var(--fs-xl);font-weight:800;color:var(--accent)}
.steps li p,.steps-v p{font-size:var(--fs-sm);color:#43464b}
.steps-v{list-style:none;display:grid;gap:var(--sp-6);margin-top:var(--sp-4)}
.steps-v li{display:flex;gap:var(--sp-4);border-top:2px solid var(--ink);padding-top:var(--sp-3)}

/* FAQ */
dl dt{font-weight:800;margin-top:var(--sp-4);border-left:4px solid var(--steel);padding-left:var(--sp-3)}
dl dd{margin:var(--sp-2) 0 0 var(--sp-3);color:#43464b}
.faq-home dl{margin-top:var(--sp-4)}

/* CTA */
.cta-block{background:var(--steel);color:#fff;padding:var(--sp-12) var(--sp-8);margin:var(--sp-12) calc(-1 * var(--sp-6)) 0}
.cta-block h2{border-left-color:#fff;color:#fff;margin-top:0}
.cta-block .btn{border-color:#fff}
.cta-block .btn:hover{background:#fff;color:var(--steel)}

/* 页脚 */
.site-foot{background:var(--ink);color:var(--bg);margin-top:var(--sp-16);padding:var(--sp-8) 0;font-size:var(--fs-sm)}
.site-foot nav a{color:var(--bg);text-decoration:none}
.site-foot nav a:hover{color:var(--accent)}

/* About 图文错位首屏 */
.about-split{display:grid;grid-template-columns:5fr 7fr;gap:var(--sp-8);align-items:start;margin-top:var(--sp-6)}
.about-split h1{font-size:var(--fs-xl)}
.about-split img{width:100%;height:auto;border-left:6px solid var(--accent);margin-top:var(--sp-8)}
.about-lede{font-size:var(--fs-md);margin-top:var(--sp-4)}
.about-cols{max-width:820px}
.about-alt{background:#e8e4db;padding:var(--sp-6);margin:var(--sp-6) 0}
.about-alt h2{margin-top:0}

/* Services 导语 */
.svc-intro h1{font-size:clamp(2rem,4vw,3rem)}
.svc-intro p{margin-top:var(--sp-4);font-size:var(--fs-md)}

/* Contact 左窄右宽 */
.contact-split{display:grid;grid-template-columns:4fr 8fr;gap:var(--sp-12);margin-top:var(--sp-6)}
.contact-side img{width:100%;height:auto;margin-top:var(--sp-6);border-top:4px solid var(--steel)}
.contact-side p{margin-top:var(--sp-4)}

/* 文章页 */
.article h1{font-size:clamp(2rem,4vw,3rem);margin-top:var(--sp-4)}
.article-lede{font-size:var(--fs-md);margin-top:var(--sp-4)}
.article-img{width:100%;max-width:720px;height:auto;display:block;margin:var(--sp-6) 0;border:2px solid var(--ink)}
.article h2{margin-top:var(--sp-8)}
.cmp{border-collapse:collapse;width:100%;max-width:820px;margin:var(--sp-6) 0;font-size:var(--fs-sm)}
.cmp caption{caption-side:top;text-align:left;font-weight:800;padding-bottom:var(--sp-2)}
.cmp th,.cmp td{border:2px solid var(--ink);padding:var(--sp-2) var(--sp-3);text-align:left}
.cmp thead th{background:var(--ink);color:var(--bg)}

/* 响应式 */
@media(max-width:900px){
  .cap-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-split,.contact-split{grid-template-columns:minmax(0,1fr)}
  .hero-block{padding:var(--sp-8) var(--sp-4)}
  .cta-block{padding:var(--sp-8) var(--sp-4)}
}
@media(max-width:600px){
  .cap-grid,.steps{grid-template-columns:minmax(0,1fr)}
  .head-inner{justify-content:flex-start}
}