/* ==========================================================================
   VPNBL · legal-terms.css
   使用条款页专属排版:页头节奏 + 条款正文的段落、列表与小标题层级。
   颜色、字体、圆角一律引用 base.css 的设计令牌,不新增硬编码色值。
   ========================================================================== */

/* ---- 页头:承接顶栏浅色,向下过渡回基底 ---- */
.legal-head{
  padding-top:52px;
  padding-bottom:20px;
  background:linear-gradient(180deg,var(--bg-hero-top) 0%,var(--bg) 96%);
}
.legal-head h1{max-width:760px}
.legal-head__meta{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--text-muted);
}
.legal-head__lead{margin-top:14px;max-width:720px}

/* ---- 正文列:比全站版心窄一档,长句更好读 ---- */
.legal-col{max-width:900px}
.legal-body{padding-bottom:80px}

/* ---- 条款正文 ---- */
.legal-doc__body > section + section{margin-top:36px}

.legal-doc__body h2{
  font-size:var(--fs-h3);
  padding-bottom:10px;
  margin-bottom:14px;
  border-bottom:1px solid var(--border-soft);
}
.legal-doc__body h3{
  margin-top:22px;
  margin-bottom:10px;
  font-size:16.5px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--accent-dark);
}

.legal-doc__body p{
  font-size:15.5px;
  line-height:1.78;
  color:var(--text-muted);
}
.legal-doc__body p + p,
.legal-doc__body p + ul,
.legal-doc__body ul + p{margin-top:12px}

.legal-doc__body ul{display:grid;gap:8px}
.legal-doc__body li{
  position:relative;
  padding-left:18px;
  font-size:15.5px;
  line-height:1.7;
  color:var(--text-muted);
}
.legal-doc__body li::before{
  content:"";
  position:absolute;
  left:2px;
  top:11px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
  opacity:.5;
}
.legal-doc__body strong{color:var(--text);font-weight:800}
.legal-doc__body a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-doc__body a:hover{color:var(--accent-lift)}

/* ---- 窄屏 ---- */
@media (max-width:640px){
  .legal-head{padding-top:36px;padding-bottom:16px}
  .legal-body{padding-bottom:64px}
  .legal-doc__body > section + section{margin-top:30px}
  .legal-doc__body p,
  .legal-doc__body li{font-size:15px}
}