/* =========================================================================
 * 法务页共享样式（隐私政策 / 服务条款 / 退款政策 / 联系页）
 * 设计变量与 public/home.html 保持一致，改主题色时两边一起改。
 *
 * 双语显示靠 <html lang> 属性，不依赖 JS：
 *   html[lang^="zh"] [data-lang-block="en"] { display:none }
 * 因此禁用 JS 或 JS 加载失败时，页面仍按 <html lang="zh-CN"> 正确显示中文，
 * 不会出现空白页。
 * ========================================================================= */
:root{
  --bg:#0b0d11; --stage:#0f1218; --card:#161a22; --panel:#1b2029;
  --fg:#e8eaed; --muted:#94a0ad; --dim:#6b7582;
  --accent:#4f8cff; --accent-2:#7b5bff; --green:#3fb950;
  --border:#262c38;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}

/* ---- 顶部导航（与首页同款） ---- */
header.nav{position:sticky;top:0;z-index:10;background:rgba(11,13,17,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:18px;height:62px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--fg)}
.brand:hover{text-decoration:none;opacity:.85}
.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 18px rgba(79,140,255,.35)}
.brand small{font-size:12px;color:var(--muted);font-weight:400}
.nav-sp{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13.5px}
.nav-sp a{color:var(--muted)}
.nav-sp a:hover{color:var(--fg)}
.lang-btn{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-family:var(--font);cursor:pointer;font-weight:600;letter-spacing:.5px}
.lang-btn:hover{color:var(--fg);border-color:var(--accent)}

/* ---- 正文 ---- */
main{padding:44px 0 60px}
h1{font-size:clamp(23px,4vw,31px);margin:0 0 8px;letter-spacing:.3px;line-height:1.35}
.sub{color:var(--muted);font-size:13.5px;margin:0 0 8px}
h2{font-size:16.5px;margin:34px 0 10px}
h3{font-size:14.5px;margin:22px 0 6px}
p,li{font-size:14px;color:var(--muted)}
p{margin:10px 0}
ul{padding-left:20px;margin:10px 0}
li{margin:5px 0}
strong{color:var(--fg)}
code{background:var(--panel);padding:1px 6px;border-radius:6px;font-size:12.5px;color:var(--fg)}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin:18px 0}
.card p:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}
.card.key{border-color:rgba(79,140,255,.45);background:linear-gradient(180deg,rgba(79,140,255,.08),var(--card) 60%)}

table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}
th{color:var(--fg);font-weight:600;background:var(--stage)}
tbody tr:last-child td{border-bottom:none}

.updated{display:inline-block;font-size:12px;color:var(--dim);border:1px solid var(--border);border-radius:999px;padding:3px 11px;margin-bottom:22px}

/* ---- 底部 ---- */
footer{border-top:1px solid var(--border);padding:26px 0 40px;color:var(--dim);font-size:12.5px}
.foot-inner{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.foot-inner .sp{margin-left:auto}
footer a{color:var(--muted)}
.foot-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* ---- 双语区块：由 <html lang> 决定显示哪一份 ---- */
html[lang^="zh"] [data-lang-block="en"]{display:none}
html:not([lang^="zh"]) [data-lang-block="zh"]{display:none}

@media(max-width:600px){
  .nav-sp a{display:none}
  .foot-inner .sp{margin-left:0}
}