.wrap{max-width:1280px;margin:0 auto;padding:0 16px}.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--border)}.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}.logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.02em}.logo b{color:var(--primary);font-weight:800}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;font-weight:800;font-size:16px}.live{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:var(--surface-2);padding:6px 12px;border-radius:999px}.live i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.main{padding-top:16px;min-height:70vh}.foot{padding:32px 16px 96px;text-align:center}@media(max-width:640px){.hide-sm{display:none}}@media(min-width:768px){.main{padding-top:24px}.foot{padding-bottom:40px}}