/* 青瓷·通透（DESIGN.md，2026-10-11 定）：清青实色主按钮、上清水下奶油黄两团淡光、黄只点小地方（呼应小葵冠羽） */
:root {
  --bg: #FFFFFF; --panel: #fff; --ink: #0E1F1E; --muted: #4E605F; --line: #DCE5E3;
  --accent: #00807A; --accent-hover: #008C85; --accent-soft: #E0F4F2; --warn: #9A5208; --warn-soft: #FBEFDF;
  --bad: #B23A3A; --bad-soft: #FBE8E6; --ok: #1E6E45; --ok-soft: #E4F2EA;
  --sec-soft: #FFF4CC; --sec-ink: #7A5A00;
  --field-top: rgba(150,232,222,.60); --field-mid: rgba(160,212,255,.22);
  --r: 12px; --gap: 12px;
}
* { box-sizing: border-box; }
html, body { margin: 0; color: var(--ink); min-height: 100%;
  /* 一团光从右上角斜进来（青→天青），左下一点回光；不做上下对称（10-11 Kevin：对称太死板，底部黄发脏） */
  background: radial-gradient(120% 50% at 92% -4%, var(--field-top), var(--field-mid) 42%, transparent 74%),
              radial-gradient(60% 22% at 0% 88%, var(--field-mid), transparent 72%), var(--bg);
  background-attachment: fixed;
  font: 15px/1.5 -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; border: 1px solid #B9C9C6; background: var(--panel); border-radius: 999px; padding: 8px 16px; min-height: 40px; }
button:hover { border-color: #8FA6A2; }
button.primary { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
button.primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
::selection { background: rgba(0,128,122,.2); }
a { color: var(--accent); }
button.danger { color: var(--bad); }
button:disabled { opacity: .5; cursor: default; }
input, select, textarea { border: 1px solid var(--line); border-radius: var(--r); padding: 7px 10px; background: #fff; width: 100%; }
textarea { resize: vertical; min-height: 64px; }
label { display: block; font-size: 13px; color: var(--muted); margin: 8px 0 4px; }
.muted { color: var(--muted); font-size: 13px; }
.tag { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 99px; background: var(--line); color: var(--muted); }
.tag.sms { background: #efe8fb; color: #5b2ea6; } .tag.email { background: #e6f3f1; color: #17675b; }
.tag.web { background: var(--accent-soft); color: var(--accent); } .tag.warn { background: var(--warn-soft); color: var(--warn); }
.tag.bad { background: var(--bad-soft); color: var(--bad); } .tag.ok { background: var(--ok-soft); color: var(--ok); }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 16px; box-shadow: 0 1px 1px rgba(16,40,38,.04), 0 2px 12px -3px rgba(16,40,38,.08); }
.row { display: flex; gap: var(--gap); align-items: center; flex-wrap: wrap; }
.grow { flex: 1; min-width: 0; }
/* 条款 / 隐私页（/terms /privacy）：中英两份正文，按浏览器语言显示一份 */
.legal { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
.legal h1 { font-size: 26px; margin: 8px 0 4px; }
.legal h2 { font-size: 17px; margin: 28px 0 6px; }
.legal p, .legal li { line-height: 1.7; }
.legal ul { padding-left: 20px; }
.legal [lang] { display: none; } .legal[data-lang="en"] [lang="en"], .legal[data-lang="zh"] [lang="zh"] { display: block; }
.legal .top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.legal a { color: var(--accent); }
/* 页脚上的条款链接（登录、开通、业主面各页共用） */
.legal-links { font-size: 12px; color: var(--muted); text-align: center; margin: 16px 0; }
.legal-links a { color: var(--muted); margin: 0 8px; }