/* legal.css —— 三个法律页共用的样式（privacy / terms / refund）
   法律文档的排版要求和营销页相反：密度高、层级清楚、易扫读、适合打印。 */

:root{
  --ink:#0f172a; --ink-2:#334155; --ink-3:#64748b; --line:#e2e8f0;
  --bg:#fff; --bg-2:#f8fafc; --accent:#1d4ed8;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
a{color:var(--accent)}
a:hover{text-decoration:none}

header{border-bottom:1px solid var(--line); background:var(--bg-2)}
.nav{display:flex; align-items:center; gap:22px; height:60px}
.nav .brand{font-weight:700; color:var(--ink); text-decoration:none; font-size:16.5px}
.nav nav{margin-left:auto; display:flex; gap:20px; font-size:14px; flex-wrap:wrap}
.nav nav a{color:var(--ink-2); text-decoration:none}
.nav nav a[aria-current]{color:var(--ink); font-weight:600}

main{padding:52px 0 24px}
h1{font-size:clamp(26px,3.6vw,34px); line-height:1.25; margin:0 0 10px; letter-spacing:-.02em}
h2{font-size:20px; margin:40px 0 10px; padding-top:18px; border-top:1px solid var(--line); letter-spacing:-.01em}
h3{font-size:16.5px; margin:24px 0 6px}
p,li{color:var(--ink-2)}
ul,ol{padding-left:22px; margin:10px 0}
li{margin:5px 0}
strong{color:var(--ink)}

.meta{
  color:var(--ink-3); font-size:14px; margin:0 0 30px;
  padding-bottom:20px; border-bottom:1px solid var(--line);
}
.meta div{margin:3px 0}

/* 摘要框：放在长文档开头，让审核人和用户 10 秒内抓住要点 */
.summary{
  background:var(--bg-2); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:8px; padding:18px 22px; margin:0 0 8px;
}
.summary p{margin:0; font-size:15px}
.summary strong{color:var(--ink)}

.note{
  background:#fffbeb; border:1px solid #fcd34d; border-radius:8px;
  padding:14px 18px; margin:20px 0; font-size:14.5px; color:#78350f;
}
.note p{margin:0; color:#78350f}

table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px}
th,td{border:1px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top}
th{background:var(--bg-2); font-weight:600; color:var(--ink)}

footer{border-top:1px solid var(--line); margin-top:56px; padding:24px 0 56px; font-size:13.5px; color:var(--ink-3)}
footer a{color:var(--ink-2)}
footer .row{display:flex; gap:20px; flex-wrap:wrap}
footer .row nav{margin-left:auto; display:flex; gap:18px; flex-wrap:wrap}

@media print{
  header,footer{display:none}
  .wrap{max-width:none; padding:0}
  body{font-size:11pt}
  h2{page-break-after:avoid}
}