/* 安答 — 中文站样式。
 *
 * ⚠ 为什么不用 Google Fonts：fonts.googleapis.com 在中国大陆无法访问，
 * 会导致页面长时间白屏。这里只用系统自带字体，零下载、即时渲染，
 * 在大陆和海外都可靠。 */
:root{
  --purple:#5B4FD9; --purple-soft:#8B7EF5; --purple-tint:#EFEDFB;
  --ink:#221E38; --muted:#6B6880; --line:#E6E4F0;
  --bg:#FAF9F6; --card:#FFFFFF; --sun:#FFD23F;
  --radius:18px; --maxw:1080px;
}
@media (prefers-color-scheme:dark){
  :root{ --ink:#F2F1F7; --muted:#AFACC2; --line:#2A2740;
         --bg:#0D0D10; --card:#17162099; --purple-tint:#1C1A2E; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
    "Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
  font-size:17px; line-height:1.75;
  /* 中文正文不需要连字，关闭可避免个别系统的异常排版 */
  font-variant-ligatures:none;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
a{color:var(--purple); text-decoration:none}
a:hover{text-decoration:underline}

header{padding:22px 0; border-bottom:1px solid var(--line)}
.bar{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:11px; font-weight:700; font-size:21px; color:var(--ink)}
.brand img{width:34px; height:34px; border-radius:10px; display:block}
nav{display:flex; gap:20px; font-size:15px; color:var(--muted); flex-wrap:wrap}
nav a{color:var(--muted)}

.hero{padding:76px 0 60px; text-align:center}
.hero h1{
  margin:0 0 18px; font-size:clamp(34px,6vw,58px); line-height:1.25;
  font-weight:800; letter-spacing:-.01em;
}
.hero h1 .hl{color:var(--purple)}
.lede{margin:0 auto 32px; max-width:620px; font-size:clamp(17px,2.3vw,20px); color:var(--muted)}
.cta{display:inline-flex; flex-direction:column; align-items:center; gap:10px}
.btn{
  display:inline-block; background:var(--purple); color:#fff; font-weight:600;
  padding:15px 34px; border-radius:999px; font-size:17px;
}
.btn:hover{background:#4a3fc4; text-decoration:none}
.note{font-size:14px; color:var(--muted)}

.grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); padding:12px 0 56px}
.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 24px;
}
.card h3{margin:0 0 9px; font-size:19px; font-weight:700}
.card p{margin:0; color:var(--muted); font-size:16px}
.ico{
  width:42px; height:42px; border-radius:12px; background:var(--purple-tint);
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;
  font-size:21px; line-height:1;
}

section.band{padding:62px 0; border-top:1px solid var(--line)}
section.band h2{margin:0 0 12px; font-size:clamp(25px,3.6vw,34px); font-weight:800; letter-spacing:-.01em}
section.band .sub{margin:0 0 30px; color:var(--muted); max-width:640px}

.steps{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.step{display:flex; gap:14px; align-items:flex-start}
.num{
  flex:0 0 30px; height:30px; border-radius:50%; background:var(--purple); color:#fff;
  font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
.step b{display:block; margin-bottom:3px}
.step span{color:var(--muted); font-size:15.5px}

footer{border-top:1px solid var(--line); padding:34px 0 52px; color:var(--muted); font-size:14.5px}
.flinks{display:flex; gap:18px; flex-wrap:wrap; margin-bottom:14px}
.flinks a{color:var(--muted)}

/* 法律页：窄栏、易读 */
.doc{max-width:760px; margin:0 auto; padding:48px 22px 72px}
.doc h1{font-size:30px; margin:0 0 6px}
.doc .upd{color:var(--muted); font-size:14.5px; margin:0 0 30px}
.doc h2{font-size:20px; margin:34px 0 8px}
.doc p,.doc li{color:var(--ink)}
.doc ul{padding-left:22px}