/* ============================================================
   星烁艺雕主站 V3 · legal.css  合规子页（隐私政策/服务条款）
   ============================================================ */
.legal-hero{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 60%,#0B3E78 100%);
  color:#fff;padding:72px 0 64px;position:relative;overflow:hidden;
}
.legal-hero::after{
  content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;
  background:radial-gradient(circle,rgba(255,125,51,.28),transparent 70%);border-radius:50%;
}
.legal-hero .crumb{font-size:13px;color:rgba(255,255,255,.72);margin-bottom:14px;position:relative;z-index:1}
.legal-hero .crumb a{color:rgba(255,255,255,.85)}
.legal-hero h1{font-size:34px;font-weight:800;margin-bottom:12px;position:relative;z-index:1}
.legal-hero p{color:rgba(255,255,255,.85);font-size:15px;position:relative;z-index:1}

.legal-wrap{max-width:860px;margin:0 auto;padding:56px 24px 72px}
.legal-meta{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;
}
.legal-meta span{
  font-size:13px;color:var(--text-sub);background:var(--bg-light);
  border:1px solid var(--border);border-radius:999px;padding:6px 14px;
}
.legal-wrap h2{
  font-size:20px;font-weight:800;color:var(--text);margin:36px 0 14px;
  padding-left:13px;border-left:4px solid var(--primary);line-height:1.3;
}
.legal-wrap h2:first-of-type{margin-top:0}
.legal-wrap p,.legal-wrap li{
  color:var(--text-sub);font-size:15px;line-height:1.95;margin-bottom:10px;
}
.legal-wrap ul{padding-left:22px;margin-bottom:8px}
.legal-wrap ul li{list-style:disc}
.legal-wrap strong{color:var(--text);font-weight:700}
.legal-wrap a{color:var(--primary);font-weight:600}
.legal-contact{
  margin-top:36px;background:var(--bg-light);border:1px solid var(--border);
  border-radius:14px;padding:24px 26px;
}
.legal-contact h2{border:none;padding:0;margin:0 0 10px;font-size:17px}
.legal-toc{
  background:var(--bg-light);border:1px solid var(--border);border-radius:14px;
  padding:20px 24px;margin-bottom:8px;
}
.legal-toc b{display:block;font-size:14px;color:var(--text);margin-bottom:8px}
.legal-toc a{display:inline-block;font-size:14px;color:var(--primary);margin:3px 16px 3px 0;font-weight:600}
@media(max-width:768px){
  .legal-hero{padding:48px 0 42px}
  .legal-hero h1{font-size:26px}
  .legal-wrap{padding:40px 20px 56px}
}