:root{--bg: #080d16;--bg-card: #0f1825;--bg-elevated: #162034;--bg-input: #1a2640;--bg-hover: rgba(255,255,255,.04);--border: rgba(255,255,255,.07);--border-accent: rgba(94,234,212,.2);--accent: #5eead4;--accent-dim: rgba(94,234,212,.08);--accent-glow: 0 0 24px rgba(94,234,212,.2);--purple: #a78bfa;--purple-dim: rgba(167,139,250,.1);--orange: #fb923c;--red: #f87171;--green: #4ade80;--text: #e2e8f0;--text-sub: #94a3b8;--text-muted: #4a5568;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--nav-h: 64px;--ease: .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}img{display:block;max-width:100%}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 32px}.page-wrap{padding-top:var(--nav-h);min-height:100vh}.global-upload-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:#5eead41f;pointer-events:none}.global-upload-progress-bar{height:100%;min-width:2%;background:linear-gradient(90deg,var(--accent),var(--purple));box-shadow:0 0 14px #5eead473;transition:width var(--ease)}.global-upload-progress-finishing{animation:global-upload-progress-fade .65s ease forwards}@keyframes global-upload-progress-fade{0%,55%{opacity:1}to{opacity:0}}.navbar-root{position:fixed;top:0;left:0;right:0;z-index:100}.navbar{height:var(--nav-h);background:#080d16f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-inner{height:100%;display:flex;align-items:center;gap:8px}.navbar-spacer{flex:1}.navbar-drawer-toggle{display:none}.navbar-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--accent);cursor:pointer;margin-right:12px}.navbar-logo svg{color:var(--accent)}.navbar-logo-skeleton{display:inline-block;width:96px;height:18px;border-radius:999px;background:linear-gradient(90deg,#ffffff12,#5eead42e,#ffffff12);background-size:220% 100%;animation:downloadSkeleton 1.2s ease-in-out infinite}.navbar-nav{display:flex;align-items:center;gap:2px}.nav-link{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-sub);white-space:nowrap;transition:all var(--ease);cursor:pointer;border:none;background:none}.nav-link:hover{color:var(--text);background:var(--bg-hover)}.nav-link.active{color:var(--accent);background:var(--accent-dim)}.nav-unread-badge{min-width:16px;height:16px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:1}.navbar-search{position:relative;width:min(320px,28vw);flex-shrink:1}.navbar-search-box{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:18px;color:var(--text-muted);background:#ffffff09;border:1px solid var(--border)}.navbar-search-box.active,.navbar-search-box:focus-within{color:var(--text);border-color:var(--border-accent);background:#ffffff0e}.navbar-search-box input{min-width:0;flex:1;color:var(--text);font-size:13px;background:transparent;border:0;outline:0}.navbar-search-box input::placeholder{color:var(--text-muted)}.navbar-search-clear{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted)}.navbar-search-clear:hover{color:var(--text);background:var(--bg-hover)}.navbar-search-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:260;width:min(360px,calc(100vw - 28px));padding:10px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);box-shadow:0 18px 52px #00000085}.navbar-search-head,.navbar-search-section-title{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 8px;color:var(--text-muted);font-size:12px;font-weight:700}.navbar-search-head button{color:var(--accent);font-size:12px}.navbar-search-history{display:flex;flex-wrap:wrap;gap:7px}.navbar-search-history button{max-width:100%;padding:6px 10px;border-radius:14px;color:var(--text-sub);background:#ffffff0a;border:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-search-history button:hover{color:var(--accent);border-color:var(--border-accent)}.navbar-search-list{display:flex;flex-direction:column;gap:6px}.navbar-search-user{width:100%;min-width:0;display:flex;align-items:center;gap:9px;padding:8px;border-radius:var(--radius-sm);text-align:left;color:var(--text);background:transparent}.navbar-search-user:hover{background:var(--bg-hover)}.navbar-search-user-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.navbar-search-user-name{font-size:13px;font-weight:700}.navbar-search-user-sub,.navbar-search-user-sign{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.navbar-search-user-sub{display:flex;align-items:center;gap:6px}.navbar-search-live{flex-shrink:0;padding:2px 6px;border-radius:999px;color:#07111e;background:var(--accent);font-size:10px;font-weight:700}.navbar-search-empty{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:13px}.mobile-drawer-search{display:none;position:relative}.navbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-user-btn{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all var(--ease);border:1px solid var(--border)}.navbar-user-btn:hover{color:var(--text);border-color:#ffffff26;background:var(--bg-hover)}.cat-mega{background:#080d16fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);box-shadow:0 24px 64px #0009;animation:megaDown .18s cubic-bezier(.4,0,.2,1)}@keyframes megaDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cat-mega-inner{max-width:1200px;margin:0 auto}.cat-dropdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;max-height:400px;overflow-y:auto}.cat-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-sub);transition:all var(--ease);white-space:nowrap}.cat-dropdown-item:hover{color:var(--text);background:var(--bg-hover)}.navbar-user-wrap{position:relative}.user-dropdown{position:absolute;right:0;top:100%;left:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 16px 48px #00000080;animation:megaDown .16s ease;min-width:180px;z-index:200}.user-dropdown-inner{padding:8px}.user-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px 12px 8px}.user-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.user-dropdown-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-sub);cursor:pointer;transition:all var(--ease)}.user-dropdown-item:hover{color:var(--text);background:var(--bg-hover)}.user-dropdown-item.active{color:var(--accent);background:var(--accent-dim)}.user-dropdown-item.danger:hover{color:var(--red);background:#f8717114}.lang-dropdown{width:140px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;transition:all var(--ease);cursor:pointer;border:none}.btn-ghost{color:var(--text-sub);background:transparent;border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:#ffffff26}.btn-accent{color:#0a0f1c;background:var(--accent)}.btn-accent:hover{opacity:.9;box-shadow:var(--accent-glow)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#a78bfa)}.btn-primary:hover{opacity:.9}.btn-warning{color:#1f1300;background:#f59e0b}.btn-warning:hover{opacity:.92;box-shadow:0 8px 22px #f59e0b3d}.btn-danger{color:#fff;background:var(--red)}.btn-sm{padding:4px 12px;font-size:12px}.avatar{border-radius:50%;object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.avatar-sm{width:28px;height:28px}.avatar-md{width:36px;height:36px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:72px;height:72px}.avatar-2xl{width:96px;height:96px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-elevated{background:var(--bg-elevated)}.live-card{cursor:pointer;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);overflow:hidden;transition:all var(--ease);position:relative}.live-card:hover{transform:translateY(-3px);border-color:var(--border-accent);box-shadow:0 8px 32px #0006}.live-card-cover{position:relative;width:100%;aspect-ratio:1;background:var(--bg-elevated);overflow:hidden}.live-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--ease)}.live-card:hover .live-card-cover img{transform:scale(1.04)}.live-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;background:#ef4444e6;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.live-badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.live-card-stat{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;background:#000000a6;color:#ffffffe6;padding:2px 8px;border-radius:10px;font-size:11px}.live-card-info{padding:10px 12px 12px}.live-card-title{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:6px;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live-card-anchor{display:flex;align-items:center;gap:6px}.live-card-anchor span{font-size:12px;color:var(--text-sub)}.live-card-tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:var(--accent-dim);color:var(--accent);margin-left:auto}.featured-wrap{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-elevated)}.featured-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);z-index:1;pointer-events:none}.featured-wrap img,.featured-wrap video{width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:24px 28px}.featured-live-tag{display:inline-flex;align-items:center;gap:5px;background:#ef4444e6;color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:10px}.featured-title{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.featured-meta{display:flex;align-items:center;gap:16px}.featured-anchor{display:flex;align-items:center;gap:8px}.featured-anchor span{font-size:14px;font-weight:500}.featured-stats{display:flex;align-items:center;gap:12px;color:#ffffffbf;font-size:13px}.banner-slider{position:relative;overflow:hidden;border-radius:var(--radius)}.banner-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.banner-slide{flex-shrink:0;width:100%}.banner-slide img{width:100%;height:140px;object-fit:cover}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px}.banner-dot{width:6px;height:6px;border-radius:50%;background:#fff6;cursor:pointer;transition:all var(--ease)}.banner-dot.active{width:18px;border-radius:3px;background:var(--accent)}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all var(--ease)}.banner-nav:hover{background:#000c}.banner-nav-prev{left:10px}.banner-nav-next{right:10px}.rank-panel{display:flex;flex-direction:column;gap:0}.home-rank-stack{width:260px;flex-shrink:0;position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}.rank-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.rank-panel-title{font-size:14px;font-weight:700;color:var(--text)}.rank-panel-period{font-size:11px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:10px;padding:1px 7px}.rank-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:4px}.rank-tab{flex:1;padding:10px 8px;text-align:center;font-size:13px;color:var(--text-sub);cursor:pointer;transition:all var(--ease);border-bottom:2px solid transparent;margin-bottom:-1px}.rank-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.rank-sub-tabs{display:flex;gap:6px;padding:8px 12px}.rank-sub-tab{font-size:12px;padding:3px 10px;border-radius:12px;color:var(--text-sub);cursor:pointer;transition:all var(--ease);border:1px solid transparent}.rank-sub-tab.active{color:var(--accent);background:var(--accent-dim);border-color:var(--border-accent)}.rank-list{padding:4px 0}.rank-item{display:flex;align-items:center;gap:10px;padding:8px 14px;transition:background var(--ease);cursor:pointer}.rank-item:hover{background:var(--bg-hover)}.rank-num{width:20px;text-align:center;font-size:13px;font-weight:700;color:var(--text-muted);flex-shrink:0}.rank-num.top1{color:#fbbf24}.rank-num.top2{color:#94a3b8}.rank-num.top3{color:#fb923c}.rank-info{flex:1;min-width:0}.rank-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{font-size:11px;color:var(--text-sub)}.site-footer{border-top:1px solid var(--border);background:#080d16e0}.site-footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);font-size:12px;line-height:1.6;text-align:center;padding-top:18px;padding-bottom:18px}.site-footer-row{width:100%;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.site-footer-row span,.site-footer-row a{overflow-wrap:anywhere}.site-footer-name{color:var(--text);font-weight:700}.site-footer a{color:var(--text-muted);transition:color var(--ease)}.site-footer a:hover{color:var(--accent)}@media(max-width:900px){.site-footer-row{gap:8px 14px}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:16px;background:var(--accent);border-radius:2px;display:block}.section-link{font-size:13px;color:var(--text-sub);transition:color var(--ease)}.section-link:hover{color:var(--accent)}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.live-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.live-grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.live-grid-4{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:420px;max-width:95vw;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.modal-backdrop{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.modal-card{width:100%;max-width:460px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 24px 80px #0000008c;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-title{font-size:17px;font-weight:600}.modal-title-skeleton{display:block;width:180px;height:20px;border-radius:999px;background:linear-gradient(90deg,#ffffff12,#5eead42e,#ffffff12);background-size:220% 100%;animation:downloadSkeleton 1.2s ease-in-out infinite}.modal-close{color:var(--text-sub);padding:4px;border-radius:6px;transition:all var(--ease)}.modal-close:hover{color:var(--text);background:var(--bg-hover)}.modal-body{padding:20px 24px 24px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;color:var(--text-sub);margin-bottom:6px}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);transition:border-color var(--ease)}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-row{display:flex;gap:8px}.form-row .form-input{flex:1}.area-code-picker{position:relative;flex:0 0 82px}.area-code-trigger{width:100%;height:41px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-weight:650;text-align:center}.area-code-trigger:disabled{opacity:.55;cursor:not-allowed}.area-code-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:190px;max-height:220px;overflow-y:auto;padding:6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 14px 34px #0000005c}.area-code-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border-radius:7px;color:var(--text-sub);text-align:left}.area-code-option:hover,.area-code-option.active{color:var(--text);background:var(--bg-hover)}.area-code-option span{flex:0 0 44px;color:var(--accent);font-weight:700}.area-code-option em{min-width:0;font-style:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-code-btn{flex-shrink:0;padding:10px 14px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;white-space:nowrap;transition:all var(--ease)}.input-code-btn:hover:not(:disabled){background:#5eead426}.input-code-btn:disabled{opacity:.5;cursor:not-allowed}.input-code-loading{display:inline-flex;align-items:center;justify-content:center;gap:5px}.input-code-loading svg{animation:spin .6s linear infinite}.form-error{font-size:12px;color:var(--red);margin-top:4px}.form-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.form-tab{flex:1;text-align:center;padding:10px;font-size:14px;color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--ease)}.form-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.captcha-row{display:flex;gap:8px}.captcha-img{height:40px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);overflow:hidden}.captcha-img img{height:100%}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{padding:10px 20px;font-size:14px;color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--ease);white-space:nowrap}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{padding:20px 0}.profile-hero{background:linear-gradient(135deg,#0f2240,#1a2436);border-bottom:1px solid var(--border)}.profile-hero-inner{padding:36px 32px 28px;max-width:1100px;margin:0 auto}.profile-info{display:flex;align-items:flex-end;gap:20px}.profile-avatar-wrap{position:relative}.profile-level-badge{position:absolute;bottom:-4px;right:-4px;background:var(--purple);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;border:2px solid var(--bg-card)}.level-badge-wrap{display:inline-flex;align-items:center;vertical-align:middle;line-height:0}.level-icon-badge{display:inline-block;width:auto;height:22px;object-fit:contain;vertical-align:middle;flex-shrink:0}.level-text-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 7px;border-radius:7px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent);font-size:11px;font-weight:800;line-height:1;vertical-align:middle;font-style:normal}.profile-level-icon{width:auto;height:24px}.navbar-level-badge{width:auto;height:19px}.follow-level-badge,.message-level-badge{width:auto;height:20px}.audience-level-badge{width:auto;height:18px}.profile-card-level-badge{width:auto;height:22px}.profile-details{flex:1}.profile-name{font-size:22px;font-weight:700;margin-bottom:4px}.profile-id{font-size:13px;color:var(--text-sub);margin-bottom:8px}.profile-sig{font-size:13px;color:var(--text-sub);margin-bottom:12px}.profile-stats{display:flex;gap:24px}.profile-stat{text-align:center}.profile-stat-val{font-size:18px;font-weight:700}.profile-stat-label{font-size:11px;color:var(--text-sub)}.profile-layout{display:flex;gap:24px;align-items:flex-start}.profile-sidebar{width:220px;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + 16px)}.profile-main{flex:1;min-width:0}.ps-avatar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 16px 16px;margin-bottom:8px}.ps-avatar-upload-btn{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#0a0f1c;border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer}.ps-badge{font-size:11px;padding:2px 7px;border-radius:8px}.ps-badge.purple{background:var(--purple);color:#fff}.ps-badge.accent{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent)}.ps-stats{display:flex;border-top:1px solid var(--border);margin-top:14px;padding-top:12px;gap:0}.ps-stat{flex:1;text-align:center}.ps-stat-val{font-size:15px;font-weight:700}.ps-stat-lbl{font-size:11px;color:var(--text-muted)}.ps-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px}.ps-nav-group{margin-bottom:2px}.ps-nav-group-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 2px}.ps-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-sub);cursor:pointer;transition:all var(--ease);text-align:left;background:none;border:none}.ps-menu-item:hover{color:var(--text);background:var(--bg-hover)}.ps-menu-item.active{color:var(--accent);background:var(--accent-dim)}.ps-menu-item.danger:hover{color:var(--red);background:#f8717114}.ps-nav-divider{height:1px;background:var(--border);margin:6px 0}.profile-overview-simple{background:#0f1825b8;border:1px solid var(--border);border-radius:var(--radius);padding:22px}.profile-basic-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.profile-basic-title{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-basic-name{font-size:17px;font-weight:750;line-height:1.2}.profile-basic-id{margin-top:5px;font-size:12px;color:var(--text-muted)}.profile-basic-signature{margin-top:12px;font-size:13px;color:var(--text-sub);line-height:1.6}.profile-info-lines{padding:8px 0}.profile-info-line{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.profile-info-line:last-child{border-bottom:none}.profile-info-line span,.profile-asset-line span{color:var(--text-muted);font-size:13px;flex-shrink:0}.profile-info-line span:after{content:"："}.profile-info-line strong{color:var(--text);font-size:13px;font-weight:520;text-align:left;overflow-wrap:anywhere}.profile-info-line strong .level-badge-wrap{vertical-align:-4px}.profile-asset-lines{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.profile-asset-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 0}.profile-asset-line strong{color:var(--accent);font-size:15px;font-weight:750;margin-right:8px}.pm-section-title{font-size:16px;font-weight:700;margin-bottom:16px}.pm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.pm-info-item{padding:10px 0;border-bottom:1px solid var(--border)}.pm-info-label{font-size:12px;color:var(--text-muted);margin-bottom:2px}.pm-info-val{font-size:14px}.pm-form-row{display:flex;flex-direction:column;gap:6px}.pm-form-label{font-size:13px;color:var(--text-sub);font-weight:500}.follow-list{display:flex;flex-direction:column}.follow-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.follow-row:last-child{border-bottom:none}.follow-row:hover{background:var(--bg-hover)}.follow-main{flex:1;min-width:0}.follow-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px}.follow-title em{font-style:normal;font-size:11px;color:#fff;background:var(--purple);border-radius:8px;padding:1px 7px}.follow-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;font-size:12px;color:var(--text-muted)}.follow-signature{margin-top:3px;font-size:12px;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blacklist-list{display:flex;flex-direction:column}.blacklist-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.blacklist-row:last-child{border-bottom:none}.blacklist-row:hover{background:var(--bg-hover)}.blacklist-main{flex:1;min-width:0}.blacklist-title{font-size:14px;font-weight:700}.blacklist-meta{margin-top:3px;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.record-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.money-record-list{display:flex;flex-direction:column}.money-record-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.money-record-row:last-child{border-bottom:none}.money-record-main{flex:1;min-width:0}.money-record-title{font-size:14px;font-weight:650}.money-record-remark{margin-top:3px;font-size:12px;color:var(--text-sub);overflow-wrap:anywhere}.money-record-time{margin-top:3px;font-size:12px;color:var(--text-muted)}.money-record-side{flex-shrink:0;text-align:right}.money-record-side strong{display:block;font-size:15px;color:var(--accent)}.money-record-side span{display:block;margin-top:3px;font-size:12px;color:var(--text-muted)}.withdraw-page{display:flex;flex-direction:column;gap:16px}.withdraw-panel,.withdraw-records{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.withdraw-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}.withdraw-summary div{min-width:0;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff08}.withdraw-summary span{display:block;font-size:12px;color:var(--text-muted)}.withdraw-summary strong{display:block;margin-top:4px;font-size:18px;color:var(--accent)}.withdraw-card-box,.withdraw-submit-box{padding-top:14px}.withdraw-card-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;margin-bottom:10px}.withdraw-card-current{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text-sub);font-size:13px}.withdraw-card-current strong{color:var(--text)}.withdraw-card-current.muted{color:var(--text-muted)}.withdraw-card-form,.withdraw-submit-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:center}.withdraw-money-preview{color:var(--text-sub);font-size:13px}.withdraw-tip{margin-top:8px;font-size:12px;color:var(--text-muted)}.withdraw-records{padding-top:4px;padding-bottom:4px}.withdraw-record-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.withdraw-record-row:last-child{border-bottom:none}.withdraw-record-main{flex:1;min-width:0}.withdraw-record-title{font-size:13px;font-weight:650}.withdraw-record-meta,.withdraw-record-time,.withdraw-record-reason{margin-top:3px;font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.withdraw-record-reason{color:var(--red)}.withdraw-record-side{flex-shrink:0;text-align:right}.withdraw-record-side strong{display:block;color:var(--accent);font-size:14px}.withdraw-record-side span{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.withdraw-status{display:inline-flex;margin-top:5px;padding:2px 8px;border-radius:12px;border:1px solid var(--border);color:var(--text-sub);font-style:normal;font-size:12px}.withdraw-status.status-0{color:var(--orange);border-color:#fb923c47;background:#fb923c14}.withdraw-status.status-1{color:#60a5fa;border-color:#60a5fa47;background:#60a5fa14}.withdraw-status.status-2{color:var(--green);border-color:#4ade8047;background:#4ade8014}.profile-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px;color:var(--text-muted);font-size:12px}.profile-pager-pages{display:flex;align-items:center;gap:4px}.profile-pager-page-wrap{display:inline-flex;align-items:center;gap:4px}.profile-pager-page{min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-sub);background:transparent;font-size:12px}.profile-pager-page:hover{color:var(--text);border-color:#ffffff26}.profile-pager-page.active{color:#0a0f1c;border-color:var(--accent);background:var(--accent)}.profile-pager-ellipsis{color:var(--text-muted);padding:0 2px}.profile-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-list-head .pm-section-title{margin-bottom:0}.profile-month-filter{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.profile-month-filter .form-input{width:150px;height:34px;padding:0 10px;font-size:13px}.realname-panel{max-width:640px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.realname-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.realname-status-title{font-size:16px;font-weight:750}.realname-status-sub{margin-top:4px;font-size:12px;color:var(--text-sub)}.realname-badge{flex-shrink:0;padding:3px 9px;border-radius:12px;font-size:12px;border:1px solid var(--border);color:var(--text-sub)}.realname-badge.status-1{color:var(--orange);border-color:#fb923c47;background:#fb923c14}.realname-badge.status-2{color:var(--green);border-color:#4ade8047;background:#4ade8014}.realname-badge.status-3{color:var(--red);border-color:#f8717147;background:#f8717114}.realname-application{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px 0;border-bottom:1px solid var(--border);margin-bottom:14px}.realname-application div{min-width:0}.realname-application span{display:block;margin-bottom:3px;color:var(--text-muted);font-size:12px}.realname-application strong{display:block;color:var(--text);font-size:13px;font-weight:540;overflow-wrap:anywhere}.realname-form{display:flex;flex-direction:column;gap:14px}.realname-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.realname-upload-box{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff05;color:var(--text-sub);cursor:pointer;overflow:hidden}.realname-upload-box:hover{border-color:var(--border-accent);color:var(--accent)}.realname-upload-box img{width:100%;height:126px;object-fit:cover}.realname-upload-box span{font-size:12px}.realname-upload-empty{font-size:13px;color:var(--text-muted)}.wallet-simple{display:flex;flex-direction:column;gap:18px}.wallet-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.wallet-summary-main{display:flex;align-items:baseline;gap:12px}.wallet-summary-label{font-size:13px;color:var(--text-sub)}.wallet-summary-main strong{font-size:28px;line-height:1;color:var(--accent)}.wallet-summary-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.wallet-success{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:13px}.wallet-section-head{display:flex;align-items:flex-end;justify-content:space-between}.wallet-section-title{font-size:15px;font-weight:700}.wallet-section-sub{margin-top:3px;font-size:12px;color:var(--text-muted)}.recharge-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.recharge-channel-group{border-bottom:1px solid var(--border)}.recharge-channel-group:last-child{border-bottom:none}.recharge-channel-title{padding:10px 14px 8px;border-bottom:1px solid var(--border);background:#ffffff06;color:var(--text-muted);font-size:12px;font-weight:700}.recharge-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-bottom:1px solid var(--border);color:var(--text);text-align:left;transition:background var(--ease),color var(--ease)}.recharge-row:last-child{border-bottom:none}.recharge-channel-group .recharge-row:last-child{border-bottom:none}.recharge-row:hover,.recharge-row.selected{background:var(--accent-dim)}.recharge-row.selected{color:var(--accent)}.recharge-row-icon{display:flex;color:var(--text-muted)}.recharge-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recharge-row-main strong{font-size:14px;font-weight:650}.recharge-row-main small{font-size:12px;color:var(--text-muted)}.recharge-row-price{font-size:14px;font-weight:650;color:var(--text)}.wallet-checkout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}.wallet-checkout span{display:block;font-size:12px;color:var(--text-muted)}.wallet-checkout strong{display:block;margin-top:2px;font-size:15px;color:var(--accent)}.msg-topbar{background:#080d16f7;border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:var(--nav-h);z-index:50}.msg-topbar-inner{display:flex;align-items:center;gap:12px}.msg-topbar-title{font-size:16px;font-weight:650}.msg-total-unread{background:var(--red);color:#fff;font-size:12px;padding:1px 8px;border-radius:10px}.auth-required-panel{display:flex;justify-content:center;padding-top:80px}.msg-layout{display:flex;height:calc(100vh - var(--nav-h) - 57px);max-width:1200px;margin:0 auto;width:100%;padding:0 32px}.msg-sidebar{width:240px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.msg-sidebar-tabs{display:flex;flex-direction:column;padding:12px 8px;gap:2px}.msg-sidebar-item{width:100%;border:0;background:transparent;color:var(--text);text-align:left;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease)}.msg-sidebar-item:hover{background:var(--bg-hover)}.msg-sidebar-item.active{background:var(--accent-dim);color:var(--accent)}.msg-sidebar-badge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:8px}.msg-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.msg-list{flex:1;overflow-y:auto}.msg-item{width:100%;background:transparent;color:var(--text);text-align:left;padding:14px 20px;border:0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--ease);position:relative}.msg-item:hover{background:var(--bg-hover)}.msg-item.unread .msg-item-title{color:var(--accent)}.msg-item-header{display:flex;justify-content:space-between;margin-bottom:4px}.msg-item-title{font-size:14px;font-weight:500}.msg-item-time{font-size:12px;color:var(--text-muted)}.msg-item-body{font-size:13px;color:var(--text-sub);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msg-read-state{display:block;margin-top:6px;font-size:11px;color:var(--text-muted)}.msg-load-more{display:flex;justify-content:center;padding:14px}.loading-inline{min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}.loading-inline svg{animation:spin .8s linear infinite}.msg-detail{flex:1;overflow-y:auto;padding:20px 24px}.msg-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.msg-detail h2{margin:0 0 8px;font-size:20px;line-height:1.3}.msg-detail-time{color:var(--text-muted);font-size:12px;margin-bottom:18px}.msg-detail-cover{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:18px;border:1px solid var(--border)}.msg-detail-body{white-space:pre-wrap;color:var(--text-sub);line-height:1.8;font-size:14px}.msg-read-pill{color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:999px;padding:2px 8px;font-size:12px}.convo-item{width:100%;border:0;background:transparent;color:var(--text);text-align:left;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--ease)}.convo-item:hover{background:var(--bg-hover)}.convo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.convo-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.convo-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text-muted);font-size:11px;line-height:1.3}.convo-meta em{font-style:normal;font-size:10px;background:var(--purple);color:#fff;padding:1px 5px;border-radius:4px}.convo-last{font-size:12px;color:var(--text-sub);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.convo-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--text-muted);font-size:11px;min-width:82px;white-space:nowrap}.convo-delete-btn{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);opacity:0;transition:opacity var(--ease),background var(--ease),color var(--ease)}.convo-item:hover .convo-delete-btn,.convo-delete-btn:focus-visible{opacity:1;background:#f871711a;color:#fecaca;outline:none}.chat-detail{flex:1;min-height:0;display:flex;flex-direction:column}.chat-detail-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.chat-detail-head span{font-weight:600}.chat-head-action{flex-shrink:0}.im-state{margin-left:auto;flex-shrink:0;padding:2px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.im-state.online{color:var(--accent);background:var(--accent-dim);border-color:var(--border-accent)}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-bubble-wrap{display:flex;gap:8px}.chat-bubble-wrap.mine{flex-direction:row-reverse}.chat-bubble{max-width:min(520px,58vw);padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word}.chat-bubble-wrap:not(.mine) .chat-bubble{background:var(--bg-elevated);border-radius:4px 12px 12px}.chat-bubble-wrap.mine .chat-bubble{background:var(--accent);color:#0a0f1c;border-radius:12px 4px 12px 12px}.chat-image-bubble{max-width:min(260px,48vw);padding:0;border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;overflow:hidden;cursor:pointer}.chat-bubble-wrap.mine .chat-image-bubble{border-color:var(--border-accent)}.chat-image-bubble img{display:block;width:100%;max-height:320px;object-fit:cover}.chat-bubble-time{margin-top:4px;color:var(--text-muted);font-size:11px}.chat-bubble-wrap.mine .chat-bubble-time{text-align:right}.chat-load-older{align-self:center}.chat-input-bar{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.chat-input-bar .form-input{flex:1;padding:8px 12px}.chat-blocked-tip{flex:0 0 100%;padding:8px 10px;border:1px solid rgba(248,113,113,.22);border-radius:6px;background:#f871711a;color:#fecaca;font-size:12px;line-height:1.4}.blacklist-subtitle{margin-top:20px}.room-layout{display:flex;flex-direction:column;align-items:center;height:100vh;padding:16px;background:#050810;box-sizing:border-box}.room-header{flex-shrink:0;width:min(100%,1440px);display:flex;align-items:center;gap:12px;padding:10px 20px;background:#080d16f2;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.room-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.room-action-dot{min-width:16px;height:16px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}.room-anchor-pill{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.room-anchor-info{flex:1;min-width:0}.room-anchor-badge{flex-shrink:0;padding:4px 10px;border-radius:12px;background:#f871711f;color:var(--red);font-size:12px;font-weight:700;border:1px solid rgba(248,113,113,.24)}.room-title{flex:1;font-size:16px;font-weight:600}.room-meta{font-size:13px;color:var(--text-sub);display:flex;align-items:center;gap:10px}.room-body{width:min(100%,1440px);display:flex;flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#050810;box-shadow:0 20px 60px #00000052}.room-video{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center;aspect-ratio:750 / 1334;max-height:100%;max-width:min(750px,calc((100vh - 86px) * 750 / 1334));margin:0 auto}.room-video.pk-grid{aspect-ratio:auto;width:94%;height:94%;max-width:1180px;max-height:94%;margin:auto}.room-video.pk-grid.pk-count-2{max-width:none}.room-video.cohost-grid{aspect-ratio:auto;width:94%;height:94%;max-width:1180px;max-height:94%;margin:auto}.room-video video{width:100%;height:100%;object-fit:contain}.video-player-wrap{position:relative;width:100%;height:100%;background:#000}.room-pk-video-stage{position:absolute;inset:0;background:#050810;overflow:hidden;container-type:size}.room-pk-video-grid{position:absolute;inset:0;min-height:0;display:grid;gap:4px;padding:4px;overflow:hidden;box-sizing:border-box}.room-pk-video-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);box-sizing:border-box}.room-pk-video-stage.count-1 .room-pk-video-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.room-pk-video-stage.count-2 .room-pk-video-grid{grid-template-columns:repeat(2,minmax(0,min(calc((100% - 12px)/2),calc((100cqh - 8px)*.5625))));grid-template-rows:minmax(0,1fr);justify-content:center}.room-pk-video-stage.count-3 .room-pk-video-grid,.room-pk-video-stage.count-4 .room-pk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.room-pk-video-stage.count-5 .room-pk-video-grid,.room-pk-video-stage.count-6 .room-pk-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.room-pk-video-stage.count-7 .room-pk-video-grid,.room-pk-video-stage.count-8 .room-pk-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.room-pk-video-tile.self{border-color:#f6d365b8}.room-pk-video-tile.red{box-shadow:inset 0 0 0 1px #f8717142}.room-pk-video-tile.blue{box-shadow:inset 0 0 0 1px #60a5fa42}.room-pk-video-tile .video-player-wrap video{object-fit:contain!important}.room-pk-video-result{position:absolute;left:6px;top:6px;z-index:9;min-width:44px;padding:5px 9px;border-radius:999px;color:#fff;font-size:12px;font-weight:900;text-align:center;line-height:1;box-shadow:0 8px 20px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-pk-video-result.win{background:linear-gradient(135deg,#f59e0bf0,#ef4444eb);border:1px solid rgba(254,243,199,.36)}.room-pk-video-result.lose{background:#0f172ac7;border:1px solid rgba(148,163,184,.38);color:#ffffffc7}.room-pk-video-result.draw{background:#14b8a6d1;border:1px solid rgba(153,246,228,.34)}.room-pk-video-info{position:absolute;left:6px;bottom:6px;z-index:10;max-width:calc(100% - 92px);min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;padding:5px 7px 5px 5px;border-radius:999px;background:#0000008f;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room-pk-video-info img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.35)}.room-pk-video-info strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.15}.room-pk-video-points{position:absolute;right:6px;bottom:6px;z-index:10;max-width:84px;overflow:hidden;padding:6px 8px;border-radius:999px;background:#0000008f;color:#f6d365;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room-pk-video-side{position:absolute;top:6px;right:6px;z-index:8;padding:4px 8px;border-radius:999px;color:#fff;font-size:11px;font-weight:850;box-shadow:0 6px 18px #0000003d}.room-pk-video-side.red{background:#ef4444d1}.room-pk-video-side.blue{background:#3b82f6d1}.room-pk-video-mute{position:absolute;left:6px;top:6px;z-index:12;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#00000094;color:#fff;box-shadow:0 8px 20px #00000042;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.room-pk-video-result~.room-pk-video-mute{top:42px}.room-pk-video-mute:hover:not(:disabled){transform:translateY(-1px);background:#0f172ac7;border-color:#fff6}.room-pk-video-mute.muted{background:#ef4444db;border-color:#fecaca75}.room-pk-video-mute:disabled{opacity:.62;cursor:not-allowed}.room-cohost-video-stage{position:absolute;inset:0;background:#050810;overflow:hidden;container-type:size}.room-cohost-video-grid{position:absolute;inset:0;min-height:0;display:grid;gap:4px;padding:4px;overflow:hidden;box-sizing:border-box}.room-cohost-video-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);box-sizing:border-box}.room-cohost-video-tile.anchor{border-color:#5eead473}.room-cohost-video-tile.muted{box-shadow:inset 0 0 0 1px #f871716b}.room-cohost-video-tile.audio .video-player-wrap{opacity:0;pointer-events:none}.room-cohost-video-stage.count-1 .room-cohost-video-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.room-cohost-video-stage.count-2 .room-cohost-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.room-cohost-video-stage.count-3 .room-cohost-video-grid,.room-cohost-video-stage.count-4 .room-cohost-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.room-cohost-video-stage.count-5 .room-cohost-video-grid,.room-cohost-video-stage.count-6 .room-cohost-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.room-cohost-video-stage.count-7 .room-cohost-video-grid,.room-cohost-video-stage.count-8 .room-cohost-video-grid,.room-cohost-video-stage.count-9 .room-cohost-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.room-cohost-video-tile .video-player-wrap video{object-fit:cover!important}.room-cohost-video-info{position:absolute;left:6px;bottom:6px;z-index:10;max-width:calc(100% - 92px);min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:5px 8px 5px 5px;border-radius:999px;background:#00000094;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room-cohost-video-info img{grid-row:1 / span 2;width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.35)}.room-cohost-video-info strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.1}.room-cohost-video-info span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ffffffb8;font-size:10px;line-height:1.1}.room-cohost-video-muted{position:absolute;top:6px;left:6px;z-index:11;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;color:#fff;background:#ef4444d1;font-size:11px;font-weight:800}.room-cohost-video-mute{position:absolute;right:6px;bottom:6px;z-index:11;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#00000094;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room-cohost-video-mute:disabled{opacity:.55;cursor:not-allowed}.room-cohost-audio-visual{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 34%,rgba(94,234,212,.16),transparent 34%),#08111f;color:#dffcf8}.room-cohost-audio-visual img{width:clamp(56px,18cqi,108px);height:clamp(56px,18cqi,108px);border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.24);box-shadow:0 14px 34px #00000057}.room-cohost-audio-visual span{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#5eead429;border:1px solid rgba(94,234,212,.36);box-shadow:0 10px 26px #5eead424}.room-pk-result-overlay{position:absolute;inset:0;z-index:44;display:flex;align-items:center;justify-content:center;pointer-events:none}.room-pk-result-card{min-width:210px;max-width:min(360px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#050810d1;color:#fff;text-align:center;box-shadow:0 22px 60px #00000075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-pk-result-card span{color:#ffffffad;font-size:12px;font-weight:750}.room-pk-result-card strong{color:#f6d365;font-size:24px;line-height:1.15}.room-pk-result-card em{color:#ffffffc7;font-size:13px;font-style:normal}.room-pk-result-overlay.draw .room-pk-result-card strong{color:#5eead4}.video-loading-layer{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.video-loading-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-loading-mask{position:absolute;inset:0;background:#0000005c}.video-loading-indicator{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--text);font-size:13px}.room-offline-player{position:relative;width:100%;height:100%;overflow:hidden;background:#060a12;display:flex;align-items:center;justify-content:center}.room-offline-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-offline-mask{position:absolute;inset:0;background:linear-gradient(180deg,#0508107a,#050810d1)}.room-offline-content{position:relative;z-index:1;width:min(78%,320px);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--text)}.room-offline-content svg{color:var(--accent)}.room-offline-content strong{font-size:20px;line-height:1.2}.room-offline-content span{color:var(--text-sub);font-size:13px;line-height:1.6}.room-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-card)}.room-online{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-sub);display:flex;align-items:center;gap:6px}.room-mobile-online{display:none}.room-offline-side{flex:1;min-height:0;padding:32px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--text-sub)}.room-offline-side .avatar{cursor:pointer}.room-offline-side strong{color:var(--text);font-size:17px;line-height:1.2}.room-offline-side span{font-size:12px}.room-offline-side p{max-width:260px;margin:6px 0 0;font-size:13px;line-height:1.6}.room-chat{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.room-msg{font-size:13px;line-height:1.5}.room-level-badge{width:auto;height:18px;margin-right:5px}.level-text-badge.room-level-badge{display:inline-flex;min-width:30px;width:auto;padding:0 5px;border-radius:6px;background:linear-gradient(135deg,#22d3ee,#5eead4);color:#07111e;border:0;font-size:10px;vertical-align:1px}.room-msg .sender{color:var(--accent);font-weight:500;margin-right:4px}.room-msg.gift-msg .sender{color:var(--orange)}.room-msg.gift-msg{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}.room-msg.gift-msg .room-level-badge,.room-msg.gift-msg .sender,.room-msg-gift-icon{flex-shrink:0}.room-msg-gift-icon{width:18px;height:18px;flex:0 0 18px;object-fit:contain;margin-left:2px;vertical-align:middle}.room-msg.system-msg{color:var(--text-muted);font-style:italic}.room-msg-user-link{display:inline;padding:0;color:inherit;line-height:inherit;vertical-align:baseline}.room-msg-user-link:hover{color:var(--accent);text-decoration:underline}.room-msg-content-link{color:var(--text-muted);font-style:italic;text-align:left}.room-input-wrap{position:relative;flex-shrink:0}.room-input-bar{position:relative;z-index:81;display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.room-input-bar .form-input{flex:1;padding:8px 12px;background:var(--bg-elevated)}.gift-toggle.active{position:relative;z-index:150;color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.room-gift-overlay{position:absolute;left:0;right:0;bottom:0;z-index:140;pointer-events:auto}.room-gift-popover{position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);z-index:141;pointer-events:auto}.room-gifts{padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#0b1220fa;box-shadow:0 16px 40px #00000073}.gift-tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:2px}.gift-tabs::-webkit-scrollbar{height:3px}.gift-tab{flex-shrink:0}.gift-tab{font-size:12px;padding:3px 10px;border-radius:10px;color:var(--text-sub);cursor:pointer;border:1px solid var(--border);transition:all var(--ease)}.gift-tab.active{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.gift-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.gift-list::-webkit-scrollbar{width:3px}.gift-item{min-width:0;text-align:center;cursor:pointer;padding:8px 4px;border-radius:var(--radius-sm);border:1px solid transparent;transition:all var(--ease)}.gift-item:hover,.gift-item.selected{border-color:var(--border-accent);background:var(--accent-dim)}.gift-item img{width:44px;height:44px;margin:0 auto 4px;object-fit:contain}.gift-item-name{font-size:11px;color:var(--text-sub);margin-bottom:2px}.gift-item-price{font-size:11px;color:var(--accent);font-weight:500}.gift-send-bar{display:flex;align-items:center;gap:10px;margin-top:10px}.gift-qty{display:flex;align-items:center;gap:6px}.gift-qty button{width:24px;height:24px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px}.gift-qty span{font-size:14px;font-weight:600;min-width:24px;text-align:center}.room-side-block{padding:9px 14px;border-top:1px solid var(--border)}.room-side-title{font-size:13px;color:var(--text-sub);margin-bottom:7px;font-weight:650}.room-side-empty{padding:4px 0;color:var(--text-muted);font-size:12px}.room-cohost-card{display:block}.room-cohost-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.room-cohost-head .room-side-title{margin-bottom:0}.room-cohost-mode{flex:0 0 auto;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:#ffffff0a;font-size:11px;font-weight:750}.room-cohost-mode.audio{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.room-cohost-mode.video{color:#c4b5fd;border-color:#a78bfa47;background:#a78bfa1a}.room-cohost-seats{display:grid;gap:5px}.room-cohost-seat{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;padding:5px 6px;border-radius:8px;background:#ffffff0b}.room-cohost-seat>button:first-child{min-width:0;display:flex;align-items:center;gap:7px;text-align:left}.room-cohost-seat img{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.room-cohost-seat span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px}.room-cohost-seat em{color:var(--text-muted);font-size:11px;font-style:normal;white-space:nowrap}.room-cohost-kick{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--red);background:#f871711a}.room-cohost-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.room-cohost-footer span{color:var(--text-muted);font-size:12px}.room-cohost-footer button{min-height:28px;padding:0 9px;border-radius:8px;border:1px solid var(--border-accent);color:var(--accent);background:var(--accent-dim);font-size:12px;font-weight:750}.room-cohost-footer button:disabled{border-color:var(--border);color:var(--text-muted);background:#ffffff0a;cursor:not-allowed}.room-cohost-modal{position:relative;width:min(520px,calc(100vw - 32px));max-height:min(680px,calc(100svh - 36px));display:flex;flex-direction:column;overflow:hidden;padding:18px;border-color:#ffffff1f;background:#121722;color:#fff;box-shadow:0 24px 72px #0000008f}.room-cohost-modal-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px;padding-right:30px}.room-cohost-modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#08111f;background:linear-gradient(135deg,var(--accent),#c4b5fd);box-shadow:0 10px 26px #5eead42e}.room-cohost-modal h3{margin:0;color:#fff;font-size:18px;line-height:1.25}.room-cohost-modal p{margin:5px 0 0;color:#ffffffa3;font-size:13px;line-height:1.45}.room-cohost-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.room-cohost-mode-tabs button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb8;background:#ffffff0f;font-size:13px;font-weight:750}.room-cohost-mode-tabs button.active{color:#08111f;border-color:var(--accent);background:var(--accent)}.room-cohost-mode-tabs button:disabled{opacity:.7;cursor:not-allowed}.room-cohost-modal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.room-cohost-modal-summary span{min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0e;color:#ffffffc2;font-size:12px;text-align:center}.room-cohost-request-list{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:8px}.room-cohost-request-title{color:#ffffff9e;font-size:12px;font-weight:800}.room-cohost-request{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0e}.room-cohost-request>button{min-width:0;display:flex;align-items:center;gap:9px;text-align:left}.room-cohost-request img{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.room-cohost-request span{min-width:0;display:flex;flex-direction:column;gap:3px}.room-cohost-request strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:13px}.room-cohost-request em{color:#ffffff85;font-size:11px;font-style:normal}.room-cohost-request>div{display:flex;align-items:center;gap:6px}.room-rank-card{padding-top:8px}.room-rank-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.room-rank-tabs{display:inline-flex;align-items:center;gap:4px;min-width:0}.room-rank-tabs button{padding:3px 8px;border-radius:10px;color:var(--text-muted);font-size:12px;white-space:nowrap}.room-rank-tabs button.active{color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent)}.room-rank-more{flex-shrink:0;color:var(--text-muted);font-size:12px}.room-rank-more:hover{color:var(--accent)}.room-rank-periods{display:flex;align-items:center;gap:5px;margin-bottom:7px}.room-rank-periods button{padding:2px 8px;border-radius:9px;color:var(--text-muted);font-size:11px}.room-rank-periods button.active{color:var(--accent);background:var(--accent-dim)}.room-audience-list{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:2px}.room-audience-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:10px}.room-audience-item:hover{color:var(--accent)}.room-rank-list{display:flex;flex-direction:column;gap:2px}.room-rank-row{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;text-align:left;border-radius:var(--radius-sm)}.room-rank-row:hover{background:var(--bg-hover)}.room-rank-num{flex:0 0 18px;color:var(--text-muted);font-size:12px;font-weight:750;text-align:center}.room-rank-num.top{color:var(--orange)}.room-rank-info{flex:1;min-width:0}.room-rank-info div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px;line-height:1.2}.room-rank-info span{display:block;margin-top:1px;color:var(--text-muted);font-size:11px;line-height:1.2}.room-pk-overlay{position:absolute;left:14px;right:14px;top:14px;z-index:45;display:flex;justify-content:center;pointer-events:none}.room-pk-overlay.dragged{position:fixed;right:auto;bottom:auto;display:block;width:auto}.room-pk-panel{width:min(460px,100%);padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:#050810c2;box-shadow:0 12px 34px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.room-pk-overlay.dragged .room-pk-panel{width:clamp(320px,42vw,460px);max-width:none}.room-pk-panel.preparing{width:min(560px,100%)}.room-pk-overlay.dragged .room-pk-panel.preparing{width:clamp(420px,52vw,560px);max-width:none}.room-pk-panel select,.room-pk-modal select{min-width:0;height:30px;padding:0 26px 0 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background-color:#171d29!important;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.72) 50%),linear-gradient(135deg,rgba(255,255,255,.72) 50%,transparent 50%);background-position:calc(100% - 13px) 12px,calc(100% - 8px) 12px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:#fff;color-scheme:dark;font-size:12px;outline:none;appearance:none;-webkit-appearance:none;box-shadow:none}.room-pk-panel select:focus,.room-pk-modal select:focus{border-color:#f6d3658f;box-shadow:0 0 0 2px #f6d3651f}.room-pk-panel select:disabled,.room-pk-modal select:disabled{opacity:.62;cursor:not-allowed}.room-pk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#fff;font-size:12px}.room-pk-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.room-pk-head:active{cursor:grabbing}.room-pk-head span{display:inline-flex;align-items:center;gap:5px;color:#f6d365;font-weight:750}.room-pk-head strong{font-size:13px;color:#fff}.room-pk-punish-banner{margin-bottom:8px;padding:7px 9px;border:1px solid rgba(246,211,101,.22);border-radius:9px;background:#f6d3651a;color:#f6d365;font-size:12px;font-weight:750;text-align:center}.room-pk-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.room-pk-side{position:relative;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);color:#fff}.room-pk-side.red{background:linear-gradient(90deg,#f8717157,#f8717114)}.room-pk-side.blue{background:linear-gradient(270deg,#60a5fa57,#60a5fa14)}.room-pk-side.win{box-shadow:inset 0 0 0 1px #f6d36575}.room-pk-side.lose{opacity:.78}.room-pk-side.draw{box-shadow:inset 0 0 0 1px #5eead45c}.room-pk-side span{font-size:12px;color:#ffffffc2}.room-pk-side strong{font-size:20px;line-height:1}.room-pk-side-result{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 6px;border-radius:999px;color:#fff;background:#ffffff1f;font-size:10px;font-style:normal;font-weight:900;line-height:1.15;white-space:nowrap}.room-pk-score .room-pk-side-result{position:absolute;top:-8px}.room-pk-score .room-pk-side.red .room-pk-side-result{left:7px}.room-pk-score .room-pk-side.blue .room-pk-side-result{right:7px}.room-pk-side-result.win{background:linear-gradient(135deg,#f59e0b,#ef4444)}.room-pk-side-result.lose{background:#0f172ab8;color:#ffffffb8;border:1px solid rgba(148,163,184,.3)}.room-pk-side-result.draw{background:#14b8a6d1}.room-pk-vs{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f6d365;color:#111827;font-size:11px;font-weight:900}.room-pk-users{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.room-pk-users>div{min-width:0;display:flex;flex-direction:column;gap:4px}.room-pk-users>div:last-child{align-items:flex-end}.room-pk-users>div>span{color:#ffffff94;font-size:12px}.room-pk-user{max-width:100%;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:12px}.room-pk-user img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.28)}.room-pk-user span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-pk-user em{flex:0 0 auto;color:#f6d365;font-size:11px;font-style:normal}.room-pk-ready-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.room-pk-ready-toolbar label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#ffffff0e;color:#ffffffa3;font-size:11px}.room-pk-ready-toolbar span{white-space:nowrap}.room-pk-ready-toolbar select{width:100%;height:28px}.room-pk-ready-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.room-pk-ready-cell{min-width:0;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff14;color:#fff;text-align:center;overflow:hidden}.room-pk-ready-cell.red{border-color:#f871716b;background:linear-gradient(180deg,#f8717138,#ffffff12)}.room-pk-ready-cell.blue{border-color:#60a5fa6b;background:linear-gradient(180deg,#60a5fa38,#ffffff12)}.room-pk-ready-cell.self{box-shadow:0 0 0 1px #f6d3658f inset}.room-pk-ready-cell.empty{cursor:pointer;color:#ffffff9e;border-style:dashed;background:#ffffff0b}.room-pk-ready-cell.empty:disabled{cursor:default;opacity:.72}.room-pk-ready-cell.empty:not(:disabled):hover{border-color:#f6d36585;color:#fff;background:#f6d3651a}.room-pk-ready-empty-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:#ffffffc2}.room-pk-ready-cell.empty strong{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.room-pk-ready-cell.empty em{color:#ffffff75;font-size:10px;font-style:normal}.room-pk-ready-profile{width:100%;min-width:0;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.room-pk-ready-profile img{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.34);background:#ffffff14}.room-pk-ready-profile strong{width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.1}.room-pk-ready-profile span{max-width:100%;padding:1px 5px;border-radius:7px;background:#ffffff1a;color:#ffffffb8;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-ready-switch{width:66px;height:22px;flex:0 0 22px;display:grid;grid-template-columns:1fr 1fr;padding:2px;border-radius:11px;background:#00000047;gap:2px}.room-pk-ready-switch button{min-width:0;border-radius:9px;color:#ffffffb3;font-size:10px;font-weight:800}.room-pk-ready-switch button.red.active{background:#ef4444;color:#fff}.room-pk-ready-switch button.blue.active{background:#3b82f6;color:#fff}.room-pk-ready-switch button:disabled{opacity:.7;cursor:not-allowed}.room-pk-ready-timeout{margin-top:7px;color:#ffffffad;font-size:11px;text-align:center}.room-pk-team-list{margin-top:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.room-pk-team-list span{min-width:0;padding:3px 7px;border-radius:9px;color:#ffffffd6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-team-list span.red{background:#f8717138}.room-pk-team-list span.blue{background:#60a5fa38}.room-pk-battle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-pk-battle-user{min-width:0;display:grid;grid-template-columns:28px 26px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 7px;border-radius:var(--radius-sm);background:#ffffff14;color:#fff;text-align:left}.room-pk-battle-user em{color:#f6d365;font-size:11px;font-style:normal;font-weight:800}.room-pk-battle-user img{width:24px;height:24px;border-radius:50%;object-fit:cover}.room-pk-battle-user span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.room-pk-battle-user strong{color:#ffffffc2;font-size:11px}.room-pk-rank-strip{margin-top:8px;display:flex;align-items:center;gap:6px;overflow:hidden}.room-pk-rank-strip span{min-width:0;padding:3px 7px;border-radius:10px;background:#ffffff14;color:#ffffffc7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:6px}.room-pk-ready-actions{justify-content:center}.room-pk-ready-actions .btn{min-width:72px;justify-content:center}.room-pk-side-card{display:block}.room-pk-side-card{padding-top:7px;padding-bottom:7px}.room-pk-side-card .room-side-title{margin-bottom:5px}.room-pk-side-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;color:var(--text-muted);font-size:11px}.room-pk-side-summary strong{color:var(--text);font-size:13px}.room-pk-side-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;min-height:16px}.room-pk-side-health{height:10px;display:flex;overflow:hidden;border-radius:999px;background:#ffffff14}.room-pk-side-health i{display:block;transition:width .25s ease}.room-pk-side-health .red{background:linear-gradient(90deg,#ef4444,#fb7185)}.room-pk-side-health .blue{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.room-pk-side-contrib{display:flex;align-items:center;gap:8px;margin-top:7px;overflow:hidden}.room-pk-side-contrib-group{min-width:0;flex:1 1 0;display:flex;align-items:center;gap:5px;overflow:hidden}.room-pk-side-contrib-group.blue{justify-content:flex-end}.room-pk-side-label{flex:0 0 auto;display:block;font-size:11px;font-weight:850}.room-pk-side-label.red{color:#fb7185}.room-pk-side-label.blue{color:#60a5fa}.room-pk-side-contrib-list{min-width:0;display:flex;align-items:flex-start;gap:6px;overflow:hidden}.room-pk-side-contrib-group.blue .room-pk-side-contrib-list{justify-content:flex-end}.room-pk-side-contrib-user{width:34px;min-width:0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-sub)}.room-pk-side-contrib-user img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.28);box-shadow:0 5px 12px #00000038}.room-pk-side-contrib-user em{max-width:34px;min-width:22px;overflow:hidden;padding:1px 4px;border-radius:999px;background:#ffffff14;color:#f6d365;font-size:9px;font-style:normal;font-weight:850;line-height:1.15;text-overflow:ellipsis}.room-pk-side-contrib-list .empty{color:var(--text-muted);font-size:11px;white-space:nowrap}.room-pk-invite-card,.room-pk-modal{border-color:#ffffff1f;background:#121722;color:#fff;box-shadow:0 24px 72px #0000008f}.room-pk-invite-card{width:min(420px,calc(100vw - 32px));padding:18px}.room-pk-dialog-head,.room-pk-modal-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;text-align:left}.room-pk-invite-icon{width:48px;height:48px;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#111827;background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 10px 26px #f6d36533}.room-pk-invite-card h3,.room-pk-modal h3{margin:0;color:#fff;font-size:18px;line-height:1.25}.room-pk-invite-card p,.room-pk-modal p{margin:5px 0 0;color:#ffffffa3;font-size:13px;line-height:1.45}.room-pk-invite-meta{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.room-pk-invite-meta span{min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f;color:#ffffffc7;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-invite-members{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:left}.room-pk-invite-members.wrap{display:flex;flex-wrap:wrap}.room-pk-invite-members.wrap span{flex:1 1 150px}.room-pk-invite-members span{min-width:0;min-height:52px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0e;color:#fff;font-size:13px;overflow:hidden}.room-pk-invite-members span.red{border-color:#f8717161;background:#f871711f}.room-pk-invite-members span.blue{border-color:#60a5fa61;background:#60a5fa1f}.room-pk-invite-members img{grid-row:1 / span 2;width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.room-pk-invite-members em{min-width:0;color:#ffffff85;font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.room-pk-dialog-actions .btn{justify-content:center;min-height:38px}.room-pk-modal{position:relative;width:min(620px,calc(100vw - 32px));max-height:min(720px,calc(100svh - 36px));display:flex;flex-direction:column;overflow:hidden;padding:18px}.room-pk-modal-head{margin-bottom:14px;padding-right:30px}.room-pk-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.room-pk-type-tabs button{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);background:var(--bg-soft);font-size:13px}.room-pk-type-tabs button.active{color:#111827;border-color:var(--accent);background:var(--accent);font-weight:800}.room-pk-modal-controls{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}.room-pk-modal-controls label{display:flex;flex-direction:column;gap:5px;color:var(--text-muted);font-size:12px}.room-pk-modal-controls select.form-input{height:36px;padding:0 10px}.room-pk-anchor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.room-pk-anchor-tabs button{min-width:0;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#ffffff0e;color:#ffffffa3;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pk-anchor-tabs button.active{color:#111827;border-color:#f6d365;background:#f6d365}.room-pk-search{min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0f}.room-pk-search svg{flex:0 0 auto;color:#ffffff75}.room-pk-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent!important;color:#fff;box-shadow:none!important;appearance:none;-webkit-appearance:none;outline:none}.room-pk-search input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out;box-shadow:0 0 0 1000px #1b2230 inset}.room-pk-search input::placeholder{color:#ffffff6b}.room-pk-search button{flex:0 0 auto;color:#f6d365;font-size:12px}.room-pk-random-btn{width:100%;justify-content:center;min-height:38px;margin-bottom:10px;border-color:#ffffff1a;background:#ffffff0f;color:#ffffffd1}.room-pk-history{margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0b;overflow:hidden}.room-pk-history-head{height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;font-size:13px;font-weight:800}.room-pk-history-head button{color:#f6d365;font-size:12px}.room-pk-history-head button:disabled{opacity:.55}.room-pk-history-empty{padding:10px;color:#ffffff7a;font-size:12px;text-align:center}.room-pk-history-list{max-height:192px;overflow-y:auto}.room-pk-history-item{display:flex;flex-direction:column;gap:7px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.room-pk-history-item:last-child{border-bottom:none}.room-pk-history-item-top{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.room-pk-history-item-top>div{min-width:0;display:flex;flex-direction:column;gap:2px}.room-pk-history-item-top>div:last-child{align-items:flex-end;text-align:right}.room-pk-history-item strong{color:#fff;font-size:12px;line-height:1.2}.room-pk-history-item-top span{max-width:180px;overflow:hidden;color:#ffffff80;font-size:11px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.room-pk-history-item em{min-width:34px;padding:3px 6px;border-radius:999px;color:#fff;background:#94a3b857;font-size:11px;font-style:normal;font-weight:900;line-height:1;text-align:center}.room-pk-history-item em.result-win{background:linear-gradient(135deg,#f59e0b,#ef4444)}.room-pk-history-item em.result-lose{background:#64748bb8}.room-pk-history-item em.result-draw{background:#14b8a6d1}.room-pk-history-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-pk-history-groups.battle{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px}.room-pk-history-group{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px;background:#0f172a4d}.room-pk-history-groups.battle .room-pk-history-group{flex:0 0 116px}.room-pk-history-group.red{border-color:#f8717147;background:#ef444414}.room-pk-history-group.blue{border-color:#60a5fa47;background:#3b82f614}.room-pk-history-group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;color:#ffffff9e;font-size:11px;font-weight:800}.room-pk-history-group-title b{color:#fff;font-size:11px}.room-pk-history-anchors{display:flex;flex-wrap:wrap;gap:5px}.room-pk-history-groups.battle .room-pk-history-anchors{flex-wrap:nowrap}.room-pk-history-anchors>span{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:999px;background:#ffffff12;color:#ffffffb8;font-size:11px;line-height:1}.room-pk-history-anchors>span.self{color:#fff;background:#f6d36533}.room-pk-history-anchors img{flex:0 0 16px;width:16px;height:16px;border-radius:50%;object-fit:cover}.room-pk-history-anchors i{min-width:0;max-width:64px;overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.room-pk-history-anchors b{flex:0 0 auto;color:#f6d365;font-size:10px}.room-pk-selected{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);padding:8px}.room-pk-selected-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--text-sub);font-size:12px}.room-pk-selected-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-pk-selected-list>span{min-width:0;display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius-sm);color:var(--text);background:var(--bg-elevated);font-size:12px;overflow:hidden}.room-pk-selected-list>span.red{border:1px solid rgba(248,113,113,.28)}.room-pk-selected-list>span.blue{border:1px solid rgba(96,165,250,.28)}.room-pk-selected-list img{width:24px;height:24px;border-radius:50%;object-fit:cover}.room-pk-selected-list em{margin-left:auto;display:inline-flex;align-items:center;gap:3px;color:var(--text-muted);font-size:11px;font-style:normal;white-space:nowrap}.room-pk-selected-list em button{padding:1px 5px;border-radius:7px;color:var(--text-muted);background:var(--bg-soft);font-size:11px}.room-pk-selected-list em button.active{color:#111827;background:var(--accent)}.room-pk-candidates{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.room-pk-candidate{width:100%;min-height:58px;display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;text-align:left;background:#ffffff0e}.room-pk-candidate:hover{border-color:#f6d36575;background:#f6d36514}.room-pk-candidate.selected{border-color:var(--accent);background:var(--accent-dim)}.room-pk-candidate:disabled{opacity:.6;cursor:not-allowed}.room-pk-candidate img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.room-pk-candidate div{flex:1;min-width:0}.room-pk-candidate strong,.room-pk-candidate span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-pk-candidate strong{font-size:13px}.room-pk-candidate span{margin-top:3px;color:#ffffff85;font-size:12px}.room-pk-candidate em{flex:0 0 auto;padding:4px 8px;border-radius:8px;background:#f6d3651f;color:#f6d365;font-size:12px;font-style:normal}.room-profile-card-mask{position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000002e}.room-profile-card-mask.anchored{display:block;padding:0}.room-profile-card{position:relative;width:min(300px,100%);padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:0 18px 50px #0000007a;display:flex;flex-direction:column;align-items:center;gap:7px}.room-profile-card-mask.anchored .room-profile-card{position:fixed;width:300px}.room-profile-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-profile-actions .btn{justify-content:center;padding-left:8px;padding-right:8px;white-space:nowrap}.room-profile-control{width:100%;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.room-profile-control-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:12px}.room-profile-control-head select{width:104px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-soft);outline:none}.room-profile-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-profile-control-actions .btn{justify-content:center;padding-left:8px;padding-right:8px;white-space:nowrap}.report-modal{position:relative;max-width:460px}.report-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted)}.report-modal-close:hover{color:var(--text);background:var(--bg-hover)}.report-modal-head{display:flex;align-items:center;gap:10px;padding-right:32px;margin-bottom:14px}.report-modal-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--red)}.report-modal-title{font-size:17px;font-weight:800}.report-modal-sub{max-width:330px;overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.report-modal-textarea{min-height:120px;resize:vertical}.report-modal-count{margin-top:6px;color:var(--text-muted);font-size:12px;text-align:right}.room-profile-close{position:absolute;right:10px;top:10px;color:var(--text-muted)}.room-profile-close:hover{color:var(--text)}.room-profile-name{font-size:15px;font-weight:750;line-height:1.2}.room-profile-video{color:var(--text-muted);font-size:12px}.room-profile-lines{width:100%;margin:2px 0 5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 0}.room-profile-lines div{display:flex;align-items:flex-start;gap:7px;padding:5px 0;font-size:12px;line-height:1.35}.room-profile-lines span{flex:0 0 52px;color:var(--text-muted)}.room-profile-lines strong{flex:1;color:var(--text);font-weight:520;overflow-wrap:anywhere}.room-audience-modal-mask{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073}.room-audience-modal{width:min(360px,100%);max-height:min(520px,calc(100svh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:0 18px 52px #0000006b}.room-audience-modal-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:13px 14px;border-bottom:1px solid var(--border)}.room-audience-modal-head strong{flex:1;font-size:15px}.room-audience-modal-head span{color:var(--text-muted);font-size:12px}.room-audience-modal-head button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);background:var(--bg-soft)}.room-audience-modal-list{flex:1;min-height:0;overflow-y:auto;padding:6px}.room-audience-modal-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius-sm);text-align:left;color:var(--text)}.room-audience-modal-item:hover{background:var(--bg-hover)}.room-audience-modal-item .avatar{width:36px;height:36px}.room-audience-modal-item div{min-width:0;display:flex;flex-direction:column;gap:4px}.room-audience-modal-item strong{max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2}.audience-modal-level-badge{width:fit-content;height:17px}@media(max-width:960px){.room-layout{padding:0}.room-header{width:100%;border-left:none;border-right:none;border-radius:0}.room-body{width:100%;flex-direction:column;border-left:none;border-right:none;border-radius:0}.room-video{flex:0 0 auto;width:min(100%,calc(56vh * 750 / 1334));min-height:0;max-height:56vh;max-width:100%}.room-video.pk-grid,.room-video.cohost-grid{flex:1 1 auto;width:94%;height:auto;max-height:94%}.room-sidebar{width:100%;flex:1;min-height:0;border-left:none;border-top:1px solid var(--border)}}@media(max-width:560px){.room-layout{position:relative;min-height:100svh;height:100svh;padding:0;background:#000;overflow:hidden}.room-header{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:90;width:100%;padding:10px 10px 8px;align-items:flex-start;gap:8px;flex-wrap:nowrap;border:0;border-radius:0;background:linear-gradient(180deg,#000000ad,#0000)}.room-anchor-pill{flex:0 1 auto;min-width:0;max-width:calc(100vw - 218px);height:46px;gap:0;padding:4px 5px 4px 4px;border-radius:23px;background:#00000057}.room-anchor-badge{display:none}.room-anchor-avatar{width:38px;height:38px}.room-anchor-info{height:38px;min-width:0;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:0 7px;border-radius:0;background:transparent}.room-title{max-width:100%;font-size:13px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-meta{width:100%;margin-top:2px;font-size:11px;gap:7px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.room-meta span{flex-shrink:0}.room-follow-btn{height:28px;min-width:48px;max-width:56px;padding:0 8px;justify-content:center;border-radius:14px;overflow:hidden;white-space:nowrap}.room-follow-btn svg{display:none}.room-header-actions{height:34px;margin-left:auto;width:auto;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:nowrap;overflow:visible;padding-bottom:0}.room-header-actions .btn{flex:0 0 auto;width:36px;height:36px;padding:0;justify-content:center;overflow:hidden}.room-header-actions .btn svg{flex-shrink:0}.room-header-actions .btn .room-action-dot{position:absolute;right:-1px;top:-1px}.room-header-actions .btn-ghost{background:#00000057;border-color:#ffffff29;color:#fff}.room-report-btn{display:none}.room-close-btn{border-radius:50%}.room-body{position:fixed;inset:0;width:100%;height:100svh;display:block;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none}.room-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;min-height:0;aspect-ratio:auto;margin:0}.room-video.pk-grid,.room-video.pk-grid.pk-count-2,.room-video.cohost-grid{width:100%;max-width:none}.room-video video{width:100%;height:100%;object-fit:cover}.room-pk-video-grid,.room-cohost-video-grid{inset:0;gap:2px;padding:2px}.room-pk-video-stage.count-1 .room-pk-video-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.room-pk-video-stage.count-2 .room-pk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.room-pk-video-stage.count-3 .room-pk-video-grid,.room-pk-video-stage.count-4 .room-pk-video-grid,.room-pk-video-stage.count-5 .room-pk-video-grid,.room-pk-video-stage.count-6 .room-pk-video-grid,.room-pk-video-stage.count-7 .room-pk-video-grid,.room-pk-video-stage.count-8 .room-pk-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.room-pk-video-info{left:4px;bottom:4px;max-width:calc(100% - 74px);grid-template-columns:24px minmax(0,1fr);gap:5px;padding:4px 6px 4px 4px;border-radius:999px}.room-pk-video-info img{width:24px;height:24px}.room-pk-video-info strong{font-size:11px}.room-pk-video-result{left:4px;top:4px;min-width:38px;padding:4px 7px;font-size:10px}.room-pk-video-points{right:4px;bottom:4px;max-width:66px;padding:5px 7px;font-size:11px}.room-pk-video-side{top:4px;right:4px;padding:3px 7px;font-size:10px}.room-pk-video-mute{left:4px;top:4px;width:28px;height:28px}.room-pk-video-result~.room-pk-video-mute{top:36px}.room-cohost-video-stage.count-1 .room-cohost-video-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.room-cohost-video-stage.count-2 .room-cohost-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.room-cohost-video-stage.count-3 .room-cohost-video-grid,.room-cohost-video-stage.count-4 .room-cohost-video-grid,.room-cohost-video-stage.count-5 .room-cohost-video-grid,.room-cohost-video-stage.count-6 .room-cohost-video-grid,.room-cohost-video-stage.count-7 .room-cohost-video-grid,.room-cohost-video-stage.count-8 .room-cohost-video-grid,.room-cohost-video-stage.count-9 .room-cohost-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.room-cohost-video-info{left:4px;bottom:4px;max-width:calc(100% - 48px);grid-template-columns:24px minmax(0,1fr);gap:5px;padding:4px 6px 4px 4px;border-radius:999px}.room-cohost-video-info img{width:24px;height:24px}.room-cohost-video-info strong{font-size:11px}.room-cohost-video-info span{font-size:9px}.room-cohost-video-muted{top:4px;left:4px;padding:3px 7px;font-size:10px}.room-cohost-video-mute{right:4px;bottom:4px;width:28px;height:28px}.room-cohost-audio-visual{gap:8px}.room-cohost-audio-visual img{width:clamp(44px,18cqi,76px);height:clamp(44px,18cqi,76px)}.room-cohost-audio-visual span{width:34px;height:34px}.room-pk-result-card{min-width:180px;padding:13px 16px;border-radius:12px}.room-pk-result-card strong{font-size:20px}.room-pk-result-card em{font-size:12px}.video-player-wrap,.room-offline-player{height:100%}.room-sidebar{position:absolute;left:0;right:0;bottom:0;z-index:80;width:100%;height:50svh;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;border:0;background:linear-gradient(180deg,#0000,#00000085 38%,#000000c7);pointer-events:none}.room-online{display:none}.room-mobile-online{position:fixed;right:50px;top:calc(env(safe-area-inset-top) + 10px);z-index:95;width:42px;min-width:42px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:#111827;color:#fff;font-size:13px;font-weight:800;line-height:1;text-align:center;box-shadow:none;opacity:1;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto}.room-side-block,.room-audience-block,.room-audience-block .room-side-title{display:none}.room-audience-block .room-audience-list{height:36px;gap:4px;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 6px;scrollbar-width:none;scroll-snap-type:x proximity}.room-audience-block .room-audience-list::-webkit-scrollbar{display:none}.room-audience-block .room-audience-item{width:32px;height:36px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;scroll-snap-align:start}.room-audience-block .room-audience-item span,.room-audience-block .room-side-empty{display:none}.room-audience-block .avatar{display:block;width:32px;height:32px;border:1px solid rgba(255,255,255,.42);box-shadow:none;opacity:1;filter:none}.room-audience-block .audience-level-badge{display:none}.room-rank-card{max-height:none}.room-pk-overlay{top:auto;bottom:calc(34svh + 18px + env(safe-area-inset-bottom));left:10px;right:10px}.room-pk-overlay.dragged{bottom:auto;right:auto}.room-pk-overlay.dragged .room-pk-panel,.room-pk-overlay.dragged .room-pk-panel.preparing{width:min(420px,calc(100vw - 20px))}.room-pk-panel{padding:8px 9px;border-radius:12px;background:#0000007a}.room-pk-panel.preparing{width:min(420px,100%)}.room-pk-head{margin-bottom:6px}.room-pk-score{gap:7px}.room-pk-side{padding:6px 8px}.room-pk-side strong{font-size:17px}.room-pk-side-result{min-width:30px;padding:2px 5px;font-size:9px}.room-pk-score .room-pk-side-result{top:-7px}.room-pk-vs{width:28px;height:28px;font-size:10px}.room-pk-rank-strip,.room-pk-actions{display:none}.room-pk-panel.preparing .room-pk-actions{display:flex;flex-wrap:nowrap;justify-content:center}.room-pk-ready-toolbar{gap:5px;margin-bottom:6px}.room-pk-ready-toolbar label{grid-template-columns:1fr;gap:3px;padding:5px 6px;font-size:9px}.room-pk-ready-toolbar select{height:24px;font-size:10px;padding-left:6px}.room-pk-ready-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.room-pk-ready-cell{height:92px;gap:4px;padding:6px 4px}.room-pk-ready-profile{gap:3px}.room-pk-ready-profile img{width:32px;height:32px;flex-basis:32px}.room-pk-ready-profile strong{font-size:10px}.room-pk-ready-profile span{font-size:9px;padding:1px 5px}.room-pk-ready-empty-icon{width:30px;height:30px;flex-basis:30px}.room-pk-ready-cell.empty strong{font-size:10px}.room-pk-ready-cell.empty em{font-size:9px}.room-pk-ready-switch{width:58px;height:20px;flex-basis:20px}.room-pk-ready-switch button{font-size:10px}.room-pk-ready-actions{gap:5px}.room-pk-ready-actions .btn{min-width:62px;padding-left:8px;padding-right:8px}.room-pk-side-card{display:block}.room-rank-head{align-items:flex-start}.room-rank-tabs,.room-rank-periods{overflow-x:auto;padding-bottom:2px}.room-rank-tabs button,.room-rank-periods button{flex:0 0 auto}.room-rank-row{padding:5px 0}.room-audience-list{padding-bottom:5px}.room-chat{flex:0 0 auto;min-height:0;max-height:238px;margin:0 72px 4px 0;padding:0 10px;background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:auto}.room-msg{width:fit-content;max-width:330px;margin-top:7px;padding:7px 10px;border-radius:15px;background:#302b2d78;color:#fff;font-size:13px;line-height:1.45}.room-msg.gift-msg{min-width:248px;min-height:50px;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(90deg,#17111ecc,#3b1650ab);border:1px solid rgba(244,114,182,.34);color:#ffd64f;font-weight:700}.room-msg.gift-msg .sender{color:#fff}.room-msg-gift-icon{width:28px;height:28px;object-fit:contain;margin-left:4px;flex-shrink:0}.room-msg.system-msg{color:#ffffffc7}.room-msg .sender{color:#fff;font-weight:800}.room-level-badge{height:17px;margin-right:7px}.room-input-wrap{flex:0 0 auto;z-index:85;background:transparent;pointer-events:auto}.room-input-bar{padding:8px 10px calc(10px + env(safe-area-inset-bottom));gap:7px}.room-input-bar .form-input{min-width:0;height:38px;border-color:#ffffff1f;background:#0000006b;color:#fff}.room-input-bar .form-input::placeholder{color:#ffffff94}.room-input-bar .btn{width:38px;height:38px;padding:0;justify-content:center;flex-shrink:0;border-color:#ffffff29}.room-input-bar .btn-ghost{background:#0000006b;color:#fff}.room-gift-overlay{position:fixed;inset:0;z-index:165;background:transparent;pointer-events:auto}.room-gift-popover{position:fixed;left:0;right:0;bottom:0;z-index:170;pointer-events:auto}.room-gifts{height:min(374px,calc(100svh - 88px));max-height:none;overflow:hidden;display:flex;flex-direction:column;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0;border-radius:24px 24px 0 0;background:#1d1f20ed}.gift-tabs{flex-shrink:0}.gift-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;flex:1}.gift-item{padding:6px 3px}.gift-item img{width:52px;height:52px;padding:6px;border-radius:16px}.gift-item.selected img{border:1px solid var(--purple);background:#ffffff14}.gift-send-bar{flex-shrink:0;align-items:center;flex-direction:row;gap:8px}.gift-send-bar .btn{height:42px;min-width:112px;justify-content:center;flex-shrink:0;border-radius:21px}.gift-effect-caption{left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));font-size:13px;text-align:center}.room-offline-side{min-height:0;margin:0 14px calc(18px + env(safe-area-inset-bottom));padding:18px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000061;color:#ffffffc7;pointer-events:auto}.room-profile-card-mask.anchored .room-profile-card{left:10px!important;right:10px;top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom));width:auto}.room-audience-modal-mask{align-items:flex-end;padding:0;background:#0000006b;pointer-events:auto}.room-audience-modal{width:100%;max-height:min(58svh,520px);border-left:0;border-right:0;border-bottom:0;border-radius:20px 20px 0 0;background:#111827fa;color:#fff}.room-audience-modal-head{padding:14px 16px;border-bottom-color:#ffffff1a}.room-audience-modal-head span{color:#ffffff9e}.room-audience-modal-head button{color:#fff;background:#ffffff1a}.room-audience-modal-list{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.room-audience-modal-item{color:#fff}.room-audience-modal-item:hover{background:#ffffff14}.room-audience-modal-item strong{max-width:calc(100vw - 84px)}.room-pk-modal-controls{grid-template-columns:1fr}.room-pk-invite-card,.room-pk-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:14px;border-radius:14px}.room-pk-modal{max-height:calc(100svh - 20px)}.room-pk-dialog-head,.room-pk-modal-head{grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:12px}.room-pk-invite-icon{width:42px;height:42px;border-radius:10px}.room-pk-invite-card h3,.room-pk-modal h3{font-size:16px}.room-pk-invite-card p,.room-pk-modal p{font-size:12px}.room-pk-invite-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.room-pk-invite-meta span{padding:6px;font-size:11px}.room-pk-invite-members{gap:6px}.room-pk-invite-members span{min-height:48px;grid-template-columns:28px minmax(0,1fr);padding:7px;font-size:12px}.room-pk-invite-members img{width:28px;height:28px}.room-pk-dialog-actions{margin-top:12px}.room-pk-dialog-actions .btn{min-height:36px}.room-pk-search{height:38px}.room-pk-random-btn{min-height:36px}.room-pk-candidate{min-height:54px;padding:8px}.room-pk-candidate img{width:36px;height:36px}}.user-profile-page{max-width:900px;margin:0 auto;padding:24px 20px}.up-records-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.record-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.record-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.record-row:last-child{border-bottom:none}.gift-record-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.gift-record-row-simple{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.gift-record-row-simple:last-child{border-bottom:none}.gift-record-row-simple:hover{background:var(--bg-hover)}.gift-record-icon{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.gift-record-simple-main{flex:1;min-width:0}.gift-record-simple-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.gift-record-simple-title strong{color:var(--orange)}.gift-record-simple-user{margin-top:3px;font-size:12px;color:var(--text-sub);overflow-wrap:anywhere}.gift-record-simple-user span{margin-left:8px;color:var(--text-muted)}.gift-record-simple-time{margin-top:3px;font-size:12px;color:var(--text-muted)}.gift-record-simple-amounts{display:flex;gap:16px;flex-shrink:0;text-align:right}.gift-record-simple-amounts span{display:block;font-size:11px;color:var(--text-muted)}.gift-record-simple-amounts strong{display:block;margin-top:2px;font-size:14px;color:var(--accent)}.pk-record-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.pk-record-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-bottom:1px solid var(--border)}.pk-record-row:last-child{border-bottom:none}.pk-record-row:hover{background:var(--bg-hover)}.pk-record-main{min-width:0;flex:1}.pk-record-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.pk-record-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-record-title em{flex-shrink:0;font-style:normal;font-size:11px;color:var(--text-sub);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 7px}.pk-result-badge{flex-shrink:0;font-size:11px;line-height:1;border-radius:var(--radius-sm);padding:5px 7px;color:#fff;background:var(--text-muted)}.pk-result-badge.result-win{background:#ef4444}.pk-result-badge.result-lose{background:#64748b}.pk-result-badge.result-draw{background:#f59e0b}.pk-result-badge.result-invalid{background:#71717a}.pk-record-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;font-size:12px;color:var(--text-muted)}.pk-record-users{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.pk-record-user{display:inline-flex;align-items:center;gap:5px;max-width:132px;padding:4px 7px 4px 4px;border-radius:999px;background:var(--bg-elevated);color:var(--text-sub);font-size:12px}.pk-record-user img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.pk-record-user span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-record-user.side-red{box-shadow:inset 2px 0 #ef4444}.pk-record-user.side-blue{box-shadow:inset 2px 0 #3b82f6}.pk-record-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-width:158px;text-align:center}.pk-record-score span{display:block;font-size:11px;color:var(--text-muted)}.pk-record-score strong{display:block;margin-top:2px;font-size:16px;color:var(--text-main)}.pk-record-score i{font-style:normal;color:var(--text-muted)}@media(max-width:720px){.gift-record-row-simple{align-items:flex-start}.gift-record-simple-amounts{flex-direction:column;gap:6px}.pk-record-row{align-items:flex-start;flex-direction:column}.pk-record-score{width:100%;min-width:0}}.rank-page-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--ease)}.rank-page-row:last-child{border-bottom:none}.rank-page-row:hover{background:var(--bg-hover)}.rank-page-num{width:32px;text-align:center;font-size:14px;font-weight:600;color:var(--text-muted);flex-shrink:0}.rank-page-num.top1{color:#fbbf24;font-size:18px}.rank-page-num.top2{color:#9ca3af;font-size:16px}.rank-page-num.top3{color:#f97316;font-size:15px}.room-rank-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.room-rank-page-head h1{margin:0;font-size:22px;font-weight:750}.room-rank-page-head p{margin:5px 0 0;color:var(--text-muted);font-size:13px}.room-rank-page-head svg{color:var(--accent)}.room-rank-page-tabs,.room-rank-page-periods{display:flex;align-items:center;gap:8px;margin-bottom:14px}.room-rank-page-tabs button,.room-rank-page-periods button{padding:7px 14px;border-radius:16px;color:var(--text-sub);border:1px solid var(--border)}.room-rank-page-tabs button.active,.room-rank-page-periods button.active{color:#0a0f1c;background:var(--accent);border-color:var(--accent)}.start-live-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:560px;margin:24px auto}.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cover-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--ease);position:relative}.cover-item.selected{border-color:var(--accent)}.cover-item.disabled{cursor:default;opacity:.72}.cover-item.disabled img{filter:grayscale(.25)}.cover-item img{width:100%;height:100%;object-fit:cover}.cover-delete-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0f172ab8;cursor:pointer;transition:background var(--ease),transform var(--ease)}.cover-delete-btn:hover{background:#ef4444eb;transform:translateY(-1px)}.cover-delete-btn:disabled{cursor:wait;opacity:.72;transform:none}.cover-delete-btn .spinner{width:13px;height:13px;border-width:2px}.cover-status{position:absolute;bottom:4px;right:4px;font-size:10px;padding:1px 6px;border-radius:8px}.cover-status.pass{background:var(--green);color:#0a0f1c}.cover-status.fail{background:var(--red);color:#fff}.cover-status.pending{background:var(--orange);color:#fff}.cover-reject-reason{position:absolute;left:6px;right:6px;bottom:24px;padding:4px 6px;border-radius:8px;background:#000000a3;color:#fff;font-size:11px;line-height:1.35;max-height:34px;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-sub);gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.load-more{display:flex;justify-content:center;padding:20px}.load-more button{padding:8px 24px;border-radius:20px;background:var(--bg-elevated);color:var(--text-sub);border:1px solid var(--border);transition:all var(--ease)}.load-more button:hover{border-color:var(--accent);color:var(--accent)}.app-loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:16px}.app-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.app-loading-text{color:var(--text-sub);font-size:14px}.toast-wrap{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 18px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);font-size:14px;box-shadow:0 4px 24px #0006;animation:slideIn .2s ease}.toast.success{border-color:#4ade804d;color:var(--green)}.toast.error{border-color:#f871714d;color:var(--red)}.toast.info{border-color:var(--border-accent);color:var(--accent)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.gift-effect-layer{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}.gift-effect-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:giftEffectIn .18s ease}.vap-effect-host{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vap-effect-host canvas{width:100%!important;height:100%!important;object-fit:contain}.svga-effect-canvas,.gift-effect-video{width:100%;height:100%;object-fit:contain}.gift-effect-icon{width:42%;max-width:260px;object-fit:contain;animation:giftIconPop 1.4s ease infinite alternate}.gift-effect-caption{position:absolute;left:14px;right:14px;bottom:18px;display:inline-flex;width:fit-content;max-width:calc(100% - 28px);align-items:center;gap:6px;background:#000000b8;padding:8px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000052}.gift-effect-caption span{display:block;font-size:12px;overflow-wrap:anywhere}.gift-effect-caption .nickname{color:var(--accent);font-weight:600}.gift-effect-caption .qty{color:var(--orange);font-weight:700}.gift-effect-avatar{width:32px;height:32px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.32)}.gift-effect-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.gift-effect-small-icon{width:34px;height:34px;flex:0 0 auto;object-fit:contain}@keyframes giftEffectIn{0%{opacity:0}to{opacity:1}}@keyframes giftIconPop{0%{transform:scale(.9);opacity:.86}to{transform:scale(1.08);opacity:1}}@media(max-width:560px){.gift-effect-caption{left:10px;right:auto;bottom:calc(306px + env(safe-area-inset-bottom));width:248px;max-width:calc(100vw - 20px);min-height:50px;padding:6px 10px 6px 7px;gap:8px;border-radius:25px;border-color:#f472b657;background:linear-gradient(90deg,#17111ed1,#3b1650b3);text-align:left}.gift-effect-caption span{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-effect-caption .nickname{color:#fff;font-size:13px;font-weight:800}.gift-effect-avatar{width:38px;height:38px}.gift-effect-copy{flex:1}.gift-effect-copy span:last-child{color:#ffd64f;font-weight:750}.gift-effect-small-icon{width:40px;height:40px}}.cat-page-header{padding:24px 0 16px}.cat-page-title{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}.cat-page-title img{width:28px;height:28px;border-radius:6px}.cat-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sort-btn{padding:6px 14px;border-radius:16px;font-size:13px;color:var(--text-sub);border:1px solid var(--border);cursor:pointer;transition:all var(--ease)}.sort-btn.active{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-3{padding:12px}.p-4{padding:16px}.text-accent{color:var(--accent)}.text-sub{color:var(--text-sub)}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-medium{font-weight:500}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.w-full{width:100%}.page-section{padding-top:24px;padding-bottom:40px}.home-banner-wrap{margin-bottom:28px}.cat-mega-inner{padding:20px 32px 24px}.home-main-layout{display:flex;gap:24px;align-items:flex-start}.home-live-col{flex:1;min-width:0}.sort-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.category-live-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.rank-page-container{max-width:860px}.rank-page-titlebar{display:flex;align-items:center;gap:10px;margin-bottom:24px}.rank-page-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:space-between}.rank-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:32px 24px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(94,234,212,.04) 0%,transparent 100%)}.podium-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.podium-1{flex:0 0 140px}.podium-2,.podium-3{flex:0 0 110px}.wallet-topbar{background:#080d16f7;border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:var(--nav-h);z-index:50}.wallet-topbar-inner{display:flex;align-items:center;gap:12px}.wallet-container{padding-top:24px;padding-bottom:40px;max-width:760px}.profile-page-container{padding-top:32px;padding-bottom:48px}.start-live-container{max-width:960px}.start-live-titlebar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.start-live-form-panel{max-width:760px;margin:0}.start-live-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.start-live-cover-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.start-live-cover-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.public-profile-hero{background:linear-gradient(135deg,#0f1e35,#111c2e);border-bottom:1px solid var(--border);padding:20px 0}.public-profile-head{display:flex;align-items:center;gap:20px}.public-profile-main{flex:1;min-width:0}.public-profile-name-row{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.public-profile-stats{display:flex;gap:28px;margin-top:14px;flex-wrap:wrap}.public-profile-actions{align-self:flex-start;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.public-profile-actions .btn{justify-content:center}.public-profile-live-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.download-page{height:100svh;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(94,234,212,.14),transparent 28%),radial-gradient(circle at 82% 18%,rgba(167,139,250,.12),transparent 30%),var(--bg)}.download-page+.site-footer{display:none}.download-hero{position:relative;height:calc(100svh - var(--nav-h));min-height:0;padding:34px 0 0;overflow:hidden}.download-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.62),transparent 76%);mask-image:linear-gradient(90deg,rgba(0,0,0,.62),transparent 76%);pointer-events:none}.download-hero:after{content:"";position:absolute;left:42%;top:80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.18),transparent 66%);filter:blur(4px);pointer-events:none}.download-hero-motion{position:absolute;inset:0;width:100%;height:100%;opacity:.9;pointer-events:none}.download-motion-line{fill:none;stroke:url(#downloadMotionLine);stroke-width:2;stroke-linecap:round;stroke-dasharray:420 760;animation:downloadLineFlow 9s ease-in-out infinite}.download-motion-line--b{animation-delay:-3.8s;opacity:.7}.download-motion-dot{fill:url(#downloadMotionDot);transform-origin:center;animation:downloadDotFloat 7s ease-in-out infinite;mix-blend-mode:screen}.download-motion-dot--b{animation-delay:-2.4s}.download-motion-dot--c{animation-delay:-4.6s;opacity:.78}.download-hero-inner{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0}.download-hero-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:64px;align-items:center;padding-bottom:18px}.download-copy{max-width:700px}.download-eyebrow{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;margin-bottom:18px;color:var(--accent);font-size:14px;font-weight:700;border:1px solid var(--border-accent);border-radius:999px;background:#5eead412}.download-copy h1{margin:0;font-size:56px;line-height:1.08;font-weight:800;letter-spacing:0}.download-copy p{max-width:620px;margin-top:16px;color:var(--text-sub);font-size:18px;line-height:1.72}.download-copy-skeleton{display:grid;gap:14px;max-width:620px}.download-skeleton-line{display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#5eead42e,#ffffff14);background-size:220% 100%;animation:downloadSkeleton 1.2s ease-in-out infinite}.download-skeleton-line--title{width:min(420px,78%);height:58px}.download-skeleton-line--desc{width:min(560px,92%);height:18px}.download-skeleton-line--desc-short{width:min(420px,70%);height:18px}.download-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.download-quick-wrap{position:relative;display:inline-flex}.download-feature-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.download-feature-pills span{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;color:var(--text-sub);font-size:14px;border:1px solid var(--border);border-radius:999px;background:#ffffff0b}.download-feature-pills svg{color:var(--accent)}.download-quick{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:168px;height:52px;padding:0 22px;font-size:15px;color:var(--text);font-weight:700;border:1px solid var(--border);border-radius:999px;background:#ffffff0e;transition:transform var(--ease),border-color var(--ease),background var(--ease)}.download-quick:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-accent);background:#5eead41a}.download-quick:disabled,.download-card-btn:disabled{cursor:not-allowed;opacity:.48}.download-qr-popover{position:absolute;top:calc(100% + 12px);left:50%;z-index:8;width:226px;padding:16px;display:grid;justify-items:center;gap:8px;color:var(--text);text-align:center;border:1px solid var(--border-accent);border-radius:var(--radius);background:#0f1825fa;box-shadow:0 18px 52px #00000075;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity var(--ease),transform var(--ease)}.download-quick-wrap:hover .download-qr-popover,.download-quick-wrap:focus-within .download-qr-popover{opacity:1;transform:translate(-50%)}.download-qr-popover:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-top:1px solid var(--border-accent);border-left:1px solid var(--border-accent);background:#0f1825fa;transform:translate(-50%) rotate(45deg)}.download-qr-popover img{width:188px;height:188px;padding:8px;border-radius:10px;background:#fff}.download-qr-popover strong{font-size:13px;line-height:1.2}.download-qr-popover span,.download-qr-empty{color:var(--text-sub);font-size:12px}.download-qr-empty{min-height:128px;display:flex;align-items:center;justify-content:center}.download-platform--android{color:#86efac}.download-platform--ios{color:#c4b5fd}.download-phone{position:relative;width:300px;height:500px;margin-left:auto;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:44px;background:linear-gradient(145deg,#ffffff80,#94a3b821 30%,#0f172aeb 72%),#111827;box-shadow:inset 0 1px 1px #ffffff9e,inset 0 -12px 22px #0000006b,0 34px 100px #00000073,0 0 46px #5eead41f}.download-phone:after{content:"";position:absolute;inset:6px;border-radius:38px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.download-phone:before{content:"";position:absolute;top:18px;left:50%;width:92px;height:20px;border-radius:999px;background:linear-gradient(180deg,#020617,#111827);box-shadow:inset 0 -1px #ffffff0f,0 1px 4px #00000073;transform:translate(-50%);z-index:4}.download-phone-button{position:absolute;width:3px;border-radius:999px;background:linear-gradient(180deg,#ffffff70,#0f172ac2);box-shadow:0 0 0 1px #ffffff14}.download-phone-button--power{right:-4px;top:154px;height:76px}.download-phone-button--volume-a{left:-4px;top:118px;height:52px}.download-phone-button--volume-b{left:-4px;top:184px;height:70px}.download-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#080d160f,#080d16e6),radial-gradient(circle at 52% 28%,rgba(94,234,212,.3),transparent 34%),linear-gradient(150deg,#134e4a,#1e1b4b 52%,#020617);border:5px solid #020617;box-shadow:inset 0 0 0 1px #ffffff0f}.download-phone-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 28%,transparent 62%,rgba(255,255,255,.06));pointer-events:none;z-index:3}.download-phone-status{position:absolute;top:14px;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#ffffffe6;font-size:11px;font-weight:800}.download-phone-signal{display:inline-flex;align-items:flex-end;gap:3px}.download-phone-signal i{width:4px;border-radius:999px;background:#ffffffdb}.download-phone-signal i:nth-child(1){height:6px;opacity:.62}.download-phone-signal i:nth-child(2){height:9px;opacity:.78}.download-phone-signal i:nth-child(3){height:12px}.download-phone-top{height:48%;background:radial-gradient(circle at 46% 46%,rgba(255,255,255,.22),transparent 9%),radial-gradient(circle at 50% 40%,rgba(94,234,212,.38),transparent 32%),linear-gradient(145deg,#5eead44d,#a78bfa3d)}.download-phone-host{position:absolute;top:58px;left:20px;right:20px;z-index:2;display:flex;align-items:center;gap:9px}.download-phone-host span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,var(--accent));border:2px solid rgba(255,255,255,.7)}.download-phone-host em{font-style:normal;color:#fff;font-size:12px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.45)}.download-phone-host-skeleton{display:inline-block;width:82px;height:12px;border-radius:999px;background:linear-gradient(90deg,#ffffff38,#ffffff85,#ffffff38);background-size:220% 100%;animation:downloadSkeleton 1.2s ease-in-out infinite}.download-live-card{position:absolute;left:24px;right:24px;top:216px;display:flex;align-items:center;justify-content:space-between;height:76px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080d16bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0000004d}.download-live-card span{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple))}.download-live-card strong{display:block;color:#fff;font-size:15px;letter-spacing:0}.download-live-card small{display:block;margin-top:2px;color:#e2e8f0ad;font-size:11px}.download-chat-line{position:absolute;left:28px;height:10px;border-radius:999px;background:#ffffff2e}.download-chat-line--a{bottom:138px;width:150px}.download-chat-line--b{bottom:112px;width:104px}.download-gift-orbit{position:absolute;right:28px;bottom:66px;display:flex;gap:8px}.download-gift-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#facc15,#fb7185);box-shadow:0 0 16px #facc1559}.download-phone-homebar{position:absolute;left:50%;bottom:12px;width:92px;height:4px;border-radius:999px;background:#ffffffc7;transform:translate(-50%);z-index:4}.download-content{padding:0}.download-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.download-section-head h2{margin:0;font-size:18px;line-height:1.25}.download-section-head p{margin-top:3px;color:var(--text-sub);font-size:12px}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.download-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0e,#ffffff06);box-shadow:0 18px 52px #0000002e}.download-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.download-card-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent)}.download-card--ios .download-card-icon{color:var(--purple);background:var(--purple-dim);border-color:#a78bfa38}.download-card h3{margin:0;font-size:16px}.download-card-head p,.download-version-meta{color:var(--text-muted);font-size:12px}.download-version-box{min-height:92px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#00000029}.download-version-title{font-size:13px;font-weight:800}.download-version-box ul{display:grid;gap:5px;margin-top:8px;list-style:none}.download-version-box li{display:flex;align-items:flex-start;gap:8px;color:var(--text-sub);font-size:12px}.download-version-box li svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.download-card-btn{width:100%;justify-content:center;margin-top:10px}.download-empty,.download-loading{min-height:70px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);text-align:center}.download-error{margin-bottom:14px;padding:10px 12px;color:var(--red);border:1px solid rgba(248,113,113,.24);border-radius:var(--radius);background:#f8717114}.download-spin{animation:downloadSpin 1s linear infinite}.download-footer{min-height:34px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);font-size:12px;border-top:1px solid var(--border)}.download-footer a{color:var(--text-muted)}.download-footer a:hover{color:var(--accent)}@keyframes downloadSpin{to{transform:rotate(360deg)}}@keyframes downloadLineFlow{0%,to{stroke-dashoffset:0;opacity:.38}50%{stroke-dashoffset:-520;opacity:.9}}@keyframes downloadDotFloat{0%,to{transform:translateZ(0) scale(1);opacity:.38}50%{transform:translate3d(18px,-18px,0) scale(1.08);opacity:.72}}@keyframes downloadSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:1024px){.navbar-inner{gap:6px}.navbar-logo{margin-right:6px}.nav-link{padding:7px 11px}.home-main-layout{gap:18px}.home-rank-stack{width:230px}.live-grid-4{grid-template-columns:repeat(3,1fr)}.download-hero-main{grid-template-columns:minmax(0,1fr) 270px;gap:34px}.download-copy h1{font-size:46px}.download-copy p{font-size:16px}.download-skeleton-line--title{height:50px}.download-phone{width:260px;height:460px}}@media(max-width:860px){:root{--nav-h: 56px}html{font-size:13px}.container{padding-left:14px;padding-right:14px}.page-section{padding-top:16px;padding-bottom:28px}.navbar{height:auto;min-height:var(--nav-h)}.navbar-inner{min-height:var(--nav-h);gap:8px}.navbar-logo{margin-right:0}.navbar-logo span{display:inline}.navbar-drawer-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:auto;border-radius:50%;border:1px solid var(--border);color:var(--text-sub);background:transparent}.navbar-drawer-toggle:hover{color:var(--text);background:var(--bg-hover)}.navbar-nav,.navbar-actions,.navbar-search,.navbar-spacer,.cat-mega{display:none}.mobile-drawer-layer{position:fixed;inset:0;z-index:240;display:block}.mobile-drawer-mask{position:absolute;inset:0;width:100%;height:100%;background:#00000094;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);display:flex;flex-direction:column;gap:14px;padding:14px;overflow-y:auto;background:#0f1825fa;border-left:1px solid var(--border);box-shadow:-18px 0 48px #00000073;animation:drawerIn .18s cubic-bezier(.4,0,.2,1)}@keyframes drawerIn{0%{transform:translate(18px);opacity:0}to{transform:translate(0);opacity:1}}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.mobile-drawer-head .navbar-logo{cursor:pointer}.mobile-drawer-user{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06}.mobile-drawer-name{font-size:14px;font-weight:700}.mobile-drawer-sub{margin-top:2px;font-size:11px;color:var(--text-muted)}.mobile-drawer-section{display:flex;flex-direction:column;gap:7px}.mobile-drawer-item{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--text-sub);background:transparent;border:1px solid transparent;text-align:left}.mobile-drawer-item.active,.mobile-drawer-item:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--border-accent)}.mobile-drawer-item.accent{color:#07111e;background:var(--accent);border-color:var(--accent)}.mobile-drawer-pill{margin-left:auto;color:var(--accent);font-size:12px}.mobile-drawer-pill.unread{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:1}.mobile-drawer-item.accent .mobile-drawer-pill{color:#07111e}.mobile-drawer-title{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px;font-weight:700;padding:2px 2px 0}.mobile-drawer-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-drawer-cat{min-width:0;display:flex;align-items:center;gap:7px;padding:8px;border-radius:var(--radius-sm);color:var(--text-sub);background:#ffffff06;border:1px solid var(--border);text-align:left}.mobile-drawer-cat img{width:20px;height:20px;border-radius:5px;object-fit:cover}.mobile-drawer-cat span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-drawer-cat:hover{color:var(--accent);border-color:var(--border-accent)}.mobile-drawer-locales{display:flex;gap:7px;flex-wrap:wrap}.mobile-drawer-locale{padding:6px 10px;border-radius:14px;color:var(--text-sub);border:1px solid var(--border)}.mobile-drawer-locale.active{color:#07111e;background:var(--accent);border-color:var(--accent)}.mobile-drawer-logout{margin-top:auto;padding:9px 11px;border-radius:var(--radius-sm);color:var(--red);border:1px solid rgba(248,113,113,.22);text-align:left}.mobile-drawer-search{display:block}.mobile-drawer-search .navbar-search-box{width:100%;border-radius:var(--radius-sm)}.mobile-drawer-search .navbar-search-panel{position:static;width:100%;margin-top:8px;box-shadow:none}.mobile-profile-menu{display:flex;flex-direction:column;gap:12px}.mobile-profile-menu-group{display:flex;flex-direction:column;gap:7px}.mobile-profile-menu .mobile-drawer-title{padding-top:0}.cat-mega-inner{padding:12px 14px 16px}.cat-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh}.home-main-layout{flex-direction:column}.home-rank-stack{position:static;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));order:2}.home-live-col{width:100%;order:1}.section-header{align-items:flex-start;gap:12px;flex-direction:column}.sort-tabs,.cat-filter-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sort-btn{flex:0 0 auto}.live-grid,.category-live-grid,.live-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.banner-slide img{height:110px}.featured-overlay{padding:16px}.featured-title{font-size:18px}.profile-layout{flex-direction:column;gap:16px}.profile-sidebar,.ps-avatar-card{display:none}.ps-nav{display:block;overflow:visible;padding:8px;border-radius:var(--radius)}.ps-nav-group{display:block;margin-bottom:8px}.ps-nav-group:last-child{margin-bottom:0}.ps-nav-group-label{display:block;padding:7px 10px 4px}.ps-extra-menu{display:none}.ps-menu-item{width:100%;white-space:normal;padding:9px 10px}.profile-main{width:100%}.profile-list-head{align-items:flex-start;flex-direction:column}.profile-month-filter{width:100%;justify-content:space-between}.profile-month-filter .form-input{width:170px}.profile-basic-head,.wallet-summary,.wallet-checkout,.realname-status-row{align-items:flex-start;flex-direction:column}.profile-asset-line,.profile-info-line,.record-row,.money-record-row,.withdraw-record-row{align-items:flex-start;flex-direction:column;gap:6px}.money-record-side,.withdraw-record-side{text-align:left}.withdraw-summary,.withdraw-card-form,.withdraw-submit-form{grid-template-columns:1fr}.withdraw-card-form .btn,.withdraw-submit-form .btn{justify-content:center}.pm-info-grid,.realname-application,.realname-upload-grid{grid-template-columns:1fr}.follow-row,.blacklist-row,.gift-record-row-simple{align-items:flex-start}.gift-record-row-simple{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 12px;padding:12px}.gift-record-icon{grid-column:1;grid-row:1}.gift-record-simple-main{grid-column:2;min-width:0}.gift-record-simple-title{flex-wrap:wrap;align-items:flex-start;line-height:1.35}.gift-record-simple-user span{display:block;margin-left:0;margin-top:2px}.gift-record-simple-amounts{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px;border-top:1px solid var(--border);text-align:left}.gift-record-simple-amounts>div{min-width:0;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff08}.gift-record-simple-amounts>div:only-child{grid-column:1 / -1}.wallet-summary-main{flex-wrap:wrap}.wallet-summary-main strong{font-size:24px}.recharge-row{align-items:flex-start}.wallet-checkout .btn{width:100%;justify-content:center}.msg-topbar{padding:10px 0}.msg-layout{height:calc(100vh - var(--nav-h) - 49px);padding:0;flex-direction:column}.msg-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.msg-sidebar-tabs{flex-direction:row;overflow-x:auto;padding:8px}.msg-sidebar-item{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 10px}.msg-content{min-height:0}.msg-item{padding:12px 14px}.msg-item-header{gap:8px}.msg-item-time{flex-shrink:0}.msg-detail{padding:16px 14px}.chat-bubble{max-width:72vw}.chat-input-bar{padding:10px}.rank-page-controls{align-items:stretch;flex-direction:column}.rank-page-controls .tabs{overflow-x:auto}.rank-podium{gap:8px;padding:24px 10px 18px;overflow-x:auto;justify-content:flex-start}.podium-1,.podium-2,.podium-3{flex-basis:104px}.rank-page-row{padding:11px 12px;gap:10px}.room-rank-page-head{align-items:flex-start;flex-direction:column}.room-rank-page-tabs,.room-rank-page-periods{overflow-x:auto;padding-bottom:4px}.room-rank-page-tabs button,.room-rank-page-periods button{flex:0 0 auto}.start-live-fields{grid-template-columns:1fr}.start-live-cover-grid{grid-template-columns:repeat(3,1fr)}.start-live-cover-head{align-items:flex-start;flex-direction:column}.public-profile-head{align-items:flex-start}.public-profile-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.download-hero{padding-top:18px}.download-hero-motion{opacity:.55}.download-hero-main{grid-template-columns:1fr;gap:14px;align-content:center;padding-bottom:10px}.download-copy h1{font-size:36px}.download-copy p{max-width:100%;margin-top:10px;font-size:14px;line-height:1.6}.download-copy-skeleton{gap:10px}.download-skeleton-line--title{height:38px}.download-skeleton-line--desc,.download-skeleton-line--desc-short{height:14px}.download-eyebrow{height:32px;margin-bottom:10px;font-size:12px}.download-actions{gap:10px;margin-top:16px}.download-feature-pills{gap:8px;margin-top:12px}.download-feature-pills span{height:32px;font-size:12px}.download-phone{display:none}.download-section-head{align-items:flex-start;flex-direction:column}.download-section-head h2{font-size:16px}.download-section-head p{display:none}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:560px){.container{padding-left:10px;padding-right:10px}.page-section{padding-top:12px;padding-bottom:22px}.navbar-actions{gap:6px}.navbar-actions .btn{font-size:12px}.btn{padding:7px 11px}.btn-sm{padding:5px 9px}.live-grid,.category-live-grid,.live-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-card-info{padding:8px 9px 10px}.live-card-title{font-size:12px}.home-rank-stack{grid-template-columns:1fr}.rank-panel-head{padding:9px 10px}.rank-item{padding:8px 10px}.modal-backdrop{padding:10px}.modal-card,.modal-box{max-width:calc(100vw - 20px)}.form-row,.captcha-row{flex-wrap:wrap}.area-code-picker{flex-basis:88px}.input-code-btn{flex:1 1 auto}.profile-page-container{padding-top:14px;padding-bottom:28px}.profile-overview-simple,.realname-panel,.card.p-4{padding:14px}.profile-info-line strong{min-width:0}.profile-pager{justify-content:flex-start}.profile-pager-pages{overflow-x:auto;max-width:100%}.follow-row,.blacklist-row{padding:12px}.follow-row .btn,.blacklist-row .btn{align-self:stretch;justify-content:center}.gift-record-simple-amounts{width:100%;text-align:left}.wallet-topbar{padding:10px 0}.wallet-container{padding-top:16px;padding-bottom:28px}.recharge-row-price{align-self:flex-end}.msg-topbar-inner{flex-wrap:wrap}.msg-sidebar-item span:not(.msg-sidebar-badge){display:inline}.convo-item{padding:11px 12px}.convo-delete-btn{opacity:1}.chat-detail-head{flex-wrap:wrap;padding:10px}.chat-input-bar .btn span{display:none}.chat-bubble{max-width:78vw}.rank-page-titlebar h1{font-size:19px!important}.rank-page-row{align-items:flex-start}.rank-page-row>div:last-child{align-self:center}.cat-page-header{padding-top:12px}.cat-page-title{font-size:18px;flex-wrap:wrap}.start-live-titlebar{align-items:flex-start}.start-live-form-panel{padding:16px}.start-live-cover-grid{grid-template-columns:repeat(2,1fr)}.cover-grid{gap:8px}.public-profile-head{flex-direction:column;gap:14px}.public-profile-stats{gap:18px}.public-profile-actions{width:100%;align-self:stretch}.public-profile-actions .btn{flex:1 1 120px}.room-profile-actions{grid-template-columns:1fr}.public-profile-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.download-content{padding:0}.download-actions{flex-direction:column}.download-quick-wrap,.download-quick{width:100%}.download-feature-pills{display:none}.download-grid{grid-template-columns:1fr}.download-card{padding:12px}.download-card-head{margin-bottom:8px}.download-version-box{display:none}.download-card-btn{margin-top:8px}.download-footer{min-height:30px;flex-wrap:wrap;gap:6px 12px;font-size:11px}}@media(max-width:380px){.live-grid,.category-live-grid,.live-grid-4{grid-template-columns:1fr}.banner-slide img{height:96px}.nav-link{padding-left:8px;padding-right:8px}.room-anchor-pill{max-width:calc(100vw - 92px)}.room-audience-block{display:none}.room-mobile-online{right:48px}.gift-list{grid-template-columns:repeat(3,minmax(0,1fr))}.room-chat{max-height:32svh}.start-live-cover-grid,.public-profile-live-grid{grid-template-columns:1fr}}