:root{
  --ink:#20262B;          /* 深钢灰，来自钢架货架 */
  --paper:#F4F1EA;        /* 低饱和暖灰纸底 */
  --amber:#B4641E;        /* 低饱和库房警示橙 */
  --amber-dk:#8A4B14;
  --line:#20262B;
  --mut:#5A6167;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --fs-xs:12px; --fs-sm:14px; --fs-base:17px; --fs-md:22px; --fs-lg:34px; --fs-xl:56px;
  --font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--fs-base);line-height:1.75}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s5)}
a{color:var(--amber-dk);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--amber)}
a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
h1,h2,h3{font-weight:800;letter-spacing:.04em;line-height:1.25}
h2{font-size:var(--fs-lg);margin:var(--s7) 0 var(--s5);border-left:6px solid var(--amber);padding-left:var(--s4)}
p{max-width:68ch}

/* header */
.site-head{border-bottom:3px solid var(--line);background:var(--paper)}
.head-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s4);padding-bottom:var(--s4)}
.site-nav a{margin-left:var(--s4);font-size:var(--fs-sm);font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--ink);padding-bottom:2px;border-bottom:2px solid transparent}
.site-nav a:hover{border-bottom-color:var(--amber)}
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.14em;color:var(--mut);padding:var(--s4) 0}
.breadcrumb a{color:var(--mut);text-decoration:none}
.breadcrumb a:hover{color:var(--amber)}
.breadcrumb span{margin:0 var(--s2)}

/* buttons */
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:var(--s3) var(--s5);font-weight:700;letter-spacing:.08em;text-decoration:none;border:2px solid var(--ink)}
.btn:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.kicker{font-size:var(--fs-xs);letter-spacing:.3em;color:var(--amber-dk);font-weight:700;margin-bottom:var(--s3)}

/* index hero: 图文错位 */
.hero-index{padding:var(--s8) 0 var(--s7)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s7);align-items:start}
.hero-copy h1{font-size:var(--fs-xl)}
.lead{font-size:var(--fs-md);line-height:1.85;margin:var(--s5) 0}
.hero-fig{margin-top:var(--s7);transform:translateY(-24px);border:3px solid var(--line)}
.hero-fig img{display:block;width:100%;height:auto}
.hero-actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s5)}

/* 能力：主叙述+侧注感 */
.capa{border-top:3px solid var(--line);padding-bottom:var(--s7)}
.capa-block{margin-top:var(--s5);padding-left:var(--s6);border-left:1px solid var(--mut)}
.capa-block h3{font-size:var(--fs-md);color:var(--amber-dk);margin-bottom:var(--s3)}

/* items 九宫格 */
.svc-band{background:var(--ink);color:var(--paper);padding:var(--s7) 0}
.svc-band h2{border-left-color:var(--amber);color:var(--paper)}
.sec-note{color:#C9C4B8;margin-bottom:var(--s5)}
.sec-note a{color:var(--amber)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{background:var(--paper);color:var(--ink);border:2px solid var(--line)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:2px solid var(--line)}
.item h2,.item h3{font-size:var(--fs-md);padding:var(--s4) var(--s4) 0}
.items h2{border:none;margin:0;padding-left:var(--s4)}
.item p{padding:var(--s2) var(--s4) 0;font-size:var(--fs-sm);line-height:1.7}
.item ul{list-style:none;padding:var(--s3) var(--s4) var(--s4)}
.item li{font-size:var(--fs-sm);padding-left:var(--s4);position:relative;color:var(--mut);margin-top:var(--s1)}
.item li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:2px;background:var(--amber)}

/* 流程 */
.process{padding:var(--s8) 0}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);counter-reset:none;margin-top:var(--s5)}
.steps li{border-top:3px solid var(--line);padding-top:var(--s4)}
.steps .no{font-size:var(--fs-lg);font-weight:800;color:var(--amber);display:block;letter-spacing:.05em}
.steps h3{font-size:var(--fs-md);margin:var(--s2) 0}
.steps p{font-size:var(--fs-sm);color:var(--mut)}

/* faq */
.faq-home,.faq-list,.contact-faq{padding-bottom:var(--s7)}
.faq-home h2,.faq-list h2,.contact-faq h2{margin-top:var(--s6)}
dl dt{font-weight:800;margin-top:var(--s5);letter-spacing:.03em}
dl dd{margin-top:var(--s2);color:#333A40;max-width:68ch}

/* cta */
.cta{background:var(--amber);color:#fff;padding:var(--s8) 0}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
.cta h2{border:none;color:#fff;margin:0;padding:0;font-size:var(--fs-lg)}
.cta .btn{background:#fff;color:var(--amber-dk);border-color:#fff}
.cta .btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* services hero: 左右分栏 */
.svc-hero{padding:var(--s7) 0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.split h1{font-size:var(--fs-lg)}
.hero-fig img{border:3px solid var(--line)}
.svc-note{border-top:3px solid var(--line);padding-bottom:var(--s7)}

/* about hero: 满屏色块 */
.about-hero{padding:var(--s7) 0 0}
.about-hero h1{font-size:var(--fs-xl)}
.about-hero .lead{max-width:60ch}
.band{background:var(--ink);margin-top:var(--s6);padding:var(--s7) 0}
.band-inner img{width:100%;height:auto;display:block;border:3px solid var(--amber)}
.about-text{padding-bottom:var(--s8)}
.about-text p{margin-bottom:var(--s5)}

/* contact hero: 超大字标题 */
.contact-hero{padding:var(--s8) 0 var(--s7)}
.mega{font-size:var(--fs-xl);letter-spacing:.06em;line-height:1.2}
.contact-flow{border-top:3px solid var(--line);padding-bottom:var(--s7)}
.contact-faq{border-top:3px solid var(--line)}

/* guide */
.guide-head{padding:var(--s7) 0}
.guide-head h1{font-size:var(--fs-xl)}
.guide-body{padding-bottom:var(--s8)}
.guide-body h2{margin-top:var(--s7)}
.guide-body p{margin-bottom:var(--s4)}
table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:var(--fs-sm)}
caption{caption-side:top;text-align:left;font-weight:800;padding-bottom:var(--s3);letter-spacing:.1em}
th,td{border:1px solid var(--line);padding:var(--s3) var(--s4);text-align:left;vertical-align:top}
thead th{background:var(--ink);color:var(--paper)}
tbody th{background:#EAE5D9;width:9em}
.checklist{list-style:none;margin:var(--s4) 0 var(--s5);max-width:60ch}
.checklist li{padding:var(--s3) 0 var(--s3) var(--s5);border-bottom:1px solid var(--mut);position:relative}
.checklist li::before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:800}

/* footer */
.site-foot{border-top:3px solid var(--line);padding:var(--s6) 0;margin-top:var(--s7)}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);font-size:var(--fs-sm)}
.site-foot nav a{margin-right:var(--s4);text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.08em}
.site-foot nav a:hover{color:var(--amber)}

@media(max-width:900px){
  :root{--fs-xl:40px;--fs-lg:28px;--fs-md:20px}
  .hero-grid,.split{grid-template-columns:minmax(0,1fr)}
  .hero-fig{transform:none;margin-top:var(--s5)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta h2{margin-bottom:var(--s4)}
}
@media(max-width:760px){
  .items{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .site-nav a{margin-left:0;margin-right:var(--s4)}
}