:root{--bg:#0a0a10;--panel:#17171f;--panel-hover:#1f1f2b;--border:#2a2a38;--text:#f2f2f5;--text-dim:#9a9aa8;--accent:#f5b342;--accent-2:#e8833a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:radial-gradient(600px 300px at 50% -50px, #f5b3421f, transparent), var(--bg);min-height:100dvh}.page{max-width:760px;margin:0 auto;padding:40px 16px 48px}.header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:14px;display:inline-flex}.logo-badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:16px;place-items:center;width:52px;height:52px;font-size:30px;display:grid;box-shadow:0 4px 24px #f5b34259}h1{letter-spacing:2px;font-size:30px}.subtitle{color:var(--text-dim);font-size:14px}.notice{max-width:560px;color:var(--text-dim);background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:10px;margin:24px auto 0;padding:10px 16px;font-size:13px}.notice a{color:#6aa6ff;text-decoration:none}.notice a:hover{text-decoration:underline}.filters{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding:14px 0;display:flex;position:sticky;top:0}.chip{border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#141414;border-color:#0000;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}@media (max-width:520px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex}.card:hover{background:var(--panel-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.card-icon{background:linear-gradient(135deg,#f5b3422e,#e8833a2e);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.card-name{font-size:15px;font-weight:500}.card-players{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:12px}.empty{text-align:center;color:var(--text-dim);padding:48px 0}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin-top:48px;padding-top:24px;font-size:12.5px;line-height:1.9}.footer a{color:#6aa6ff;text-decoration:none}.footer a:hover{text-decoration:underline}