:root{--wash:#F5F6FB;--paper:#FFFFFF;--ink:#16172E;--ink-soft:#43466A;--line:#E7E9F4;--line-soft:#EEF0F8;--blue:#2F54FF;--blue-deep:#1B34C7;--blue-wash:#EDF0FF;--red:#D34C47;
  --font-display:'Bricolage Grotesque','Noto Sans HK',system-ui,sans-serif;--font-body:'IBM Plex Sans','Noto Sans HK',system-ui,-apple-system,sans-serif;--font-mono:'IBM Plex Mono','Noto Sans HK',monospace}
*{box-sizing:border-box}html,body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.3px}
.brand .mark{width:34px;height:34px;border-radius:9px;display:block;box-shadow:0 10px 22px -12px rgba(47,84,255,.7)}
.brand em{color:var(--blue);font-style:normal}
h1{font:800 40px/1.08 var(--font-display);letter-spacing:-1.2px;margin:40px 0 6px}
.meta{font:700 10px/1 var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-soft)}
.card{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:26px 26px 8px;margin-top:24px;box-shadow:0 18px 34px -26px rgba(22,23,46,.35)}
.card h2{font:700 20px/1.2 var(--font-display);letter-spacing:-.3px;margin:22px 0 8px}.card h2:first-child{margin-top:0}
.card p,.card li{color:var(--ink-soft)}.card ul{padding-left:20px}.card a{color:var(--blue-deep);font-weight:600}
.card table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 18px}.card td,.card th{text-align:left;vertical-align:top;padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}.card th{font:700 10px var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft)}
.foot{margin-top:28px;font-size:14px;color:var(--ink-soft)}.foot a{color:var(--blue-deep)}
@media (max-width:480px){h1{font-size:32px}.card{padding:22px 18px 4px}}