/* M3 法务文档页 · 米底面（品牌规范 V1.4 §2.2）
   ☠️ 色值与 LP 同一套，改任何一个之前先用 §2.0 的 WCAG 脚本重算。 */
:root{
  --ground:#F4F0E8; --card:#FFFFFF; --ink:#1E1B19; --grey:#5C5C56;
  --acc:#E8B33A; --gold-tx:#8A6106; --on-acc:#1E1B19; --mark:#212836;
  --hair:#E0DBD1; --hair2:#CFC9BD;
  --lift:0 1px 2px rgba(30,27,25,.04), 0 10px 28px rgba(30,27,25,.07);
  --pad:clamp(20px,5vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:'Outfit','Noto Sans CJK SC','Noto Sans 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,#E8B33A 0%,#F7CE68 38%,#A87708 72%,#E8B33A 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:#E8B33A;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(244,240,232,.93);
  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:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:500;letter-spacing:.1em;
  padding:8px 11px;border-radius:8px;cursor:pointer}
.langs button:hover{color:var(--ink);border-color:var(--ink)}
.langs button[aria-current="true"]{background:var(--ink);color:#F4F0E8;border-color:var(--ink)}
main{padding:clamp(40px,6vw,72px) 0 clamp(60px,8vw,96px)}
h1{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.16;letter-spacing:0;margin:0}
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:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grey);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:var(--gold-tx)}   /* 4.87 于米底 */
.box{background:var(--card);border-radius:14px;padding:22px 24px;box-shadow:var(--lift);margin:20px 0}
.box.warn{background:#FBF3DC;border:1px dashed var(--hair2);box-shadow:none}
.box h3{margin-top:0}
.todo{background:#FBF3DC;border:1px dashed var(--hair2);border-radius:6px;padding:1px 6px;
  font-family:'IBM Plex Mono',monospace;font-size:.92em;color:#6B5405}
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:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--grey);font-weight:500}
footer{border-top:1px solid var(--hair);padding:34px 0 48px;font-size:14px;color:var(--grey)}
footer a{color:var(--grey)}
.fnav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}