* { box-sizing: border-box; }
body { margin: 0; background: #f2f5f8; color: #2c3e50; font: 14px/1.8 "Microsoft YaHei", sans-serif; }
a { color: #1769aa; }
.wrap { max-width: 920px; margin: 0 auto; background: #fff; border: 1px solid #dce3ea; }
.head { background: #0d5a8f; color: #fff; padding: 18px 22px; }
.head h1 { margin: 0; font-size: 24px; }
.head .sub { font-size: 12.5px; color: #bcd9ef; }
.nav { background: #0a4a76; padding: 0 14px; }
.nav a { color: #dcecfb; display: inline-block; padding: 9px 14px; font-size: 13.5px; }
.nav a:hover { background: #0d5a8f; }
.crumb { font-size: 12.5px; color: #7f8fa0; padding: 10px 22px 0; }
.main { padding: 8px 22px 24px; }
.grid { display: flex; gap: 16px; flex-wrap: wrap; }
.col { flex: 1 1 320px; }
.box { border: 1px solid #dce3ea; margin-bottom: 16px; }
.box h2 { margin: 0; padding: 9px 14px; background: #eef4f9; font-size: 15px; color: #0d5a8f; border-bottom: 1px solid #dce3ea; }
.box .inner { padding: 10px 14px; font-size: 13.5px; }
.news li { margin: 6px 0; }
.news .date { color: #8a9aab; font-size: 12px; margin-right: 8px; }
.notice-row { padding: 8px 0; border-bottom: 1px dashed #dde4eb; font-size: 13.5px; }
.tag { font-size: 11px; background: #c0392b; color: #fff; padding: 0 5px; border-radius: 2px; margin-right: 5px; }
.doc { background: #f7fafc; border-left: 3px solid #1769aa; padding: 8px 12px; margin: 8px 0; font-size: 13px; }
table.guide { width: 100%; border-collapse: collapse; font-size: 13px; }
table.guide th, table.guide td { border: 1px solid #dce3ea; padding: 6px 8px; text-align: center; }
table.guide th { background: #eef4f9; }
.paper { background: #fbfbf7; border: 1px solid #e5e2d6; padding: 14px 18px; font-size: 13.5px; }
.paper h3 { text-align: center; margin: 4px 0 10px; }
.foot { background: #0a4a76; color: #a9c7e0; font-size: 12px; text-align: center; padding: 14px; }
.foot a { color: #cfe2f3; }