:root{ --num: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --rv:#4f8ff7; --rv-2:#38bdf8; --rv-ink:#9cc2ff; --rv-dim:rgba(79,143,247,.13);
  --rx-bg:rgba(16,22,30,.55); --rx-bd:rgba(255,255,255,.12); }
html[data-theme="light"]{ --rv:#285fff; --rv-2:#0f8fd8; --rv-ink:#1b49c8; --rv-dim:rgba(40,95,255,.10);
  --rx-bg:rgba(255,255,255,.82); --rx-bd:rgba(0,0,0,.06); }
html:not([data-lang="zh"]) .l-zh{ display:none; } html[data-lang="zh"] .l-en{ display:none; }
html,body{ background:var(--bg); }
body{ padding-top:22px; color:var(--text); min-height:100vh; }
.rx-wrap{ max-width:960px; margin:0 auto; padding:26px 22px 96px; }
.rx-eyebrow{ font-family:var(--num); font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--rv-ink); }
html[data-theme="light"] .rx-eyebrow{ color:var(--rv); }
.rx-wrap h1{ font-weight:800; font-size:clamp(26px,3.6vw,38px); line-height:1.1; letter-spacing:-.02em; color:var(--text); margin:8px 0 8px; }
.rx-sub{ font-size:14.5px; color:var(--muted); max-width:60ch; margin:0 0 8px; }
.rx-cta{ display:inline-flex; align-items:center; gap:7px; margin-top:14px; padding:10px 18px; border-radius:11px; font-weight:700; font-size:13.5px;
  color:#fff; text-decoration:none; background:linear-gradient(120deg,var(--rv),color-mix(in srgb,var(--rv) 74%,var(--rv-2))); }
.rx-grp{ margin-top:30px; }
.rx-grp h2{ font-size:13px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color:var(--muted); margin:0 0 12px;
  padding-bottom:8px; border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent); }
.rx-grp ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:9px; }
.rx-grp a{ display:block; padding:12px 15px; border-radius:11px; text-decoration:none; color:var(--text);
  background:var(--rx-bg); border:1px solid var(--rx-bd); transition:.15s; }
.rx-grp a:hover{ border-color:color-mix(in srgb,var(--rv) 40%,var(--rx-bd)); transform:translateY(-1px); }
.rx-grp .d{ font-family:var(--num); font-size:10.5px; color:var(--muted); } .rx-grp .ti{ font-size:13.5px; font-weight:600; margin-top:3px; line-height:1.35; }
.rx-foot{ margin-top:40px; padding-top:20px; border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent); font-size:12px; color:var(--muted); }
@media (prefers-reduced-motion:reduce){ .rx-grp a:hover{ transform:none; } }