/* ============================================================
   legal.css · 法律/说明页族（隐私政策、免责声明）
   布局：窄栏居中正文 + 顶部提示条
   ============================================================ */

.hero-legal{ min-height:320px; padding:160px 0 50px; text-align:center; }
.hero-legal .kicker.light::before,.hero-legal .kicker.light::after{ background:rgba(255,255,255,.5); }
.hero-legal .kicker.light{ color:#F5E3B3; }
.hero-legal h1{ color:#FFF; margin-bottom:12px; }
.hero-legal p{ color:rgba(255,255,255,.85); font-size:14px; }

.legal-body{ padding:56px 0 90px; }
.legal-body .lb-inner{
  max-width:820px; margin:0 auto; background:#FFF; border:1px solid var(--line);
  border-radius:26px; box-shadow:var(--shadow-c); padding:48px 56px;
}
.legal-body h2{ font-size:20px; margin:36px 0 14px; position:relative; padding-left:18px; }
.legal-body h2::before{ content:""; position:absolute; left:0; top:6px; bottom:6px; width:5px; border-radius:4px; background:linear-gradient(180deg,var(--yellow-2),var(--pink-2)); }
.legal-body h2:first-child{ margin-top:0; }
.legal-body h3{ font-size:16px; margin:22px 0 10px; }
.legal-body p{ font-size:14.5px; margin-bottom:12px; }
.legal-body ul{ margin:0 0 14px 0; }
.legal-body ul li{ font-size:14.5px; color:var(--ink-2); margin-bottom:8px; padding-left:22px; position:relative; }
.legal-body ul li::before{ content:"·"; position:absolute; left:8px; color:var(--amber); font-weight:800; }
.legal-body .lb-date{ font-size:13px; color:var(--ink-3); margin-top:30px; text-align:right; }
.legal-body .lb-back{ display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:var(--amber); font-weight:600; font-size:14px; }

@media (max-width:640px){
  .legal-body .lb-inner{ padding:30px 22px; }
  .hero-legal{ padding:130px 0 40px; }
}