:root { color-scheme: light; --blue:#0039c9; --ink:#172b46; --paper:#f7f4eb; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:system-ui,"Microsoft YaHei",sans-serif; line-height:1.85; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px max(24px,calc((100vw - 1040px)/2)); background:#fffdf7; border-bottom:1px solid #deddd5; }
.brand { font-size:23px; letter-spacing:6px; text-decoration:none; }
nav { display:flex; gap:24px; }
a { color:var(--blue); overflow-wrap:anywhere; text-underline-offset:4px; }
a:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
main { width:min(960px,calc(100% - 40px)); margin:36px auto; padding:36px; background:#fffdf7; border:1px solid #deddd5; border-radius:16px; }
h1 { font-size:32px; margin-top:14px; } h2 { font-size:23px; margin-top:38px; } h3 { font-size:18px; }
p,li { overflow-wrap:anywhere; } li+li { margin-top:10px; }
.status { display:inline-block; border:1px solid #d9b15b; color:#745013; background:#fff2cd; padding:3px 12px; border-radius:6px; font-size:14px; }
.draft-notice { background:#fff5dc; border-left:4px solid #d9b15b; padding:16px; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; font-size:15px; } th,td { padding:12px; border:1px solid #deddd5; text-align:left; vertical-align:top; } th { background:#eeeee5; }
footer { max-width:960px; margin:30px auto; padding:0 20px; color:#65738a; font-size:14px; } footer a { margin-left:10px; }
@media(max-width:600px) { header { padding:18px; flex-wrap:wrap; } nav { gap:16px; font-size:14px; } main { width:calc(100% - 24px); padding:20px; margin:20px auto; } h1 { font-size:27px; } h2 { font-size:20px; } }