:root{
  --ink:#2C2C2A; --ink2:#5F5E5A; --ink3:#888780;
  --line:#E8E5DE; --line2:#D9D5CC;
  --bg:#FBFAF7; --card:#FFFFFF; --warm:#F5F3EE;
  --amber:#854F0B; --amber-bg:#FAEEDA;
  --teal:#0F6E56; --teal-bg:#E1F5EE;
  --coral:#993C1D; --coral-bg:#FAECE7;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16.5px;line-height:1.95;-webkit-font-smoothing:antialiased;}
a{color:var(--amber);text-decoration:none;border-bottom:1px solid #E6D6B4;}
a:hover{border-bottom-color:var(--amber);}
.wrap{max-width:720px;margin:0 auto;padding:0 26px 90px;}

/* 站头 */
.site-head{padding:26px 0 0;}
.site-head .bar{display:flex;align-items:baseline;justify-content:space-between;
  padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;}
.site-head .brand{font-size:15.5px;font-weight:600;letter-spacing:.02em;}
.site-head .brand a{color:var(--ink);border:none;}
.site-head nav{font-size:13.5px;color:var(--ink2);display:flex;gap:18px;flex-wrap:wrap;}
.site-head nav a{color:var(--ink2);border:none;}
.site-head nav a:hover{color:var(--amber);}

/* 首页大标题 */
.hero{padding:64px 0 44px;border-bottom:1px solid var(--line);}
.hero h1{font-size:31px;font-weight:600;line-height:1.45;letter-spacing:.01em;margin:0 0 22px;}
.hero p{font-size:17px;color:var(--ink2);margin:0;max-width:600px;}

/* 内容页标题 */
.page-head{padding:56px 0 30px;border-bottom:1px solid var(--line);}
.page-head .kicker{font-size:12px;letter-spacing:.16em;color:var(--ink3);margin:0 0 14px;}
.page-head h1{font-size:28px;font-weight:600;line-height:1.4;margin:0 0 16px;}
.page-head .lede{font-size:16.5px;color:var(--ink2);margin:0;}

h2{font-size:18px;font-weight:600;margin:52px 0 16px;padding-left:14px;
  border-left:3px solid var(--amber);line-height:1.55;}
h3{font-size:16px;font-weight:600;margin:32px 0 10px;}
p{margin:0 0 18px;}
strong{font-weight:600;}
.hl{background:linear-gradient(transparent 62%, #FAC77566 62%);padding:0 1px;}

ul.plain{list-style:none;padding:0;margin:0 0 20px;}
ul.plain li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px;}
ul.plain li:first-child{border-top:1px solid var(--line);}
ul.plain li b{font-weight:600;}

.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:22px 24px;margin:0 0 16px;}
.card .t{font-size:16.5px;font-weight:600;margin:0 0 6px;}
.card p{margin:0;font-size:15.5px;color:var(--ink2);}
.card p+p{margin-top:10px;}

.note{background:var(--teal-bg);border-radius:11px;padding:20px 24px;margin:0 0 22px;
  color:#04342C;font-size:15.5px;line-height:1.9;}
.note strong{color:#04342C;}
.warm-box{background:var(--warm);border-radius:11px;padding:20px 24px;margin:0 0 22px;
  font-size:15.5px;color:#3C3A36;line-height:1.9;}

table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;}
th{background:var(--warm);font-weight:500;color:var(--ink2);font-size:13px;
  text-align:left;padding:11px 13px;border:1px solid var(--line);}
td{padding:11px 13px;border:1px solid var(--line);vertical-align:top;
  background:var(--card);line-height:1.8;}

.axis{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:20px 24px;margin:0 0 14px;}
.axis .k{font-size:12px;letter-spacing:.1em;color:var(--ink3);margin:0 0 8px;}
.axis .q{font-size:16.5px;font-weight:600;margin:0;line-height:1.7;}

.step{background:var(--card);border:1px solid var(--line);border-radius:11px;
  padding:18px 22px;margin:0 0 12px;}
.step .n{font-size:12px;letter-spacing:.1em;color:var(--ink3);margin:0 0 5px;}
.step .h{font-size:16px;font-weight:600;margin:0 0 8px;}
.step p{font-size:15px;color:var(--ink2);margin:0;}

.next{margin:56px 0 0;padding-top:26px;border-top:1px solid var(--line);}
.next .lbl{font-size:12px;letter-spacing:.12em;color:var(--ink3);margin:0 0 14px;}
.next a{display:block;font-size:15.5px;padding:13px 0;border-bottom:1px solid var(--line);}
.next a:first-of-type{border-top:1px solid var(--line);}
.next a span{color:var(--ink3);font-size:13.5px;float:right;}

.closing{margin:60px 0 0;padding:30px 0 0;border-top:1px solid var(--line);text-align:center;}
.closing .q{font-size:19px;font-weight:600;letter-spacing:.02em;}

footer{margin-top:64px;padding:26px 0 0;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--ink3);line-height:2;}
footer .row{margin:0 0 6px;}
footer b{color:var(--ink2);font-weight:500;}

@media (max-width:600px){
  body{font-size:16px;}
  .hero{padding:44px 0 34px;}
  .hero h1{font-size:25px;}
  .page-head h1{font-size:23px;}
  .wrap{padding:0 20px 70px;}
}