:root { --red:#ef3340; --ink:#17202c; --muted:#697481; --line:#dde2e8; --soft:#f4f6f8; --shell:min(920px,calc(100% - 40px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--soft); font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:3px solid rgba(239,51,64,.28); outline-offset:3px; }
.shell { width:var(--shell); margin-inline:auto; }
header { height:76px; background:#fff; border-bottom:1px solid var(--line); }
header .shell { height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; }.brand i { width:28px; height:28px; display:block; border:2px solid var(--ink); border-radius:6px; box-shadow:9px 9px 0 -2px var(--red); transform:rotate(-4deg); }.brand small { display:block; margin-top:4px; color:#8a929c; font-size:7px; letter-spacing:.18em; }
.back { color:#5e6875; font-size:13px; font-weight:650; }.back:hover { color:var(--red); }
main { padding:56px 0 90px; }
.document { padding:54px 62px; background:#fff; border:1px solid var(--line); box-shadow:0 24px 60px rgba(27,38,52,.08); }
.document-head { padding-bottom:32px; border-bottom:1px solid var(--line); }.document-head>span { color:var(--red); font-size:10px; font-weight:800; letter-spacing:.18em; }.document-head h1 { margin:13px 0 12px; font-size:clamp(34px,5vw,52px); letter-spacing:-.045em; }.document-head p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }.draft { margin-top:20px; padding:13px 15px; color:#7a5600; background:#fff6d8; border:1px solid #efd777; font-size:12px; line-height:1.7; }
.document section { padding-top:32px; }.document h2 { margin:0 0 13px; font-size:19px; }.document h3 { margin:24px 0 10px; font-size:15px; }.document p,.document li { color:#55616e; font-size:13px; line-height:1.9; }.document ul,.document ol { margin:0; padding-left:22px; }.document strong { color:var(--ink); }.document a { color:var(--red); text-decoration:underline; text-underline-offset:2px; }
.status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }.status-grid div { padding:16px; background:var(--soft); border:1px solid var(--line); }.status-grid span,.status-grid strong { display:block; }.status-grid span { color:#7b8590; font-size:10px; }.status-grid strong { margin-top:7px; font-size:13px; }
footer { background:#20252c; color:#aeb5bd; } footer .shell { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; } footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:16px; } footer a:hover { color:#fff; }
@media(max-width:640px){ :root{--shell:calc(100% - 24px)} header{height:68px}.brand{font-size:14px}.back{font-size:11px}main{padding:24px 0 55px}.document{padding:32px 22px}.document-head h1{font-size:36px}.status-grid{grid-template-columns:1fr}footer .shell{padding:22px 0;align-items:flex-start;flex-direction:column}footer nav{justify-content:flex-start} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}