/* 说明类页面（口径、指南、隐私、条款）统一版式：纸面底色、藏蓝标题、铜色细线、舒适行宽。无衬线。 */
:root { --d-paper: #f3f0e8; --d-card: #fffdf8; --d-ink: #0e1a28; --d-mute: #6c7682; --d-rule: #ddd7c9; --d-copper: #b4532a; --d-blue: #2b5483; }
html { scroll-behavior: smooth; background: var(--d-paper); }
body { background: radial-gradient(ellipse 60% 420px at 100% 0, rgba(180,83,42,.07), transparent 70%), var(--d-paper) !important; background-repeat: no-repeat !important;
  color: var(--d-ink) !important; font-family: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  -webkit-font-smoothing: antialiased; line-height: 1.9; font-variant-numeric: tabular-nums; }
body::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, #11263a 0 56%, #2b5483 56% 86%, #b4532a 86%); }
main, body > section { animation: d-in .7s cubic-bezier(.22,1,.36,1) backwards; }
body:not(:has(main)) { max-width: 820px !important; }
main { background: var(--d-card); border: 1px solid rgba(60,48,24,.07); border-radius: 16px; margin: 36px auto 56px !important; padding: clamp(24px, 5vw, 52px) clamp(20px, 5vw, 56px) clamp(28px, 5vw, 56px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 2px rgba(35,27,12,.04), 0 28px 50px -30px rgba(35,27,12,.3); }
h1 { font-size: 28px !important; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; margin: 6px 0 22px !important; padding-bottom: 18px; position: relative; }
h1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; background: var(--d-copper); border-radius: 2px; }
h2 { font-size: 21px !important; font-weight: 700; letter-spacing: -.005em; margin: 40px 0 10px !important; }
p.lead { color: var(--d-mute) !important; font-size: 16px; }
li { margin: 12px 0 !important; }
li b { color: var(--d-ink); letter-spacing: .01em; margin-bottom: 2px; }
ol { padding-left: 0 !important; list-style: none; }
ol > li { padding: 16px 20px; margin: 12px 0 !important; background: var(--d-paper); border-radius: 14px; transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s; }
@media (hover: hover) and (pointer: fine) { ol > li:hover { transform: translateY(-2px); box-shadow: 0 16px 26px -20px rgba(35,27,12,.4); } }
ol > li:target { box-shadow: 0 0 0 2px var(--d-copper); }
small { color: var(--d-mute); }
a { color: var(--d-blue) !important; text-decoration: none; background: linear-gradient(var(--d-copper), var(--d-copper)) 0 100% / 0 1px no-repeat; transition: background-size .4s cubic-bezier(.22,1,.36,1), color .25s; }
a:hover { color: var(--d-copper) !important; background-size: 100% 1px; }
nav { margin-bottom: 8px; font-size: 14px; }
body > section { background: var(--d-card); border: 1px solid rgba(60,48,24,.07); border-radius: 16px; padding: 6px 28px 14px; margin: 18px 0; box-shadow: 0 18px 36px -28px rgba(35,27,12,.3); }
:focus-visible { outline: 2px solid var(--d-copper); outline-offset: 3px; border-radius: 4px; }
::selection { background: #f4e4d9; }
@keyframes d-in { from { opacity: 0; transform: translateY(18px); } }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } html { scroll-behavior: auto; } }
@media print { body::before { display: none; } main, body > section { box-shadow: none; border: 0; } }
.note { border-left: 3px solid var(--d-copper) !important; background: var(--d-paper) !important; border-radius: 0 12px 12px 0; padding: 12px 18px !important; color: #34414f; }
strong { color: var(--d-ink) !important; }
body > a:first-child { display: inline-block; margin-top: 10px; font-size: 14px; }
/* 手机（2026-10-05）：外卡与灰色列表卡的内边距收窄，正文不再只剩约 240px */
@media (max-width: 640px) {
  h1 { font-size:22px !important; }
  h2 { font-size:18px !important; }
  body:not(:has(main)) { padding: 12px !important; }
  body > section { padding: 4px 16px 12px; border-radius: 16px; }
  ol > li { padding: 12px 14px; border-radius: 12px; }
}