*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;color:#1e3a5f;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.top{background:#0a3d7a;color:#fff;font-size:12px;padding:6px 0;text-align:right}
header{background:#fff;border-bottom:3px solid #0a3d7a;padding:18px 0}
.logo{font-size:24px;color:#0a3d7a;font-weight:bold}
nav{float:right;margin-top:6px}
nav a{color:#1e3a5f;margin-left:22px;text-decoration:none;font-size:14px;padding-bottom:24px;border-bottom:3px solid transparent}
nav a:hover{border-bottom-color:#0a3d7a;color:#0a3d7a}
.hero{background:#0a3d7a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23ffffff10'/%3E%3C/svg%3E");color:#fff;padding:70px 0}
.hero h1{font-size:36px;margin-bottom:16px}
.hero p{font-size:16px;margin-bottom:24px;opacity:.9;max-width:680px}
.btn{display:inline-block;padding:12px 30px;background:#fff;color:#0a3d7a;font-weight:bold;text-decoration:none;margin:4px;border-radius:2px}
.btn-line{background:transparent;color:#fff;border:2px solid #fff}
.sec{padding:60px 0}
.sec h2{font-size:26px;color:#0a3d7a;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #0a3d7a}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#f4f7fb;padding:28px;border-top:4px solid #0a3d7a}
.card h3{color:#0a3d7a;font-size:17px;margin-bottom:10px}
.card p{color:#475569;font-size:13px}
.tbl{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}
.tbl th{background:#0a3d7a;color:#fff;padding:10px;text-align:left}
.tbl td{padding:10px;border-bottom:1px solid #e8ecf2}
footer{background:#0a3d7a;color:#a8c4e0;padding:36px 0;text-align:center;margin-top:40px;font-size:13px}
.crumb{padding:14px 0;color:#64748b;font-size:12px;background:#f4f7fb}
.crumb a{color:#0a3d7a;text-decoration:none}