/* 页面样式；正文请编辑 index.html。 */
:root { color-scheme: light; --text:#1f2329; --muted:#646a73; --line:#dee0e3; --accent:#245bdb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; color:var(--text); background:#fff; font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.sidebar { position:fixed; inset:0 auto 0 0; width:250px; border-right:1px solid var(--line); padding:38px 24px; background:#fafbfc; overflow:auto; }
.brand { display:block; margin-bottom:24px; font-size:19px; font-weight:700; color:var(--text); text-decoration:none; }
nav { display:grid; gap:10px; } nav a { text-decoration:none; color:var(--muted); padding:5px 0; }
nav a:hover { color:var(--accent); }
.document { max-width:1140px; padding:58px 58px 100px; margin-left:250px; }
h1 { font-size:34px; line-height:1.4; margin:0 0 24px; }
h2 { font-size:27px; line-height:1.5; margin:40px 0 16px; }
h3 { font-size:22px; line-height:1.6; margin:26px 0 12px; }
h4 { font-size:18px; line-height:1.7; margin:18px 0 10px; }
p { margin:8px 0; overflow-wrap:anywhere; white-space:pre-wrap; }
a { color:var(--accent); overflow-wrap:anywhere; }
hr { border:0; border-top:1px solid var(--line); margin:24px 0; }
.spacer { height:12px; }
.bullet { position:relative; margin:7px 0; padding-left:22px; }
.bullet::before { content:"•"; position:absolute; left:4px; top:0; }
.bullet-children { margin-top:12px; }
.table-scroll { overflow-x:auto; margin:18px 0; }
table { border-collapse:collapse; width:100%; font-size:15px; }
td { border:1px solid var(--line); padding:12px 15px; min-width:140px; vertical-align:top; }
td p { margin:4px 0; } td .spacer { height:5px; }
figure { margin:22px 0; text-align:center; }
img { max-width:100%; height:auto; vertical-align:middle; border-radius:6px; }
figcaption { color:var(--muted); font-size:14px; }
.image-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:20px 0; }
.grid-column { min-width:0; } .grid-column figure { margin:0; }
@media(min-width:1600px) { .document { margin-left:calc(250px + (100vw - 1600px)/2); } }
@media(max-width:1000px) { .sidebar { position:static; width:auto; padding:20px 24px; border-right:0; border-bottom:1px solid var(--line); } nav { display:flex; flex-wrap:wrap; gap:8px 20px; } .brand { margin-bottom:12px; } .document { margin:0 auto; padding:32px 24px 60px; } }
@media(max-width:600px) { h1 { font-size:28px; } h2 { font-size:23px; } .image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .document { padding:28px 18px 60px; } }
@media print { .sidebar { display:none; } .document { margin:0; padding:0; max-width:none; } }