:root{--bg:#f6f5f1;--surface:#fff;--accent:#5b4fe8;--accent2:#8e77ff;--alight:#eeedfb;--text:#1c1c2e;--soft:#6b7280;--faint:#9ca3af;--border:#e8e7ef;--shadow:0 2px 8px #1c1c2e12;--radius:10px}html.dark{--bg:#0f0f14;--surface:#1c1c28;--accent:#7b6ff0;--accent2:#9d8fff;--alight:#252438;--text:#eef;--soft:#9896b8;--faint:#6a6888;--border:#2e2c44;--shadow:0 2px 10px #00000059}html.dark .section-nav{background:#ffffff12}html.dark .section-btn.on{background:var(--surface)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}#root{min-height:100dvh}.lobby{max-width:560px;min-height:100dvh;margin:0 auto;padding:0 10px 48px}.top-bar{padding:12px 4px;padding-top:max(12px, env(safe-area-inset-top,12px));justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.2px;color:var(--text);align-items:center;gap:8px;font-size:1.02rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:flex;box-shadow:0 4px 12px #5b4fe847}.brand-sub{color:var(--faint);letter-spacing:.4px;margin-top:1px;font-size:.62rem;font-weight:500}.theme-btn{border:1.5px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--soft);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex}.theme-btn:active{opacity:.7}.notice-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:9px;margin-bottom:14px;padding:8px 12px;display:flex;overflow:hidden}.notice-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite ndot;box-shadow:0 0 0 3px #5b4fe82e}@keyframes ndot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.notice-track{flex:1;overflow:hidden}.notice-text{white-space:nowrap;color:var(--soft);font-size:.76rem;animation:22s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-nav{background:#1c1c2e12;border-radius:14px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.section-btn{color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 0;font-size:.82rem;font-weight:600;transition:all .22s;display:flex}.s-icon{font-size:1.05rem;line-height:1}.s-label{font-size:.82rem;font-weight:600}.section-btn.on{color:var(--accent);background:#fff;font-weight:700;box-shadow:0 2px 10px #1c1c2e21}.section-btn.on .s-label{color:var(--accent)}.section-title{color:var(--text);letter-spacing:.1px;align-items:center;gap:6px;margin:16px 0 10px 2px;font-size:.9rem;font-weight:800;display:flex}.promo-banner{cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:7px 14px;transition:opacity .15s;display:flex;box-shadow:0 3px 10px #f59e0b4d}.promo-banner:active{opacity:.85}.promo-left{align-items:center;gap:8px;display:flex}.promo-badge{color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:5px;padding:2px 7px;font-size:.6rem;font-weight:800}.promo-text{color:#fff;font-size:.88rem;font-weight:700}.promo-text em{margin-left:2px;font-size:1.1rem;font-style:normal;font-weight:900}.promo-arrow{color:#ffffffe6;font-size:.78rem;font-weight:600}.hot-list{flex-direction:column;gap:10px;padding:2px 0;display:flex}.hot-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:14px;transition:transform .14s,box-shadow .14s;display:flex}.hot-card:active{box-shadow:none;transform:scale(.985)}.hot-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.5rem;font-weight:800;display:flex;overflow:hidden}.hot-avatar img{object-fit:cover;width:100%;height:100%}.hot-info{flex:1;min-width:0}.hot-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:800}.hot-desc{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:.72rem;overflow:hidden}.hot-meta{align-items:center;gap:7px;display:flex}.hot-tag{color:#fff;letter-spacing:.4px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:5px;padding:2px 7px;font-size:.6rem;font-weight:800}.hot-promo{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#10b981,#059669);border-radius:5px;padding:2px 7px;font-size:.6rem;font-weight:800}.hot-heat{color:var(--faint);font-size:.68rem}.hot-enter{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:9px 16px;font-size:.78rem;font-weight:700;transition:opacity .15s;box-shadow:0 3px 10px #5b4fe859}.hot-enter:active{opacity:.8}.coming-soon{flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.cs-emoji{font-size:3rem}.cs-title{color:var(--text);font-size:1.1rem;font-weight:800}.cs-desc{color:var(--faint);text-align:center;font-size:.82rem}.header{text-align:center;padding:18px 0 14px}.logo-text{color:var(--accent);letter-spacing:-.3px;font-size:1.45rem;font-weight:800}.logo-sub{color:var(--faint);letter-spacing:.5px;margin-top:3px;font-size:.72rem}.search-box{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex}.search-icon{color:var(--faint);flex-shrink:0}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:.85rem}.search-input::placeholder{color:var(--faint)}.search-clear{color:var(--faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:.8rem}.tabs{scrollbar-width:none;z-index:20;background:var(--bg);-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:6px;padding:6px 0 8px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1.5px solid var(--border);background:var(--surface);color:var(--soft);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);border-radius:100px;flex-shrink:0;padding:5px 13px;font-size:.75rem;font-weight:600;transition:all .18s}.tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.count-bar{color:var(--faint);margin-bottom:10px;padding-left:2px;font-size:.7rem}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s;animation:.28s both cardIn;overflow:hidden}.card:active{transform:scale(.97)}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card:active{box-shadow:none;transform:scale(.96)}.card-img{aspect-ratio:4/3;background:#e8e7f0;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;display:block}.card-emoji{justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;inset:0}.c1 .card-img{background:linear-gradient(135deg,#c7d2fe,#818cf8)}.c2 .card-img{background:linear-gradient(135deg,#fde68a,#fb923c)}.c3 .card-img{background:linear-gradient(135deg,#fda4af,#f43f5e)}.c4 .card-img{background:linear-gradient(135deg,#a5f3fc,#38bdf8)}.c5 .card-img{background:linear-gradient(135deg,#bbf7d0,#34d399)}.c6 .card-img{background:linear-gradient(135deg,#e9d5ff,#a855f7)}.c7 .card-img{background:linear-gradient(135deg,#fed7aa,#f97316)}.c8 .card-img{background:linear-gradient(135deg,#bfdbfe,#3b82f6)}.badge{color:#fff;background:var(--accent);letter-spacing:.1px;border-radius:100px;padding:1px 5px;font-size:.5rem;font-weight:800;position:absolute;top:5px;left:5px}.card-mask{color:var(--accent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffbf;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.card-body{padding:6px 7px 7px}.card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.72rem;font-weight:700;overflow:hidden}.card-star{color:var(--faint);font-size:.62rem}.empty{text-align:center;color:var(--faint);padding:60px 20px;font-size:.85rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:20px;display:flex}.pg-btn{border:1.5px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--soft);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.pg-btn:disabled{opacity:.35;cursor:default}.pg-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.pg-btn:not(:disabled):not(.on):active{background:var(--alight)}.pg-ellipsis{color:var(--faint);padding:0 2px;font-size:.78rem;line-height:32px}.gframe{z-index:100;background:#fff;flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.gbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-shrink:0;align-items:center;padding:8px 14px;display:flex}.gback{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 0;font-size:.85rem;font-weight:600;display:flex}.gtools{align-items:center;gap:8px;margin-left:auto;display:flex}.gbtn{background:var(--alight);color:var(--accent);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.74rem;font-weight:700;transition:transform .12s,opacity .12s;display:flex}.gbtn:active{opacity:.8;transform:scale(.95)}.gtip{color:var(--soft);flex:1;justify-content:center;align-items:center;padding:14px;font-size:.8rem;display:flex}.giframe{border:none;flex:1;width:100%}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}@media (hover:hover){.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1c1c2e1f}.card:hover .card-img img{transform:scale(1.04)}}@media (width>=720px){.lobby{max-width:760px;padding:0 16px 56px}.grid{grid-template-columns:repeat(5,1fr);gap:10px}.section-title{margin-top:20px;font-size:1rem}.card-body{padding:8px 9px 9px}.card-name{font-size:.78rem}}@media (width>=1080px){.lobby{max-width:1080px;padding:0 24px 64px}.grid{grid-template-columns:repeat(6,1fr);gap:14px}.card{border-radius:12px}.card-name{font-size:.82rem}.notice-bar{max-width:1080px}}