:root { --ink:#0b1826; --muted:#5b6773; --line:#e5e9ec; --paper:#fff; --accent:#e86622; --background:#f7f8f8; }
* { box-sizing:border-box; }
html { background:var(--background); }
body { margin:0; color:var(--ink); background:var(--background); font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
a { color:#a94716; text-decoration:none; }
a:hover { text-decoration:underline; }
.top { background:var(--ink); color:#fff; }
.nav { width:min(960px,calc(100% - 40px)); min-height:70px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:#fff; font-size:20px; font-weight:800; letter-spacing:.03em; }
.back { color:#d8e0e5; font-size:14px; }
main { width:min(860px,calc(100% - 40px)); margin:40px auto 64px; padding:44px 58px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 8px 30px rgba(11,24,38,.05); }
h1 { margin:0; font-size:32px; line-height:1.3; letter-spacing:-.03em; }
h2 { margin:38px 0 12px; font-size:20px; line-height:1.5; }
p, li { color:#36434c; }
p { margin:10px 0; }
ul { padding-left:22px; }
.meta { margin:12px 0 30px; color:var(--muted); font-size:14px; }
.notice { padding:16px 18px; border-left:4px solid var(--accent); border-radius:8px; background:#fff5ed; color:#4c392d; font-size:14px; }
.contact { margin-top:34px; padding:20px; border-radius:12px; background:#f4f7f8; }
.footer { width:min(960px,calc(100% - 40px)); margin:0 auto 34px; color:#72808a; font-size:13px; text-align:center; }
@media (max-width:640px) { main { width:calc(100% - 28px); margin:20px auto 38px; padding:29px 22px; border-radius:12px; } .nav { width:calc(100% - 28px); } h1 { font-size:27px; } }