* { box-sizing: border-box; }
body { margin: 0; background: #f4f7fb; color: #172033; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; line-height: 1.75; }
main { width: min(820px, calc(100% - 28px)); margin: 28px auto; padding: 28px; border: 1px solid #dfe6ef; border-radius: 18px; background: #fff; box-shadow: 0 16px 42px rgba(28, 60, 100, .08); }
.back { color: #2563eb; text-decoration: none; }
h1 { margin: 22px 0 4px; font-size: clamp(26px, 5vw, 36px); line-height: 1.3; }
h2 { margin: 26px 0 8px; font-size: 19px; }
.meta { margin-top: 0; color: #687386; font-size: 13px; }
li { margin: 5px 0; }
.notice { margin-top: 28px; padding: 14px 16px; border-left: 4px solid #d49100; background: #fff8e6; }
@media (max-width: 520px) { main { margin: 12px auto; padding: 20px 17px; } ul { padding-left: 22px; } }