:root{
  --ink:#1c2733;          /* 深墨蓝灰，正文 */
  --paper:#f3f1ea;        /* 图纸米白打底 */
  --line:#c9c4b4;         /* 图纸细线 */
  --blue:#12395c;         /* 蓝图主色，来自工程制图 */
  --blue-deep:#0b2439;
  --amber:#b05a1c;        /* 低饱和工程橙，强调 */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --fs-xs:.75rem;--fs-s:.875rem;--fs-m:1rem;--fs-l:1.375rem;--fs-xl:2rem;--fs-hero:3rem;
  font-size:16px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s5)}
.narrow{max-width:820px;margin:0 auto;padding:0 var(--s5)}
a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--amber)}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
img{max-width:100%;height:auto}

/* 页头 */
.site-header{border-bottom:2px solid var(--blue);background:var(--paper)}
.head-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s4);padding-bottom:var(--s4)}
.site-header nav{display:flex;flex-wrap:wrap;gap:var(--s5);font-size:var(--fs-s)}
.site-header nav a{text-decoration:none;color:var(--ink);letter-spacing:.08em;border-bottom:2px solid transparent;padding-bottom:2px}
.site-header nav a:hover{border-bottom-color:var(--amber);color:var(--amber)}
.site-header nav a.nav-cta{background:var(--blue);color:var(--paper);padding:6px var(--s4)}
.site-header nav a.nav-cta:hover{background:var(--blue-deep);color:var(--paper)}

/* 面包屑 */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.12em;color:#7a7565;margin:var(--s5) 0 var(--s6);display:flex;gap:var(--s2)}
.breadcrumb a{color:#7a7565;text-decoration:none}
.breadcrumb a:hover{color:var(--amber)}

/* 标题与导语 */
h1{font-size:var(--fs-hero);line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--blue-deep);margin:0 0 var(--s5)}
h2{font-size:var(--fs-xl);font-weight:700;color:var(--blue);margin:0 0 var(--s5)}
h3{font-size:var(--fs-l);margin:0 0 var(--s3)}
.sec-title{border-top:3px solid var(--blue);padding-top:var(--s3);margin-top:var(--s8)}
.kicker{font-size:var(--fs-xs);letter-spacing:.25em;color:var(--amber);text-transform:uppercase;margin:0 0 var(--s3)}
.lede{font-size:var(--fs-l);line-height:1.8;max-width:66ch}
p{max-width:66ch}

/* 首页首屏：左右分栏错位 */
.hero-index{display:grid;grid-template-columns:7fr 5fr;gap:var(--s7);align-items:start;padding:var(--s8) 0}
.hero-fig{margin:var(--s7) 0 0;border:1px solid var(--line);padding:var(--s3);background:#fff}
.hero-actions{display:flex;gap:var(--s4);margin-top:var(--s5)}

/* 按钮 */
.btn{display:inline-block;background:var(--blue);color:var(--paper);padding:var(--s3) var(--s5);text-decoration:none;letter-spacing:.1em;font-weight:700;border:2px solid var(--blue)}
.btn:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--blue)}
.btn.ghost:hover{background:var(--blue);color:var(--paper)}

/* 能力区块 */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6);margin-top:var(--s6)}
.cap{border-left:4px solid var(--amber);padding-left:var(--s4)}
.cap p{font-size:var(--fs-s);color:#3d4854}

/* 九宫格（契约结构） */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}
.item{border:1px solid var(--line);background:#fff;padding:var(--s4)}
.item h2{font-size:var(--fs-m);color:var(--blue-deep);margin:var(--s3) 0 var(--s2)}
.item p{font-size:var(--fs-s);margin:0 0 var(--s2)}
.item ul{margin:0;padding-left:1.2em;font-size:var(--fs-s);color:#3d4854}
.sec-note{max-width:66ch}

/* 流程 */
.steps{list-style:none;counter-reset:st;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}
.steps li{counter-increment:st;border-top:3px solid var(--blue);padding-top:var(--s3);position:relative}
.steps li::before{content:"0" counter(st);font-size:var(--fs-xl);font-weight:800;color:var(--amber);display:block}
.steps strong{display:block;margin:var(--s2) 0}
.steps span{font-size:var(--fs-s);color:#3d4854}

/* FAQ */
.faq-list{max-width:100%}
.faq-list details{border-bottom:1px solid var(--line);padding:var(--s3) 0}
.faq-list summary{cursor:pointer;font-weight:700;color:var(--blue-deep)}
.faq-list p{font-size:var(--fs-s);color:#3d4854}
.faq-list.big details{padding:var(--s4) 0}
.faq-more{font-size:var(--fs-s);color:#3d4854}

/* CTA */
.cta{margin:var(--s8) 0;border:2px solid var(--blue);padding:var(--s6);background:#fff}
.cta h2{margin-bottom:var(--s3)}
.cta .btn{margin-top:var(--s4)}

/* 关于页 */
.about-hero{display:grid;grid-template-columns:6fr 6fr;gap:var(--s7);align-items:center;padding:var(--s6) 0}
.about-block{max-width:66ch;margin:var(--s6) 0}
.about-block h2{border-top:3px solid var(--blue);padding-top:var(--s3)}
.about-block p{margin-bottom:var(--s4)}

/* 服务页首屏 */
.svc-hero h1{margin-bottom:var(--s5)}
.svc-hero figure{margin:0 0 var(--s5);border:1px solid var(--line);padding:var(--s3);background:#fff}

/* 联系页 */
.contact-hero figure{margin:0 0 var(--s5);border:1px solid var(--line);padding:var(--s3);background:#fff}
.contact-flow,.contact-faq{margin:var(--s7) 0}
.contact-card{border-left:4px solid var(--amber);padding:var(--s4) 0 var(--s4) var(--s4);margin:var(--s7) 0}
.contact-card p{margin:0 0 var(--s2)}
.muted{color:#7a7565;font-size:var(--fs-s)}

/* 指南文章 */
.article h1{font-size:var(--fs-hero)}
.article h2{margin-top:var(--s7);border-top:3px solid var(--blue);padding-top:var(--s3)}
.article{padding:var(--s6) 0}
.cmp-table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:var(--fs-s)}
.cmp-table caption{text-align:left;font-size:var(--fs-xs);letter-spacing:.1em;color:#7a7565;padding-bottom:var(--s2)}
.cmp-table th,.cmp-table td{border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left;vertical-align:top}
.cmp-table thead th{background:var(--blue);color:var(--paper)}
.cmp-table tbody th{background:#eceade}
.table-note{font-size:var(--fs-xs);color:#7a7565}
.check-list{padding-left:1.2em;font-size:var(--fs-s)}
.check-list li{margin-bottom:var(--s2)}

/* 页脚 */
.site-footer{border-top:2px solid var(--blue);margin-top:var(--s8);padding:var(--s6) 0;background:#eceade}
.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s5);font-size:var(--fs-s)}
.foot-grid nav{display:flex;flex-wrap:wrap;gap:var(--s4)}
.foot-grid nav a{text-decoration:none;color:var(--ink)}
.foot-grid nav a:hover{color:var(--amber)}
.site-footer p{margin:0 0 var(--s2)}

/* 响应式 */
@media(max-width:900px){
  .hero-index,.about-hero{grid-template-columns:1fr}
  .hero-fig{margin-top:var(--s4)}
  .cap-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  h1{font-size:2.25rem}
}
@media(max-width:600px){
  .steps{grid-template-columns:1fr}
  .head-grid{flex-direction:column;align-items:flex-start}
}