/* M3 法务文档页 · 金台面（2026-10-06 Jack：「条款隐私页面可以」→ 跟官网 LP / 课件同一套深墨面）
   原米底版备份在 m3-lp/_bak_20261006_legal/。
   ☠️ 实色先写、渐变后叠（render-check 往上找实底）。字色对页底 #0E1014：txt 17.15 · body 11.55 · dim 7.22 · 金 13.33。
   ☠️ 法务页是拿来读的：不放 3D 物件、不放渐变大标题，只换面，正文字号不缩。 */
:root{
  --ground:#0E1014; --card:#1A1F2A; --ink:#F2F3F5; --grey:#C4CAD3; --dim:#98A0AD;
  --acc:#FFD426; --gold-tx:#FFD426; --on-acc:#0E1014; --mark:#212836;
  --hair:#2A303B; --hair2:#3A4250;
  --lift:0 0 0 1px rgba(255,212,38,.22);
  --pad:clamp(20px,5vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0E1014 radial-gradient(ellipse at 85% 0%,#2B2816 0%,#12151B 38%,#0E1014 70%) no-repeat;background-size:100% 900px;color:var(--ink);
  font-family:'Outfit','Noto Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:500;font-size:16.5px;line-height:1.78;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum";-webkit-font-smoothing:antialiased}
html[data-lang="zh"] [data-t]:not([data-t="zh"]){display:none!important}
html[data-lang="en"] [data-t]:not([data-t="en"]){display:none!important}
html[data-lang="ms"] [data-t]:not([data-t="ms"]){display:none!important}
html[data-lang="en"] body,html[data-lang="ms"] body{letter-spacing:0}
.goldline{position:fixed;inset:0 0 auto 0;height:5px;z-index:50;
  background:linear-gradient(90deg,#FFD426 0%,#FFE97A 38%,#FFD426 72%,rgba(255,212,38,.3) 100%)}
.wrap{max-width:820px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
/* ☠️ .wrap 同元素的类左右一律 var(--pad)，padding 简写会把它覆盖成 0（LP 上实栽过） */
.lig{display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;
  font-weight:600;line-height:.9;letter-spacing:0}
.lig .m{color:#F2F3F5} .lig .n{color:#FFD426;margin-left:-.2em}
.lig.boxed{background:var(--mark);border-radius:.39em;flex:none}
/* ☠️ lockup 现在只剩墓块合字图标（Jack 2026-09-16，CLUB 和 M3 文字都拿掉）。
   品牌手册 §3 把「单独图标」列为三种 lockup 之一，原本只给空间极窄或方形容器 ——
   现在它是顶栏的常规用法，要永久化得回头改手册。
   ☠️ 图标没有可读文字了，`aria-label="M3 Rewards"` 是屏幕阅读器唯一的名字来源，不许删。 */
.lockup{display:flex;align-items:center;gap:12px;text-decoration:none}
.lockup .icon{width:40px;height:40px;font-size:22px;border-radius:10px}
header{position:sticky;top:0;z-index:40;background:rgba(14,16,20,.9);
  backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--hair)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-top:13px;padding-bottom:13px}
.langs{display:flex;gap:6px}
.langs button{border:1px solid var(--hair2);background:transparent;color:var(--grey);
  font-family:'Outfit',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.1em;
  padding:8px 11px;border-radius:8px;cursor:pointer}
.langs button:hover{color:var(--ink);border-color:#FFD426}
.langs button[aria-current="true"]{background:#FFD426 linear-gradient(90deg,#FFE97A,#FFD426);color:#0E1014;border-color:#FFD426}
main{padding:clamp(40px,6vw,72px) 0 clamp(60px,8vw,96px)}
h1{font-size:clamp(30px,5vw,44px);font-weight:900;line-height:1.16;letter-spacing:0;margin:0;color:#FFE97A}
h2{font-size:clamp(20px,2.6vw,25px);font-weight:700;line-height:1.3;letter-spacing:0;
  margin:44px 0 14px;padding-top:26px;border-top:1px solid var(--hair)}
h3{font-size:17.5px;font-weight:700;margin:24px 0 8px}
p{margin:0 0 14px} ul,ol{margin:0 0 14px;padding-left:22px} li{margin-bottom:7px}
.meta{font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;letter-spacing:.22em;
  text-transform:uppercase;color:#FFD426;margin:0 0 16px}
.sub{font-size:clamp(16px,2vw,18.5px);color:var(--grey);margin-top:16px}
b,strong{font-weight:700;color:var(--ink)}
a{color:#FFD426}   /* 13.33 于墨底 */
.box{background:#1A1F2A linear-gradient(160deg,#1C2230,#13171F);border:1px solid rgba(255,212,38,.38);border-radius:20px;padding:22px 24px;margin:20px 0}
.box.warn{background:#2A2410 linear-gradient(160deg,#3A3110,#1A1D24);border:2px solid #FFD426;box-shadow:0 0 40px rgba(255,212,38,.12)}
.box h3{margin-top:0}
.todo{background:#2A2410;border:1px dashed #FFD426;border-radius:6px;padding:1px 6px;
  font-size:.92em;color:#FFE97A}
table{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair);vertical-align:top}
th{font-family:'Outfit',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#FFD426}
footer{border-top:1px solid var(--hair);padding:34px 0 48px;font-size:14px;color:var(--dim)}
footer a{color:var(--grey)}
footer a:hover{color:#FFD426}
.fnav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}