:root { color-scheme: light; --legal-ink:#1a2b40; --legal-muted:#65778d; --legal-line:#e1e8f0; --legal-blue:#286fe0; --legal-paper:#f3f7fc; }
* { box-sizing:border-box; }
body.legal-page { margin:0; color:var(--legal-ink); background:radial-gradient(ellipse at 8% 0,rgba(153,199,255,.2),transparent 32rem),var(--legal-paper); font:15px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.legal-shell { width:min(900px,calc(100% - 32px)); margin:30px auto 50px; }
.legal-brand { display:inline-flex; align-items:center; gap:10px; margin:0 0 20px 4px; color:var(--legal-ink); text-decoration:none; font-weight:800; }
.legal-brand-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:white; background:linear-gradient(145deg,#4389f2,#225cc5); }
.legal-card { padding:clamp(24px,5vw,54px); border:1px solid var(--legal-line); border-radius:20px; background:#fff; box-shadow:0 20px 55px rgba(34,65,104,.09); }
.legal-eyebrow { margin:0 0 4px; color:#7792b4; font-size:11px; font-weight:800; letter-spacing:.15em; }
h1 { margin:0; font-size:clamp(28px,5vw,38px); line-height:1.25; letter-spacing:-.025em; }
.legal-summary { margin:11px 0 18px; color:var(--legal-muted); }
.legal-meta { display:flex; flex-wrap:wrap; gap:8px 20px; padding:13px 15px; border:1px solid #e4edf8; border-radius:10px; color:#52677f; background:#f7faff; font-size:12px; }
.legal-meta span { display:inline-flex; align-items:center; gap:7px; }
.legal-meta i { color:var(--legal-blue); }
.legal-nav { display:flex; gap:10px; margin:18px 0 28px; padding-bottom:18px; border-bottom:1px solid var(--legal-line); }
.legal-nav a { display:inline-flex; align-items:center; gap:7px; color:var(--legal-blue); font-size:13px; font-weight:750; text-decoration:none; }
.legal-nav a[aria-current="page"] { color:var(--legal-ink); }
.legal-content h2 { display:flex; align-items:center; gap:10px; margin:30px 0 9px; font-size:19px; line-height:1.4; }
.legal-content h2 i { width:24px; color:var(--legal-blue); text-align:center; font-size:16px; }
.legal-content h3 { margin:18px 0 6px; font-size:15px; }
.legal-content p { margin:8px 0; }
.legal-content ul,.legal-content ol { margin:8px 0 13px; padding-left:24px; }
.legal-content li { margin:5px 0; }
.legal-content a { color:var(--legal-blue); }
.legal-callout { margin:14px 0; padding:13px 16px; border-left:3px solid #5b92ed; border-radius:0 8px 8px 0; color:#506780; background:#f3f8ff; }
.legal-table-wrap { overflow-x:auto; margin:12px 0; }
.legal-content table { width:100%; border-collapse:collapse; font-size:13px; }
.legal-content th,.legal-content td { padding:10px 12px; border:1px solid var(--legal-line); text-align:left; vertical-align:top; }
.legal-content th { background:#f6f9fd; }
.legal-footer { margin:22px 0 0; color:#8190a2; font-size:12px; text-align:center; }
@media(max-width:560px) { .legal-shell{width:min(100% - 20px,900px);margin:14px auto 28px}.legal-card{padding:22px 18px;border-radius:15px}.legal-meta{display:grid;gap:6px}.legal-content h2{font-size:17px}.legal-nav{gap:16px}.legal-content th,.legal-content td{padding:8px 9px}.legal-content th:first-child,.legal-content td:first-child{width:6em} }