*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial,sans-serif;background:#f6f8fc;color:#172033;line-height:1.85;padding-bottom:84px}
a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e8edf5;padding:12px 14px}
.logo{font-size:19px;font-weight:900;color:#1b5ec9}.logo span{display:block;font-size:12px;color:#71839b;font-weight:500}
.nav{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:2px}
.nav a{white-space:nowrap;background:#eef4ff;color:#1b5ec9;padding:7px 12px;border-radius:999px;font-size:14px}
.hero{padding:30px 16px 22px;background:linear-gradient(135deg,#155bd7,#0b327d);color:#fff}
.hero h1{font-size:28px;line-height:1.35;margin-bottom:12px}.hero p{font-size:16px;color:#e7f0ff}
.hero-chat{padding:14px 12px 2px;background:#f6f8fc}.hero-chat-btn{display:block;text-align:center;background:#1b5ec9;color:#fff;border-radius:14px;padding:14px 10px;font-weight:900;font-size:17px;box-shadow:0 8px 18px rgba(27,94,201,.18)}
.notice{margin:14px 12px;padding:14px 16px;border-radius:14px;background:#fff;border-left:4px solid #1b5ec9;color:#405066}
.card{margin:14px 12px;padding:18px 16px;background:#fff;border:1px solid #e9eef6;border-radius:16px;box-shadow:0 8px 22px rgba(21,54,98,.06)}
.card h2{font-size:21px;color:#1b5ec9;margin-bottom:8px}.card p{font-size:16px;color:#334155}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 12px}.grid a{display:block;text-align:center;border-radius:12px;padding:13px 8px;background:#eaf2ff;color:#1b5ec9;font-weight:800}
.footer{padding:22px 14px 90px;text-align:center;color:#71839b;font-size:13px}
.float-chat{position:fixed;right:14px;bottom:88px;background:#ffb21a;color:#14213d;border-radius:999px;padding:12px 15px;font-weight:900;z-index:20;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.bottom{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e8edf5;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;z-index:10}.bottom a{background:#1b5ec9;color:#fff;text-align:center;padding:12px 8px;border-radius:12px;font-weight:900}
@media(min-width:700px){body{max-width:520px;margin:0 auto}.bottom{max-width:520px;margin:0 auto}}