/* 合规页共用样式：与应用页同一套色板，保证站点观感统一 */
:root{
  --bg:#0b0f17; --panel:#131a26; --panel2:#1a2332; --line:#263144;
  --txt:#e8edf5; --mut:#9aa7ba; --dim:#66707f; --acc:#7aa2ff;
  --ok:#3ddc97; --err:#ff7a7a; --warn:#ffd166;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.75;padding:18px 14px 60px;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto}
header{display:flex;align-items:center;gap:12px;margin:6px 2px 18px}
.logo{width:40px;height:40px;border-radius:12px;
  background:linear-gradient(135deg,#7aa2ff,#b98cff);display:flex;
  align-items:center;justify-content:center;font-size:20px;color:#0b0f17;font-weight:700}
.brand h1{font-size:19px;font-weight:700;letter-spacing:.5px}
.brand p{font-size:12px;color:var(--mut)}
nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
nav a{font-size:13px;color:var(--mut);text-decoration:none;
  border:1px solid var(--line);background:var(--panel);border-radius:999px;
  padding:5px 14px;transition:.15s}
nav a:hover{color:var(--txt);border-color:var(--acc)}
nav a.on{color:var(--acc);border-color:var(--acc);background:rgba(122,162,255,.1)}
.card{background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:22px;margin-bottom:16px}
h2{font-size:16px;font-weight:700;margin:0 0 12px;
  display:flex;align-items:center;gap:9px}
h2::before{content:"";width:3px;height:15px;border-radius:2px;
  background:var(--acc);flex:0 0 auto}
h3{font-size:14px;font-weight:600;margin:18px 0 6px;color:var(--txt)}
p{font-size:13.5px;color:#cbd5e3;margin:6px 0}
ul{margin:6px 0 6px 20px}
li{font-size:13.5px;color:#cbd5e3;margin:4px 0}
.mut{color:var(--mut)}
.dim{font-size:12px;color:var(--dim)}
table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left}
th{background:var(--panel2);color:var(--mut);font-weight:600;font-size:12.5px}
td{color:#cbd5e3;font-variant-numeric:tabular-nums}
.price{color:var(--acc);font-weight:700}
table caption{caption-side:bottom;text-align:left;font-size:12px;
  color:var(--dim);padding-top:8px}
.tiers{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.tier{border:1px solid var(--line);background:var(--panel2);border-radius:12px;
  padding:12px 20px;text-align:center;min-width:92px}
.tier .n{font-size:18px;font-weight:700;color:var(--acc);
  font-variant-numeric:tabular-nums}
.tier .l{font-size:11px;color:var(--mut);margin-top:2px}
.fill{color:var(--warn);border-bottom:1px dashed var(--warn);
  font-weight:600;font-style:normal}
.note{background:rgba(122,162,255,.07);border:1px solid rgba(122,162,255,.24);
  border-radius:10px;padding:11px 14px;font-size:12.5px;color:#c3d2ea;margin:10px 0}
footer{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);
  font-size:12px;color:var(--dim);line-height:2}
footer a{color:var(--mut);text-decoration:none}
footer a:hover{color:var(--acc)}
footer .row2{display:flex;flex-wrap:wrap;gap:14px}
.back{display:inline-block;margin-top:14px;font-size:13px;color:var(--acc);
  text-decoration:none}
.back:hover{text-decoration:underline}
@media(max-width:560px){
  .card{padding:17px}
  table{font-size:12.5px}
  th,td{padding:7px 8px}
}