:root{
  --ink:#1c2226;        /* 钢灰近黑，正文 */
  --paper:#eef0ee;      /* 冷灰纸底，低饱和打底 */
  --steel:#2f6d8c;      /* 钢蓝，来自冷轧金属冷色调 */
  --steel-dark:#224e64;
  --rust:#b8593a;       /* 低饱和铁锈橙，强调色 */
  --line:#c6ccc9;
  --fs-xs:12px; --fs-s:14px; --fs-m:17px; --fs-l:24px; --fs-xl:40px; --fs-hero:64px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:var(--fs-m)}
body{font-family:"Helvetica Neue","Source Han Sans SC","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--sp-5)}
.wrap.narrow{max-width:820px}
h1,h2,h3{font-weight:700;line-height:1.25}
h1{font-size:var(--fs-hero);letter-spacing:-0.02em}
h2{font-size:var(--fs-l);border-left:6px solid var(--steel);padding-left:var(--sp-4);margin-bottom:var(--sp-5)}
h3{font-size:1.05rem}
p,li,dd{max-width:64ch}
a{color:var(--steel-dark);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--rust)}
a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
/* header */
.site-header{border-bottom:3px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:5}
.bar{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;justify-content:space-between;padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
nav a{margin-right:var(--sp-4);text-decoration:none;color:var(--ink);font-weight:600;font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase}
nav a:hover{color:var(--rust)}
nav a[aria-current="page"]{border-bottom:3px solid var(--rust)}
/* breadcrumb */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.08em;color:#5c666b;padding:var(--sp-4) var(--sp-5) 0;max-width:1240px;margin:0 auto}
.breadcrumb a{color:#5c666b}
.breadcrumb span{margin:0 var(--sp-2)}
/* hero variants — 每页结构不同 */
.hero{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}
.hero h1{margin-bottom:var(--sp-5)}
.lead{font-size:1.05rem;color:#333c41;margin-bottom:var(--sp-5)}
.kicker{font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--rust);margin-bottom:var(--sp-3)}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-6);align-items:center}
.hero-index{background:linear-gradient(180deg,var(--paper) 60%,#e3e7e4)}
.hero-img{width:100%;height:auto;border:3px solid var(--ink)}
.hero-about .grid2{grid-template-columns:.9fr 1.1fr}
.hero-services,.hero-guide,.hero-contact,.hero-faq{background:#e3e7e4;border-top:6px solid var(--steel)}
/* features */
.feature-col{display:flex;flex-direction:column;gap:var(--sp-6)}
.feature{display:grid;grid-template-columns:300px 1fr;gap:var(--sp-5);border:1px solid var(--line);padding:var(--sp-5)}
.feature img{width:100%;height:auto;display:block}
.feature p{margin-top:var(--sp-2)}
/* 9-grid contract */
.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}
.item h3{margin:var(--sp-3) 0 var(--sp-1)}
.item p{font-size:var(--fs-s);color:#454f54}
.item ul{margin:var(--sp-2) 0 0 var(--sp-4);font-size:var(--fs-s);color:#454f54}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}
/* steps */
.steps{list-style:none;counter-reset:n;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.steps li{border-top:6px solid var(--ink);padding-top:var(--sp-4)}
.steps span{font-size:var(--fs-xl);font-weight:800;color:var(--rust);display:block;line-height:1}
.steps h3{margin:var(--sp-2) 0}
/* faq */
.faq dt{font-weight:700;margin-top:var(--sp-5);font-size:1.05rem}
.faq dd{margin-top:var(--sp-2);padding-left:var(--sp-4);border-left:3px solid var(--line)}
/* table */
table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-size:var(--fs-s)}
caption{text-align:left;font-size:var(--fs-xs);letter-spacing:.1em;color:#5c666b;margin-bottom:var(--sp-2)}
th,td{border:1px solid var(--line);padding:var(--sp-3);text-align:left}
th{background:#e3e7e4}
/* buttons */
.btn{display:inline-block;background:var(--steel);color:#fff;padding:var(--sp-3) var(--sp-5);text-decoration:none;font-weight:700;border:2px solid var(--steel)}
.btn:hover{background:var(--steel-dark);border-color:var(--steel-dark);color:#fff}
.btn.ghost{background:transparent;color:var(--steel-dark)}
.btn.ghost:hover{background:var(--steel);color:#fff}
.cta-row{display:flex;gap:var(--sp-4);flex-wrap:wrap}
/* blocks */
.block{padding:var(--sp-8) 0}
.block.alt{background:#e3e7e4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.block h2{margin-top:0}
.sec-lead{margin-bottom:var(--sp-5)}
.block.cta{background:var(--steel-dark);color:#fff}
.block.cta h2{border-left-color:var(--rust)}
.block.cta a{color:#f4d9cd}
.block.cta p{color:#e8eef1}
.block.cta .btn{background:var(--rust);border-color:var(--rust)}
.block.cta .btn:hover{background:#96482e;border-color:#96482e}
article h2{margin-top:var(--sp-6)}
article p{margin-bottom:var(--sp-4)}
/* footer */
.site-footer{border-top:3px solid var(--ink);padding:var(--sp-6) 0;font-size:var(--fs-s)}
.site-footer .bar{justify-content:flex-start}
.site-footer nav a{color:#454f54;text-transform:none;font-weight:500}
/* responsive */
@media(max-width:900px){
  :root{--fs-hero:40px}
  .grid2,.hero-about .grid2{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .steps{grid-template-columns:1fr}
  .bar{flex-direction:column;align-items:flex-start}
}