:root { --ink:#17201d; --muted:#66706b; --orange:#e75521; --paper:#f4f2ed; --line:#deddd7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; line-height:1.8; }
a { color:inherit; }
.legal-header { min-height:72px; padding:0 max(24px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; color:#fff; background:#17201d; }
.legal-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.legal-mark { width:48px; height:48px; display:grid; place-items:center; color:#cf211d; background:#ffd21a; border-radius:3px 3px 9px 9px; font-family:serif; font-weight:900; }
.legal-brand strong { display:block; font-size:16px; }
.legal-brand small { display:block; color:rgba(255,255,255,.55); font:700 8px Arial; letter-spacing:.15em; }
.legal-actions { display:flex; align-items:center; gap:18px; }
.legal-actions > a { color:rgba(255,255,255,.75); font-size:12px; text-decoration:none; }
.language-switcher { display:inline-flex; gap:2px; padding:3px; border:1px solid rgba(255,255,255,.28); border-radius:999px; }
.language-switcher button { min-width:28px; height:25px; padding:0 7px; border:0; border-radius:999px; color:#fff; background:transparent; font:700 10px Arial; cursor:pointer; opacity:.68; }
.language-switcher button.active { background:var(--orange); opacity:1; }
.legal-main { width:min(900px,calc(100% - 40px)); margin:58px auto 80px; padding:48px 56px; background:#fff; border:1px solid var(--line); box-shadow:0 18px 50px rgba(23,32,29,.06); }
.legal-kicker { margin:0 0 8px; color:var(--orange); font:700 10px Arial; letter-spacing:.18em; }
h1 { margin:0; font-size:clamp(30px,5vw,48px); line-height:1.2; }
.legal-updated { margin:12px 0 36px; color:var(--muted); font-size:11px; }
h2 { margin:32px 0 10px; padding-top:22px; border-top:1px solid var(--line); font-size:18px; }
p, li { color:#3f4944; font-size:14px; }
ul { padding-left:20px; }
.legal-note { margin-top:36px; padding:18px 20px; background:#f4f5f1; border-left:3px solid var(--orange); }
.legal-footer { padding:24px; text-align:center; color:var(--muted); font-size:11px; }
html[lang="en"] h1 { font-family:Georgia,"Times New Roman",serif; letter-spacing:-.03em; }
@media (max-width:640px) { .legal-header { min-height:64px; padding:0 14px; } .legal-brand { gap:8px; } .legal-mark { width:40px; height:40px; font-size:13px; } .legal-brand strong { font-size:13px; } .legal-brand small { display:none; } .legal-actions { gap:8px; } .legal-actions > a { display:none; } .legal-main { width:calc(100% - 24px); margin:18px auto 45px; padding:29px 22px; } }