:root{
  --ink:#122430; --paper:#f4f7f8; --panel:#ffffff; --line:#c9d6da;
  --accent:#0e7f92; --accent-deep:#0d1b2e; --accent-tint:#e2f1f3;
  --fs-s:13px; --fs-b:16px; --fs-m:19px; --fs-l:28px; --fs-xl:44px; --fs-hero:clamp(38px,6vw,72px);
  --sp1:4px; --sp2:8px; --sp3:12px; --sp4:16px; --sp5:24px; --sp6:32px; --sp7:48px; --sp8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:var(--fs-b);line-height:1.7;color:var(--ink);background:var(--paper)}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--sp5)}
h1{font-size:var(--fs-hero);line-height:1.15;font-weight:800;letter-spacing:-.01em}
h2{font-size:var(--fs-xl);font-weight:700;margin:var(--sp7) 0 var(--sp4)}
h3{font-size:var(--fs-m);font-weight:700;margin:var(--sp5) 0 var(--sp2)}
p{max-width:65ch;margin-bottom:var(--sp4)}
a{color:var(--accent)}
a:hover{text-decoration:underline}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lede{font-size:var(--fs-m)}
.kicker{font-size:var(--fs-s);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp3)}
.site-head{border-bottom:1px solid var(--line);background:var(--panel)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp5);padding-top:var(--sp4);padding-bottom:var(--sp4);flex-wrap:wrap}
nav[aria-label] a{margin-right:var(--sp4);text-decoration:none;color:var(--ink)}
nav[aria-label] a:hover{color:var(--accent)}
.breadcrumb{font-size:var(--fs-s);letter-spacing:.08em;color:#6d838c;padding:var(--sp4) var(--sp5) 0;max-width:1280px;margin:0 auto}
.breadcrumb a{color:#6d838c;text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{margin:0 var(--sp2)}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp7);align-items:center;padding-top:var(--sp8);padding-bottom:var(--sp8)}
.hero-split figure img{width:100%;height:auto;display:block;border-left:6px solid var(--accent)}
.hero-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp6);padding-top:var(--sp7)}
.hero-band figure img{width:100%;height:auto;display:block}
.hero-text{padding-top:var(--sp7);max-width:820px}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:var(--sp3) var(--sp5);font-weight:700}
.btn:hover{background:var(--accent-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}
.btn.ghost:hover{background:var(--accent-tint);color:var(--accent-deep)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp5)}
.cap{border-top:4px solid var(--accent);background:var(--panel);padding:var(--sp5)}
.cap p{margin:0}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:var(--sp5)}
.items h2,.items>h2{grid-column:1/-1;margin:0}
.item{background:var(--panel);border:1px solid var(--line);padding:var(--sp4)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.item h2,.item h3{font-size:var(--fs-m);margin:var(--sp3) 0 var(--sp2)}
.item p{font-size:var(--fs-s);margin-bottom:var(--sp2)}
.item ul{font-size:var(--fs-s);color:#48606a;padding-left:1.2em}
.process ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp5)}
.process li{counter-increment:step;background:var(--panel);border:1px solid var(--line);padding:var(--sp5)}
.process li::before{content:"0" counter(step);display:block;font-size:var(--fs-l);font-weight:800;color:var(--accent);margin-bottom:var(--sp2)}
.process li p{font-size:var(--fs-s);margin:0}
.faq section{border-top:1px solid var(--line);padding-top:var(--sp4)}
.faq h3{margin-top:var(--sp4)}
.cta{margin:var(--sp8) auto;background:var(--accent-deep);color:#e8f4f6;padding:var(--sp7) var(--sp6);max-width:1280px}
.cta h2{margin-top:0;color:#fff}
.cta p{color:#b9d3da}
table{border-collapse:collapse;width:100%;margin:var(--sp5) 0;font-size:var(--fs-s)}
caption{text-align:left;font-weight:700;padding:var(--sp2) 0}
th,td{border:1px solid var(--line);padding:var(--sp2) var(--sp3);text-align:left}
th{background:var(--accent-tint)}
.prose{padding-top:var(--sp6)}
.prose h2{font-size:var(--fs-l);border-left:5px solid var(--accent);padding-left:var(--sp3)}
footer{background:var(--accent-deep);color:#b9d3da;margin-top:var(--sp7)}
.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp4);padding:var(--sp6) var(--sp5)}
.foot-in a{color:#e8f4f6;text-decoration:none;margin-right:var(--sp2)}
.foot-in a:hover{text-decoration:underline}
img{max-width:100%}
@media(max-width:900px){
  .hero-split,.hero-band{grid-template-columns:1fr;padding-top:var(--sp6)}
  .cap-grid{grid-template-columns:1fr}
  .process ol{grid-template-columns:1fr}
}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}