/* desc: 隐私与支持文档的轻量响应式样式 */
:root { color-scheme: light dark; --paper: #faf9f6; --panel: #ffffff; --text: #242321; --muted: #615e58; --line: #d7d3cb; --accent: #983c39; --notice: #fff2df; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--text); font: 17px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-wrap: anywhere; }
a { color: var(--accent); text-underline-offset: .22em; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; border-radius: 2px; }
.shell { max-width: 840px; margin: auto; padding: 28px 28px 60px; }
header { border-bottom: 1px solid var(--line); padding-bottom: 22px; }
.brand { color: var(--text); font-size: 20px; font-weight: 700; text-decoration: none; letter-spacing: .02em; }
nav { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 12px; }
nav a { min-height: 44px; display: inline-flex; align-items: center; font-size: 15px; }
nav [aria-current="page"] { color: var(--text); font-weight: 700; }
h1 { font-size: clamp(28px, 5vw, 38px); line-height: 1.3; margin: 30px 0 12px; letter-spacing: -.03em; }
h2 { font-size: 23px; line-height: 1.5; margin: 34px 0 12px; }
h3 { font-size: 18px; margin-bottom: 8px; }
p { margin: 12px 0; }
.meta, footer { color: var(--muted); font-size: 14px; }
.notice { padding: 18px 20px; border: 1px solid var(--line); background: var(--notice); border-radius: 10px; margin: 24px 0; }
.notice p:first-child { margin-top: 0; }
.notice p:last-child { margin-bottom: 0; }
.card { padding: 18px 22px; border: 1px solid var(--line); background: var(--panel); border-radius: 10px; margin: 16px 0; }
.card h2 { margin-top: 0; font-size: 22px; }
li { margin: 8px 0; }
ul, ol { padding-left: 1.45em; }
dt { font-weight: 650; margin-top: 18px; }
dd { margin: 4px 0 18px; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--panel); padding: 18px; border: 1px solid var(--line); border-radius: 8px; font: inherit; }
footer { margin-top: 44px; border-top: 1px solid var(--line); padding-top: 20px; }
.skip { position: absolute; top: -100px; left: 16px; padding: 10px; background: var(--panel); }
.skip:focus { top: 8px; }
@media (max-width: 480px) { .shell { padding: 20px 18px 44px; } body { font-size: 16px; } .notice, .card { padding: 16px; } }
@media (prefers-color-scheme: dark) { :root { --paper: #171717; --panel: #222222; --text: #f0eeea; --muted: #c0bbb3; --line: #53504b; --accent: #ffb6ae; --notice: #332b20; } }
@media print { :root { color-scheme: light; --paper: white; --panel: white; --text: black; --muted: #333; --line: #777; --accent: #333; --notice: white; } nav, .skip { display: none; } .shell { max-width: none; padding: 0; } a { color: inherit; } h2 { break-after: avoid; } }