:root{
  --ink:#1c2733; --muted:#5a6a78; --brand:#0f5fa8; --brand-dark:#0b4a85;
  --bg:#f5f8fb; --card:#ffffff; --line:#dbe5ee; --warn:#fff7e8; --warn-line:#ecc987;
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;font-size:16px}
a{color:var(--brand)} a:hover{color:var(--brand-dark)}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;
  max-width:880px;margin:0 auto;padding:18px 20px 6px;flex-wrap:wrap}
.brand{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}
.site-header nav{display:flex;gap:16px;flex-wrap:wrap}
.site-header nav a{color:var(--muted);text-decoration:none;font-size:15px}
.site-header nav a:hover{color:var(--brand)}
main{max-width:880px;margin:0 auto;padding:10px 20px 30px}
.hero{padding:26px 0 6px}
.hero h1{font-size:30px;line-height:1.35;margin:0 0 12px}
.lead{font-size:17px;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;margin:18px 0}
.card h2{margin-top:0;font-size:20px}
.card.warn{background:var(--warn);border-color:var(--warn-line)}
article h1{font-size:28px;line-height:1.4}
article h2{font-size:20px;margin-top:28px}
.steps li{margin:6px 0}
.data li{margin:6px 0}
.links li{margin:6px 0}
.fine{color:var(--muted);font-size:13px}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.tbl th{background:#eef4fa}
.subscribe-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.subscribe-form label{display:block;font-size:14px;color:var(--muted);margin:10px 0}
.subscribe-form select,.subscribe-form input[type="email"],.subscribe-form input[type="month"]{
  width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px;color:var(--ink);background:#fff}
.subscribe-form label.check{display:flex;gap:8px;align-items:flex-start;color:var(--ink);font-size:15px}
.subscribe-form label.check input{margin-top:6px}
.subscribe-form button{background:var(--brand);color:#fff;border:0;border-radius:8px;
  padding:12px 26px;font-size:16px;cursor:pointer;margin-top:8px}
.subscribe-form button:hover{background:var(--brand-dark)}
.form-status{min-height:1.5em;color:var(--brand-dark);font-size:15px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.faq-item{border-bottom:1px solid var(--line);padding:6px 0}
.faq-item h3{margin:12px 0 4px;font-size:17px}
.site-footer{max-width:880px;margin:0 auto;padding:10px 20px 34px;color:var(--muted);font-size:14px}
@media (max-width:640px){
  .subscribe-form .grid{grid-template-columns:1fr}
  .hero h1{font-size:25px}
}