.legal-backdrop{
  position:fixed!important;z-index:240!important;inset:0!important;display:grid!important;place-items:center!important;
  padding:16px!important;background:var(--page,#f2f2f0)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.legal-backdrop[hidden]{display:none!important}
.legal-dialog{
  width:min(100%,398px)!important;height:calc(100dvh - 32px)!important;max-height:812px!important;padding:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(16,45,38,.08)!important;
  border-radius:12px!important;background:var(--surface,#fff)!important;box-shadow:0 18px 48px rgba(16,45,38,.12)!important;
}
.legal-dialog .detail-head{flex:0 0 auto;min-height:64px;padding:12px 14px 10px 16px;border-bottom:1px solid rgba(16,45,38,.08)}
.legal-dialog .detail-title{margin:0;font-size:17px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:0!important}
.legal-dialog .detail-close{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--account-field,#f2f4f2)!important}
.legal-dialog .legal-scroll{flex:1 1 auto;min-height:0;padding:18px 16px 28px;overflow-x:hidden;overflow-y:auto;color:var(--ink-soft);font-size:14px!important;line-height:1.7!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-wrap:anywhere}
.legal-scroll>*:first-child{margin-top:0}
.legal-scroll>*:last-child{margin-bottom:0}
.legal-scroll h2,.legal-scroll h3{margin:24px 0 10px;color:var(--ink);font-size:15px;line-height:1.5;font-weight:600}
.legal-scroll h3{font-size:16px}
.legal-scroll h4{margin:0;color:var(--ink);font-size:14px;line-height:1.5;font-weight:600}
.legal-scroll p{margin:0 0 15px;color:inherit;font-size:14px;line-height:1.7;white-space:normal}
.legal-scroll strong{color:var(--ink);font-weight:700}
.legal-scroll ul,.legal-scroll ol{margin:0 0 17px;padding-left:22px;display:grid;gap:8px}
.legal-scroll li{padding-left:2px;line-height:1.7}
.legal-scroll blockquote{margin:18px 0 0;padding:12px;border:1px solid rgba(16,45,38,.08);border-radius:12px;background:var(--account-field,#f5f6f4);color:var(--muted);font-size:13px;line-height:1.7}
.legal-table{display:grid;gap:12px;margin:16px 0 20px}
.legal-row-card{padding:14px;border:1px solid rgba(16,45,38,.09);border-radius:12px;background:var(--account-field,#f6f7f5)}
.legal-row-card p{margin:8px 0 0;font-size:13px;line-height:1.65}
.legal-row-card p span{color:var(--muted);font-size:12px;font-weight:500}
:root[data-zh-theme="dark"] .legal-dialog{border-color:rgba(255,255,255,.08)!important;background:var(--surface,#192923)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}
:root[data-zh-theme="dark"] .legal-dialog .detail-head{border-color:rgba(255,255,255,.08)}
:root[data-zh-theme="dark"] :is(.legal-row-card,.legal-scroll blockquote){border-color:rgba(255,255,255,.08);background:#22342d}
@media(max-height:620px){.legal-backdrop{padding:8px!important}.legal-dialog{height:calc(100dvh - 16px)!important}}