/* ============================================================
   law.css - 站6 法律页共享样式（agreement/privacy/refund，lw 前缀）
   ============================================================ */

.lw-hero { background:linear-gradient(150deg,var(--rd-50),#fff); padding:54px 0 28px; }
.lw-hero h1 { font-size:32px; font-weight:800; color:var(--st-900); margin-bottom:14px; }
.lw-lead { color:var(--st-600); font-size:15.5px; max-width:820px; line-height:1.7; }
.lw-date { color:var(--st-400); font-size:13px; margin-top:14px; }

.lw-wrap { display:grid; grid-template-columns:210px 1fr; gap:30px; align-items:start; padding-top:30px; padding-bottom:30px; }
.lw-toc { position:sticky; top:110px; background:#fff; border:1px solid var(--st-200); border-radius:var(--kkr); padding:20px; }
.lw-toc-title { font-size:15px; margin-bottom:12px; font-weight:800; color:var(--st-700); }
.lw-toc ol { padding-left:18px; }
.lw-toc li { margin-bottom:9px; font-size:13.5px; font-weight:600; }
.lw-toc a { color:var(--st-600); }
.lw-toc a:hover { color:var(--rd-700); }

.lw-art { background:#fff; border:1px solid var(--st-200); border-radius:var(--kkr); padding:28px 32px; margin-bottom:20px; }
.lw-art h2 { font-size:20px; font-weight:800; margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid var(--rd-200); color:var(--st-900); }
.lw-art h3 { font-size:15.5px; font-weight:700; margin:18px 0 8px; color:var(--rd-700); }
.lw-art p { color:var(--st-600); font-size:14px; line-height:1.75; margin-bottom:10px; }
.lw-art a { color:var(--rd-700); font-weight:600; }
.lw-art a:hover { text-decoration:underline; }

.lw-contact { text-align:center; padding:22px; background:var(--rd-50); border:1px dashed var(--rd-300); border-radius:var(--kkr); }
.lw-contact p { font-size:14px; color:var(--st-600); }
.lw-contact b { color:var(--rd-700); font-size:16px; }

/* refund 专属：流程与对比 */
.lw-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:8px; }
.lw-steps > div { background:var(--rd-50); border-radius:var(--kkr); padding:18px 14px; text-align:center; }
.lw-steps b { width:32px; height:32px; margin:0 auto 10px; background:var(--rd-600); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; }
.lw-steps h3 { font-size:14px; margin-bottom:6px; color:var(--st-800); }
.lw-steps p { font-size:12px; color:var(--st-500); margin:0; }

.lw-vs { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:8px; }
.lw-good, .lw-bad { border-radius:var(--kkr); padding:20px 22px; }
.lw-good { background:var(--rd-50); border:1px solid var(--rd-200); }
.lw-bad { background:var(--st-100); border:1px solid var(--st-200); }
.lw-good h3 { color:var(--rd-700); margin-bottom:10px; font-size:15px; }
.lw-bad h3 { color:var(--st-500); margin-bottom:10px; font-size:15px; }
.lw-good p, .lw-bad p { font-size:13.5px; color:var(--st-600); margin:0; line-height:1.7; }
.lw-note { font-size:12px; color:var(--st-400); margin-top:10px; }

.lw-table { width:100%; border-collapse:collapse; margin-top:8px; font-size:13.5px; }
.lw-table th { background:linear-gradient(135deg,var(--rd-500),var(--rd-700)); color:#fff; padding:12px 14px; text-align:left; font-weight:700; }
.lw-table th:first-child { border-top-left-radius:var(--kkr); }
.lw-table th:last-child { border-top-right-radius:var(--kkr); }
.lw-table td { padding:11px 14px; border-bottom:1px solid var(--st-200); color:var(--st-600); }
.lw-table tbody tr:hover { background:var(--rd-50); }

.lw-faq { margin-top:8px; }
.lw-faq details { background:var(--st-100); border:1px solid var(--st-200); border-radius:var(--kkr); padding:15px 20px; margin-bottom:10px; }
.lw-faq summary { font-weight:700; font-size:14px; color:var(--st-800); cursor:pointer; }
.lw-faq details[open] summary { color:var(--rd-700); margin-bottom:8px; }
.lw-faq p { font-size:13.5px; color:var(--st-600); margin:0; line-height:1.7; }

@media (max-width:760px) {
  .lw-wrap { grid-template-columns:1fr; }
  .lw-toc { position:static; }
  .lw-hero h1 { font-size:26px; }
  .lw-steps { grid-template-columns:1fr 1fr; }
  .lw-vs { grid-template-columns:1fr; }
}