/* ============================================================
   legal.css - 站5 法律页专属（顶部横向粘性目录 + 单栏正文）
   ============================================================ */

.fl-hero { position:relative; overflow:hidden; padding:60px 0 44px; text-align:center; }
.fl-glow {
  position:absolute; top:-200px; left:50%; transform:translateX(-50%);
  width:720px; height:720px; pointer-events:none;
  background:radial-gradient(circle, rgba(6,182,212,.23) 0%, rgba(6,182,212,.05) 45%, transparent 70%);
}
.fl-hero-inner { position:relative; max-width:760px; }
.fl-hero h1 { font-size:34px; font-weight:800; margin-bottom:15px; }
.fl-lead { font-size:14.5px; color:var(--sl-600); line-height:1.85; }
.fl-date { display:inline-block; margin-top:16px; font-size:13px; color:var(--cy-800); background:var(--cy-50); border:1px solid var(--cy-200); padding:6px 16px; border-radius:var(--kr-pill); }

/* 横向粘性目录 */
.fl-toc {
  position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px); border-top:var(--kline); border-bottom:var(--kline);
}
.fl-toc-in { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; padding:12px 0; }
.fl-toc a {
  font-size:13px; font-weight:600; color:var(--sl-600); padding:6px 14px;
  border-radius:var(--kr-pill); transition:background .15s, color .15s;
}
.fl-toc a:hover { background:var(--cy-50); color:var(--cy-800); }

/* 正文 */
.fl-body { max-width:860px; margin:0 auto; padding:34px 0 10px; }
.fl-art {
  background:#fff; border:var(--kline); border-radius:var(--kr-lg);
  padding:30px 32px; margin-bottom:20px; scroll-margin-top:70px;
}
.fl-art h2 { font-size:19px; margin-bottom:16px; padding-bottom:12px; border-bottom:var(--kline); }
.fl-art h3 { font-size:15px; margin:18px 0 9px; color:var(--cy-800); }
.fl-art p { font-size:14px; color:var(--sl-600); line-height:1.9; margin-bottom:10px; }
.fl-art a { color:var(--cy-700); font-weight:600; }

.fl-contact {
  background:var(--cy-50); border:1px solid var(--cy-200); border-radius:var(--kr-lg);
  padding:22px 26px; margin-bottom:20px;
}
.fl-contact p { font-size:14px; color:var(--sl-700); line-height:1.8; }
.fl-contact b { color:var(--cy-800); }

/* 对比框 */
.fl-vs { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fl-box { border-radius:var(--kr); padding:20px; }
.fl-box h3 { font-size:15px; margin-bottom:10px; }
.fl-box p { font-size:13.5px; line-height:1.8; margin:0; }
.fl-good { background:#f0fdfa; border:1px solid #99f6e4; }
.fl-good h3 { color:#0f766e; }
.fl-bad { background:#fef2f2; border:1px solid #fecaca; }
.fl-bad h3 { color:#b91c1c; }

/* 步骤 */
.fl-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.fl-step { background:#fafcfd; border:var(--kline); border-radius:var(--kr); padding:18px 16px; }
.fl-step b {
  width:30px; height:30px; display:flex; align-items:center; justify-content:center;
  background:var(--cy-600); color:#fff; border-radius:var(--kr-pill); margin-bottom:10px;
}
.fl-step h3 { font-size:14px; margin-bottom:6px; }
.fl-step p { font-size:12.5px; color:var(--sl-500); line-height:1.7; margin:0; }

@media (max-width:900px) {
  .fl-hero h1 { font-size:28px; }
  .fl-vs { grid-template-columns:1fr; }
  .fl-steps { grid-template-columns:repeat(2,1fr); }
  .fl-art { padding:24px 20px; }
}
@media (max-width:560px) {
  .fl-hero h1 { font-size:24px; }
  .fl-steps { grid-template-columns:1fr; }
}