/* 邯郸优汇活动执行有限公司 · 蓝图风格 */
:root{
  --ink:#0d2440;        /* 蓝图深蓝（工程图纸蓝） */
  --ink-2:#123155;
  --paper:#f2efe6;      /* 图纸米白打底 */
  --line:#c9d3de;
  --line-dark:#2c4c74;
  --text:#e9edf3;
  --text-dim:#a9b8cb;
  --accent:#d9a441;     /* 铅笔标记琥珀，低饱和 */
  --step:0.75rem;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --f1:14px;--f2:17px;--f3:21px;--f4:28px;--f5:42px;--f6:60px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--text);font-family:"Songti SC","Noto Serif SC",Georgia,"SimSun",serif;font-size:var(--f2);line-height:1.75;
background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size:48px 48px;}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s5)}
.anno{font-family:"SF Mono",Consolas,monospace;font-size:var(--f1);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--s4)}
h1,h2,h3{font-weight:700;letter-spacing:.02em;line-height:1.3}
h1{font-size:var(--f6)}
h2{font-size:var(--f5)}
h3{font-size:var(--f3)}
.sec-title{border-bottom:2px solid var(--line-dark);padding-bottom:var(--s3);margin-bottom:var(--s6)}
p{max-width:66ch}

/* header */
.site-header{border-bottom:2px solid var(--line-dark);background:rgba(13,36,64,.92);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding-top:var(--s3);padding-bottom:var(--s3);flex-wrap:wrap}
nav a{font-family:Consolas,monospace;font-size:var(--f1);letter-spacing:.1em;color:var(--text);margin-left:var(--s4);padding-bottom:2px;border-bottom:2px solid transparent}
nav a:hover{color:var(--accent);text-decoration:none}
nav a[aria-current]{border-bottom-color:var(--accent)}

/* hero：左右分栏+标注网格 */
.hero-grid{display:grid;grid-template-columns:5fr 6fr;gap:var(--s7);padding-top:var(--s8);padding-bottom:var(--s8);align-items:center}
.hero-copy h1{font-size:var(--f6);margin-bottom:var(--s5)}
.lede{font-size:var(--f3);line-height:1.9;margin-bottom:var(--s5)}
.hero-actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}
.btn{display:inline-block;font-family:Consolas,monospace;letter-spacing:.1em;font-size:var(--f1);border:2px solid var(--accent);color:var(--accent);padding:var(--s3) var(--s5)}
.btn:hover{background:var(--accent);color:var(--ink);text-decoration:none}
.btn.ghost{border-color:var(--line-dark);color:var(--text)}
.btn.ghost:hover{background:var(--line-dark);color:var(--text)}
.hero-figure{border:1px solid var(--line-dark);padding:var(--s4);background:rgba(18,49,85,.6)}
.hero-figure figcaption{font-family:Consolas,monospace;font-size:var(--f1);color:var(--text-dim);margin-top:var(--s3)}

/* 能力 */
.caps{padding-bottom:var(--s8)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
.cap{border-top:3px solid var(--accent);padding-top:var(--s4)}
.cap p{margin-top:var(--s3)}

/* 服务矩阵带 */
.strip{background:var(--ink-2);border-top:2px solid var(--line-dark);border-bottom:2px solid var(--line-dark);padding:var(--s6) 0}
.strip-note{color:var(--text-dim)}

/* 九宫格 */
.items-wrap{padding:var(--s7) 0}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border:1px solid var(--line-dark);padding:var(--s4);background:rgba(13,36,64,.85)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.75)}
.item h2,.item h3{font-size:var(--f3);margin-top:var(--s4)}
.item p{font-size:var(--f1);color:var(--text-dim);margin-top:var(--s2)}
.item ul{margin-top:var(--s3);padding-left:var(--s4);font-size:var(--f1);color:var(--text)}
.item li{margin-bottom:var(--s1)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程 */
.process{padding-bottom:var(--s8)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);counter-reset:st}
.steps li{border-left:3px solid var(--line-dark);padding-left:var(--s4)}
.steps h3{font-size:var(--f2)}
.steps p{font-size:var(--f1);color:var(--text-dim);margin-top:var(--s2)}

/* FAQ */
.faq{padding-bottom:var(--s8)}
.faq dt{font-weight:700;margin-top:var(--s5);font-size:var(--f3)}
.faq dt::before{content:"Q·";color:var(--accent);font-family:Consolas,monospace;margin-right:var(--s2)}
.faq dd{color:var(--text-dim);margin-top:var(--s2)}
.faq-body dt{font-size:var(--f2)}

/* CTA */
.cta{border:2px solid var(--line-dark);padding:var(--s7);margin-bottom:var(--s8);text-align:left}
.cta h2{margin-bottom:var(--s4)}
.cta p{margin-bottom:var(--s4)}

/* 内页 */
.breadcrumb{font-size:12px;letter-spacing:.12em;padding-top:var(--s5);color:var(--text-dim)}
.breadcrumb a{color:var(--text-dim)}
.breadcrumb span{margin:0 var(--s2)}
.page-hero,.about-hero,.contact-hero{display:grid;grid-template-columns:3fr 2fr;gap:var(--s7);padding:var(--s6) 0 var(--s7);align-items:center}
.page-hero.alt{grid-template-columns:1fr 1fr}
.page-hero h1,.about-copy h1,.contact-hero h1{font-size:var(--f5);margin-bottom:var(--s4)}
.page-hero figure,.about-hero figure,.contact-hero figure{border:1px solid var(--line-dark);padding:var(--s3);background:rgba(18,49,85,.6)}
.page-hero .lede{font-size:var(--f2)}
.about-hero{grid-template-columns:1fr 1fr}
.about-body,.contact-body,.faq-body,.guide{padding-bottom:var(--s8)}
.about-body h2,.contact-body h2,.guide h2,.faq-body h2{font-size:var(--f4);margin:var(--s7) 0 var(--s4);border-left:4px solid var(--accent);padding-left:var(--s4)}
.about-body p,.contact-body p,.guide p,.faq-body p{margin-bottom:var(--s4)}
.steps-detail{list-style:none}
.steps-detail li{border:1px solid var(--line-dark);padding:var(--s5);margin-bottom:var(--s4)}
.steps-detail h3{margin-bottom:var(--s2)}
.steps-detail p{margin:0}
.guide-head{border-bottom:2px solid var(--line-dark);padding-bottom:var(--s6);margin-top:var(--s5)}
.guide-head .lede{font-size:var(--f2)}
.cmp{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:var(--f1)}
.cmp th,.cmp td{border:1px solid var(--line-dark);padding:var(--s3) var(--s4);text-align:left}
.cmp th{background:var(--ink-2);font-family:Consolas,monospace;letter-spacing:.08em}
.faq-end{margin-top:var(--s6)}

/* footer */
.site-footer{border-top:2px solid var(--line-dark);padding:var(--s6) 0;background:rgba(9,26,46,.9)}
.footer-inner p{font-size:var(--f1);color:var(--text-dim);max-width:none}
.footer-inner nav{margin:var(--s3) 0}
.footer-inner nav a{margin-left:0;margin-right:var(--s4)}

@media(max-width:900px){
  :root{--f6:38px;--f5:30px;--f4:24px}
  .hero-grid,.page-hero,.about-hero,.contact-hero{grid-template-columns:1fr;gap:var(--s5);padding-top:var(--s6)}
  .cap-grid,.steps{grid-template-columns:1fr}
  .header-inner{justify-content:center;text-align:center}
}
@media(max-width:600px){
  :root{--f1:13px;--f2:16px}
  .wrap{padding:0 var(--s4)}
  .cta{padding:var(--s5)}
}