/* 法律页样式。配色和字体沿用 layout.css 的变量，这里只管长文排版。 */

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-md) var(--space-xl) var(--space-xl);
  font-family: var(--font-cn);
}

.legal-nav {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-md);
  padding-bottom: var(--space-sm); border-bottom: 1px solid var(--rule);
  margin-bottom: var(--space-xl);
}
.legal-link {
  font-size: 13px; color: var(--muted); text-decoration: none;
  transition: color var(--dur-quick) var(--ease-out);
}
.legal-link:hover { color: var(--gold); }

.legal h1 {
  font-family: var(--font-title);
  font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 700;
  letter-spacing: -0.03em; line-height: 1.2; margin: 0 0 6px;
}
.legal h1.cn { margin-top: var(--space-xl); }
.legal h2 {
  font-size: 15px; font-weight: 600; margin: var(--space-lg) 0 var(--space-xs);
  letter-spacing: -0.005em;
}
.legal .stamp {
  font-family: var(--font-mono); font-size: 11.5px; color: var(--neutral);
  margin: 0 0 var(--space-lg);
}
.legal .lead {
  font-size: 15px; color: var(--ink); line-height: 1.8;
  margin: 0 0 var(--space-lg);
  padding-bottom: var(--space-md); border-bottom: 1px solid var(--rule);
}
.legal p { font-size: 14px; color: var(--muted); line-height: 1.85; margin: 0 0 var(--space-sm); }
.legal ul { margin: 0 0 var(--space-sm); padding-left: 20px; }
.legal li { font-size: 14px; color: var(--muted); line-height: 1.85; margin-bottom: 7px; }
.legal li b, .legal p b { color: var(--ink); font-weight: 600; }
.legal .mono { font-family: var(--font-mono); font-size: 13px; color: var(--gold); }
/* 正文里的外链（关闭个性化广告那几个）。金色够显眼，鼠标移上去再加下划线确认可点。 */
.legal a.mono { text-decoration: none; border-bottom: 1px solid transparent; }
.legal a.mono:hover { border-bottom-color: var(--gold); }
.legal hr { border: 0; border-top: 1px solid var(--rule); margin: var(--space-xl) 0 0; }

.legal-foot {
  margin-top: var(--space-xl); padding-top: var(--space-md);
  border-top: 1px solid var(--rule);
}
.legal-foot a {
  font-size: 13px; color: var(--neutral); text-decoration: none;
  transition: color var(--dur-quick) var(--ease-out);
}
.legal-foot a:hover { color: var(--gold); }

@media (max-width: 560px) {
  .legal { padding: var(--space-md) var(--space-md) var(--space-lg); }
}

/* 正文里的链接原先没定义颜色，走浏览器默认的那个蓝，
   在这套黑金配色里非常扎眼。统一收到站点的金色上。
   导航那几个链接有自己的样式，不受这条影响。 */
.legal p a,
.legal li a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--gold-line);
  transition: color var(--dur-quick) var(--ease-out);
}
.legal p a:hover,
.legal li a:hover { color: #ffd84d; text-decoration-color: #ffd84d; }