*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1a2332;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.container{max-width:1200px;margin:auto;padding:0 24px 28px;background:#fff;min-height:100vh;box-shadow:0 0 30px #0000000f}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 0;border-bottom:2px solid #eef2f7}.logo{font-size:26px;font-weight:700;color:#1a3b5d}.logo span,.active{color:#8e44ad}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#2c3e50;text-decoration:none;font-weight:600}.hero,.notice{margin:24px 0;padding:28px;border-radius:14px;background:linear-gradient(145deg,#f5eefb,#efe4f8)}h1,h2{color:#0a1e30}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.card,.notice{border:1px solid #e8edf5;background:#fafcff}.card{border-radius:12px;padding:18px}.meta{color:#5a6e85;font-size:14px;margin:6px 0}.tag{display:inline-block;border-radius:16px;padding:2px 10px;background:#e3f5e9;color:#1a7a3a;font-size:13px}table{width:100%;border-collapse:collapse;margin:18px 0}th,td{padding:12px;border-bottom:1px solid #e8edf5;text-align:left}th{background:#eef2f7}.footer{margin-top:40px;padding-top:20px;border-top:2px solid #eef2f7;text-align:center;color:#5a6e85;font-size:14px}@media(max-width:640px){.container{padding:0 12px 20px}header{align-items:flex-start;flex-direction:column}nav{gap:12px}.hero{padding:20px}table{display:block;overflow:auto;white-space:nowrap}}