:root { --legal-blue:#4f6df5; --legal-ink:#1e293b; --legal-muted:#64748b; --legal-line:#dbe3ef; --legal-surface:#fff; }
body.legal-page { margin:0; background:#f5f7fb; color:var(--legal-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.legal-page-main { width:min(860px,calc(100% - 32px)); margin:48px auto 72px; }
.legal-page-head { border-bottom:1px solid var(--legal-line); padding-bottom:22px; margin-bottom:26px; }
.legal-page-head h1 { margin:0 0 10px; font-size:28px; font-weight:700; letter-spacing:0; }
.legal-page-head p { margin:0; color:var(--legal-muted); font-size:14px; line-height:1.7; }
.legal-page-content { background:var(--legal-surface); border:1px solid var(--legal-line); border-radius:8px; padding:30px 34px; box-sizing:border-box; }
.legal-page-content h2 { margin:30px 0 10px; font-size:18px; line-height:1.45; }
.legal-page-content h2:first-child { margin-top:0; }
.legal-page-content p, .legal-page-content li { color:#334155; font-size:14px; line-height:1.8; }
.legal-page-content p { margin:8px 0; }
.legal-page-content ul { margin:8px 0; padding-left:22px; }
.legal-page-content a { color:var(--legal-blue); }
.legal-page-foot { color:var(--legal-muted); font-size:13px; line-height:1.7; margin-top:18px; }

.legal-terms-overlay { position:fixed; z-index:10000; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; box-sizing:border-box; background:rgba(15,23,42,.58); backdrop-filter:blur(5px); }
.legal-terms-dialog { width:min(760px,100%); max-height:min(720px,calc(100vh - 40px)); overflow:auto; background:#fff; color:var(--legal-ink); border-radius:8px; box-shadow:0 22px 70px rgba(15,23,42,.34); }
.legal-terms-header { display:flex; align-items:flex-start; gap:14px; padding:26px 28px 17px; border-bottom:1px solid #edf1f6; }
.legal-terms-icon { flex:none; width:38px; height:38px; display:grid; place-items:center; color:var(--legal-blue); background:#eef2ff; border-radius:8px; }
.legal-terms-icon svg { width:23px; height:23px; }
.legal-terms-title-wrap { min-width:0; flex:1; }
.legal-terms-title { margin:0; font-size:20px; line-height:1.4; letter-spacing:0; }
.legal-terms-version { display:inline-block; margin-top:6px; color:#526176; font-size:12px; line-height:20px; padding:0 8px; background:#f1f5f9; border-radius:4px; }
.legal-terms-content { padding:18px 28px 10px; }
.legal-terms-content > p { margin:0 0 16px; color:#475569; font-size:14px; line-height:1.75; }
.legal-terms-docs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.legal-terms-doc { display:block; min-height:104px; padding:15px; border:1px solid #dbe3ef; border-radius:6px; color:inherit; text-decoration:none; box-sizing:border-box; }
.legal-terms-doc:hover { border-color:var(--legal-blue); background:#f8faff; }
.legal-terms-doc strong { display:block; font-size:14px; margin:0 0 7px; }
.legal-terms-doc span { display:block; color:#64748b; font-size:12px; line-height:1.6; }
.legal-terms-note { margin:16px 0 0; color:#64748b; font-size:12px; line-height:1.7; }
.legal-terms-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 28px 24px; }
.legal-terms-actions button { min-height:38px; border-radius:6px; padding:0 18px; font:inherit; font-size:14px; cursor:pointer; }
.legal-terms-decline { color:#475569; border:1px solid #cbd5e1; background:#fff; }
.legal-terms-accept { color:#fff; border:1px solid var(--legal-blue); background:var(--legal-blue); }
.legal-terms-accept:disabled { cursor:wait; opacity:.72; }
@media (max-width:640px) { .legal-page-main { width:min(100% - 24px,860px); margin:26px auto 40px; } .legal-page-head h1 { font-size:23px; } .legal-page-content { padding:22px 18px; } .legal-terms-overlay { padding:12px; } .legal-terms-header { padding:20px 18px 14px; } .legal-terms-content { padding:16px 18px 6px; } .legal-terms-docs { grid-template-columns:1fr; gap:8px; } .legal-terms-doc { min-height:0; padding:12px; } .legal-terms-actions { padding:16px 18px 20px; } }