:root { color-scheme:light; --ink:#2D2320; --muted:#7A6A5F; --line:#ECD9CC; --orange:#F04E1F; --bg:#FFF9F5; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
.legal-brand { display:flex; align-items:center; gap:11px; padding:14px max(18px,calc((100vw - 760px)/2)); background:linear-gradient(135deg,#FF6B35,#FF9A3D); color:#fff; }
.legal-brand img { width:42px; height:42px; border-radius:12px; padding:4px; background:#fff; }
.legal-brand div { display:grid; gap:2px; }
.legal-brand b { font-size:17px; }
.legal-brand span { color:rgba(255,255,255,.84); font-size:11px; }
.legal-page { width:min(100% - 32px,760px); margin:24px auto 48px; border:1px solid var(--line); border-radius:16px; padding:clamp(20px,4vw,36px); background:#fff; box-shadow:0 8px 26px rgba(96,54,28,.08); }
.legal-back { display:inline-flex; min-height:44px; align-items:center; color:var(--muted); font-size:13px; font-weight:700; text-decoration:none; }
h1 { margin:10px 0 5px; font-size:clamp(25px,5vw,34px); line-height:1.3; }
.legal-updated { margin:0 0 24px; color:var(--muted); font-size:12px; }
section { border-top:1px solid #F3E6DE; padding:19px 0 3px; }
h2 { margin:0 0 8px; font-size:17px; }
p { margin:0 0 14px; color:#5F5149; font-size:14px; line-height:1.85; }
.legal-boundary { margin:22px 0 0; border-left:3px solid var(--orange); border-radius:9px; padding:11px 13px; background:#FFF1E8; color:#6D4C3C; font-size:13px; }
@media(max-width:520px){ .legal-page{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;padding:20px 18px 40px}.legal-brand{padding:12px 16px} }