:root{--brand:#0b5fff;--brand-2:#143d8d;--accent:#c2a15b;--ink:#0b1730;--muted:#6a7385;--bg:#f5f8ff;--card:#fff;--radius:16px;--shadow:0 6px 18px rgba(11,23,48,.06)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,rgba(11,95,255,.06),rgba(20,61,141,.02) 40%,transparent 70%),var(--bg)}
.header{max-width:1040px;margin:32px auto 0;padding:0 20px;display:flex;gap:16px;align-items:center}
.header .tag{color:var(--muted);font-size:12px}
.grid{max-width:1040px;margin:14px auto 20px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.item{background:var(--card);border:1px solid rgba(20,61,141,.12);border-radius:var(--radius);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow);text-align:center;min-height:112px;cursor:pointer}
.item img{width:28px;height:28px}.item span{font-weight:700}
.item small{color:var(--muted);line-height:1.3}
.footer{max-width:1040px;margin:10px auto 40px;padding:0 20px;color:var(--muted);font-size:12px;text-align:center}
@media (max-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}