:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: #263247; background: #f3f5f9; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.85; }
.container { max-width: 960px; margin: 32px auto; background: #fff; border: 1px solid #e2e6ef; border-radius: 16px; overflow: hidden; }
header { padding: 36px 40px 28px; background: #283b70; color: #fff; }
header p { margin: 6px 0; }
h1 { margin: 8px 0 14px; font-size: clamp(1.65rem, 4vw, 2.35rem); line-height: 1.35; }
nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
header a { color: #fff; }
main { padding: 28px 40px 40px; }
h2 { color: #283b70; font-size: 1.3rem; line-height: 1.5; margin: 36px 0 14px; scroll-margin-top: 20px; }
h3 { font-size: 1.05rem; margin: 24px 0 8px; }
p { margin: 12px 0; }
li { margin: 7px 0; }
ul, ol { padding-left: 1.5em; }
a { color: #234c9d; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #d49113; outline-offset: 4px; }
.notice { background: #f0f4fc; border-left: 4px solid #536fa8; padding: 14px 20px; margin: 20px 0; }
.toc { display: block; background: #f7f8fb; padding: 18px 24px; border-radius: 8px; }
.toc ol { columns: 2; column-gap: 32px; margin: 0; padding: 0; list-style: none; }
.toc li { break-inside: avoid; }
.table-wrap { overflow-x: auto; margin: 18px 0; }
table { width: 100%; min-width: 660px; border-collapse: collapse; font-size: .95rem; }
caption { text-align: left; font-weight: 650; padding: 8px 0; }
th, td { border: 1px solid #dce2ed; padding: 12px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
th { background: #f0f4fc; }
code { overflow-wrap: anywhere; font-size: .9em; }
footer { border-top: 1px solid #e2e6ef; padding: 20px 40px; font-size: .9rem; }
.skip { position: absolute; left: -10000px; }
.skip:focus { left: 12px; top: 8px; background: #fff; padding: 8px; z-index: 1; }
@media (max-width: 640px) { .container { margin: 0; border: 0; border-radius: 0; } header, main { padding: 24px 20px; } footer { padding: 20px; } .toc ol { columns: 1; } th, td { padding: 9px; } .table-wrap::before { content: "表格可左右滑动 / Scroll table horizontally"; display: block; font-size: .8rem; color: #526078; } }
@media print { :root { color: #000; background: #fff; } .container { max-width: none; margin: 0; border: 0; } header { color: #000; background: none; } header a { color: #000; } header, main, footer { padding: 12px 0; } nav, .toc, .skip { display: none; } h2, h3 { break-after: avoid; } tr { break-inside: avoid; } }