:root{
  --paper:#F6F4EF;
  --ink:#14282B;
  --ink-soft:#5A6B6D;
  --brand:#C8102E;
  --brand-tint:#FBEEEF;
  --good:#1E7F5C;
  --good-tint:#EAF6F1;
  --bad:#D1495B;
  --bad-tint:#FBEDEF;
  --warn:#C77800;
  --warn-tint:#FCF3E3;
  --border:#E3E0D8;
  --shadow:0 2px 12px rgba(20,40,43,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.article-nav{
  background:var(--ink);color:#fff;padding:12px 0;
  display:flex;justify-content:space-between;align-items:center;
  padding-left:16px;padding-right:16px;
}
.article-nav a{color:#DFE7E8;text-decoration:none;font-size:13px;font-weight:600}
.article-nav a:hover{color:#fff}
.article{max-width:760px;margin:0 auto;padding:32px 16px 80px}
.article-header{margin-bottom:28px}
.article-header .tag{
  display:inline-block;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:999px;
  background:var(--brand-tint);color:var(--brand);
  margin-bottom:10px;
}
.article-header h1{font-size:26px;font-weight:800;letter-spacing:.3px;line-height:1.35}
.article-header .meta{font-size:13px;color:var(--ink-soft);margin-top:8px}
.article section{margin-bottom:28px}
.article h2{font-size:20px;font-weight:800;margin-bottom:10px}
.article h3{font-size:16px;font-weight:700;margin-bottom:8px;margin-top:16px}
.article p{font-size:15px;color:var(--ink);margin-bottom:10px}
.article ul,.article ol{margin-bottom:12px;padding-left:20px}
.article li{font-size:15px;margin-bottom:6px}
.article a{color:var(--brand);text-decoration:none;font-weight:600}
.article a:hover{text-decoration:underline}
.article details{
  background:#fff;border:1px solid var(--border);border-radius:10px;
  padding:14px 16px;margin-bottom:10px;
}
.article summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.article summary::after{content:"+";color:var(--brand);font-size:20px;font-weight:800;line-height:1}
.article details[open] summary::after{content:"–"}
.article details p{font-size:14px;color:var(--ink-soft);margin-top:8px}
.data-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.data-table th,.data-table td{
  border:1px solid var(--border);padding:8px 12px;text-align:left;
}
.data-table th{background:#F0EEE8;font-weight:700}
.data-table tr:nth-child(even){background:#FAF9F6}
.article-footer{
  margin-top:32px;padding-top:16px;border-top:1px solid var(--border);
}
.article-footer p{font-size:12px;color:var(--ink-soft)}
@media(max-width:680px){
  .article{padding:24px 14px 60px}
  .article-header h1{font-size:22px}
  .article h2{font-size:18px}
  .article p,.article li{font-size:14px}
  .data-table{font-size:12px}
  .data-table th,.data-table td{padding:6px 8px}
}