
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1a2332;background:linear-gradient(180deg,#fdf8ea,#f7edd3 60%,#f3e4bd);line-height:1.65}
a{color:#0b5cad;text-decoration:none}a:hover{text-decoration:underline}
header{background:#fffdf6;border-bottom:1px solid #e8d9b0;position:sticky;top:0;z-index:50}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hnav{display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{font-size:20px;font-weight:700;color:#e8590c;display:flex;align-items:center;font-family:Georgia,'Times New Roman',serif}
.logo span{color:#93a3b5;font-size:14px;font-weight:400;margin-left:2px}
nav.top a{margin-left:18px;font-size:14.5px;color:#33475b}
.hero{background:linear-gradient(180deg,#0e2038,#173a5e);color:#fff;padding:52px 20px 46px;text-align:center}
.hero h1{font-size:32px;max-width:760px;margin:0 auto 14px}
.hero p{max-width:680px;margin:0 auto 24px;color:#c9d8ea;font-size:16.5px}
.btn{display:inline-block;background:#e8590c;color:#fff;padding:12px 28px;border-radius:8px;font-weight:600;font-size:16px}
.btn:hover{background:#d1490a;text-decoration:none}
.btn.ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35)}
section{padding:42px 0}
h2{font-size:24px;margin-bottom:16px;color:#12233d}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.card{background:#fff;border:1.5px solid #6d9ed3;border-radius:10px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .15s}
.card:hover{box-shadow:0 3px 14px rgba(11,92,173,.22);text-decoration:none}
.card b{color:#12233d;font-size:15px}.card i{font-style:normal;color:#e8590c;font-weight:700}
.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:26px auto 0}
.stat3 div{background:#fff;border:1.5px solid #6d9ed3;border-radius:10px;padding:16px}
.stat3 b{display:block;font-size:26px}.stat3 span{font-size:13px;color:#5b6b7d}
.block{background:#fff;border:1.5px solid #6d9ed3;border-radius:12px;padding:24px 28px;margin:16px 0;width:100%}
.block h2{font-size:20px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #d9e7f4}
.block p{margin:10px 0}
.block ul,.block ol{margin:10px 0 6px 22px;line-height:1.9}
.prose{width:100%;background:#fff;border:1.5px solid #6d9ed3;border-radius:12px;padding:24px 28px}
.prose p{margin:12px 0}
.prose h2{margin-top:26px;padding-bottom:8px;border-bottom:1px solid #d9e7f4}
.prose h1 + h2{margin-top:10px}
.prose table{border-collapse:collapse;margin:14px 0;width:100%}
.prose td,.prose th{border:1px solid #9fc2e2;padding:8px 10px;font-size:14px;text-align:left}
#map{height:560px;border-radius:12px;border:1.5px solid #6d9ed3}
.notice{background:#fffdf4;border:1.5px solid #6d9ed3;border-radius:10px;padding:13px 16px;font-size:14px;color:#33475b;margin:16px 0}
footer{background:#12233d;color:#9fb2c8;padding:34px 0 40px;font-size:13.5px;margin-top:40px}
footer a{color:#cfe0f2;margin-right:16px}
.fgrid{display:flex;flex-wrap:wrap;gap:6px}
.fgrid a{background:rgba(255,255,255,.07);border-radius:6px;padding:5px 10px;font-size:13px}
.attrib{margin-top:18px;font-size:12px;color:#7f93ab}
@media(max-width:640px){.hero h1{font-size:24px}.stat3{grid-template-columns:1fr}#map{height:420px}}
