*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Segoe UI,Arial,sans-serif;background:#f9f9f9;color:#222;line-height:1.5}
nav{background:#28a745;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}
nav .links{display:flex;gap:12px}
a{color:inherit;text-decoration:none}
.header-title{font-size:1.2rem;font-weight:600}
.container{max-width:1100px;margin:18px auto;padding:12px}
.banner img{width:100%;height:auto;border-radius:8px}
.section{background:#fff;padding:18px;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.grid{display:flex;gap:12px;flex-wrap:wrap}
.card{flex:1 1 280px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.notice-list li{padding:8px 0;border-bottom:1px dashed #eee}
.footer{background:#28a745;color:#fff;padding:20px;margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
.footer .col{flex:1 1 220px;min-width:220px}
.lang-switch{background:#fff;color:#28a745;padding:6px;border-radius:6px;font-weight:600}
@media(max-width:700px){.grid{flex-direction:column}nav .links{display:none}}