body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'PingFang SC','Microsoft Yahei',sans-serif;background:#f6f7fb;margin:0;color:#111}
.wrap{max-width:1080px;margin:0 auto;padding:18px}
.topbar{background:#2563eb;color:#fff}
.brand{color:#fff;text-decoration:none;font-weight:700;margin-right:16px}
.topnav {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.topnav a{color:#fff}
.topnav a:hover{opacity:1}
.card{background:#fff;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 6px 22px rgba(0,0,0,.06)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{display:block;border:1px solid #eee;border-radius:14px;padding:14px;text-decoration:none;color:#111;background:#fff}
.tile:hover{border-color:#ddd}
.tile-icon{font-size:22px}
.tile-title{font-weight:700;margin-top:6px}
.list{display:flex;flex-direction:column;gap:10px}
.list-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #eee;border-radius:14px;padding:12px;text-decoration:none;color:#111;background:#fff}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#f1f2f6;font-size:12px}
.chev{font-size:18px;opacity:.6}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer;text-decoration:none;color:#111}
.btn.primary{background:#111;color:#fff;border-color:#111}
.input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #ddd;box-sizing:border-box;margin:6px 0 12px}
.small{color:#666;font-size:12px}
.strong{font-weight:700}
.alert{background:#fff4d6;border:1px solid #ffe4a3;padding:10px 12px;border-radius:12px;margin:12px 0}
.footer{padding:18px 0;color:#666}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 14px}

.banner-slider { position: relative; height: 200px; }
.banner-item { position: relative; height: 200px; }