:root{color-scheme:light;--ink:#142033;--muted:#66758a;--line:#dce5f0;--brand:#246bfd;--soft:#f4f8ff;--card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0,#fff 320px);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{color:var(--brand);text-decoration:none}
.legal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;min-height:68px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.legal-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}
.legal-brand img{width:34px;height:34px;object-fit:contain}
.legal-brand small{display:block;color:var(--muted);font-size:11px;font-weight:400}
.legal-nav{display:flex;gap:16px;margin-left:auto;font-size:13px}
.legal-nav a{color:var(--muted)}
.legal-nav a:hover{color:var(--brand)}
.legal-shell{max-width:980px;margin:0 auto;padding:44px 24px 80px}
.legal-hero{padding:24px 0 28px;border-bottom:1px solid var(--line)}
.legal-hero .eyebrow{display:inline-block;margin-bottom:10px;color:var(--brand);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.legal-hero h1{margin:0 0 12px;font-size:clamp(30px,5vw,50px);line-height:1.15;letter-spacing:-.03em}
.legal-hero p{margin:0;max-width:760px;color:var(--muted);font-size:16px}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;color:#7a8798;font-size:13px}
.legal-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:30px}
.legal-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 26px;box-shadow:0 10px 32px rgba(29,59,104,.05)}
.legal-card h2{margin:0 0 10px;font-size:19px;line-height:1.35}
.legal-card h3{margin:18px 0 8px;font-size:15px}
.legal-card p{margin:0 0 10px;color:#33445b}
.legal-card ul,.legal-card ol{margin:8px 0 0;padding-left:22px;color:#33445b}
.legal-card li{margin:5px 0}
.legal-note{margin-top:20px;padding:14px 16px;border:1px solid #bfd5ff;border-radius:14px;background:var(--soft);color:#315487;font-size:13px}
.legal-footer{padding:30px 24px 54px;color:var(--muted);text-align:center;font-size:12px}
.legal-footer a{color:var(--muted);margin:0 8px}
@media(max-width:720px){.legal-header{padding:0 16px}.legal-nav{display:none}.legal-shell{padding:28px 16px 60px}.legal-card{padding:20px 18px;border-radius:15px}}