/* ============================================
   Legal pages · 法务文档型简洁排版
   依赖：styles.css 的 :root tokens
   ============================================ */

.lg-main{
  padding: 140px 0 0;
  min-height: 70vh;
}
.lg-wrap{
  max-width: 880px;
  margin: 0 auto;
  padding: 0 28px 100px;
}

/* ===== Head ===== */
.lg-head{
  padding-bottom: 36px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 36px;
}
.lg-eyebrow{
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: .24em;
  color: var(--violet-1);
  text-transform: uppercase;
  margin-bottom: 16px;
}
.lg-title{
  font-size: clamp(36px, 4.4vw, 56px);
  font-weight: 900;
  line-height: 1.1;
  color: var(--text);
  margin: 0 0 18px;
  letter-spacing: -.015em;
}
.lg-meta{
  display: flex; flex-wrap: wrap; gap: 8px;
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: .12em;
  color: var(--text-3);
  margin-bottom: 24px;
}
.lg-meta .sep{color: var(--line-2); margin: 0 2px}
.lg-lede{
  font-size: 16px; line-height: 1.75;
  color: var(--text-2);
}
.lg-lede b{color: var(--text); font-weight: 700}

/* ===== TOC 目录 ===== */
.lg-toc{
  padding: 24px 28px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-left: 3px solid var(--violet-1);
  border-radius: var(--r-md);
  margin-bottom: 56px;
}
.lg-toc__h{
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: .22em;
  color: var(--violet-1);
  text-transform: uppercase;
  margin-bottom: 14px;
}
.lg-toc ol{
  list-style: none;
  padding: 0; margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
}
.lg-toc li{padding: 0}
.lg-toc a{
  font-size: 13.5px;
  color: var(--text-2);
  transition: color .2s;
  display: block;
  padding: 4px 0;
}
.lg-toc a:hover{color: var(--violet-1)}

/* ===== Section ===== */
.lg-sec{
  margin-bottom: 48px;
  scroll-margin-top: 100px;
}
.lg-sec h2{
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  color: var(--text);
  margin: 0 0 18px;
  letter-spacing: -.005em;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.lg-sec h3{
  font-size: 17px;
  font-weight: 700;
  color: var(--text);
  margin: 24px 0 12px;
  letter-spacing: -.005em;
}
.lg-sec p{
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--text-2);
  margin: 0 0 14px;
}
.lg-sec p b{color: var(--text); font-weight: 700}
.lg-sec ul, .lg-sec ol{
  padding-left: 22px;
  margin: 0 0 16px;
}
.lg-sec li{
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--text-2);
  margin-bottom: 8px;
}
.lg-sec li b{color: var(--text); font-weight: 700}

/* ===== Card (联系块) ===== */
.lg-card{
  padding: 20px 24px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  margin-top: 16px;
}
.lg-card p{margin-bottom: 6px; color: var(--text-2)}
.lg-card p:first-child{color: var(--text); font-weight: 700; margin-bottom: 12px}

/* ===== 底部跳转 ===== */
.lg-foot-nav{
  margin-top: 60px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.lg-foot-nav a{
  font-family: var(--font-mono);
  font-size: 13px; letter-spacing: .1em;
  color: var(--violet-1);
  transition: color .2s;
}
.lg-foot-nav a:hover{color: var(--ember)}

@media (max-width: 640px){
  .lg-toc ol{grid-template-columns: 1fr}
  .lg-main{padding-top: 100px}
}