:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{background:#0a0a0f}body{min-height:100vh;background:radial-gradient(1200px 500px at 50% -10%,#1a1a2e 0%,transparent 60%),#0a0a0f;color:#e8e8e8;font-family:ui-monospace,Menlo,Consolas,Courier New,monospace;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.scanlines{position:fixed;inset:0;z-index:99;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.16) 2px 4px)}.hero{text-align:center;padding:52px 16px 10px}#logo{image-rendering:pixelated;width:352px;max-width:88vw;height:auto}.tagline{margin-top:14px;color:#7f7f9f;font-size:13px;letter-spacing:4px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;width:min(1100px,92vw);margin:40px 0 30px}.card{position:relative;border-radius:12px 12px 8px 8px;background:#14141c;border:1px solid #262636;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-6px)}.card.live:hover{box-shadow:0 12px 34px -8px var(--hue),0 0 0 1px var(--hue);border-color:var(--hue)}.band{height:14px;background:var(--hue);position:relative}.band:after{content:"";position:absolute;right:14px;top:3px;width:26px;height:8px;background:#00000059;border-radius:2px}.cover{display:block;width:100%;aspect-ratio:16 / 9;image-rendering:pixelated;background:radial-gradient(140% 120% at 50% 0%,color-mix(in srgb,var(--hue) 22%,#0d0d14),#0d0d14 70%)}.soon .cover{filter:grayscale(1) brightness(.55)}.card-body{padding:14px 16px 16px}.title-row{display:flex;align-items:baseline;gap:10px}.title-cn{font-size:19px;font-weight:700;letter-spacing:1px}.title-en{font-size:11px;color:var(--hue);letter-spacing:2px}.soon .title-en{color:#585878}.meta{margin-top:6px;font-size:11px;color:#7f7f9f;letter-spacing:1px}.desc{margin-top:10px;font-size:12.5px;line-height:1.75;color:#b8b8c8}.soon .desc{color:#666680}.play{position:absolute;right:12px;bottom:12px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:2px;color:#0a0a0f;background:var(--hue);border-radius:4px;opacity:0;transform:translate(6px);transition:all .16s ease}.card.live:hover .play{opacity:1;transform:translate(0)}.coin{position:absolute;right:12px;bottom:12px;font-size:10px;letter-spacing:2px;color:#585878;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.foot{text-align:center;padding:26px 16px 40px;font-size:11px;color:#585878;letter-spacing:2px}.foot .dim{margin-top:8px;color:#3a3a4c}@media(max-width:560px){.hero{padding-top:36px}.shelf{gap:18px}}