/* 隐私页专属版式；基础颜色、字体与导航来自 style.css。 */
.privacy-layout {
  --analytics-cloudflare-orange: #e95d0f;
  --analytics-cloudflare-deep: #a5410d;
  --analytics-google-blue: #1a73e8;
  --analytics-google-red: #d93025;
  max-width: 1180px; padding-top: 56px; padding-bottom: 88px;
}
.privacy-intro {
  max-width: 820px; padding: 4px 0 4px 24px; margin-bottom: 36px;
  border-left: 3px solid var(--vermilion);
}
.privacy-kicker {
  color: var(--vermilion); font-size: 11px; font-weight: 800;
  letter-spacing: .16em; text-transform: uppercase; margin-bottom: 8px;
}
.privacy-intro h2 {
  color: var(--ink-800); font-family: var(--font-serif); font-size: 27px;
  line-height: 1.45; margin-bottom: 12px;
}
.privacy-intro > p:last-child { color: var(--ink-soft); font-size: 15px; }
.privacy-systems { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.privacy-card {
  position: relative; overflow: hidden; padding: 30px;
  background: var(--paper-card); border: 1px solid var(--hairline);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
}
.privacy-card::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 3px;
  background: linear-gradient(90deg, var(--vermilion), var(--gold-500));
}
.privacy-card-cloudflare::before { background: linear-gradient(90deg, var(--analytics-cloudflare-orange), var(--gold-500)); }
.privacy-card-google::before { background: linear-gradient(90deg, var(--analytics-google-blue), var(--analytics-google-red)); }
.privacy-label {
  color: var(--vermilion); font-size: 11px; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase; margin-bottom: 5px;
}
.privacy-card-cloudflare .privacy-label { color: var(--analytics-cloudflare-deep); }
.privacy-card-google .privacy-label { color: var(--analytics-google-blue); }
.privacy-card h2 {
  color: var(--ink-800); font-family: var(--font-serif); font-size: 22px;
  line-height: 1.45; margin-bottom: 12px;
}
.privacy-card > p:not(.privacy-label) { color: var(--ink-soft); font-size: 14px; margin-bottom: 18px; }
.privacy-card code {
  padding: 2px 5px; border: 1px solid var(--hairline); border-radius: 5px;
  background: var(--paper); color: var(--vermilion-deep); font-size: .9em;
}
.privacy-facts { display: grid; gap: 13px; list-style: none; }
.privacy-facts li {
  position: relative; padding-left: 16px; color: var(--ink-soft);
  font-size: 13.5px; line-height: 1.75;
}
.privacy-facts li::before {
  content: ""; position: absolute; left: 0; top: .75em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--gold-500);
}
.privacy-facts strong { color: var(--ink-700); }
.privacy-section { margin-top: 38px; padding-top: 30px; border-top: 1px solid var(--hairline); }
.privacy-section h2 {
  color: var(--ink-800); font-family: var(--font-serif); font-size: 20px;
  margin-bottom: 10px;
}
.privacy-section p { color: var(--ink-soft); font-size: 14.5px; }
.privacy-source-section { padding: 28px; background: rgba(244, 236, 218, .5); border-radius: var(--radius-md); }
.privacy-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 16px; }
.privacy-links a {
  color: var(--vermilion-deep); font-size: 13px; font-weight: 700;
  border-bottom: 1px solid rgba(126, 20, 24, .3);
}
.privacy-links a:hover { color: var(--vermilion); border-color: currentColor; }
.privacy-updated { margin-top: 30px; color: var(--muted); font-size: 12.5px; }
.privacy-footer { margin-top: 0; }
.privacy-footer .container { padding-top: 6px; }

@media (max-width: 980px) {
  .privacy-systems { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .privacy-card-google { grid-column: 1 / -1; }
  .privacy-card-google .privacy-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .privacy-layout { padding-top: 38px; padding-bottom: 64px; }
  .privacy-intro { padding-left: 18px; margin-bottom: 26px; }
  .privacy-intro h2 { font-size: 22px; }
  .privacy-systems { grid-template-columns: 1fr; gap: 18px; }
  .privacy-card-google { grid-column: auto; }
  .privacy-card-google .privacy-facts { grid-template-columns: 1fr; }
  .privacy-card { padding: 24px 20px; }
  .privacy-section { margin-top: 30px; padding-top: 24px; }
  .privacy-source-section { padding: 22px 20px; }
  .privacy-links { align-items: flex-start; flex-direction: column; }
}