.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0e17f2,#0d1421f2);border-bottom:1px solid var(--border);box-shadow:0 4px 30px #0000004d;position:sticky;top:0;z-index:1000}.navbar:after{background:linear-gradient(90deg,#0000,var(--accent),var(--accent-purple),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.navbar-inner{height:56px;margin:0 auto;max-width:100%;overflow:visible;padding:0 12px}.navbar-inner,.navbar-logo{align-items:center;display:flex;gap:12px}.navbar-logo{flex-shrink:0;text-decoration:none}.logo-icon{transition:var(--transition)}.logo-icon:hover{filter:drop-shadow(0 0 10px var(--accent));transform:scale(1.1)}.star{animation:pulse 2s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;letter-spacing:2px}.logo-sub{color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:3px}.navbar-links{display:flex;flex-shrink:1;gap:4px;min-width:0;overflow:hidden}.nav-link{align-items:center;border-radius:var(--radius);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:13px;gap:6px;padding:8px 12px;position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}.nav-link span{position:relative;z-index:1}.nav-link:before{background:linear-gradient(135deg,var(--accent-glow),var(--accent-purple-glow));border-radius:var(--radius);content:"";inset:0;opacity:0;position:absolute;transition:var(--transition)}.nav-link:hover{color:var(--accent)}.nav-link:hover:before{opacity:1}.nav-link.active{color:var(--accent)}.nav-link.active:after{background:linear-gradient(90deg,var(--accent),var(--accent-purple));border-radius:2px;bottom:4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-link.admin{color:var(--accent-purple)}.nav-link.admin:before{background:var(--accent-purple-glow)}.navbar-search{display:flex;flex:1 1;flex-shrink:1;max-width:240px;min-width:100px;position:relative}.navbar-search input{background:#0f141ecc;border:1px solid #64c0f44d;border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 44px 10px 16px;transition:all .3s ease;width:100%}.navbar-search input:focus{background:#0f141ef2;border-color:var(--accent);box-shadow:0 0 0 3px #64c0f426;box-shadow:0 0 0 3px var(--accent-glow)}.navbar-search button{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:var(--transition)}.navbar-search button:hover{color:var(--accent)}.navbar-actions{align-items:center;gap:8px;min-width:0}.cart-btn,.navbar-actions{display:flex;flex-shrink:0}.cart-btn{border-radius:var(--radius);color:var(--text-primary);font-size:18px;padding:6px;position:relative;transition:var(--transition)}.cart-btn:hover{background:var(--accent-glow);color:var(--accent)}.cart-badge{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-purple));border-radius:50%;box-shadow:0 2px 8px var(--accent-glow);color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.notif-btn{border-radius:var(--radius);color:var(--text-primary);display:flex;flex-shrink:0;font-size:18px;padding:6px;position:relative;transition:var(--transition)}.notif-btn:hover{background:var(--accent-glow);color:var(--accent)}.notif-badge{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:9px;box-shadow:0 2px 8px #e74c3c80;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px}.settings-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;padding:6px;transition:var(--transition)}.settings-btn:hover{background:var(--accent-glow);color:var(--accent)}.lang-menu-wrap{flex-shrink:0;position:relative}.lang-btn{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:4px;padding:6px;transition:var(--transition)}.lang-btn:hover{background:var(--accent-glow);color:var(--accent)}.pinyin-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:var(--transition);width:32px}.pinyin-btn:hover{border-color:var(--accent);color:var(--accent)}.pinyin-btn.active{background:linear-gradient(135deg,#ff6b6b,#feca57);border-color:#0000;color:#fff;font-weight:700}.mobile-pinyin-section{align-items:center;border-bottom:1px solid var(--border);display:flex;padding:10px 16px}.lang-dropdown{animation:fadeIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #00000080;max-height:300px;min-width:160px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.lang-option{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:var(--transition);width:100%}.lang-option.active,.lang-option:hover{background:var(--accent-glow);color:var(--accent)}.mobile-lang-section{border-bottom:1px solid var(--border);margin-bottom:10px;padding:10px 0}.mobile-lang-section>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mobile-lang-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 12px;transition:var(--transition)}.mobile-lang-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.user-menu-wrap{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:4px 8px;position:relative;transition:var(--transition)}.user-menu-wrap:hover{background:var(--accent-glow)}.user-avatar{border-radius:6px;height:32px;object-fit:cover;transition:var(--transition);width:32px}.user-menu-wrap:hover .user-avatar{border-color:var(--accent);box-shadow:var(--glow-blue)}.user-name{color:var(--text-primary);flex-shrink:1;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:fadeIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #00000080,var(--glow-blue);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.user-dropdown a,.user-dropdown button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--accent-glow);color:var(--accent)}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.auth-buttons{align-items:center;display:flex;gap:10px}.auth-buttons a{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;padding:8px 20px;text-decoration:none;transition:var(--transition)}.auth-buttons a:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.mobile-menu-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:8px;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--accent-glow);color:var(--accent)}.mobile-menu{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px 24px}.mobile-menu a,.mobile-menu button{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;gap:12px;padding:14px 16px;text-align:left;text-decoration:none;transition:var(--transition)}.mobile-menu a:hover,.mobile-menu button:hover{background:var(--accent-glow);color:var(--accent)}.mobile-divider{background:var(--border);height:1px;margin:8px 0}@media (max-width:1024px){.navbar-links{display:flex;gap:2px}.nav-link{font-size:12px;gap:4px;padding:6px 8px}.nav-link svg{height:14px;width:14px}.navbar-search{max-width:180px;min-width:80px}.mobile-menu-btn{display:none}}@media (max-width:900px){.user-name{display:none}.navbar-search{max-width:140px;min-width:60px}.navbar-search input{font-size:12px;padding:8px 36px 8px 10px}.navbar-actions{gap:4px}.navbar-actions>a,.navbar-actions>button{font-size:16px;padding:4px}.navbar-links{gap:1px}.nav-link{font-size:11px;padding:5px 6px}}@media (max-width:640px){.navbar-inner{gap:6px;height:50px;padding:0 8px}.logo-sub{display:none}.logo-main{font-size:14px}.navbar-links{gap:0}.nav-link{font-size:10px;gap:2px;padding:4px 5px}.nav-link svg{height:12px;width:12px}.navbar-search{max-width:100px;min-width:50px}.navbar-search input{font-size:11px;padding:6px 28px 6px 8px}.mobile-menu-btn{display:none}}@media (max-width:380px){.navbar-inner{gap:4px;padding:0 6px}.logo-main{font-size:12px;letter-spacing:1px}.nav-link{font-size:9px;padding:3px 4px}}.mobile-menu{-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e17fa;border-top:1px solid #ffffff1a;border-top:1px solid var(--border,#ffffff1a);bottom:0;display:none;flex-direction:column;gap:4px;left:0;overflow-y:auto;padding:12px 16px 20px;position:fixed;right:0;top:56px;z-index:999}.mobile-menu[style*=block],.mobile-menu[style*=flex]{display:flex!important}@media (max-width:1024px){.mobile-menu a,.mobile-menu button{align-items:center;border-radius:10px;font-size:15px;min-height:44px;padding:14px 16px}.mobile-menu a:hover,.mobile-menu button:hover{background:#4fc3f71a;color:#4fc3f7;color:var(--accent,#4fc3f7)}.mobile-divider{background:#ffffff1a;background:var(--border,#ffffff1a);height:1px;margin:8px 0}}.footer{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-top:1px solid var(--border);margin-top:80px;padding:48px 0;position:relative}.footer:before{background:linear-gradient(90deg,#0000,var(--accent),var(--accent-purple),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-inner{flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 24px}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{gap:12px}.footer-logo-icon{opacity:.8}.footer-logo-text{display:flex;flex-direction:column;line-height:1.2}.footer-logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.footer-logo-sub{color:var(--text-muted);font-size:8px;letter-spacing:2px}.footer-slogan{color:var(--text-secondary);font-size:14px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--accent)}.footer-divider{color:var(--border)}.footer-copy,.footer-version{color:var(--text-muted);font-size:12px;text-align:center}.footer-version{margin-top:4px;opacity:.7}.footer-version .footer-link{color:#58a6ff;cursor:pointer;text-decoration:underline}.footer-version .footer-link:hover{color:#79b8ff}.footer-wechat{color:var(--text-muted);font-size:12px;margin-top:4px;text-align:center}.game-card{border:1px solid #0000;border-radius:4px;display:block;text-decoration:none;transition:transform .2s,box-shadow .2s}.game-card:hover{box-shadow:0 8px 24px #00000080}.game-card-img{aspect-ratio:16/7.5;background:#0d1a2b;overflow:hidden;position:relative;width:100%}.game-card-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.game-card:hover .game-card-img img{transform:scale(1.04)}.game-card-discount{background:#4c6b22;color:#a4d007;font-size:13px;padding:2px 6px;right:8px}.game-card-discount,.game-card-new{border-radius:2px;font-weight:700;position:absolute;top:8px}.game-card-new{background:#1a9fff;color:#fff;font-size:11px;left:8px;padding:2px 8px}.game-card-info{padding:10px 12px 12px}.game-card-title{color:#c6d4df;font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-tags{margin-bottom:8px;min-height:22px}.game-card-bottom{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.game-card-rating{font-size:12px}.game-card-price-row{align-items:baseline;display:flex;gap:4px}.game-card-actions{gap:6px}.home-section{margin:40px 0;overflow-x:hidden}.section-header{margin-bottom:16px}.section-title{color:#c6d4df;font-size:18px;font-weight:700}.section-more{color:#1a9fff;font-size:13px;text-decoration:none}.section-more:hover{color:#66c0f4;text-decoration:underline}.section-header-buttons{align-items:center;display:flex;gap:12px}.games-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.game-card{background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f433;border-radius:12px;cursor:pointer;transition:all .3s}.game-card:hover{border-color:#66c0f480;box-shadow:0 8px 30px #66c0f44d}.game-cover{background:#0000004d;height:140px;object-fit:cover;width:100%}.game-info{padding:12px}.game-info h4{color:#c5d4de;font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-price{color:#66c0f4;font-size:16px;font-weight:700}.programs-list{margin-top:16px}.programs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.program-card{align-items:center;background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f433;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s}.program-card:hover{border-color:#66c0f480;box-shadow:0 4px 20px #66c0f433;transform:translateY(-2px)}.program-icon{background:#66c0f41a;border-radius:8px;height:48px;width:48px}.program-info h4{color:#c5d4de;font-size:14px;font-weight:600;margin-bottom:4px}.program-info p{color:#8f98a0;font-size:12px;margin-bottom:4px}.program-category{background:#66c0f41a;border-radius:10px;color:#66c0f4;font-size:11px;padding:2px 8px}.servers-list{margin-top:16px}.servers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.server-card{align-items:center;background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f433;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s}.server-card:hover{border-color:#66c0f480;transform:translateY(-2px)}.server-status{border-radius:50%;flex-shrink:0;height:10px;width:10px}.server-info h4{color:#c5d4de;font-size:14px;font-weight:600;margin-bottom:4px}.server-info p{color:#8f98a0;font-size:12px;margin-bottom:2px}.server-players{color:#66c0f4;font-size:11px}.server-paid{color:#a855f7;font-size:11px;margin-left:8px}.server-price{color:#66c0f4;font-size:14px;font-weight:700;margin-left:auto;padding:0 8px}@media (max-width:600px){.games-grid{grid-template-columns:repeat(2,1fr)}}.hero-section{align-items:center;background:#0d1621;display:flex;min-height:360px;overflow:hidden;position:relative}.hero-bg{background-position:50%;background-size:cover;filter:blur(20px) brightness(.3);transform:scale(1.1)}.hero-overlay{background:linear-gradient(90deg,#1b2838f2 30%,#1b283880);inset:0;position:absolute}.hero-content{padding-bottom:40px;padding-top:40px;position:relative}.hero-content,.hero-info{align-items:flex-start;display:flex;gap:20px}.hero-info{flex:1 1}.hero-capsule{border-radius:6px;box-shadow:0 4px 20px #0009;flex-shrink:0;width:300px}.hero-details{flex:1 1}.hero-title{color:#fff;font-size:28px;font-weight:900}.hero-tags,.hero-title{margin-bottom:10px}.hero-desc{color:#8f98a0;line-height:1.6;margin-bottom:12px}.hero-price-row{align-items:center;display:flex;gap:8px}.hero-thumbs{display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:180px}.hero-thumb{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px;transition:all .2s}.hero-thumb img{border-radius:2px;height:38px;object-fit:cover;width:80px}.hero-thumb span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8f98a0;display:-webkit-box;flex:1 1;font-size:12px;overflow:hidden}.hero-thumb.active,.hero-thumb:hover{background:#1a9fff1a;border-color:#1a9fff}.hero-thumb.active span,.hero-thumb:hover span{color:#66c0f4}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.category-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:20px 12px;text-decoration:none;transition:all .2s}.category-card:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent-hover);transform:translateY(-2px)}.category-icon{font-size:28px}.recent-games-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.recent-game-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;padding:12px;text-decoration:none;transition:var(--transition)}.recent-game-item:hover{border-color:var(--accent);box-shadow:var(--glow-blue);transform:translateY(-2px)}.recent-game-cover{border-radius:var(--radius-sm);flex-shrink:0;height:45px;object-fit:cover;width:80px}.recent-game-info{flex:1 1;min-width:0}.recent-game-title{color:var(--text-primary);font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-game-time{align-items:center;color:var(--accent);display:flex;font-size:11px}.recent-posts-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.recent-post-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px;text-decoration:none;transition:var(--transition)}.recent-post-item:last-child{border-bottom:none}.recent-post-item:hover{background:var(--bg-card-hover)}.post-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.post-category-tag{background:linear-gradient(135deg,#4fc3f726,#b388ff26);border-radius:12px;color:var(--accent);flex-shrink:0;font-size:11px;font-weight:500;padding:3px 10px}.post-title{color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-post-item:hover .post-title{color:var(--accent)}.post-stats{display:flex;flex-shrink:0;gap:16px}.post-stats span{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.like-btn{border-radius:4px;padding:2px 6px;transition:all .2s}.like-btn:hover{background:#ff6b6b1a}.like-btn.liked,.like-btn:hover{color:#ff6b6b!important}.empty-hint{color:var(--text-muted);font-size:14px;padding:24px;text-align:center}@media (max-width:900px){.hero-thumbs{display:none}.hero-capsule{width:200px}.hero-title{font-size:22px}}@media (max-width:600px){.hero-info{flex-direction:column}.hero-capsule{width:100%}.games-grid{grid-template-columns:repeat(2,1fr)}}.works-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.work-card{background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f433;color:inherit;cursor:pointer;text-decoration:none;transition:all .3s}.work-card:hover{border-color:#66c0f480;box-shadow:0 8px 30px #66c0f44d;transform:translateY(-4px)}.work-cover{background:#0000004d;height:140px;width:100%}.work-info{padding:12px}.work-info h4{color:#c5d4de;font-size:14px;font-weight:600;margin-bottom:6px}.work-info h4,.work-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-info p{color:#6d8fa2;font-size:12px;margin-bottom:8px}.work-meta{color:#8f9fa8;font-size:11px;justify-content:space-between}.sk{--sk-base:#64748b24;--sk-hl:#64748b47;animation:sk-shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--sk-base) 25%,var(--sk-hl) 37%,var(--sk-base) 63%);background-size:400% 100%;border-radius:4px;display:block}.sk-circle{border-radius:50%}.sk-text{border-radius:4px;height:14px}.sk-title{border-radius:5px;height:20px}.sk-block{border-radius:8px}@keyframes sk-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.sk-line-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.sk-row{align-items:center;display:flex;gap:12px;padding:12px}.sk-row .sk-avatar{flex-shrink:0;height:44px;width:44px}.sk-card{border-radius:10px;overflow:hidden}.sk-card .sk-cover{aspect-ratio:16/9;border-radius:10px 10px 0 0;width:100%}.sk-card .sk-card-body{display:flex;flex-direction:column;gap:8px;padding:12px}.store{margin:0 auto;max-width:1200px;padding:30px 20px}.store-search{display:flex;gap:10px;margin-bottom:24px;max-width:600px}.store-search input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px 16px}.store-search input:focus{background:#ffffff14;border-color:#66c0f4;outline:none}.store-search button{background:linear-gradient(135deg,#66c0f4,#4a9cd8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.store-search button:hover{box-shadow:0 4px 15px #4fc3f766;transform:translateY(-2px)}.category-tabs{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:16px;margin-bottom:32px;padding:8px}.category-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;color:#8f98a0;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s}.category-tab:hover{background:#4fc3f71a;color:#c5d4de}.category-tab.active{background:linear-gradient(135deg,#4fc3f733,#4a9cd833);border-color:#66c0f4;box-shadow:0 4px 20px #4fc3f733;color:#66c0f4}.category-icon{font-size:24px}.category-name{font-size:15px}.store-main{min-height:400px}.loading{color:#8f98a0;flex-direction:column;padding:80px}.spinner{border:3px solid #4fc3f74d;border-top-color:#66c0f4;margin-bottom:16px}.empty-state{color:#4a5a69;padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:18px;margin-bottom:8px}.empty-hint{color:#5a6a7a!important;font-size:14px!important}.store-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.store-item-card{background:linear-gradient(135deg,#111827b8,#4fc3f714);border:1px solid #4fc3f733;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.store-item-card:hover{border-color:#4fc3f780;box-shadow:0 8px 30px #4fc3f74d;transform:translateY(-4px)}.store-item-card img{background:#0000004d;height:160px;object-fit:cover;width:100%}.item-info{padding:16px}.item-info h3{color:#c5d4de;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-author{color:#4a6a8a;font-size:12px;margin-bottom:6px}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8f98a0;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:12px;overflow:hidden}.item-url{font-size:13px;margin-bottom:8px}.item-url a{color:#66c0f4;text-decoration:none}.item-url a:hover{text-decoration:underline}.item-footer{align-items:center;display:flex;gap:8px}.item-price{color:#66c0f4;font-size:18px;font-weight:700}.item-price.price-free{color:#5ba32b}.item-original-price{color:#5a6a7a;font-size:14px;text-decoration:line-through}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:32px}.pagination button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;color:#8f98a0;cursor:pointer;font-size:13px;padding:7px 12px;transition:all .15s}.pagination button:hover:not(:disabled){border-color:#66c0f4;color:#66c0f4}.pagination button.active{background:#66c0f4;border-color:#66c0f4;color:#fff}.pagination button:disabled{cursor:default;opacity:.4}@media (max-width:768px){.category-tabs{flex-direction:column}.store-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.rm-overlay{align-items:center;animation:rmFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b8;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.rm-modal{animation:rmSlideUp .25s cubic-bezier(.16,1,.3,1);background:#0a0a18;border:1px solid #00d4ff1f;border-radius:16px;box-shadow:0 0 0 1px #00d4ff0f,0 8px 40px #0000008c,0 0 80px #00d4ff0a;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}@keyframes rmSlideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rm-header{background:linear-gradient(135deg,#00d4ff0a,#0000);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:20px 24px}.rm-header,.rm-header-left{align-items:center;display:flex}.rm-header-left{gap:14px}.rm-header-icon{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:10px;color:#00d4ff;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.rm-title{color:#e8e8f0;font-size:17px;font-weight:600;letter-spacing:.02em;margin:0}.rm-subtitle{color:#6868a0;display:block;font-size:12px;margin-top:2px}.rm-close{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#6868a0;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .18s ease;width:32px}.rm-close:hover{background:#e74c3c1a;border-color:#e74c3c40;color:#e74c3c}.rm-target{align-items:center;background:#e74c3c0d;border-bottom:1px solid #e74c3c1a;color:#a0a0c0;display:flex;font-size:13px;gap:10px;padding:12px 24px}.rm-target-icon{color:#e74c3c;flex-shrink:0;font-size:14px}.rm-target-label{color:#8888a8;flex-shrink:0}.rm-target-value{color:#d0d0e0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-form{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:22px;overflow-y:auto;padding:24px;scrollbar-width:none}.rm-form::-webkit-scrollbar{display:none}.rm-group{display:flex;flex-direction:column;gap:10px}.rm-label{align-items:center;color:#a0a0c0;display:flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:.03em}.rm-label-dot{background:linear-gradient(180deg,#00d4ff,#08f);border-radius:2px;flex-shrink:0;height:14px;width:4px}.rm-reason-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.rm-reason-item{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;color:#a0a0c0;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:12px 14px;text-align:left;transition:all .18s ease}.rm-reason-item:hover{background:#00d4ff0d;border-color:#00d4ff33;color:#c8c8e0}.rm-reason-active{background:#00d4ff14!important;border-color:#00d4ff59!important;box-shadow:0 0 16px #00d4ff14;color:#e8e8f0!important}.rm-reason-icon{align-items:center;color:#6868a0;display:flex;flex-shrink:0;font-size:16px;height:22px;justify-content:center;width:22px}.rm-reason-icon svg{height:16px;width:16px}.rm-reason-active .rm-reason-icon{color:#00d4ff}.rm-reason-label{font-weight:500;line-height:1.3}.rm-textarea{border:1px solid #ffffff14;border-radius:12px;color:#e8e8f0;line-height:1.6;min-height:100px;padding:14px 16px;transition:border-color .18s ease,box-shadow .18s ease}.rm-textarea::placeholder{color:#504f70}.rm-textarea:focus{border-color:#00d4ff59;box-shadow:0 0 0 3px #00d4ff12;outline:none}.rm-images{display:flex;flex-wrap:wrap;gap:10px}.rm-img-item{border:1px solid #ffffff14;border-radius:10px;height:72px;overflow:hidden;position:relative;width:72px}.rm-img-item img{height:100%;object-fit:cover;width:100%}.rm-img-remove{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .15s ease;width:22px}.rm-img-remove:hover{background:#e74c3ccc}.rm-img-add{align-items:center;background:#ffffff08;border:2px dashed #ffffff1a;border-radius:10px;color:#504f70;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:11px;gap:4px;height:72px;justify-content:center;transition:all .18s ease;width:72px}.rm-img-add:hover{background:#00d4ff0a;border-color:#00d4ff4d;color:#00d4ff}.rm-footer{background:#00000026;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rm-btn-cancel{background:#0000;border:1px solid #ffffff1a;border-radius:10px;color:#8888a8;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 22px;transition:all .18s ease}.rm-btn-cancel:hover{background:#ffffff0d;border-color:#ffffff2e;color:#c8c8e0}.rm-btn-submit{background:linear-gradient(135deg,#00b4e6,#07c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;padding:10px 24px;transition:all .18s ease}.rm-btn-submit:hover{background:linear-gradient(135deg,#00c8ff,#08f);box-shadow:0 4px 16px #00d4ff40;transform:translateY(-1px)}.rm-btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}@media (max-width:1024px){.rm-modal{max-width:480px}}@media (max-width:640px){.rm-overlay{align-items:flex-end;background:#0000008c;padding:0}.rm-modal{border-radius:20px 20px 0 0;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0);width:100%}.rm-header{padding:16px 20px}.rm-title{font-size:16px}.rm-target{font-size:12px;padding:10px 20px}.rm-form{gap:18px;padding:20px}.rm-reason-grid{gap:8px;grid-template-columns:1fr}.rm-reason-item{flex-direction:row;padding:11px 14px}.rm-reason-icon{font-size:15px}.rm-textarea{font-size:16px;min-height:90px}.rm-footer{flex-direction:column-reverse;gap:10px;padding:14px 20px}.rm-btn-cancel,.rm-btn-submit{padding:13px 24px;text-align:center;width:100%}}@media (max-width:380px){.rm-header{padding:14px 16px}.rm-title{font-size:15px}.rm-form{gap:16px;padding:16px}.rm-reason-item{font-size:12px;padding:10px 12px}}.admin-badge-inline{align-items:center;background:linear-gradient(135deg,gold,#fa0);border-radius:10px;box-shadow:0 0 8px #ffd7004d;color:#1b2838;display:inline-flex;font-size:11px;font-weight:700;gap:4px;margin-left:6px;padding:2px 8px;vertical-align:middle}.admin-badge-icon{font-size:10px}.admin-badge-text{font-size:11px}.post-author .admin-badge-inline{margin-left:8px}.comment-author .admin-badge-inline{margin-left:6px}.chat-user-name .admin-badge-inline{margin-left:4px}.profile-username .admin-badge-inline{margin-left:8px}.gd-page img{-webkit-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none}.gd-page{background:#0a1628;color:#b8d4f0;min-height:100vh}.gd-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061028b3;border:1px solid #4da6ff26;border-radius:4px;color:#b8d4f0;cursor:pointer;display:flex;font-size:13px;gap:6px;left:20px;padding:8px 16px;position:fixed;top:80px;transition:all .2s;z-index:999}.gd-back-btn:hover{background:#061028e6;border-color:#4da6ff4d;color:#fff}.gd-hero-banner{background:linear-gradient(160deg,#061020,#0a1628 30%,#0d1f3c 60%,#0a1628);border-bottom:1px solid #4da6ff26;overflow:hidden;padding:40px 0 32px;position:relative;width:100%}.gd-hero-banner:before{background:radial-gradient(1.5px 1.5px at 20% 30%,#b4d2ffe6 50%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#96c8ffb3 50%,#0000 100%),radial-gradient(1.2px 1.2px at 80% 20%,#c8dcffcc 50%,#0000 100%),radial-gradient(1px 1px at 60% 50%,#64b4ff99 50%,#0000 100%),radial-gradient(.8px .8px at 10% 80%,#b4d2ff80 50%,#0000 100%),radial-gradient(1.3px 1.3px at 90% 60%,#a0c8ffb3 50%,#0000 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='15' cy='20' r='.8' fill='rgba(150,200,255,0.4)'/%3E%3Ccircle cx='55' cy='60' r='.6' fill='rgba(180,210,255,0.3)'/%3E%3Ccircle cx='35' cy='45' r='1' fill='rgba(120,180,255,0.35)'/%3E%3Ccircle cx='70' cy='15' r='.7' fill='rgba(200,220,255,0.25)'/%3E%3C/svg%3E");inset:0;z-index:1}.gd-hero-banner:after,.gd-hero-banner:before{content:"";pointer-events:none;position:absolute}.gd-hero-banner:after{background:radial-gradient(ellipse at 30% 50%,#1e50b41f 0,#0000 60%),radial-gradient(ellipse at 70% 40%,#3c288c14 0,#0000 50%);height:200%;left:-20%;top:-50%;width:140%;z-index:0}.gd-hero-overlay{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:2}.gd-hero-content{align-items:flex-start;display:flex;gap:28px}.gd-hero-left{flex-shrink:0;width:460px}.gd-hero-cover{border-radius:6px;box-shadow:0 4px 20px #06102880;height:215px;object-fit:cover;width:100%}.gd-hero-video-btn{align-items:center;background:#4da6ff1a;border:1px solid #4da6ff33;border-radius:4px;color:#4da6ff;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:10px;padding:8px 0;transition:all .2s}.gd-hero-video-btn:hover{background:#4da6ff33}.gd-hero-right{flex:1 1;padding-top:4px}.gd-hero-badge{background:#0d1f3c;border-radius:3px;color:#4da6ff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:3px 10px}.gd-hero-title{color:#fff;font-size:28px;font-weight:900;line-height:1.2;margin:0 0 14px}.gd-hero-meta{color:#8aa0c0;display:flex;flex-wrap:wrap;font-size:12px;gap:12px 20px;margin-bottom:14px}.gd-hero-meta span{align-items:center;display:flex;gap:4px}.gd-hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.gd-tag{background:#4da6ff1f;border:1px solid #4da6ff33;border-radius:3px;color:#4da6ff;font-size:11px;padding:3px 9px}.gd-rating-badge{align-items:center;border-radius:4px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.gd-rating-positive{background:#43b44e26;color:#5ba32b}.gd-rating-mixed{background:#e5aa3626;color:#e5aa36}.gd-rating-negative{background:#e74c3c26;color:#e74c3c}.gd-rating-count{color:#5a7a9a;font-size:11px;font-weight:400;margin-left:4px}.gd-hero-actions{gap:14px}.gd-hero-actions,.gd-hero-actions-row{align-items:center;display:flex;margin-bottom:16px}.gd-hero-actions-row{flex-wrap:wrap;gap:16px}.gd-rating-inline{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:700;gap:5px;padding:6px 14px;white-space:nowrap}.gd-rating-inline.gd-rating-positive{background:#43b44e26;color:#5ba32b}.gd-rating-inline.gd-rating-mixed{background:#e5aa3626;color:#e5aa36}.gd-rating-inline.gd-rating-negative{background:#e74c3c26;color:#e74c3c}.gd-play-btn{align-items:center;background:linear-gradient(135deg,#47bfff,#1a44c2);border:none;border-radius:6px;box-shadow:0 4px 14px #47bfff40;color:#fff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:700;gap:10px;letter-spacing:1px;padding:14px 40px;transition:all .2s}.gd-play-btn:hover{background:linear-gradient(135deg,#5ec8ff,#2a5cd4);box-shadow:0 8px 24px #47bfff66;transform:translateY(-2px)}.gd-screenshots-section{background:#06102840;border-bottom:1px solid #ffffff0a;padding:24px 0}.gd-screenshots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gd-screenshot-img{border-radius:4px;cursor:pointer;transition:transform .2s;width:100%}.gd-screenshot-img:hover{transform:scale(1.02)}.gd-container{margin:0 auto;max-width:1200px;padding:28px 24px 60px}.gd-layout{align-items:flex-start;display:flex;gap:28px}.gd-main{flex:1 1;min-width:0}.gd-section{margin-bottom:28px}.gd-section-title{align-items:center;border-bottom:1px solid #ffffff0f;color:#b8d4f0;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 14px;padding-bottom:8px;text-transform:uppercase}.gd-description{color:#8aa0c0;font-size:14px;line-height:1.8}.gd-info-grid{grid-gap:0;background:#06102859;border:1px solid #ffffff0f;border-radius:4px;display:grid;gap:0;grid-template-columns:1fr 1fr;overflow:hidden}.gd-info-item{border-bottom:1px solid #ffffff0a;display:flex;font-size:12px;justify-content:space-between;padding:10px 14px}.gd-info-item:nth-child(odd){border-right:1px solid #ffffff0a}.gd-info-label{color:#5a7a9a}.gd-info-value{align-items:center;color:#8aa0c0;display:flex;gap:4px}.gd-tags-section{display:flex;flex-direction:column;gap:10px}.gd-tag-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.gd-tag-group-label{color:#5a7a9a;font-size:12px;min-width:40px}.gd-changelog{background:#06102840;border:1px solid #ffffff0a;border-radius:4px;color:#8aa0c0;font-size:13px;line-height:1.7;padding:12px 16px;white-space:pre-wrap}.gd-rating-summary{align-items:center;background:#06102859;border:1px solid #ffffff0f;border-radius:4px;color:#8aa0c0;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:10px 16px}.gd-rating-summary-score{color:#fff;font-size:20px;font-weight:900}.gd-rating-summary-stars{display:inline-flex;gap:1px}.gd-rating-summary-count{color:#5a7a9a;font-size:12px}.gd-review-stats{background:#06102859;border:1px solid #ffffff0f;border-radius:4px;display:flex;gap:24px;margin-bottom:16px;padding:16px 20px}.gd-review-stats-left{min-width:100px;text-align:center}.gd-review-stats-score{color:#fff;font-size:36px;font-weight:900;line-height:1}.gd-review-stats-stars{font-size:14px;margin:4px 0}.gd-review-stats-label{color:#5a7a9a;font-size:12px}.gd-review-stats-right{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.gd-review-stats-bar{align-items:center;color:#8aa0c0;display:flex;font-size:11px;gap:8px}.gd-review-stats-bar-track{background:#ffffff0f;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.gd-review-stats-bar-fill{border-radius:3px;height:100%;transition:width .3s}.gd-review-stats-bar-positive{background:#5ba32b}.gd-review-stats-bar-negative{background:#e74c3c}.gd-review-card{background:#06102859;border:1px solid #ffffff0f;border-radius:4px;margin-bottom:12px;padding:14px}.gd-review-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;padding-right:40px;position:relative}.gd-review-avatar{border-radius:4px;height:32px;object-fit:cover;width:32px}.gd-review-username{color:#4da6ff;font-size:13px;text-decoration:none}.gd-review-rec{color:#5ba32b;font-size:12px}.gd-review-notrec{color:#e74c3c;font-size:12px}.gd-review-stars{display:inline-flex;font-size:13px;gap:1px}.gd-review-report-btn{background:none;border:none;border-radius:3px;color:#5a7a9a;cursor:pointer;font-size:12px;padding:2px 6px;position:absolute;right:0;top:0;transition:all .15s}.gd-review-report-btn:hover{background:#e74c3c1a;color:#e74c3c}.gd-review-content{color:#8aa0c0;font-size:13px;line-height:1.6;margin:0}.gd-no-reviews{color:#5a7a9a;font-size:13px;padding:20px 0;text-align:center}.gd-review-form{background:#06102859;border:1px solid #ffffff0f;border-radius:4px;margin-top:20px;padding:18px}.gd-review-form h3{color:#b8d4f0;font-size:15px;margin:0 0 14px}.gd-review-hint{align-items:center;color:#e5aa36;display:flex;font-size:12px;gap:6px;margin-bottom:12px}.gd-already-rated{color:#5ba32b;display:flex;flex-direction:column;font-size:14px;gap:8px}.gd-already-rated-content{background:#06102840;border-radius:4px;color:#8aa0c0;font-size:13px;margin:0;padding:10px}.gd-review-form-row{align-items:center;color:#8aa0c0;display:flex;flex-wrap:wrap;font-size:13px;gap:24px;margin-bottom:16px}.gd-star-select{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 0}.gd-star-select .gd-star-empty,.gd-star-select .gd-star-filled{font-size:24px;transition:transform .15s,color .15s}.gd-star{cursor:pointer;font-size:18px;opacity:.3;transition:opacity .15s}.gd-star.active{opacity:1}.gd-star-filled{fill:currentColor;color:#f5a623;cursor:pointer;font-size:18px;transition:transform .15s}.gd-star-filled:hover{transform:scale(1.2)}.gd-star-empty{fill:currentColor;color:#3a4a5c;cursor:pointer;font-size:18px;transition:all .15s}.gd-star-empty:hover{color:#5a7a9a}.gd-review-checkbox{align-items:center;cursor:pointer;display:flex;gap:6px}.gd-review-textarea{background:#06102873;border:1px solid #ffffff1a;border-radius:4px;box-sizing:border-box;color:#b8d4f0;font-family:inherit;font-size:13px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.gd-review-textarea:focus{border-color:#4da6ff;outline:none}.gd-review-submit{background:#0d1f3c;border:1px solid #4da6ff4d;border-radius:4px;color:#4da6ff;cursor:pointer;font-size:13px;padding:8px 24px;transition:all .2s}.gd-review-submit:hover{background:#3a577e}.gd-review-submit:disabled{cursor:not-allowed;opacity:.4}.gd-login-hint{color:#8aa0c0;font-size:13px;text-align:center}.gd-login-hint a{color:#4da6ff;text-decoration:none}.gd-sidebar{flex-shrink:0;position:sticky;top:70px;width:280px}.gd-buy-box{background:linear-gradient(180deg,#0d1f3c,#0a1628);border:1px solid #4da6ff14;border-radius:4px;margin-bottom:12px;padding:16px}.gd-sidebar-cover{border-radius:3px;margin-bottom:10px;width:100%}.gd-sidebar-desc{color:#5a7a9a;font-size:12px;line-height:1.5;margin-bottom:10px}.gd-discount-badge{background:#4c9e00;border-radius:3px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:6px;padding:2px 8px}.gd-price-row{align-items:baseline;display:flex;gap:8px;margin-bottom:14px}.gd-price-original{color:#5a7a9a;font-size:13px;text-decoration:line-through}.gd-price{color:#b8d4f0}.gd-price,.gd-price-free{font-size:20px;font-weight:700}.gd-price-free{color:#5ba32b}.gd-btn-play{align-items:center;background:linear-gradient(135deg,#47bfff,#1a44c2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;margin-bottom:8px;padding:11px 0;transition:all .2s;width:100%}.gd-btn-play:hover{background:linear-gradient(135deg,#5ec8ff,#2a5cd4);box-shadow:0 4px 16px #47bfff4d;transform:translateY(-1px)}.gd-btn-cart{align-items:center;background:#4da6ff14;border:1px solid #4da6ff66;border-radius:4px;color:#4da6ff;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:8px;padding:10px 0;transition:all .2s;width:100%}.gd-btn-cart:hover{background:#4da6ff2e}.gd-btn-wishlist{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:4px;color:#8aa0c0;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:8px;padding:10px 0;transition:all .2s;width:100%}.gd-btn-wishlist:hover{background:#ffffff0d;color:#b8d4f0}.gd-btn-report{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:4px;color:#8aa0c0;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 0;transition:all .2s;width:100%}.gd-btn-report:hover{background:#ffffff0d;color:#b8d4f0}.gd-details-box{background:#06102859;border:1px solid #ffffff0f;border-radius:4px;margin-bottom:12px;padding:14px}.gd-detail-row{border-bottom:1px solid #ffffff0a;display:flex;font-size:12px;justify-content:space-between;padding:7px 0}.gd-detail-row:last-child{border-bottom:none}.gd-detail-row span:first-child{color:#5a7a9a}.gd-detail-row span:last-child{color:#8aa0c0;text-align:right}.gd-playtime-box{background:#06102859;border:1px solid #ffffff0f;border-radius:4px;padding:14px}.gd-playtime-title{align-items:center;color:#5a7a9a;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.gd-playtime-value{color:#b8d4f0;font-size:20px;font-weight:700;margin-bottom:4px}.gd-playtime-hint{color:#5a7a9a;font-size:11px}.gd-playtime-ok{align-items:center;color:#5ba32b;display:flex;gap:4px}.gd-game-fullscreen{background:#0d1f3c;display:flex;flex-direction:column;inset:0;position:fixed;z-index:99999}.gd-game-load-bg{align-items:center;display:flex;justify-content:center}.gd-game-load-bg-blur{display:block;height:100%;inset:0;width:100%}.gd-game-load-cover{border-radius:12px;max-height:60vh;max-width:60vw}.gd-game-load-bg-clear{display:block;height:100%;object-fit:cover;width:100%}.gd-game-screen{align-items:center;background:#0d1f3c;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}.gd-game-screen-inner{text-align:center}.gd-game-screen-icon{font-size:64px;margin-bottom:16px}.gd-game-screen-title{color:#b8d4f0;font-size:20px;font-weight:700;margin-bottom:10px}.gd-game-screen-hint{color:#5a7a9a;font-size:13px}.gd-game-screen-hint kbd{background:#ffffff1a;border-radius:3px;font-family:inherit;font-size:12px;padding:2px 8px}.gd-exit-confirm{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061028bf;inset:0;z-index:100}.gd-exit-confirm,.gd-game-exit-btn{align-items:center;display:flex;justify-content:center;position:absolute}.gd-game-exit-btn{background:#0000;border:none;border-radius:50%;cursor:grab;height:64px;right:16px;top:16px;touch-action:none;transition:opacity .5s ease;-webkit-user-select:none;user-select:none;width:64px;z-index:50}.gd-game-exit-btn:active{cursor:grabbing}.gd-game-exit-btn img{height:52px;object-fit:contain;pointer-events:none;width:52px}.gd-exit-confirm-box{background:#0d1f3c;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 40px #06102899;min-width:340px;padding:32px 40px;text-align:center}.gd-exit-confirm-icon{font-size:36px;margin-bottom:12px}.gd-exit-confirm-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px}.gd-exit-confirm-desc{color:#8aa0c0;font-size:13px;margin-bottom:24px}.gd-exit-confirm-btns{display:flex;gap:12px;justify-content:center}.gd-exit-btn-cancel{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;color:#8aa0c0;cursor:pointer;font-size:13px;padding:8px 24px;transition:all .2s}.gd-exit-btn-cancel:hover{background:#ffffff26;color:#b8d4f0}.gd-exit-btn-confirm{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 24px;transition:all .2s}.gd-exit-btn-confirm:hover{background:#ff6b5a}.gd-game-bottom-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061028d9;border-top:1px solid #ffffff0f;bottom:0;display:flex;gap:14px;height:40px;left:0;padding:0 16px;position:absolute;right:0;z-index:200}.gd-game-bottom-info{align-items:center;display:flex;flex-shrink:0;gap:12px}.gd-game-bottom-title{color:#b8d4f0;font-size:12px;font-weight:600}.gd-game-bottom-status{color:#5a7a9a;font-size:11px}.gd-game-bottom-progress{background:#ffffff14;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.gd-game-bottom-progress-inner{background:linear-gradient(90deg,#47bfff,#1a44c2);border-radius:2px;height:100%;transition:width .3s ease-out}.gd-loading{align-items:center;color:#5a7a9a;display:flex;font-size:14px;gap:10px;justify-content:center;padding:80px 20px}.gd-spinner{animation:gd-spin .8s linear infinite;border:3px solid #4da6ff33;border-radius:50%;border-top-color:#4da6ff;height:24px;width:24px}@keyframes gd-spin{to{transform:rotate(1turn)}}.gd-notfound{align-items:center;color:#5a7a9a;display:flex;font-size:18px;justify-content:center;padding:120px 20px}@media (max-width:900px){.gd-back-btn{font-size:12px;left:10px;padding:6px 12px;top:60px}.gd-hero-content{align-items:center;flex-direction:column}.gd-hero-left{max-width:460px;width:100%}.gd-hero-title{font-size:22px}.gd-layout{flex-direction:column-reverse}.gd-sidebar{position:static;width:100%}.gd-container{padding:16px 12px 40px}.gd-hero-banner{padding:20px 0 18px}.gd-info-grid{grid-template-columns:1fr}.gd-review-stats{flex-direction:column}}@media (max-width:600px){.gd-back-btn{font-size:11px;left:8px;padding:5px 10px;top:56px}.gd-hero-title{font-size:18px}.gd-hero-banner{padding:16px 0 14px}.gd-container{padding:12px 8px 32px}.gd-sidebar{padding:0 4px}.gd-game-load-title{font-size:clamp(11px,3vw,14px);left:12px;line-height:1.4;max-width:70%;padding:6px 14px;top:12px;white-space:normal;word-break:break-word}.gd-game-load-cover{max-height:60%;max-width:85%}.gd-game-settings-panel{min-width:0;padding:20px 18px;width:92vw}.gd-settings-title{font-size:16px}.gd-settings-item{flex-wrap:wrap;font-size:12px;gap:6px}.gd-toggle-btn{font-size:11px;padding:4px 10px}.gd-game-exit-btn{bottom:60px;height:56px;right:16px;width:56px}.gd-jump-btn{bottom:60px;height:60px;right:24px;width:60px}.gd-game-bottom-bar{padding:10px 14px}.gd-game-bottom-title{font-size:13px}.gd-game-bottom-status{font-size:11px}.gd-joystick-base{bottom:40px;height:120px;left:16px;width:120px}.gd-joystick-thumb{height:44px;width:44px}}.gd-btn-wish{align-items:center;background:#0d1f3c;border:1px solid #132a50;border-radius:4px;color:#b8d4f0;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:8px;padding:10px 20px;transition:all .2s}.gd-btn-wish:hover{background:#132a50;color:#fff}.gd-game-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06102899;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.gd-game-settings-panel{background:#0d1f3c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 40px #061028b3;min-width:360px;padding:28px 32px}.gd-settings-title{color:#b8d4f0;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.gd-settings-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#8aa0c0;display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.gd-settings-item span:first-child{color:#b8d4f0}.gd-toggle-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;color:#8aa0c0;cursor:pointer;font-size:12px;padding:5px 16px;transition:all .2s}.gd-toggle-btn.active{background:#4da6ff;border-color:#4da6ff;color:#0d1f3c}.gd-toggle-btn:hover{background:#ffffff26}.gd-toggle-btn.active:hover{background:#4ea8d8}.gd-settings-divider{background:#ffffff14;height:1px;margin:12px 0}.gd-settings-code{background:#4da6ff1a;border-radius:4px;color:#4da6ff;font-family:Courier New,monospace;font-size:14px;letter-spacing:1px;padding:4px 10px}.gd-settings-hint{color:#5a7a9a;font-size:11px;margin-top:4px;text-align:center}.gd-settings-exit-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 0;transition:all .2s;width:100%}.gd-settings-exit-btn:hover{background:#ff6b5a}.gd-game-hud-bottom{align-items:center;bottom:12px;color:#ffffff73;display:flex;flex-direction:row;font-family:Courier New,monospace;font-size:11px;gap:12px;left:12px;pointer-events:none;position:absolute;z-index:50}.gd-hud-fps,.gd-hud-id,.gd-hud-net{align-items:center;display:flex;gap:4px;line-height:1;opacity:.6}.gd-hud-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.gd-hud-dot-green{background:#5ba32b}.gd-hud-dot-yellow{background:#f0c040}.gd-hud-dot-red{background:#e74c3c}.gd-hud-dot-gray{background:#666}.gd-hud-mic-btn{align-items:center;background:#00000080;border:1px solid #ffffff26;border-radius:4px;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:4px;padding:0;pointer-events:auto;transition:all .2s;width:28px}.gd-hud-mic-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.gd-hud-mic-on{color:#4ade80}.gd-hud-mic-off{color:#ffffff59}.gd-hud-quality-btn{border-radius:4px}.gd-quality-popup{z-index:100}.gd-joystick-base{background:#00000040;border:2px solid #ffffff38;border-radius:50%;bottom:60px;height:140px;left:24px;position:fixed;touch-action:none;user-select:none;-webkit-user-select:none;width:140px;z-index:1000}.gd-joystick-thumb{background:#ffffffd9;box-shadow:0 2px 10px #00000059;height:52px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .04s ease-out;width:52px}.gd-joystick-thumb,.gd-jump-btn{border-radius:50%;touch-action:none}.gd-jump-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#00000040;border:2px solid #ffffff38;bottom:60px;color:#ffffffe6;cursor:pointer;display:flex;height:68px;justify-content:center;position:fixed;right:24px;transition:background .1s;user-select:none;-webkit-user-select:none;width:68px;z-index:1000}.gd-jump-btn:active{background:#ffffff2e}.gd-game-load-bg{inset:0;overflow:hidden;pointer-events:auto;position:absolute;z-index:1}.gd-game-load-bg-blur{filter:blur(20px);height:calc(100% + 80px);inset:-40px;object-fit:cover;pointer-events:none;position:absolute;transform:scale(1.1);width:calc(100% + 80px)}.gd-game-load-cover{border-radius:8px;box-shadow:0 8px 40px #06102899;height:auto;left:50%;max-height:70%;max-width:60%;object-fit:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:2}.gd-game-load-title{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061028a6;border:1px solid #4da6ff40;border-radius:10px;color:#fff;display:inline-flex;font-size:clamp(14px,2.5vw,20px);font-weight:700;gap:10px;left:28px;line-height:1.4;max-width:55%;padding:10px 22px;pointer-events:none;position:absolute;text-shadow:0 0 20px #4da6ff66;top:24px;white-space:normal;word-break:break-word;z-index:10}.gd-game-load-title svg{filter:drop-shadow(0 0 6px rgba(77,166,255,.5));flex-shrink:0;opacity:.85}.gd-game-exit-bg{inset:0;overflow:hidden;position:absolute;z-index:1}.gd-game-exit-bg-img{filter:none;height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}.gd-report-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061028b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.gd-report-modal{background:#0d1f3c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 40px #06102899;min-width:380px;padding:32px 36px}.gd-report-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:16px}.gd-report-hint{color:#8aa0c0;font-size:13px;margin-bottom:14px}.gd-report-option{align-items:center;border-bottom:1px solid #ffffff0a;color:#b8d4f0;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 0}.gd-report-option:last-child{border-bottom:none}.gd-report-option input[type=radio]{accent-color:#4da6ff;height:16px;width:16px}.gd-report-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.gd-report-cancel{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;color:#8aa0c0;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.gd-report-cancel:hover{background:#ffffff26;color:#b8d4f0}.gd-report-submit{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.gd-report-submit:hover{background:#ff6b5a}.gd-report-submit:disabled{cursor:not-allowed;opacity:.4}.gd-control-modes{display:flex;gap:10px;justify-content:flex-end}.gd-ctrl-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#8aa0c0;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s;white-space:nowrap}.gd-ctrl-btn:hover{background:#ffffff26;color:#b8d4f0}.gd-ctrl-btn.active{background:#4dd0e133;border-color:#4dd0e166;color:#4dd0e1}.gd-ctrl-btn.disabled{cursor:not-allowed;opacity:.35}.gd-control-hint{background:#4dd0e11a;border-radius:4px;color:#4dd0e1;font-size:12px;margin-top:6px;padding:6px 10px}.touch-joystick-container{bottom:32px;left:32px;pointer-events:none;position:fixed;z-index:9000}.touch-joystick-container.hidden{display:none}.touch-joystick-container.visible{display:block}.touch-joystick-base{background:#00000059;border:1.5px solid #ffffff2e;border-radius:50%;box-shadow:inset 0 0 12px #0003,0 4px 16px #00000040;height:120px;pointer-events:auto;position:relative;touch-action:none;transition:transform .12s ease,box-shadow .12s ease;user-select:none;-webkit-user-select:none;width:120px}.touch-joystick-base.active{background:#0000006b;transform:scale(.96)}.touch-joystick-base:before{border:1px solid #ffffff1a;border-radius:50%;content:""}.touch-joystick-base:before,.touch-joystick-stick{height:44px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}.touch-joystick-stick{background:#ffffffeb;border:1px solid #fff9;border-radius:50%;box-shadow:0 3px 10px #00000040,inset 0 1px 2px #ffffff80;transition:none}.touch-joystick-stick.active{background:#fff;box-shadow:0 4px 14px #0000004d,inset 0 1px 3px #fff9}.touch-jump-button{align-items:center;background:#ffffffe0;border:1.5px solid #ffffff80;border-radius:50%;bottom:32px;box-shadow:0 4px 16px #0003,inset 0 1px 2px #fff9;color:#1a1a2e;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:32px;touch-action:none;transition:transform .1s ease,box-shadow .12s ease,background .12s ease;user-select:none;-webkit-user-select:none;width:60px;z-index:9000}.touch-jump-button.hidden{display:none}.touch-jump-button.visible{display:flex}.touch-jump-button.pressed,.touch-jump-button:active{background:#fff;box-shadow:0 2px 8px #00000040,inset 0 1px 3px #fffc;transform:scale(.88)}.gd-overlay-container{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:50}.gd-player-overlay{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-top:-18px;pointer-events:auto;position:absolute}.gd-player-avatar-wrap{display:inline-block;position:relative}.gd-player-avatar-wrap .avatar-frame{align-items:center;border-radius:8px!important;box-sizing:border-box;display:flex;height:52px;justify-content:center;padding:3px;width:52px}.gd-player-avatar-wrap img{border-radius:4px!important;height:46px;object-fit:cover;width:46px}.gd-player-name{color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;margin-top:4px;pointer-events:none;text-shadow:0 1px 6px #000,0 0 8px #000c;white-space:nowrap}.gd-profile-panel{align-items:center;animation:gdPanelIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141eeb;border:1px solid #ffffff1f;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;position:fixed;right:20px;top:20px;width:260px;z-index:10001}@keyframes gdPanelIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.gd-profile-close{background:none;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;font-size:18px;padding:2px 6px;position:absolute;right:12px;top:10px;transition:color .15s,background .15s}.gd-profile-close:hover{background:#ffffff1a;color:#fff}.gd-profile-avatar-section{height:72px;position:relative;width:72px}.gd-profile-avatar-section .avatar-frame{border-radius:8px;height:68px;overflow:hidden;padding:2px;width:68px}.gd-profile-avatar-img{border-radius:4px;height:100%;object-fit:cover;width:100%}.gd-profile-name{color:#fff;font-size:16px;font-weight:700;text-align:center}.gd-profile-level{color:#ad8fff;font-size:13px;font-weight:600}.gd-profile-code{color:#ffffff73;font-size:12px}.gd-profile-actions{display:flex;gap:10px;margin-top:4px}.gd-profile-report-btn{align-items:center;background:#e74c3c2e;border:1px solid #e74c3c59;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:6px 14px;transition:background .15s}.gd-profile-report-btn:hover{background:#e74c3c52}.gd-purchase-confirm{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061028cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.gd-purchase-confirm-box{background:#0d1f3c;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 12px 50px #061028b3;max-width:440px;min-width:380px;padding:32px 40px;text-align:center}.gd-purchase-confirm-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:12px}.gd-purchase-confirm-desc{color:#8aa0c0;font-size:14px;line-height:1.6;margin-bottom:28px}.gd-purchase-confirm-btns{display:flex;gap:16px;justify-content:center}.gd-purchase-btn-cancel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#8aa0c0;cursor:pointer;font-size:14px;padding:10px 28px;transition:all .2s}.gd-purchase-btn-cancel:hover{background:#ffffff26;color:#b8d4f0}.gd-purchase-btn-confirm{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:all .2s}.gd-purchase-btn-confirm:hover{filter:brightness(1.15)}.profile{overflow-x:hidden}.profile-banner{background:linear-gradient(135deg,#0d1621,#1b3a5c 50%,#0d1621);border-bottom:1px solid #2a475e;margin-bottom:0;overflow:visible;padding:40px 0;position:relative}.profile-character-preview{display:none}.profile-banner-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1' fill='rgba(102,192,244,0.1)'/%3E%3C/svg%3E");inset:0;pointer-events:none;position:absolute;z-index:0}.profile-hero{align-items:flex-end;display:flex;gap:24px;padding-bottom:0;position:relative;z-index:1}.profile-avatar-wrap{flex-shrink:0;position:relative}.avatar-frame.frame-rank-0{background:#b8d4e8;box-shadow:0 4px 20px #b8d4e84d}.avatar-frame.frame-rank-10{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);box-shadow:0 4px 20px #667eea66}.avatar-frame.frame-rank-40{background:linear-gradient(135deg,gold,#ff6a88,#ff99ac);box-shadow:0 4px 20px #ffd70066}.avatar-frame.frame-rank-80{background:linear-gradient(135deg,#4facfe,#00f2fe,#667eea);box-shadow:0 4px 20px #4facfe66}.avatar-frame.frame-diamond{animation:diamond-shimmer 2s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000;border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 0 10px #fff3,0 0 20px #c8e6ff4d,0 0 40px #96d2ff33,inset 0 0 10px #ffffff1a;padding:3px}.avatar-frame.frame-cosmic{animation:cosmicFrame 2s ease infinite,cosmicTwinkle 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#0f0c29,#302b63,#764ba2,#667eea,#764ba2,#302b63);background-size:400% 400%;box-shadow:0 0 25px #667eeab3,0 0 50px #764ba280,0 0 80px #f093fb4d}@keyframes cosmicFrame{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cosmicTwinkle{0%{box-shadow:0 0 20px #667eea99,0 0 40px #764ba266,0 0 60px #f093fb33;filter:brightness(1)}50%{box-shadow:0 0 35px #667eeae6,0 0 70px #764ba2b3,0 0 100px #f093fb80,0 0 150px #4fc3f74d;filter:brightness(1.3)}to{box-shadow:0 0 25px #667eeab3,0 0 50px #764ba280,0 0 80px #f093fb4d;filter:brightness(1.1)}}.profile-avatar{height:100px;width:100px}.official-badge{align-items:center;background:linear-gradient(135deg,gold,orange,#ff6b6b,#9b59b6);border:2px solid #0d1621;border-radius:50%;bottom:-4px;box-shadow:0 2px 8px #ffd70080;display:flex;height:28px;justify-content:center;position:absolute;right:-4px;width:28px}.official-v{color:#fff;font-size:14px;font-weight:900;text-shadow:0 1px 2px #0000004d}.official-v-inline{margin-left:8px;vertical-align:middle}.official-v-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange,#ff6b6b,#9b59b6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px rgba(255,215,0,.5));font-size:14px;font-weight:900;padding:2px 8px;text-shadow:none}.profile-info{flex:1 1}.profile-username{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:28px;font-weight:900;gap:8px;margin-bottom:8px;text-shadow:0 0 16px #4fc3f759}.profile-random-code{background:#66c0f41a;border-radius:12px;color:#66c0f4;display:inline-block;font-family:monospace;font-size:14px;letter-spacing:1px;margin-bottom:8px;padding:2px 10px}.profile-level{gap:10px;margin-bottom:8px}.level-info-row,.profile-level{align-items:center;display:flex;flex-wrap:wrap}.level-info-row{gap:8px}.level-icon{margin-right:4px}.level-badge{align-items:center;background-size:200% 100%;background:#ffffff1a!important;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;padding:4px 12px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.level-badge.rank-badge-9{background:#b8d4e8!important;color:#4a5a69}.level-badge.rank-badge-19{background:linear-gradient(135deg,#667eea,#764ba2)!important}.level-badge.rank-badge-39{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.level-badge.rank-badge-59{background:linear-gradient(135deg,#f5af19,gold)!important}.level-badge.rank-badge-79{background:linear-gradient(135deg,#ff6a88,#ff99ac)!important}.level-badge.rank-badge-99{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.level-badge.cosmic{animation:cosmicBadgeGlow 1.5s ease-in-out infinite alternate,cosmicFlow 4s linear infinite;box-shadow:0 0 20px #667eeab3,0 0 40px #764ba280,0 0 60px #f093fb4d;text-shadow:0 0 15px #fffc}@keyframes cosmicBadgeGlow{0%{box-shadow:0 0 15px #667eea99,0 0 30px #764ba266;filter:brightness(1)}to{box-shadow:0 0 30px #667eeae6,0 0 60px #764ba2b3,0 0 90px #f093fb80,0 0 120px #4fc3f74d;filter:brightness(1.4)}}.level-title{align-items:center;background:#ffffff14!important;border-radius:20px;color:#fff;color:#8f98a0!important;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0000004d}.level-title.rank-title-9{background:#b8d4e84d!important;color:#b8d4e8!important}.level-title.rank-title-19{background:#667eea33!important;color:#667eea!important}.level-title.rank-title-39{background:#f093fb33!important;color:#f093fb!important}.level-title.rank-title-59{background:#ffd70033!important;color:gold!important}.level-title.rank-title-79{background:#ff6a8833!important;color:#ff6a88!important}.level-title.rank-title-99{background:#4facfe33!important;color:#4facfe!important}.level-title.cosmic{animation:cosmicBadgeGlow 1.5s ease-in-out infinite alternate,cosmicFlow 4s linear infinite;box-shadow:0 0 15px #667eea80;text-shadow:0 0 10px #ffffff80}.level-rank-title{color:#8f98a0;font-size:11px;font-weight:500}.xp-bar{background:#ffffff1a;flex:1 1;height:6px;max-width:160px;overflow:hidden}.xp-bar,.xp-fill{border-radius:3px}.xp-fill{background:linear-gradient(90deg,#1a9fff,#66c0f4);height:100%;transition:width .5s}.xp-text{color:#4a5a69;font-size:11px}.profile-bio{color:#8f98a0;font-size:14px;margin-bottom:6px}.profile-meta{display:flex;flex-wrap:wrap;gap:16px}.profile-join,.profile-location{color:#4a5a69;font-size:12px}.profile-titles-corner{display:flex;flex-wrap:wrap;gap:4px;position:absolute;right:16px;top:16px;z-index:2}.profile-title-badge{align-items:center;animation:title-badge-pulse 3s ease-in-out infinite alternate;border:1px solid;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 13px}.profile-title-legendary{animation:title-gold-pulse 2s ease-in-out infinite alternate!important;color:#3d2a00!important;text-shadow:0 0 8px #f5d16b80!important}@keyframes title-badge-pulse{0%{opacity:.85}to{opacity:1}}@keyframes title-gold-pulse{0%{box-shadow:0 0 8px #d4af3766,0 0 16px #d4af3726}to{box-shadow:0 0 14px #d4af3799,0 0 28px #d4af3738}}.profile-actions{display:flex;flex-shrink:0;gap:10px}.profile-actions .btn-follow,.profile-actions .btn-follow.following,.profile-actions .btn-primary,.profile-actions .btn-secondary,.profile-actions button,.profile-appeal .btn-primary,.profile-appeal .btn-secondary{align-items:center;background:#4fc3f714!important;border:1px solid #4fc3f74d!important;border-radius:var(--radius)!important;box-shadow:none!important;color:#4fc3f7!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 20px;transition:var(--transition)!important}.profile-actions .btn-follow.following:hover,.profile-actions .btn-follow:hover,.profile-actions .btn-primary:hover,.profile-actions .btn-secondary:hover,.profile-actions button:hover,.profile-appeal .btn-primary:hover,.profile-appeal .btn-secondary:hover{background:#4fc3f729!important;border-color:#4fc3f78c!important;box-shadow:0 4px 16px #4fc3f733!important;color:#7ee8fa!important;transform:translateY(-2px)!important}.profile-actions .btn-primary:before,.profile-actions button:before{display:none!important}.profile-actions .btn-follow.following:hover:after{content:"取消"}.profile-actions .btn-follow.following:hover{background:#e74c3c26!important;border-color:#e74c3c!important;box-shadow:0 4px 16px #e74c3c33!important;color:#ff6b6b!important}.profile-actions button:disabled{cursor:not-allowed;opacity:.5}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:24px 0}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:var(--radius);padding:16px;position:relative;text-align:center;transition:var(--transition);z-index:0}.stat-card:before{border:1.5px solid #4fc3f780;border-radius:var(--radius);box-shadow:0 0 10px #4fc3f733;content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease;z-index:-1}.stat-card:hover:before{opacity:1}.stat-num{color:#4fc3f7;font-size:26px;font-weight:800;text-shadow:0 0 12px #4fc3f766}.stat-label{color:#4a5a69;margin-top:4px}.profile-quick-actions{display:flex;gap:10px;margin-bottom:20px}.quick-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 20px;transition:var(--transition)}.quick-action-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.quick-action-btn.active{background:#4fa3f726;border-color:#4fa3f780;color:#66c0f4}.profile-tabs{border-bottom:1px solid #2a475e;display:flex;gap:4px;margin-bottom:20px;overflow-x:auto}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#8f98a0;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:var(--transition);white-space:nowrap}.profile-tab:hover{color:#4fc3f7}.profile-tab.active{background:#4fc3f714;border-bottom-color:#4fc3f7;color:#4fc3f7}.profile-games-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-game-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:var(--radius);display:block;overflow:hidden;text-decoration:none;transition:var(--transition)}.profile-game-item:hover{border-color:#4fc3f78c;box-shadow:0 8px 28px #4fc3f733;transform:translateY(-4px)}.profile-game-item img{aspect-ratio:16/7.5;object-fit:cover;width:100%}.profile-game-info{padding:8px 10px}.profile-game-title{color:#c6d4df;font-size:13px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-game-time{color:#4a5a69;font-size:11px}.profile-friends-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.friend-card{align-items:center;background:#111827eb;border:1px solid #4fc3f72e;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;padding:16px 10px;text-decoration:none;transition:var(--transition);will-change:auto}.friend-card:hover{border-color:#4fc3f78c;box-shadow:0 4px 16px #4fc3f726}.friend-card img{border-radius:4px;height:56px;object-fit:cover;width:56px}.friend-name{align-items:center;color:#c6d4df;display:flex;font-size:13px;gap:4px;text-align:center}.friend-official-v{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:10px;font-weight:900;padding:1px 4px}.friend-level{color:#4a5a69;font-size:11px}.profile-posts{display:flex;flex-direction:column;gap:2px}.profile-post-item{align-items:center;background:#11182780;border:1px solid #4fc3f71a;border-radius:10px;display:flex;gap:10px;padding:12px 14px;text-decoration:none;transition:var(--transition)}.profile-post-item:hover{background:#4fc3f714;border-color:#4fc3f773;transform:translateX(4px)}.profile-post-title{color:#c6d4df;flex:1 1;font-size:14px}.profile-post-item:hover .profile-post-title{color:#4fc3f7}.profile-post-time{color:#4a5a69;font-size:12px}.empty-hint{color:#4a5a69;padding:30px 0}@media (max-width:768px){.profile-hero{align-items:flex-start;flex-direction:column;gap:16px}.profile-info{width:100%}.profile-actions{justify-content:flex-start;width:100%}.profile-actions .btn-follow,.profile-actions .quick-action-btn{flex:0 0 auto}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-avatar{height:80px;width:80px}.profile-quick-actions{flex-wrap:wrap}.quick-action-btn{flex:1 1;justify-content:center;min-width:140px}.profile-username{font-size:22px}.profile-meta{flex-direction:column;gap:6px}.profile-tabs{flex-wrap:nowrap}}.ai-tag{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:4px;box-shadow:0 0 8px #a855f766;color:#fff;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;margin-left:6px;padding:2px 6px;vertical-align:middle}.avatar-frame.frame-frame_gold_gradient{animation:goldFrameAnim 6s linear infinite;background-image:radial-gradient(3px 3px at 20% 30%,#ffffffe6,#0000),radial-gradient(2px 2px at 55% 60%,#fff0b4cc,#0000),radial-gradient(4px 4px at 70% 25%,#ffffffb3,#0000),radial-gradient(2px 2px at 35% 50%,#fff0b4e6,#0000),radial-gradient(3px 3px at 55% 35%,#fff9,#0000),linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:100% 100%;box-shadow:0 0 30px #ffd70066}@keyframes goldFrameAnim{0%{background-position:0 50%,0 0,0 0,0 0,0 0,0 50%}25%{background-position:75% 50%,15% -10%,-10% 15%,20% -15%,-15% 10%,75% 50%}50%{background-position:150% 50%,-5% 12%,18% -8%,-12% 18%,10% -12%,150% 50%}75%{background-position:225% 50%,10% 5%,-12% -12%,8% 16%,18% -6%,225% 50%}to{background-position:0 50%,0 0,0 0,0 0,0 0,0 50%}}.post-frame-gold_gradient{border:3px solid #0000;border-image:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) 1;border-image-slice:1}.wishlist-section{display:flex;flex-direction:column;gap:12px;padding:16px 0}.wishlist-item{align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:var(--radius);display:flex;gap:16px;padding:14px;transition:var(--transition)}.wishlist-item:hover{border-color:#4fc3f780;box-shadow:0 6px 22px #4fc3f726}.wishlist-cover-link{flex-shrink:0}.wishlist-cover-link img{border-radius:4px;display:block;height:69px;object-fit:cover;width:184px}.wishlist-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.wishlist-title{color:#c6d4df;display:block;font-size:15px;margin-bottom:4px;text-decoration:none}.wishlist-title:hover{color:#66c0f4}.wishlist-price{color:#8a9aaa;font-size:13px;margin-bottom:10px}.wishlist-actions{align-items:center;display:flex;gap:8px}.btn-sponsor-small{background:#4fc3f71a;border:1px solid #4fc3f766;border-radius:6px;color:#4fc3f7;cursor:pointer;font-size:13px;font-weight:700;padding:5px 14px;transition:var(--transition)}.btn-sponsor-small:hover{background:#4fc3f733;border-color:#4fc3f799;color:#7ee8fa}.btn-delete-wish-small{background:#e74c3c14;border:1px solid #e74c3c59;border-radius:var(--radius);color:#e74c3c;cursor:pointer;font-size:13px;font-weight:500;padding:6px 18px;transition:var(--transition)}.btn-delete-wish-small:hover{background:#e74c3c2e;border-color:#e74c3c;box-shadow:0 4px 14px #e74c3c33;transform:translateY(-1px)}.wish-completed-text{color:#4caf50;font-size:13px;font-weight:700}.wish-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wish-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827d9;border:1px solid #4fc3f740;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:90vw;padding:24px;width:400px}.wish-modal h3{color:#c6d4df;font-size:18px;margin:0 0 12px}.wish-modal-game{color:#66c0f4;font-size:14px;margin-bottom:12px}.wish-modal-progress{color:#8a9aaa;font-size:14px;margin-bottom:16px}.wish-modal-input{margin-bottom:20px}.wish-modal-input label{color:#8a9aaa;display:block;font-size:13px;margin-bottom:6px}.wish-modal-input input{background:#0d1520;border:1px solid #2a475e;border-radius:4px;box-sizing:border-box;color:#c6d4df;font-size:15px;padding:10px 12px;width:100%}.wish-modal-input input:focus{border-color:#66c0f4;outline:none}.wish-modal-btns{display:flex;gap:12px;justify-content:flex-end}.wish-modal-btns .btn-cancel{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:8px 20px;transition:var(--transition)}.wish-modal-btns .btn-cancel:hover{background:#ffffff17;border-color:#4fc3f766;color:#4fc3f7}.wish-modal-btns .btn-confirm{background:#4fc3f71f;border:1px solid #4fc3f766;border-radius:var(--radius);color:#4fc3f7;cursor:pointer;font-weight:700;padding:8px 20px;transition:var(--transition)}.wish-modal-btns .btn-confirm:disabled{cursor:not-allowed;opacity:.5}.wish-modal-btns .btn-confirm:not(:disabled):hover{background:#4fc3f738;border-color:#4fc3f799;color:#7ee8fa}.btn-dark{align-items:center!important;background:#4fc3f714!important;border:1px solid #4fc3f74d!important;border-radius:var(--radius)!important;box-shadow:none!important;color:#4fc3f7!important;cursor:pointer!important;display:flex!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;gap:6px!important;outline:none!important;padding:8px 20px!important;transition:var(--transition)!important}.btn-dark:hover{background:#4fc3f729!important;border-color:#4fc3f78c!important;box-shadow:0 4px 16px #4fc3f733!important;color:#7ee8fa!important;transform:translateY(-2px)!important}.btn-dark:disabled{cursor:not-allowed!important;opacity:.5!important}.btn-dark.following:hover{background:#e74c3c26!important;border-color:#e74c3c!important;color:#ff6b6b!important}.btn-dark.following:hover:after{content:"取消"!important}.btn-dark.blocked{border-color:#e74c3c!important;color:#e74c3c!important}.profile-works-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px 0}.profile-work-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:var(--radius);color:inherit;cursor:pointer;overflow:hidden;text-decoration:none;transition:var(--transition)}.profile-work-item:hover{border-color:#4fc3f780;box-shadow:0 8px 30px #4fc3f740;transform:translateY(-4px)}.profile-work-item img{background:#0000004d;height:120px;object-fit:cover;width:100%}.profile-work-info{padding:12px}.profile-work-title{color:#c5d4de;font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-work-meta{color:#8f9fa8;display:flex;font-size:11px;justify-content:space-between}.wish-modal h3{color:#4fc3f7;text-shadow:0 0 12px #4fc3f759}.appeal-form textarea,.wish-modal input,.wish-modal select,.wish-modal textarea{background:#0d121eb3!important;border:1px solid #4fc3f74d!important;border-radius:var(--radius)!important;color:#c6d4df!important;transition:var(--transition)!important}.appeal-form textarea:focus,.wish-modal input:focus,.wish-modal select:focus,.wish-modal textarea:focus{border-color:#4fc3f799!important;box-shadow:0 0 0 3px #4fc3f726!important;outline:none!important}.appeal-form h3,.appeal-form h4{color:#4fc3f7}.profile .back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b3!important;border:1px solid #4fc3f74d!important;border-radius:var(--radius);color:#4fc3f7!important;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:var(--transition);z-index:1000}.profile .back-btn:hover{background:#4fc3f729!important;border-color:#4fc3f78c!important;color:#7ee8fa!important}@keyframes imgFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}img.img-fade-in{opacity:0}img.img-fade-in.img-loaded{animation:imgFadeIn .35s ease forwards}.ep-overlay{align-items:flex-end;background:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:background .25s ease;z-index:1000}.ep-overlay-show{background:#00000073}.ep-panel{background:#1e1e2e;border-radius:16px 16px 0 0;box-shadow:0 -4px 30px #0006;display:flex;flex-direction:column;max-height:65vh;max-width:480px;overflow:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);width:100%}.ep-panel-show{transform:translateY(0)}.ep-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.ep-tab,.ep-tabs{display:flex;gap:4px}.ep-tab{align-items:center;background:#0000;border:none;border-radius:16px;color:#ffffff80;cursor:pointer;font-size:14px;padding:7px 16px;transition:all .2s}.ep-tab:hover{color:#fffc}.ep-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ep-header-right{align-items:center;display:flex;gap:6px}.ep-upload-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.ep-upload-btn:hover{background:#6366f14d;color:#a5b4fc}.ep-cancel-btn{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:6px 12px}.ep-cancel-btn:hover{color:#fff}.ep-collection-bar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:8px 16px}.ep-collection-bar::-webkit-scrollbar{height:0}.ep-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-size:13px;padding:5px 14px;transition:all .2s;white-space:nowrap}.ep-chip:hover{border-color:#6366f1;color:#a5b4fc}.ep-chip.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.ep-body{flex:1 1;min-height:0;overflow-y:auto;padding:12px}.ep-body::-webkit-scrollbar{width:4px}.ep-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.ep-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}@media (min-width:480px){.ep-grid{grid-template-columns:repeat(6,1fr)}}.ep-item{aspect-ratio:1;background:#ffffff0a;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s}.ep-item:hover{background:#ffffff1a;transform:scale(1.05)}.ep-item:active{transform:scale(.92)}.ep-item img{height:100%;object-fit:contain;padding:4px;width:100%}.ep-item-del{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#f87171;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .15s;width:20px;z-index:2}.ep-item:hover .ep-item-del{opacity:1}.ep-empty{color:#ffffff59;grid-column:1/-1;padding:40px 20px;text-align:center}.ep-empty p{font-size:14px;margin-top:10px}.ep-upload-area{padding:20px}.ep-dropzone{border:2px dashed #ffffff26;border-radius:12px;color:#ffffff80;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.ep-dropzone:hover{background:#6366f114;border-color:#6366f1;color:#fffc}.ep-dropzone p{font-size:14px;margin:10px 0 4px}.ep-dropzone span{font-size:12px;opacity:.5}.ep-upload-preview{text-align:center}.ep-upload-preview img{border-radius:10px;margin-bottom:12px;max-height:120px;max-width:120px}.ep-name-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;margin-bottom:10px;padding:9px 12px;width:100%}.ep-name-input:focus{border-color:#6366f1;outline:none}.ep-upload-actions{display:flex;gap:10px;justify-content:center}.ep-btn-ghost{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .15s}.ep-btn-ghost:hover{border-color:#6366f1;color:#fff}.ep-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .15s}.ep-btn-primary:disabled{cursor:not-allowed;opacity:.5}.ep-delete-overlay{align-items:center;animation:epFadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes epFadeIn{0%{opacity:0}to{opacity:1}}.ep-delete-modal{animation:epScaleIn .25s cubic-bezier(.32,.72,0,1);background:#1e1e2e;border-radius:16px;box-shadow:0 8px 40px #00000080;max-width:300px;padding:28px 24px 20px;text-align:center;width:80%}@keyframes epScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ep-delete-icon{color:#e74c3c;display:flex;justify-content:center;margin-bottom:14px}.ep-delete-text{color:#ffffffb3;font-size:15px;margin-bottom:20px}.ep-delete-actions{display:flex;gap:12px;justify-content:center}.ep-btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .15s}.ep-btn-danger:hover{opacity:.9}.community{margin:0 auto;max-width:1200px;overflow-x:hidden;padding:32px 20px}.community-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.community-header h1{font-size:28px}.community-header h1:before{display:none}.community-header .btn-green{align-items:center;display:inline-flex;flex-shrink:0;gap:6px;padding:10px 20px;white-space:nowrap}.community-toolbar{gap:12px;justify-content:space-between;margin-bottom:20px}.community-toolbar,.search-stats-bar{align-items:center;display:flex;flex-wrap:wrap}.search-stats-bar{background:#5865f214;border:1px solid #5865f22e;border-radius:10px;color:#c9d1d9;font-size:13px;gap:6px;margin-top:8px;padding:8px 14px;width:100%}.search-stats-bar strong{color:#5865f2;font-weight:700}.search-box{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:10px;display:flex;min-width:260px;padding:0 12px;transition:border-color .2s}.search-box:focus-within{border-color:#67c1f5;box-shadow:0 0 0 3px #67c1f526}.search-icon{font-size:20px;height:20px;width:20px}.search-clear,.search-icon{color:#8b9cad;flex-shrink:0}.search-clear{cursor:pointer;font-size:18px;height:18px;padding:4px;width:18px}.search-clear:hover{color:#fff}.community-search{background:#0000;border:none;color:#e6edf3;flex:1 1;font-size:14px;min-width:0;outline:none;padding:10px}.community-search::placeholder{color:#6e7681}.category-tabs{display:flex;flex-wrap:wrap;gap:6px}.cat-tab{background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:var(--transition)}.cat-tab.active,.cat-tab:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.community-search{padding:10px 16px;width:240px}.post-list{display:flex;flex-direction:column;gap:4px}.post-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:10px;padding:12px 16px;position:relative;text-decoration:none}.post-item:hover{transform:translateX(4px)}.post-item-left{align-items:center;display:flex;flex-shrink:0;gap:10px}.post-avatar-link{cursor:pointer;display:block}.post-avatar-link.official{position:relative}.post-pin{filter:drop-shadow(0 0 4px var(--accent));font-size:16px}.post-avatar{border-radius:6px;height:40px;object-fit:cover;transition:var(--transition);width:40px}.post-item-body{flex:1 1;min-width:0}.post-item-title{color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.post-category-badge{background:var(--accent-glow);border:1px solid var(--border);border-radius:20px;color:var(--accent);font-size:11px;font-weight:500;padding:2px 10px}.post-author{color:var(--text-secondary);font-size:13px;text-decoration:none}.post-author:hover{text-decoration:underline}.post-time{color:var(--text-muted);font-size:12px}.post-region{background:#ffffff0d;border-radius:4px;color:#666;font-size:11px;padding:2px 6px}.post-item-stats{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:13px;gap:16px}.post-item-stats span{align-items:center;display:flex;gap:4px}.post-item-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.post-report-btn{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c66;border-radius:var(--radius-sm);color:#e74c3c;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:var(--transition)}.post-report-btn:hover{background:#e74c3c33;border-color:#e74c3c;transform:scale(1.05)}.post-game-tag{align-items:center;color:var(--accent-purple);display:flex;font-size:12px;gap:8px;margin-top:6px}.game-rating-small{background:#ffd54f33;border-radius:10px;color:#ffd54f;font-size:11px;padding:2px 8px}.modal-overlay{background:#000000d9;overflow-y:auto;z-index:2000}.post-modal{animation:fadeInUp .25s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0009,0 0 40px #4fc3f714;max-height:88vh;max-width:580px;overflow-y:auto;padding:0;position:relative;width:100%}.post-modal::-webkit-scrollbar{width:6px}.post-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.post-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.post-modal::-webkit-scrollbar-thumb:hover{background:var(--accent)}.drawer-handle{cursor:grab;display:none;padding:8px 0;text-align:center}.drawer-bar{background:var(--border);border-radius:2px;height:4px;margin:0 auto;width:40px}.post-modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px;position:sticky;top:0;z-index:10}.post-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.post-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:var(--transition);width:32px}.post-modal-close:hover{background:#e74c3c26;color:#e74c3c}.post-modal-body{display:flex;flex-direction:column;gap:0;padding:20px 24px 24px}.post-form-section{margin-bottom:20px}.post-form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.post-form-label-sm{color:var(--text-muted);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.post-input,.post-select,.post-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:var(--transition);width:100%}.post-input:focus,.post-select:focus,.post-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.post-input::placeholder,.post-textarea::placeholder{color:var(--text-muted)}.post-textarea{line-height:1.6;min-height:120px;resize:vertical}.post-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239aa0a6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;color:var(--text-secondary);cursor:pointer;padding-right:36px}.post-select option{background:var(--bg-card);color:var(--text-primary)}.post-category-chips{display:flex;flex-wrap:wrap;gap:8px}.post-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;padding:7px 16px;transition:var(--transition)}.post-chip.active,.post-chip:hover{border-color:var(--accent);color:var(--accent)}.post-chip.active{background:var(--accent-glow);font-weight:600}.post-rating-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;padding:12px}.post-stars{align-items:center;display:flex;gap:4px;margin-top:6px}.post-star{color:var(--text-muted);cursor:pointer;font-size:22px;transition:var(--transition);-webkit-user-select:none;user-select:none}.post-star.active,.post-star:hover{color:#ffd54f;text-shadow:0 0 10px #ffd54f66}.post-rating-val{color:var(--text-secondary);font-size:13px;margin-left:12px}.post-media-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin:10px 0}.post-media-item{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.post-media-item img,.post-media-item video{height:100%;object-fit:cover;width:100%}.post-media-remove{align-items:center;background:#e74c3cd9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:var(--transition);width:22px}.post-media-remove:hover{background:#e74c3c}.post-media-add{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:var(--transition);width:100%}.post-media-add:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.post-media-add:disabled{cursor:not-allowed;opacity:.5}.post-settings-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.post-setting-row{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:32px;padding:8px 0}.post-setting-row:not(:last-child){border-bottom:1px solid #ffffff0d}.post-setting-row.disabled{cursor:not-allowed;opacity:.4}.post-setting-label{color:var(--text-secondary);flex-shrink:0;font-size:13px}.post-setting-label-sm{color:var(--text-muted);flex-shrink:0;font-size:12px}.post-settings-sub{padding-left:16px;padding-top:4px}label.toggle{display:inline-block;flex-shrink:0;position:relative}label.toggle input{display:none}label.toggle .toggle-slider{background:#ffffff1f;border-radius:99px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition)}label.toggle .toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;content:"";position:absolute;transition:var(--transition)}label.toggle input:checked+.toggle-slider{background:var(--accent)}label.toggle.toggle-sm{height:18px;width:36px}label.toggle.toggle-sm .toggle-slider:before{bottom:2px;height:14px;left:2px;width:14px}label.toggle.toggle-sm input:checked+.toggle-slider:before{transform:translateX(18px)}label.toggle.toggle-xs{height:16px;width:32px}label.toggle.toggle-xs .toggle-slider:before{bottom:2px;height:12px;left:2px;width:12px}label.toggle.toggle-xs input:checked+.toggle-slider:before{transform:translateX(16px)}.post-modal-actions{display:flex;gap:12px;margin-top:8px}.post-modal-actions .btn-primary{flex:1 1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.post-modal{animation:slideUp .3s ease-out;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:86vh;max-width:100%}.drawer-handle{display:block}.post-modal-header{padding:12px 16px}.post-modal-body{padding:16px 16px 24px}.post-modal-close{position:absolute;right:8px;top:8px}}@media (max-width:480px){.post-modal{max-height:82vh}.post-modal-header h3{font-size:16px}.post-chip,.post-form-label{font-size:12px}.post-chip{padding:6px 12px}.post-input,.post-select,.post-textarea{font-size:14px;padding:9px 12px}}@media (min-width:1400px){.post-modal{max-width:640px}}@media (max-width:992px){.post-modal{max-width:95%}}.empty-state{font-size:16px;padding:60px}@media (max-width:640px){.community-header{align-items:flex-start;flex-direction:column;gap:16px}.community-toolbar{align-items:stretch;flex-direction:column}.community-search{width:100%}.post-item{flex-wrap:wrap}.post-item-stats{justify-content:flex-start;width:100%}}.level-badge-tag{align-items:center;background:#2a3a4a;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:3px;margin-left:6px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.level-badge-tag.cosmic{box-shadow:0 0 10px #667eea66,0 0 20px #764ba233}.level-badge-tag.rank-badge-tag-9{background:#56708f!important}.level-badge-tag.rank-badge-tag-19{background:#667eea!important}.level-badge-tag.rank-badge-tag-39{background:#a855f7!important}.level-badge-tag.rank-badge-tag-59{background:#eab308!important;color:#1a1a2e}.level-badge-tag.rank-badge-tag-79{background:#f472b6!important}.level-badge-tag.rank-badge-tag-99{background:#4facfe!important}.official-post{position:relative}.official-post:hover{transform:translateX(4px)}label.toggle.toggle-sm{flex-shrink:0;height:18px!important;width:36px!important}.toggle.toggle-sm .toggle-slider{height:18px;width:36px}.toggle.toggle-sm .toggle-slider:before{bottom:2px;height:14px;left:2px;transition:transform .2s;width:14px}.toggle.toggle-sm input:checked+.toggle-slider:before{transform:translateX(18px)}label.toggle.toggle-xs{flex-shrink:0;height:16px!important;width:32px!important}.toggle.toggle-xs .toggle-slider{height:16px;width:32px}.toggle.toggle-xs .toggle-slider:before{bottom:2px;height:12px;left:2px;transition:transform .2s;width:12px}.toggle.toggle-xs input:checked+.toggle-slider:before{transform:translateX(16px)}@media (min-width:1400px){.community{max-width:1400px}.post-modal{max-width:700px}}@media (max-width:1200px){.community{max-width:100%;padding:24px 16px}}@media (max-width:992px){.community-header h1{font-size:24px}.category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.cat-tab{flex-shrink:0;white-space:nowrap}.post-modal{max-width:95%}}@media (max-width:768px){.community-header{align-items:center;flex-direction:row;gap:16px}.community-header .btn-green{justify-content:flex-start;width:auto}.community-toolbar{align-items:center;flex-direction:row}.community-search{width:240px}.post-item{flex-wrap:wrap;padding:14px 16px}.post-item-body{flex-basis:auto;flex:1 1}.post-item-right{border-top:none;flex-basis:auto;margin-top:0;padding-top:0}.post-avatar{height:36px;width:36px}}@media (max-width:640px){.community{padding:16px 12px}.community-header{align-items:stretch;flex-direction:column;gap:12px}.community-header .btn-green{justify-content:center;padding:12px 16px;width:100%}.community-toolbar{align-items:stretch;flex-direction:column}.community-search{width:100%}.category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.post-modal{padding:16px 12px 24px}.post-modal-header h3{font-size:18px}.post-settings-list{padding:10px}.post-setting-row{padding:6px 0}.post-setting-label{font-size:12px}.post-settings-sub .post-setting-label{font-size:11px}.post-item{gap:10px;padding:12px}.post-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;overflow:hidden;white-space:normal}.post-item-meta{font-size:12px;gap:8px}.post-category-badge{font-size:10px;padding:2px 8px}.post-report-btn{font-size:11px;padding:4px 10px}.level-badge-tag{font-size:10px;padding:1px 6px}.cat-tab{font-size:12px;padding:6px 12px}input,select,textarea{font-size:14px}}@media (max-width:480px){.community{padding:12px 8px}.community-header h1{font-size:20px}.post-modal{margin:5px;max-height:82vh;padding:14px 10px}.post-modal-header{margin-bottom:14px}.post-modal-header h3{font-size:16px}.post-modal-close{font-size:20px;padding:2px}.post-settings-list{padding:8px}.post-setting-label{font-size:11px;gap:4px}.toggle-sm .toggle-slider{height:16px;width:32px}.toggle-sm .toggle-slider:before{height:12px;width:12px}.toggle-xs .toggle-slider{height:14px;width:28px}.toggle-xs .toggle-slider:before{height:10px;width:10px}.toggle-xs input:checked+.toggle-slider:before{transform:translateX(14px)}.post-item{padding:10px}.post-avatar{height:32px;width:32px}.post-item-stats{font-size:12px;gap:12px}.btn-green,.btn-primary{font-size:13px;padding:10px 16px}.media-btn{font-size:12px;padding:8px 12px}}.btn-search{align-items:center;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid var(--border);border-radius:8px;color:#67c1f5;color:var(--accent,#67c1f5);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 16px}.btn-search:hover{background:var(--accent-glow)}.search-modal{background:#1a1f2e;background:var(--bg-card,#1a1f2e);border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:90vw}.search-modal-header{align-items:center;display:flex;gap:8px}.search-modal-input{background:#0d1117;border:1px solid var(--border);border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px 14px}.btn-search-go{align-items:center;background:#67c1f5;background:var(--accent,#67c1f5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:10px 16px}.search-results{margin-top:16px}.search-results .post-item{border-bottom:1px solid var(--border);border-radius:8px;color:var(--text-primary);display:block;padding:12px;text-decoration:none}.search-results .post-item:hover{background:#ffffff0d}.search-results .post-item-title{font-size:14px;font-weight:600;margin-bottom:4px}.search-results .post-item-meta{color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.suicide-warning-banner{background:#1a1a2ef2;border-left:3px solid #f1c40f;border-radius:0 6px 6px 0;color:#ccc;font-size:12px;line-height:1.7;margin:0 0 8px;padding:8px 14px}.suicide-warning-text strong{color:#66c0f4;font-weight:600}.post-share-btn{align-items:center;background:#67c1f514;border:1px solid #67c1f54d;border-radius:6px;color:#67c1f5;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.post-share-btn:hover{background:#67c1f533;border-color:#67c1f5;color:#fff}.share-toast{animation:shareToastIn .3s ease;background:#1a1f2e;border:1px solid #67c1f5;border-radius:8px;color:#67c1f5;font-size:14px;left:50%;padding:10px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}@keyframes shareToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.post-item-body{position:relative}.share-toast-error{animation:shareToastIn .3s ease;background:#2d1518;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;left:50%;padding:10px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.red-envelope-btn-wrap{align-items:center;display:inline-flex}.red-envelope-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:20px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s}.red-envelope-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.red-envelope-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.red-envelope-form{background:#1b2838;border:1px solid #3d5a73;border-radius:12px;box-shadow:0 8px 32px #0006;padding:24px;width:400px}.red-envelope-form h3{align-items:center;color:#e74c3c;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.red-envelope-balance{background:#66c0f41a;border-radius:6px;color:#8f98a0;font-size:13px;margin-bottom:20px;padding:8px 12px}.red-envelope-balance span{color:#2ecc71;font-size:16px;font-weight:700}.form-group label{color:#8f98a0}.quick-amounts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.quick-amt-btn{background:#1b2838;border:1px solid #3d5a73;border-radius:6px;color:#8f98a0;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:44px;padding:6px 4px;transition:all .2s}.quick-amt-btn:hover{border-color:#66c0f4;color:#66c0f4}.quick-amt-btn.active{background:#e74c3c26;border-color:#e74c3c;color:#e74c3c}.amount-input{align-items:center;background:#0d1117;border:1px solid #3d5a73;border-radius:6px;display:flex;overflow:hidden}.amount-input .currency{background:#1b2838;border-right:1px solid #3d5a73;color:#e74c3c;font-size:18px;font-weight:700;padding:10px 12px}.amount-input input{background:#0000;border:none;color:#c6d4df;flex:1 1;font-size:18px;font-weight:600;outline:none;padding:10px 12px}.amount-warn{background:#f1c40f1a;border:1px solid #f1c40f4d;border-radius:6px;color:#f1c40f;font-size:12px;margin-top:6px;padding:6px 10px}.count-input{align-items:center;background:#0d1117;border:1px solid #3d5a73;border-radius:6px;display:flex;overflow:hidden}.count-input button{background:#1b2838;border:none;color:#66c0f4;cursor:pointer;font-size:18px;font-weight:700;padding:10px 14px;transition:background .2s}.count-input button:hover{background:#66c0f433}.count-input input{background:#0000;border:none;color:#c6d4df;flex:1 1;font-size:16px;outline:none;padding:10px 12px;text-align:center;width:60px}.count-hint{color:#8f98a0;font-size:12px;margin-top:6px}.per-amount{background:#2ecc711a;border-radius:6px;color:#8f98a0;font-size:13px;margin-top:12px;padding:8px 12px}.per-amount span{color:#2ecc71;font-weight:700}.form-actions{margin-top:20px}.re-btn-cancel{background:#2c3e50;border:1px solid #566573;border-radius:8px;color:#ecf0f1;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s}.re-btn-cancel:hover{background:#34495e;border-color:#85929e;color:#fff}.re-btn-submit{align-items:center;background:linear-gradient(135deg,#c0392b,#922b21);border:none;border-radius:8px;color:#fdedec;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s}.re-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.re-btn-submit:disabled{cursor:not-allowed;opacity:.5}.simulation-box{background:#0d1117;border:1px solid #3d5a73;border-radius:8px;margin:12px 0;padding:12px}.simulation-header{align-items:center;color:#8f98a0;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.sim-refresh-btn{align-items:center;background:#0000;border:1px solid #3d5a73;border-radius:4px;color:#66c0f4;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.sim-refresh-btn:hover{background:#66c0f41a;border-color:#66c0f4}.simulation-list{display:flex;flex-direction:column;gap:4px}.sim-item{align-items:center;display:flex;font-size:12px;gap:8px}.sim-index{color:#566573;font-weight:600;text-align:center;width:20px}.sim-bar-wrap{background:#1b2838;border-radius:3px;flex:1 1;height:16px;overflow:hidden}.sim-bar{border-radius:3px;height:100%;transition:width .3s ease}.sim-amount{color:#c6d4df;font-weight:600;text-align:right;width:50px}.sim-amount.max{color:#e74c3c}.sim-amount.min{color:#3498db}.simulation-stats{border-top:1px solid #3d5a73;color:#8f98a0;display:flex;font-size:11px;justify-content:space-between;margin-top:10px;padding-top:8px}.random-hint{background:#e74c3c14;border:1px solid #e74c3c33;border-radius:8px;margin-top:12px;padding:12px 16px}.random-hint-title{color:#e74c3c;font-size:14px;font-weight:600;margin-bottom:6px}.random-hint-desc{color:#c6d4df;font-size:13px;margin-bottom:4px}.random-hint-range{color:#8f98a0;font-size:12px}.envelope-display{margin:12px 0}.envelope-card{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;gap:10px;min-width:200px;padding:12px 20px;transition:all .2s}.envelope-card.open{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #e74c3c;box-shadow:0 4px 15px #e74c3c4d}.envelope-card.closed{background:#2c3e50;border:2px solid #555;opacity:.7}.envelope-card:hover:not(.closed):not(.claimed){box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.envelope-card.claimed{cursor:default;opacity:.5}.envelope-icon{font-size:28px}.envelope-info{display:flex;flex-direction:column}.envelope-label{color:#fff;font-size:14px;font-weight:600}.envelope-sublabel{color:#ffffffb3;font-size:11px}.envelope-amount{color:#f1c40f;font-size:18px;font-weight:700;margin-left:auto}.envelope-claimed{color:#95a5a6;font-size:13px;font-weight:600}.envelope-claim-box{background:linear-gradient(135deg,#e74c3c,#c0392b)}.envelope-claim-box .from-user{color:#fffc;font-size:14px;margin-bottom:20px}.type-selector{display:flex;gap:10px}.type-option{align-items:center;background:#0d1117;border:2px solid #3d5a73;display:flex;gap:8px;padding:12px}.type-option:hover{border-color:#66c0f4}.type-option.active{background:#e74c3c1a;border-color:#e74c3c}.type-option input{display:none}.type-icon{font-size:24px}.type-text{display:flex;flex-direction:column}.type-text strong{color:#c6d4df;font-size:14px}.type-text small{color:#8f98a0;font-size:11px}.type-option.active .type-text strong{color:#e74c3c}.post-detail{margin:0 auto;max-width:900px;overflow-x:hidden;padding:32px 20px}.back-btn{background:var(--bg-card);border-radius:var(--radius);display:inline-flex;font-size:14px;gap:6px;margin-bottom:20px;padding:8px 16px;text-decoration:none}.back-btn:hover{background:var(--accent-glow)}.pd-header{margin-bottom:24px}.pd-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.pd-delete-btn{background:none;border:1px solid #3a1a1a;border-radius:8px;color:#ff5252;cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s}.pd-delete-btn:hover{background:#e74c3c26;transform:scale(1.05)}.pd-title-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.pd-share-btn{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:8px;color:#0f8;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.pd-share-btn:hover{background:#0f83;transform:scale(1.05)}.pd-report-btn{align-items:center;background:#ffffff0d;border:1px solid #3a4a5a;border-radius:8px;color:#9aa0a6;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s}.pd-report-btn:hover{background:#ffffff1a;border-color:#e74c3c80;color:#ff5252}.pd-title{color:var(--text-primary);flex:1 1;font-size:26px;font-weight:800;line-height:1.35;margin:0}.pd-divider{background:linear-gradient(90deg,var(--border),#0000);height:1px;margin:12px 0}.pd-category-row{align-items:center;display:flex;gap:10px;margin-top:10px}.pd-header .post-category-badge{background:linear-gradient(135deg,#4fc3f71f,#b388ff1f);border:1px solid var(--border);border-radius:16px;color:var(--accent);display:inline-block;font-size:12px;font-weight:500;padding:3px 12px}.pd-anon-tag{color:#9aa0a6;font-size:12px}.pd-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;margin-top:0}.pd-author-link,.pd-meta{align-items:center;gap:8px}.pd-author-link{color:var(--accent);display:inline-flex;font-weight:600;text-decoration:none}.pd-author-link:hover{opacity:.85}.pd-avatar{border-radius:6px;height:32px;object-fit:cover;width:32px}.pd-author-name{color:var(--text-primary)}.pd-level{background:#4fc3f714;background-size:200% 100%;border-radius:20px;color:#fff;font-size:11px;font-weight:700;line-height:1.4;padding:2px 10px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.pd-level.cosmic{animation:cosmicFlow 4s linear infinite;box-shadow:0 0 15px #667eea80,0 0 30px #764ba24d;text-shadow:0 0 10px #ffffff80}.pd-level.rank-badge-9{background:#b8d4e8!important;color:#4a5a69;text-shadow:none}.pd-level.rank-badge-19{background:linear-gradient(135deg,#667eea,#764ba2)!important}.pd-level.rank-badge-39{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.pd-level.rank-badge-59{background:linear-gradient(135deg,#f5af19,gold)!important}.pd-level.rank-badge-79{background:linear-gradient(135deg,#ff6a88,#ff99ac)!important}.pd-level.rank-badge-99{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.comment-level{align-items:center;background:#4fc3f714;background-size:200% 100%;border-radius:20px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;margin-left:6px;padding:1px 8px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;vertical-align:middle}.comment-level.cosmic{animation:cosmicFlow 4s linear infinite;box-shadow:0 0 10px #667eea66;text-shadow:0 0 8px #ffffff80}.comment-level.rank-badge-9{background:#b8d4e8!important;color:#4a5a69;text-shadow:none}.comment-level.rank-badge-19{background:linear-gradient(135deg,#667eea,#764ba2)!important}.comment-level.rank-badge-39{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.comment-level.rank-badge-59{background:linear-gradient(135deg,#f5af19,gold)!important}.comment-level.rank-badge-79{background:linear-gradient(135deg,#ff6a88,#ff99ac)!important}.comment-level.rank-badge-99{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}@keyframes cosmicFlow{0%{background-position:0 50%}to{background-position:300% 50%}}.pd-time,.pd-views{color:var(--text-muted)}.pd-views{align-items:center;display:flex;font-size:13px;gap:4px}.pd-game-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.game-link{color:var(--accent);font-size:14px;text-decoration:none}.game-link:hover{text-decoration:underline}.game-rating-display{align-items:center;display:flex;font-size:14px;gap:4px;margin-top:8px}.game-rating-display .star{color:var(--text-muted)}.game-rating-display .star.active{color:#ffd54f}.pd-media{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:12px 0 24px}.pd-media-thumb{object-fit:contain}.pd-media-thumb,.pd-media-video-wrap{aspect-ratio:1/1;background:#0a0f14;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;height:100%;width:100%}.pd-media-video-wrap{overflow:hidden;position:relative}.pd-media-video-zoom{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:16px;height:32px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .2s;width:32px;z-index:10}.pd-media-video-zoom:hover{background:#000000d9}.pd-media-video-wrap:hover .pd-media-video-zoom{display:flex}.pd-media-video-wrap .pd-media-thumb{border:none;border-radius:0;display:block;height:100%;object-fit:contain;width:100%}.pd-video-play-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.pd-video-play-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));height:32px;opacity:.75;transition:opacity .2s;width:32px}.pd-media-video-wrap:hover .pd-video-play-icon{opacity:1}.pd-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:15px;line-height:1.6;margin-bottom:16px;padding:16px;white-space:pre-wrap}.pd-actions{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:12px;padding:10px 0 12px}.like-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;justify-content:center;min-height:40px;min-width:48px;padding:8px 18px;transition:var(--transition)}.like-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.03)}.like-btn.liked{background:#2ecc711f;border-color:#2ecc71;color:#2ecc71}.pd-comments-count{color:var(--text-secondary)}.pd-comments-count,.report-btn{align-items:center;display:flex;font-size:14px;gap:6px}.report-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;margin-left:auto;padding:10px 16px;transition:var(--transition)}.report-btn:hover{background:#e74c3c1a;border-color:#ff5252;color:#ff5252}.pd-comments h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.comment-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;margin-bottom:10px;padding:12px;transition:var(--transition)}.comment-item:hover{border-color:var(--accent)}.comment-avatar{border-radius:6px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.comment-body{flex:1 1;min-width:0}.comment-header{flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:6px}.comment-author{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-time{color:var(--text-muted);flex-shrink:0;margin-right:8px;text-align:left;white-space:nowrap}.comment-ip{background:var(--bg-secondary);border-radius:10px;color:var(--text-muted);cursor:default;font-size:11px;padding:2px 8px}.comment-menu-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;padding:4px;transition:all .2s}.comment-menu-btn:hover{background:#66c0f41a;color:var(--accent)}.comment-actions{display:flex;gap:8px;margin-left:auto}.comment-report{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;gap:4px;justify-content:center;padding:4px;transition:var(--transition)}.comment-report:hover{background:#e74c3c1a;color:#ff5252}.comment-delete{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;gap:4px;justify-content:center;margin-left:auto;padding:4px;transition:var(--transition)}.comment-delete:hover{background:#ef53501a;color:#ef5350}.comment-text{color:var(--text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.comment-form{align-items:flex-start;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px}.comment-form>div:last-child{flex:1 1;min-width:0}.comment-form .reply-hint{align-items:center;background:#111827b8;border:1px solid #4fc3f714;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:6px 10px}.comment-form .reply-hint span{color:#9aa0a6;font-size:12px}.comment-form .reply-hint button{background:none;border:none;color:#ff5252;cursor:pointer;font-size:12px;margin-left:auto}.comment-editor{border:1px solid #4fc3f714;border-radius:8px;color:#fff;line-height:1.6;margin-bottom:8px;max-height:120px;min-height:60px;outline:none;overflow-y:auto;padding:8px;white-space:pre-wrap}.comment-editor:focus{border-color:#6366f1}.comment-editor:empty:before{color:#ffffff4d;content:attr(data-placeholder);pointer-events:none}.comment-editor .inline-emoticon{border-radius:4px;display:inline;height:24px;vertical-align:middle;width:24px}.comment-form textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);min-height:80px;padding:14px}.comment-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}@media (max-width:992px){.post-detail{padding:24px 16px}.pd-title{font-size:24px}.pd-meta{gap:10px}}@media (max-width:768px){.pd-header{margin-bottom:18px;padding-bottom:18px}.pd-title{font-size:22px}.pd-meta{font-size:13px;gap:8px}.pd-meta>*{flex-shrink:0}.pd-avatar{height:32px;width:32px}.pd-actions{flex-wrap:wrap}.like-btn,.pd-comments-count,.report-btn{flex:1 1;justify-content:center;min-width:120px}.comment-item{gap:10px;padding:12px}.comment-avatar{height:32px;width:32px}.comment-form{flex-direction:column;gap:10px}.comment-form .comment-avatar{display:none}.comment-header{flex-wrap:wrap;gap:8px}.comment-actions{justify-content:flex-end;margin-top:4px;width:100%}}@media (max-width:640px){.post-detail{padding:16px 12px}.back-btn{font-size:13px;margin-bottom:16px;padding:6px 12px}.pd-title{font-size:20px;margin-bottom:12px}.pd-content{font-size:14px;padding:16px}.pd-actions{align-items:stretch;flex-direction:column;gap:10px;padding:12px 0}.like-btn,.pd-comments-count,.report-btn{justify-content:center;padding:10px 16px}.pd-comments h3{font-size:16px;margin-bottom:14px}.comment-item{padding:10px}.comment-body{flex-basis:calc(100% - 44px)}.comment-author,.comment-text{font-size:13px}.comment-form textarea{min-height:60px;padding:10px}.reply-hint{padding:6px 8px!important}.reply-hint span{font-size:11px!important}}@media (max-width:480px){.post-detail{padding:12px 8px}.pd-title{font-size:18px}.pd-meta{font-size:12px}.comment-ip,.comment-level,.pd-level{font-size:10px;padding:1px 6px}.comment-time{font-size:11px}.like-btn,.pd-comments-count,.report-btn{font-size:13px;padding:8px 12px}.btn-primary{font-size:13px;padding:8px 14px}.comment-form .reply-hint button{font-size:11px}}.envelope-claim-modal{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.envelope-claim-box{animation:envelopeBounce .5s ease;background:linear-gradient(135deg,#ff5252,#c0392b);border-radius:16px;box-shadow:0 0 50px #e74c3c4d;min-width:300px;padding:40px;text-align:center}@keyframes envelopeBounce{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.envelope-claim-box .congrats{color:#f1c40f;font-size:24px;font-weight:700;margin-bottom:10px}.envelope-claim-box .amount-won{color:#fff;font-size:42px;font-weight:700;margin:10px 0}.envelope-claim-box .amount-won span{font-size:24px}.envelope-claim-box .envelope-from{color:#fffc;font-size:14px;margin-bottom:20px}.envelope-claim-box .close-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.envelope-claim-box .close-btn:hover{background:#ffffff4d}.author-crown{animation:crownShine 2s ease-in-out infinite;font-size:16px;margin-left:4px}@keyframes crownShine{0%,to{filter:drop-shadow(0 0 2px #ffd700)}50%{filter:drop-shadow(0 0 6px #ffd700)}}.comment-item.pinned{background:#66c0f414;border:1px solid #66c0f44d;position:relative}.pinned-badge{background:linear-gradient(135deg,#4fc3f7,#b388ff);border-radius:10px;box-shadow:0 2px 8px #66c0f44d;color:#fff;font-size:10px;font-weight:700;left:12px;padding:2px 8px;position:absolute;top:-8px}.longpress-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1200}.longpress-menu{animation:menuSlide .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;position:fixed;transform:translateX(-50%)}@keyframes menuSlide{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.longpress-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background .15s;white-space:nowrap;width:100%}.longpress-item:hover{background:var(--bg-dark)}.longpress-item:first-child{border-radius:12px 12px 0 0}.longpress-item:last-child{border-radius:0 0 12px 12px}.longpress-item:not(:last-child){border-bottom:1px solid var(--border)}.longpress-item:has(svg:first-child) svg{color:var(--accent)}.longpress-item.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.longpress-item.disabled:hover{background:#0000}.pd-media-image{cursor:pointer}.share-popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.share-popup{background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid #2d3339;border:1px solid var(--border,#2d3339);border-radius:16px;max-width:400px;padding:28px 32px;text-align:center;width:90vw}.share-popup h3{color:#67c1f5;color:var(--accent,#67c1f5);font-size:18px;margin:0 0 12px}.share-popup p{color:#9aa0a6;color:var(--text-secondary,#9aa0a6);font-size:14px;margin:0 0 20px}.share-popup-actions{display:flex;gap:12px;justify-content:center}.inline-reply-box{animation:slideDown .15s ease;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:8px;margin:4px 0 8px 40px;padding:10px 12px}.inline-reply-box .comment-avatar.small{flex-shrink:0;height:24px;margin-top:2px;width:24px}.inline-reply-editor-wrap{flex:1 1;min-width:0}.inline-reply-editor-wrap .comment-editor.inline{background:#0003;border-radius:6px;font-size:13px;line-height:1.5;max-height:80px;min-height:36px;padding:6px 8px}.inline-reply-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.music-modal{--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}.modal-overlay{animation:overlayIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e17d9;bottom:0;left:0;right:0;top:0;z-index:9999}.music-modal{animation:modalIn .4s var(--ease-out-expo);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827b3;border:1px solid #4fc3f72e;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #4fc3f714;color:#e8eaed;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;position:relative;width:94%}.music-modal:before{animation:nebulaDrift 14s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 50%,#4fc3f724,#0000 60%),radial-gradient(circle at 70% 50%,#b388ff1f,#0000 60%);content:"";filter:blur(30px);height:460px;left:50%;pointer-events:none;position:absolute;top:-120px;transform:translateX(-50%);width:120%;z-index:0}.music-modal-body,.music-modal-header,.music-tabs{position:relative;z-index:1}.music-modal-body::-webkit-scrollbar,.music-modal::-webkit-scrollbar{width:0}.music-modal-header{align-items:center;border-bottom:1px solid #4fc3f71f;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.music-modal-header h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;display:flex;font-size:20px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0}.header-actions{align-items:center;gap:12px}.fragments-badge{align-items:center;animation:shimmer 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4dd0e114;border:1px solid #4dd0e140;border-radius:12px;color:#4dd0e1;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.modal-close-btn{align-items:center;background:#4fc3f714;border:1px solid #4fc3f72e;border-radius:10px;color:#b0b8c8;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .25s var(--ease-out-quart);width:32px}.modal-close-btn:hover{border-color:#4fc3f78c;box-shadow:0 0 16px #4fc3f726;color:#4fc3f7;transform:rotate(90deg)}.modal-close-btn:active{transform:rotate(90deg) scale(.92)}.music-tabs{background:#00000026;display:flex;gap:4px;padding:10px 24px}.music-tabs button{align-items:center;background:#0000;border:none;border-radius:12px;color:#5f6368;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .25s var(--ease-out-quart)}.music-tabs button:hover{background:#4fc3f714;color:#b0b8c8}.music-tabs button.active{background:#4fc3f71a;box-shadow:0 0 20px #4fc3f71f;color:#4fc3f7}.music-tabs button:active{transform:scale(.97)}.music-modal-body{flex:1 1;min-height:300px;overflow-y:auto;padding:20px 24px 24px}.equipped-info{align-items:center;animation:itemEnter .5s var(--ease-out-quart) backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827a6;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.equipped-info>span:first-child{color:#5f6368}.equipped-name{align-items:center;display:flex;font-weight:600;gap:4px}.equipped-none{color:#5f6368;font-style:italic}.cards-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:24px}.empty-cards{animation:itemEnter .5s var(--ease-out-quart) backwards;color:#5f6368;font-size:14px;padding:60px 20px;text-align:center;width:100%}.music-card{animation:cardEnter .55s var(--ease-out-expo) backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827a6;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;height:220px;overflow:hidden;position:relative;transition:transform .35s var(--ease-out-quart),box-shadow .35s var(--ease-out-quart),border-color .35s var(--ease-out-quart);width:160px}.music-card:first-child{animation-delay:.05s}.music-card:nth-child(2){animation-delay:.13s}.music-card:nth-child(3){animation-delay:.21s}.music-card:nth-child(4){animation-delay:.29s}.music-card:nth-child(5){animation-delay:.37s}.music-card:nth-child(6){animation-delay:.45s}.music-card:nth-child(n+7){animation-delay:.5s}.music-card:before{background:linear-gradient(90deg,#0000,#4fc3f759,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0;z-index:2}.music-card:hover{border-color:#4fc3f766;box-shadow:0 16px 40px #00000073,0 0 36px #4fc3f72e;transform:translateY(-6px)}.card-cover{align-items:center;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative}.card-cover img{height:100%;object-fit:cover;transition:transform .5s var(--ease-out-quart);width:100%}.music-card:hover .card-cover img{transform:scale(1.08)}.card-cover-placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:transform .5s var(--ease-out-quart);width:100%}.music-card:hover .card-cover-placeholder{transform:scale(1.05)}.card-cover-placeholder:before{animation:coverGlow 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#4fc3f71f,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.card-cover-icon{animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(79,195,247,.6));font-size:48px;opacity:.55}.card-rarity-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:10px;font-weight:700;left:8px;padding:3px 10px;position:absolute;top:8px;z-index:3}.card-info{background:#0a0e1773;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:10px 12px}.card-name{color:#e8eaed;font-size:13px;font-weight:600;line-height:1.2;text-align:center}.card-equipped-tag{align-items:center;animation:tagPulse 2s ease-in-out infinite;color:#4fc3f7;display:flex;font-size:10px;gap:4px;justify-content:center;text-align:center}.card-equip-btn,.card-exchange-btn,.card-unequip-btn{background:#4fc3f714;border:1px solid;border-radius:10px;cursor:pointer;font-size:11px;font-weight:600;margin-top:4px;padding:6px 4px;transition:all .25s var(--ease-out-quart);width:100%}.card-equip-btn{border-color:#4fc3f747;color:#4fc3f7}.card-equip-btn:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e,0 0 30px #4fc3f714;transform:translateY(-2px)}.card-exchange-btn{background:#ffb30014;border-color:#ffb30047;color:#ffb300}.card-exchange-btn:hover{border-color:#ffb3008c;box-shadow:0 4px 20px #ffb3002e;transform:translateY(-2px)}.card-unequip-btn{background:#ff525214;border-color:#ff525247;color:#ff5252}.card-unequip-btn:hover{border-color:#ff52528c;box-shadow:0 4px 20px #ff52522e;transform:translateY(-2px)}.card-equip-btn:active,.card-exchange-btn:active,.card-unequip-btn:active{transform:translateY(0) scale(.96)}.exchange-section{animation:itemEnter .5s var(--ease-out-quart) .3s backwards;border-top:1px solid #4fc3f71f;margin-top:8px;padding-top:20px}.exchange-section h4{align-items:center;color:#b0b8c8;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.exchange-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.checkin-calendar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827a6;border:1px solid #4fc3f71f;border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;margin-bottom:20px;padding:16px}.checkin-calendar-title{align-items:center;color:#b0b8c8;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px}.checkin-week{display:flex;gap:8px;justify-content:space-between}.checkin-day{animation:dayEnter .45s var(--ease-out-expo) backwards;background:#11182766;border:1px solid #4fc3f714;border-radius:12px;cursor:default;flex:1 1;padding:10px 0;text-align:center;transition:all .25s var(--ease-out-quart)}.checkin-day:first-child{animation-delay:.08s}.checkin-day:nth-child(2){animation-delay:.16s}.checkin-day:nth-child(3){animation-delay:.24s}.checkin-day:nth-child(4){animation-delay:.32s}.checkin-day:nth-child(5){animation-delay:.4s}.checkin-day:nth-child(6){animation-delay:.48s}.checkin-day:nth-child(7){animation-delay:.56s}.checkin-day:hover:not(.checked):not(.today){background:#4fc3f70f;border-color:#4fc3f726;transform:translateY(-2px)}.checkin-day.today{animation:dayEnter .45s var(--ease-out-expo) backwards,todayPulse 2.2s ease-in-out .6s infinite;background:#4fc3f71f;border-color:#4fc3f759;cursor:pointer}.checkin-day.checked{background:#4fc3f726;border-color:#4fc3f766;box-shadow:0 0 12px #4fc3f733}.checkin-day-label{color:#5f6368;font-size:11px;margin-bottom:6px}.checkin-day-num{align-items:center;color:#e8eaed;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:24px}.checkin-day.checked .checkin-day-num{animation:checkPop .4s var(--ease-out-expo);color:#4fc3f7}.checkin-btn,.checkin-day.today .checkin-day-label{color:#4fc3f7}.checkin-btn{align-items:center;background:#4fc3f714;border:1px solid #4fc3f747;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin-bottom:16px;padding:12px;transition:all .25s var(--ease-out-quart);width:100%}.checkin-btn:not(:disabled){animation:btnPulse 2.5s ease-in-out infinite}.checkin-btn:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f738,0 0 30px #4fc3f71a;transform:translateY(-2px)}.checkin-btn:active{transform:translateY(0) scale(.98)}.checkin-btn:disabled{animation:none;border-color:#4fc3f726;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{align-items:center;animation:itemEnter .5s var(--ease-out-quart) backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827a6;border:1px solid #4fc3f71f;border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;display:flex;flex-wrap:wrap;gap:14px;padding:16px;transition:transform .3s var(--ease-out-quart),box-shadow .3s var(--ease-out-quart),border-color .3s var(--ease-out-quart)}.task-item:first-child{animation-delay:.1s}.task-item:nth-child(2){animation-delay:.18s}.task-item:nth-child(3){animation-delay:.26s}.task-item:nth-child(n+4){animation-delay:.34s}.task-item:hover{border-color:#4fc3f747;box-shadow:0 10px 32px #0006,0 0 24px #4fc3f71a;transform:translateY(-3px)}.task-item.completed{border-left:3px solid #4fc3f780}.task-info{flex:1 1;min-width:160px}.task-title{color:#e8eaed;font-size:14px;font-weight:600;margin-bottom:4px}.task-desc{color:#5f6368;font-size:12px;line-height:1.4;margin-bottom:6px}.task-reward{align-items:center;color:#4dd0e1;display:flex;font-size:12px;font-weight:600;gap:4px}.task-progress{width:120px}.progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.progress-fill{animation:progressGrow .8s var(--ease-out-quart);background:linear-gradient(90deg,#4fc3f7,#b388ff);border-radius:3px;height:100%}.progress-text{color:#5f6368;display:block;font-size:11px;font-weight:500;margin-top:4px;text-align:center}.task-claim-btn{background:#4fc3f714;border:1px solid #4fc3f747;border-radius:12px;color:#4fc3f7;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .25s var(--ease-out-quart);white-space:nowrap}.task-claim-btn:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e;transform:translateY(-2px)}.task-claim-btn:active{transform:translateY(0) scale(.95)}.task-claimed{align-items:center;color:#4fc3f7;display:flex;font-size:12px;font-weight:600;gap:4px}.rarity-stars{vertical-align:middle}.music-confirm-overlay{align-items:center;animation:overlayIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e17b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.music-confirm-box{animation:confirmIn .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827d9;border:1px solid #4fc3f72e;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #4fc3f71a;max-width:360px;padding:28px 32px;text-align:center;width:90%}.music-confirm-text{color:#e8eaed;font-size:15px;line-height:1.6;margin-bottom:24px}.music-confirm-actions{display:flex;gap:12px;justify-content:center}.music-confirm-btn{background:#4fc3f714;border:1px solid #4fc3f747;border-radius:12px;color:#4fc3f7;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .25s var(--ease-out-quart)}.music-confirm-btn:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e;transform:translateY(-2px)}.music-confirm-btn:active{transform:translateY(0) scale(.96)}.music-confirm-btn-cancel{background:#ffffff0a;border-color:#ffffff1a;color:#5f6368}.music-confirm-btn-cancel:hover{border-color:#ffffff40;box-shadow:0 4px 16px #ffffff0f;color:#b0b8c8;transform:translateY(-2px)}.music-card[data-rarity="5"]{animation:cardEnter .55s var(--ease-out-expo) backwards,legendaryGlow 2.5s ease-in-out infinite;border-color:#ff980080;box-shadow:0 4px 30px #ff980033,0 0 60px #ffc1071a}.music-card[data-rarity="5"]:before{background:linear-gradient(90deg,#0000,#ff980080,#0000);opacity:1}.music-card[data-rarity="5"]:hover{border-color:#ff9800b3;box-shadow:0 16px 44px #ff980066,0 0 80px #ffc10740}.music-card[data-rarity="4"]{animation:cardEnter .55s var(--ease-out-expo) backwards,epicBreath 3s ease-in-out infinite;border-color:#9c27b066;box-shadow:0 4px 24px #9c27b026}.music-card[data-rarity="4"]:before{background:linear-gradient(90deg,#0000,#9c27b073,#0000);opacity:.85}.music-card[data-rarity="4"]:hover{border-color:#9c27b0a6;box-shadow:0 16px 40px #9c27b04d}.music-card[data-rarity="3"]{animation:cardEnter .55s var(--ease-out-expo) backwards,rareGlow 3.5s ease-in-out infinite;border-color:#2196f34d;box-shadow:0 4px 24px #2196f326}.music-card[data-rarity="3"]:before{background:linear-gradient(90deg,#0000,#2196f373,#0000);opacity:.85}.music-card[data-rarity="3"]:hover{border-color:#2196f38c;box-shadow:0 16px 40px #2196f34d}.music-card[data-rarity="2"]{border-color:#4caf504d;box-shadow:0 4px 24px #4caf5026}.music-card[data-rarity="2"]:before{background:linear-gradient(90deg,#0000,#4caf5073,#0000);opacity:.85}.music-card[data-rarity="2"]:hover{border-color:#4caf508c;box-shadow:0 16px 40px #4caf504d}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dayEnter{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes itemEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes todayPulse{0%,to{box-shadow:0 0 16px #4fc3f726}50%{box-shadow:0 0 28px #4fc3f759}}@keyframes btnPulse{0%,to{box-shadow:0 0 0 #4fc3f700}50%{box-shadow:0 0 24px #4fc3f733}}@keyframes toastIn{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirmIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes coverGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tagPulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes progressGrow{0%{width:0}}@keyframes shimmer{0%,to{box-shadow:0 0 12px #4dd0e126}50%{box-shadow:0 0 20px #4dd0e14d}}@keyframes legendaryGlow{0%,to{box-shadow:0 4px 30px #ff980033,0 0 60px #ffc1071a}50%{box-shadow:0 6px 44px #ff980066,0 0 80px #ffc10738}}@keyframes epicBreath{0%,to{box-shadow:0 4px 24px #9c27b026}50%{box-shadow:0 6px 36px #9c27b04d}}@keyframes rareGlow{0%,to{box-shadow:0 4px 24px #2196f326}50%{box-shadow:0 6px 36px #2196f34d}}@media (prefers-reduced-motion:reduce){.card-cover-icon,.card-cover-placeholder:before,.card-equipped-tag,.checkin-btn,.checkin-day,.checkin-day.today,.empty-cards,.equipped-info,.exchange-section,.fragments-badge,.modal-overlay,.music-card,.music-confirm-box,.music-confirm-overlay,.music-modal,.music-toast,.progress-fill,.task-item{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.homepage-music-widget{align-items:flex-end;animation:hpmSlideIn .6s cubic-bezier(.16,1,.3,1) both;bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:999}@keyframes hpmSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hpm-col{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.hpm-btn-row{align-items:center;animation:hpmFadeIn .4s ease-out .2s both;display:flex;flex-direction:row;gap:6px}@keyframes hpmFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.homepage-music-card{align-items:center;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#0f1423bf;border:1px solid #4fc3f71f;border-radius:16px;box-shadow:0 4px 24px #0006,0 0 40px #4fc3f70a,inset 0 1px 0 #ffffff0a;cursor:pointer;display:flex;gap:12px;max-width:240px;min-width:0;overflow:hidden;padding:10px 14px 10px 10px;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1)}.homepage-music-card:before{background:linear-gradient(90deg,#0000,#4fc3f780,#b388ff80,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.homepage-music-card:after{background:radial-gradient(circle,#4fc3f714,#0000 70%);content:"";height:100px;pointer-events:none;position:absolute;right:-20%;top:-30%;transition:all .5s ease;width:100px}.homepage-music-card:hover{border-color:#4fc3f747;box-shadow:0 8px 36px #00000073,0 0 50px #4fc3f714,inset 0 1px 0 #ffffff0f;transform:translateY(-3px)}.homepage-music-card:hover:after{background:radial-gradient(circle,#4fc3f724,#0000 70%);transform:scale(1.3)}.homepage-music-card[data-playing=true]{border-color:#4fc3f738}.homepage-music-card[data-playing=true]:before{animation:hpmTopGlow 2s ease-in-out infinite;height:2px;opacity:1}@keyframes hpmTopGlow{0%,to{opacity:.6}50%{opacity:1}}.homepage-music-card[data-rarity="1"],.homepage-music-card[data-rarity="2"]{border-color:#4dd0e12e;box-shadow:0 4px 24px #0006,0 0 30px #4dd0e10a}.homepage-music-card[data-rarity="1"] .hpm-name,.homepage-music-card[data-rarity="2"] .hpm-name{color:#4dd0e1}.homepage-music-card[data-rarity="3"]{border-color:#2196f34d;box-shadow:0 4px 24px #0006,0 0 35px #2196f314}.homepage-music-card[data-rarity="3"] .hpm-name{color:#64b5f6}.homepage-music-card[data-rarity="3"]:before{animation:hpmRarePulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2196f3,#0000)}@keyframes hpmRarePulse{0%,to{opacity:.4}50%{opacity:.9}}.homepage-music-card[data-rarity="4"]{background:linear-gradient(135deg,#0f1423cc,#4a145a40,#0f1423cc);border-color:#9c27b059;box-shadow:0 4px 24px #00000073,0 0 40px #9c27b01f,inset 0 1px 0 #ba68c814}.homepage-music-card[data-rarity="4"] .hpm-name{color:#ce93d8}.homepage-music-card[data-rarity="4"]:before{animation:hpmEpicShimmer 2.5s linear infinite;background:linear-gradient(90deg,#0000,#9c27b0,#ba68c8,#9c27b0,#0000);background-size:200% 100%;height:2px}@keyframes hpmEpicShimmer{to{background-position:-200% 0}}.homepage-music-card[data-rarity="4"]:after{background:radial-gradient(circle,#9c27b01a,#0000 70%)}.homepage-music-card[data-rarity="5"]{animation:hpmLegendaryBreath 3s ease-in-out infinite;background:linear-gradient(135deg,#0f1423d9,#50370a4d,#0f1423d9);border-color:#ffc10766;box-shadow:0 4px 28px #00000080,0 0 50px #ffc1071a,0 0 80px #ff98000d}.homepage-music-card[data-rarity="5"] .hpm-name{color:#ffd54f}.homepage-music-card[data-rarity="5"]:before{animation:hpmLegendaryShine 2s linear infinite;background:linear-gradient(90deg,#0000,#ffa000,gold,#ffa000,gold,#0000);background-size:300% 100%;height:2px}.homepage-music-card[data-rarity="5"]:after{background:radial-gradient(circle,#ffc10726,#0000 70%)}@keyframes hpmLegendaryBreath{0%,to{box-shadow:0 4px 28px #00000080,0 0 50px #ffc1071a,0 0 80px #ff98000d}50%{box-shadow:0 6px 36px #0000008c,0 0 65px #ffc1072e,0 0 100px #ff980014}}@keyframes hpmLegendaryShine{to{background-position:-300% 0}}.hpm-cover{border-radius:11px;box-shadow:0 2px 10px #0000004d,inset 0 1px 0 #ffffff0f;flex-shrink:0;height:46px;overflow:hidden;position:relative;width:46px}.hpm-cover img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1);width:100%}.homepage-music-card:hover .hpm-cover img{transform:scale(1.08)}.homepage-music-card[data-playing=true] .hpm-cover img{animation:hpmCoverSpin 8s linear infinite}@keyframes hpmCoverSpin{to{transform:rotate(1turn)}}.hpm-cover-placeholder{height:100%;overflow:hidden;width:100%}.hpm-cover-placeholder,.hpm-cover-placeholder span{align-items:center;display:flex;justify-content:center;position:relative}.hpm-cover-placeholder span{animation:hpmNoteFloat 2s ease-in-out infinite;z-index:1}@keyframes hpmNoteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hpm-cover-placeholder:before{background:linear-gradient(135deg,#4fc3f726,#b388ff1a,#4fc3f714);content:"";inset:0;position:absolute}.hpm-cover-placeholder:after{animation:hpmPlaceholderGlow 3s ease-in-out infinite;background:radial-gradient(circle,#4fc3f71f,#0000 70%);content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}@keyframes hpmPlaceholderGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.hpm-info{flex:1 1;min-width:0;padding-right:2px}.hpm-name{color:#ffffffeb;font-size:13px;font-weight:600;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.hpm-rarity{color:#ffffff6b;display:flex;font-size:10.5px;gap:4px;letter-spacing:.2px;margin-top:4px}.hpm-rarity,.rarity-stars{align-items:center;line-height:1}.rarity-stars{display:inline-flex;gap:2px}.hpm-controls{gap:6px}.hpm-controls,.hpm-play-btn{align-items:center;display:flex;flex-shrink:0}.hpm-play-btn{background:none;border:none;border-radius:50%;color:#ffffffd9;cursor:pointer;font-size:17px;justify-content:center;padding:6px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.hpm-play-btn:before{background:#4fc3f71a;border-radius:50%;content:"";inset:0;position:absolute;transform:scale(0);transition:transform .3s ease}.hpm-play-btn:hover:before{transform:scale(1)}.hpm-play-btn:hover:not(:disabled){color:#4fc3f7;transform:scale(1.08)}.hpm-play-btn:active:not(:disabled){transform:scale(.94)}.hpm-play-btn:disabled{cursor:default;opacity:.3}.homepage-music-card[data-playing=true] .hpm-play-btn{animation:hpmPlayBtnPulse 1.8s ease-in-out infinite;color:#4fc3f7}@keyframes hpmPlayBtnPulse{0%,to{filter:drop-shadow(0 0 3px rgba(79,195,247,.3))}50%{filter:drop-shadow(0 0 8px rgba(79,195,247,.6))}}.hpm-volume-wrap{align-items:center;display:flex;position:relative}.hpm-volume-icon{align-items:center;appearance:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f1626cc;border:1px solid #4fc3f71a;border-radius:10px;color:#ffffff8c;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:30px}.hpm-volume-icon:hover{background:#4fc3f714;border-color:#4fc3f759;box-shadow:0 0 14px #4fc3f726;color:#ffffffe6;transform:scale(1.05)}.hpm-volume-icon:active{transform:scale(.95)}.hpm-volume-slider{animation:hpmSliderPop .25s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f1626eb;border:1px solid #4fc3f71f;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 6px 24px #00000080,0 0 30px #4fc3f70f;padding:10px 14px;position:absolute;right:-8px;z-index:1000}@keyframes hpmSliderPop{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hpm-volume-slider:after{background:#0f1626eb;border-bottom:1px solid #4fc3f71f;border-right:1px solid #4fc3f71f;bottom:-6px;clip-path:polygon(0 0,100% 0,100% 100%);content:"";height:12px;position:absolute;right:18px;transform:rotate(45deg);width:12px}.hpm-volume-slider input[type=range]{appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:background .2s;width:84px}.hpm-volume-slider input[type=range]:hover{background:#ffffff29}.hpm-volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#4fc3f7,#81d4fa);border:2px solid #0f1626e6;border-radius:50%;box-shadow:0 0 8px #4fc3f766;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.hpm-volume-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px #4fc3f799;transform:scale(1.15)}.hpm-volume-slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#4fc3f7,#81d4fa);border:2px solid #0f1626e6;border-radius:50%;box-shadow:0 0 8px #4fc3f766;cursor:pointer;height:14px;width:14px}.hpm-settings-btn{align-items:center;appearance:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f1626cc;border:1px solid #4fc3f71a;border-radius:10px;color:#ffffff8c;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:30px}.hpm-settings-btn:hover{background:#b388ff14;border-color:#b388ff59;box-shadow:0 0 14px #b388ff26;color:#ffffffe6;transform:scale(1.05) rotate(45deg)}.hpm-settings-btn:active{transform:scale(.95) rotate(45deg)}.hpm-settings-btn-empty{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f1626bf;border-color:#4fc3f733;border-radius:10px;color:#ffffffa6;display:inline-flex;font-size:11px;gap:5px;height:auto;letter-spacing:.4px;padding:6px 13px;transition:all .3s cubic-bezier(.16,1,.3,1);width:auto}.hpm-settings-btn-empty:hover{background:#4fc3f714;border-color:#4fc3f766;box-shadow:0 0 18px #4fc3f726;color:#4fc3f7;transform:translateY(-1px)}.hpm-spectrum{align-items:flex-end;display:flex;gap:2px;height:14px;padding:0 2px}.hpm-spectrum span{animation:hpmSpectrumBounce .8s ease-in-out infinite;background:linear-gradient(0deg,#4fc3f7,#b388ffcc);border-radius:1.5px;width:3px}.hpm-spectrum span:first-child{animation-delay:0s;height:40%}.hpm-spectrum span:nth-child(2){animation-delay:.15s;height:70%}.hpm-spectrum span:nth-child(3){animation-delay:.3s;height:50%}.hpm-spectrum span:nth-child(4){animation-delay:.1s;height:80%}.hpm-spectrum span:nth-child(5){animation-delay:.25s;height:55%}@keyframes hpmSpectrumBounce{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.homepage-music-widget ::-webkit-scrollbar{display:none}.homepage-music-widget{-ms-overflow-style:none;scrollbar-width:none}@keyframes libFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.library{-ms-overflow-style:none;margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:32px 20px 60px;position:relative;scrollbar-width:none}.library::-webkit-scrollbar{display:none}.library:before{background:radial-gradient(circle at 30% 40%,#4fc3f729,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff24,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:280px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:0}.library .page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;display:flex!important;font-size:26px;font-weight:700;gap:12px;letter-spacing:1px;margin:0;position:relative;z-index:1}.library .page-title svg{-webkit-text-fill-color:initial;color:#4fc3f7;filter:drop-shadow(0 0 8px rgba(79,195,247,.5))}.library-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.library-stats{color:#9aa0a6;display:flex;font-size:13px;gap:20px}.library-search{background:#4fc3f70d;border:1px solid #4fc3f733;border-radius:12px;color:#e8eaed;display:block;font-size:14px;margin-bottom:24px;max-width:340px;outline:none;padding:12px 16px;position:relative;transition:border-color .2s,box-shadow .2s;width:100%;z-index:1}.library-search::placeholder{color:#5f6368}.library-search:focus{border-color:#4fc3f799;box-shadow:0 0 0 3px #4fc3f71f,0 0 20px #4fc3f714}.library-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));position:relative;z-index:1}.library-item{animation:libFadeIn .4s ease-out both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1118278c;border:1px solid #4fc3f721;border-radius:14px;box-shadow:0 2px 12px #00000040;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .28s ease}.library-item:hover{border-color:#4fc3f766;box-shadow:0 10px 30px #00000059,0 0 24px #4fc3f726;transform:translateY(-4px)}.library-item img{aspect-ratio:16/7.5;display:block;object-fit:cover;transition:transform .35s ease;width:100%}.library-item:hover img{transform:scale(1.05)}.library-item-info{background:linear-gradient(180deg,#11182740,#111827a6);padding:12px 14px}.library-item-title{color:#e8eaed;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.library-item:hover .library-item-title{color:#4fc3f7;text-shadow:0 0 12px #4fc3f74d}.library-item-time{align-items:center;color:#9aa0a6;display:flex;font-size:12px}.library-item-hover{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#0a0e17d1,#4fc3f747);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.library-item:hover .library-item-hover{opacity:1}.library-item-hover span{background:#4fc3f71a;border:1px solid #4fc3f766;border-radius:10px;color:#4fc3f7;font-size:15px;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-shadow:0 0 14px #4fc3f780}.library-item-taken-down{align-items:center;background:#ff525214;border-top:1px solid #ff52524d;display:flex;gap:8px;padding:8px 12px}.library-item-taken-down .td-icon{align-items:center;background:linear-gradient(135deg,#ff525240,#ff914d26);border:1px solid #ff52524d;border-radius:50%;box-shadow:0 0 8px #ff525233,inset 0 0 4px #ff8a8026;color:#ff6b6b;display:inline-flex;flex-shrink:0;font-size:0;height:18px;justify-content:center;width:18px}.library-item-taken-down .td-icon:before{color:#ff8a80;content:"!";font-size:11px;font-weight:800;line-height:1}.library-item-taken-down .td-text{color:#ff8a80;font-size:12px;font-weight:600}.library-empty{animation:libFadeIn .45s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1118278c;border:1px solid #4fc3f724;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;color:#b0b8c8;font-size:16px;padding:70px 30px;position:relative;text-align:center;z-index:1}.library-empty:before{background:linear-gradient(90deg,#0000,#4fc3f74d,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.library-empty-icon{color:#4fc3f7;display:flex;filter:drop-shadow(0 0 14px rgba(79,195,247,.2));font-size:60px;justify-content:center;margin-bottom:16px;opacity:.4}.library-empty p{color:#9aa0a6;font-size:15px;letter-spacing:.5px;margin:0}.library .btn-green{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4fc3f71f,#b388ff1a)!important;background-image:none!important;border:1px solid #4fc3f761!important;border-radius:12px!important;box-shadow:0 2px 12px #4fc3f71f,inset 0 1px 0 #ffffff0d!important;color:#4fc3f7!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px;margin-top:18px!important;overflow:hidden;padding:12px 32px!important;position:relative;text-decoration:none!important;transition:all .25s ease!important}.library .btn-green:before{background:linear-gradient(135deg,#4fc3f738,#b388ff29);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.library .btn-green:hover{background:linear-gradient(135deg,#4fc3f729,#b388ff1f)!important;border-color:#4fc3f7a6!important;box-shadow:0 6px 26px #4fc3f738,0 0 36px #b388ff1f!important;color:#7ee8fa!important;transform:translateY(-2px)!important}.library .btn-green:hover:before{opacity:1}.library .btn-green:active{transform:translateY(0)!important}@keyframes cartFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cartShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cart{-ms-overflow-style:none;margin:0 auto;max-width:1100px;min-height:calc(100vh - 200px);padding:32px 20px 60px;position:relative;scrollbar-width:none}.cart::-webkit-scrollbar{display:none}.cart:before{background:radial-gradient(circle at 30% 40%,#4fc3f729,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff24,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:280px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:0}.cart .page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;display:flex!important;font-size:26px;font-weight:700;gap:12px;letter-spacing:1px;margin-bottom:28px;position:relative;z-index:1}.cart .page-title svg{-webkit-text-fill-color:initial;color:#4fc3f7;filter:drop-shadow(0 0 8px rgba(79,195,247,.5))}.cart-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11182773;border:1px solid #4fc3f726;border-radius:14px;box-shadow:0 4px 20px #00000040,inset 0 1px 0 #ffffff08;gap:0;margin-bottom:28px;padding:5px;z-index:1}.cart-tab,.cart-tabs{display:flex;position:relative}.cart-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#8b9cad;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:11px 20px;transition:all .25s ease}.cart-tab:hover{background:#4fc3f70f;color:#c6d4df}.cart-tab.active{background:linear-gradient(135deg,#4fc3f72e,#b388ff1f);border:1px solid #4fc3f74d;box-shadow:0 0 18px #4fc3f726,inset 0 1px 0 #ffffff0f;color:#4fc3f7}.cart-tab-count{background:#4fc3f726;border-radius:10px;color:#4fc3f7;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center;transition:all .2s}.cart-tab.active .cart-tab-count{background:#4fc3f747;box-shadow:0 0 8px #4fc3f733;color:#7ee8fa}.cart-empty{align-items:center;animation:cartFadeIn .45s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1118278c;border:1px solid #4fc3f724;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;color:#b0b8c8;display:flex;flex-direction:column;font-size:16px;gap:18px;padding:70px 30px;position:relative;text-align:center;z-index:1}.cart-empty:before{background:linear-gradient(90deg,#0000,#4fc3f74d,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.cart-empty svg{color:#4fc3f7;filter:drop-shadow(0 0 12px rgba(79,195,247,.15));opacity:.35}.cart-empty p{color:#9aa0a6;font-size:15px;letter-spacing:.5px}.cart .btn-primary,.cart-empty .btn-primary{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4fc3f71a!important;background-image:none!important;border:1px solid #4fc3f759!important;border-radius:12px!important;box-shadow:0 2px 12px #4fc3f71f,inset 0 1px 0 #ffffff0d!important;color:#4fc3f7!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 32px!important;position:relative;text-decoration:none!important;transition:all .25s ease!important}.cart .btn-primary:before,.cart-empty .btn-primary:before{background:linear-gradient(135deg,#4fc3f72e,#b388ff1f);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.cart .btn-primary:hover,.cart-empty .btn-primary:hover{background:#4fc3f714!important;border-color:#4fc3f799!important;box-shadow:0 4px 22px #4fc3f733,0 0 30px #b388ff1a!important;color:#4fc3f7!important;transform:translateY(-2px)!important}.cart .btn-primary:hover:before,.cart-empty .btn-primary:hover:before{opacity:1}.cart .btn-primary:active,.cart-empty .btn-primary:active{transform:translateY(0)!important}.cart-layout{align-items:flex-start;display:flex;gap:24px;position:relative;z-index:1}.cart-items{display:flex;flex:1 1;flex-direction:column;gap:10px}.cart-item{align-items:center;animation:cartFadeIn .4s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11182799;border:1px solid #4fc3f721;border-radius:14px;border-radius:var(--radius,14px);box-shadow:0 2px 12px #0003;display:flex;gap:16px;overflow:hidden;padding:14px 16px;position:relative;transition:all .25s ease}.cart-item:before{background:linear-gradient(90deg,#0000,#4fc3f740,#0000);content:"";height:1px;left:0;opacity:.4;position:absolute;right:0;top:0}.cart-item:hover{border-color:#4fc3f759;box-shadow:0 8px 24px #0000004d,0 0 20px #4fc3f71a;transform:translateY(-2px)}.cart-item-img{border:1px solid #4fc3f71f;border-radius:10px;flex-shrink:0;height:69px;object-fit:cover;transition:all .25s ease;width:184px}.cart-item:hover .cart-item-img{border-color:#4fc3f74d;box-shadow:0 0 12px #4fc3f726}.cart-item-info{flex:1 1;min-width:0}.cart-item-title{color:#e8eaed;display:block;font-size:15px;font-weight:600;margin-bottom:6px;text-decoration:none;transition:all .2s}.cart-item-title:hover{color:#4fc3f7;text-shadow:0 0 12px #4fc3f74d}.cart-item-tags .tag{background:#4fc3f714;border:1px solid #4fc3f726;border-radius:6px;color:#4fc3f7;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.3px;margin-right:6px;padding:2px 10px}.cart-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.price{color:#4fc3f7;font-family:Fira Code,Courier New,monospace;font-size:16px;font-weight:800;letter-spacing:.3px;text-shadow:0 0 10px #4fc3f733}.price-free{font-size:16px;text-shadow:0 0 10px #69f0ae33}.cart-remove{align-items:center;background:#ff52520f;border:1px solid #ff52522e;border-radius:9px;color:#ff5252;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:7px 10px;transition:all .22s ease}.cart-remove:hover{background:#ff52521f;border-color:#ff525266;box-shadow:0 0 14px #ff525226;color:#ff6b6b;transform:scale(1.08)}.cart-summary{flex-shrink:0;position:sticky;top:70px;width:290px}.summary-box{animation:cartFadeIn .45s ease-out .1s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:18px;border-radius:var(--radius-lg,18px);box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0a;overflow:hidden;padding:22px;position:relative}.summary-box:before{background:linear-gradient(90deg,#0000,#4fc3f759,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.summary-title{border-bottom:1px solid #4fc3f724;color:#e8eaed;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding-bottom:12px}.summary-row{color:#9aa0a6;font-size:14px;margin-bottom:10px}.summary-row,.summary-total{display:flex;justify-content:space-between}.summary-total{align-items:center;border-top:1px solid #4fc3f724;font-size:17px;font-weight:800;margin-top:10px;padding-top:14px}.summary-total .price{-webkit-text-fill-color:#0000;animation:cartShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#4fc3f7,#7ee8fa 50%,#4dd0e1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:19px;text-shadow:none}.wallet-info{align-items:center;background:#4fc3f70a;border:1px solid #4fc3f71f;border-radius:12px;color:#9aa0a6;display:flex;font-size:14px;justify-content:space-between;margin-top:12px;padding:12px 14px}.wallet-balance{color:#4fc3f7;font-family:Fira Code,monospace;font-size:16px;font-weight:800;text-shadow:0 0 10px #4fc3f740}.balance-warning{background:#ff52520f;border:1px solid #ff52521f;border-radius:8px;color:#ff8a80;font-size:12px;margin-top:8px;padding:6px 12px;text-align:center}.link-btn{background:none;border:none;color:#4fc3f7;cursor:pointer;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.link-btn:hover{color:#7ee8fa;text-decoration:underline;text-shadow:0 0 10px #4fc3f74d}.cart .btn-green{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4fc3f71f,#b388ff1a)!important;background-image:none!important;border:1px solid #4fc3f761!important;border-radius:12px!important;box-shadow:0 2px 14px #4fc3f71f,inset 0 1px 0 #ffffff0d!important;color:#4fc3f7!important;cursor:pointer!important;font-size:15px!important;font-weight:700!important;letter-spacing:.5px;margin-top:14px!important;overflow:hidden;padding:13px 0!important;position:relative;transition:all .25s ease!important;width:100%}.cart .btn-green:before{background:linear-gradient(135deg,#4fc3f738,#b388ff29);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.cart .btn-green:hover:not(:disabled){background:linear-gradient(135deg,#4fc3f729,#b388ff1f)!important;border-color:#4fc3f7a6!important;box-shadow:0 6px 26px #4fc3f738,0 0 36px #b388ff1f!important;color:#7ee8fa!important;transform:translateY(-2px)!important}.cart .btn-green:hover:not(:disabled):before{opacity:1}.cart .btn-green:active{transform:translateY(0)!important}.cart .btn-green:disabled{cursor:not-allowed!important;opacity:.35!important;transform:none!important}.cart .summary-box>p[style*=fontSize]{color:#5f6368!important;font-size:11px!important;letter-spacing:.3px;margin-top:10px!important;text-align:center!important}.summary-discount{color:#69f0ae;font-size:13px;text-align:right}@media (max-width:768px){.cart-layout{flex-direction:column}.cart-summary{position:static;width:100%}.cart-item-img{height:45px;width:120px}.cart-tabs{flex-wrap:wrap}.cart-tab{font-size:13px;padding:9px 14px}}.ce-container{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:8px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;overflow:hidden}.ce-titlebar{align-items:center;background:#323233;border-bottom:1px solid #3c3c3c;display:flex;flex-shrink:0;gap:8px;height:35px;padding:0 12px;-webkit-user-select:none;user-select:none}.ce-window-controls{display:flex;gap:8px;margin-right:12px}.ce-dot{border-radius:50%;height:12px;width:12px}.ce-dot-close{background:#ff5f57}.ce-dot-min{background:#febc2e}.ce-dot-max{background:#28c840}.ce-file-path{align-items:center;color:#ccc;display:flex;font-size:13px;gap:6px}.ce-sep{color:#5a5a5a}.ce-folder{color:#9d9d9d}.ce-filename{color:#fff;font-weight:400}.ce-tabs{align-items:flex-end;background:#252526;border-bottom:1px solid #3c3c3c;display:flex;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.ce-tabs::-webkit-scrollbar{display:none}.ce-tab{align-items:center;background:#1e1e1e;border-right:1px solid #2d2d2d;color:#9d9d9d;cursor:pointer;display:flex;font-size:13px;gap:8px;height:35px;padding:0 16px;position:relative;transition:all .1s;white-space:nowrap}.ce-tab:hover{background:#2a2d2e;color:#ccc}.ce-tab-active{background:#1e1e1e;border-top:2px solid #007acc;color:#fff}.ce-tab-close{align-items:center;border-radius:4px;color:#5a5a5a;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;opacity:0;transition:all .1s;width:18px}.ce-tab-active .ce-tab-close,.ce-tab:hover .ce-tab-close{opacity:1}.ce-tab-close:hover{background:#ffffff1a;color:#ccc}.ce-toolbar{background:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0;gap:4px;height:40px;padding:0 12px}.ce-toolbar,.ce-toolbar-btn{align-items:center;display:flex}.ce-toolbar-btn{background:#3c3c3c;border:1px solid #4a4a4a;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;font-weight:500;gap:6px;height:30px;padding:0 14px;transition:all .15s;white-space:nowrap}.ce-toolbar-btn:hover{background:#4a4a4a;border-color:#5a5a5a;color:#fff}.ce-toolbar-btn:active{background:#37373d;transform:translateY(1px)}.ce-toolbar-btn.primary{background:#0e639c;border-color:#0e639c;color:#fff}.ce-toolbar-btn.primary:hover{background:#17b;border-color:#17b}.ce-toolbar-btn.success{background:#2d5a27;border-color:#3d7a37;color:#8bc34a}.ce-toolbar-btn.success:hover{background:#3d7a37;border-color:#4d9a47}.ce-toolbar-btn.danger{background:#5a1e1e;border-color:#7a2e2e;color:#f85149}.ce-toolbar-btn.danger:hover{background:#7a2e2e;border-color:#9a3e3e}.toolbar-sep{background:#3c3c3c;height:18px;margin:0 4px;width:1px}.lang-badge{background:#007acc1a;border:1px solid #007acc4d;border-radius:4px;color:#4fc1ff;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.ce-editor-wrap{flex:1 1;min-height:0;overflow:hidden;position:relative}.ce-loading{align-items:center;color:#6a6a6a;display:flex;font-size:13px;height:100%;justify-content:center}.ce-editor-wrap .monaco-editor,.ce-editor-wrap .monaco-editor .inputarea.ime-input,.ce-editor-wrap .monaco-editor-background{background:#1e1e1e!important}.ce-error-area{background:#2d1f1f;border-top:1px solid #f44747;flex-shrink:0;max-height:120px;overflow-y:auto}.ce-error-line{align-items:flex-start;color:#f85149;display:flex;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;gap:8px;line-height:1.5;padding:6px 12px}.ce-error-line svg{flex-shrink:0;margin-top:2px}.ce-error-line span{flex:1 1;white-space:pre-wrap;word-break:break-all}.ce-error-line button{align-items:center;background:none;border:none;border-radius:4px;color:#f85149;cursor:pointer;display:flex;flex-shrink:0;padding:2px}.ce-error-line button:hover{background:#f8514933}.ce-statusbar{align-items:center;background:#007acc;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:space-between;padding:0 12px}.ce-status-left,.ce-status-right{align-items:center;display:flex;gap:12px}.creator-page{min-height:calc(100vh - 200px);padding:0 0 60px}.creator-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;height:50vh;justify-content:center}.creator-header{padding:48px 20px 36px;text-align:center}.creator-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center}.creator-header .title-icon{color:var(--accent);font-size:28px}.creator-header .subtitle{color:var(--text-secondary);font-size:16px;margin-top:10px}.creator-apply-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 40px #0000004d,var(--glow-blue);margin:0 auto;max-width:640px;padding:48px;text-align:center}.creator-apply-card .apply-icon{color:var(--accent);filter:drop-shadow(0 0 20px var(--accent-glow));font-size:56px;margin-bottom:24px}.creator-apply-card h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:14px}.creator-apply-card p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:24px}.creator-apply-card ul{list-style:none;margin:24px 0;padding:0 24px;text-align:left}.creator-apply-card ul li{align-items:center;color:var(--text-primary);display:flex;font-size:15px;gap:10px;padding:12px 0}.creator-stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;padding:0 20px}.creator-stats-bar .stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:16px;padding:20px;transition:var(--transition)}.creator-stats-bar .stat-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d,var(--glow-blue);transform:translateY(-2px)}.creator-stats-bar .stat-icon{color:var(--text-muted);font-size:28px}.creator-stats-bar .stat-icon.green{color:var(--accent-green)}.creator-stats-bar .stat-icon.blue{color:var(--accent)}.creator-stats-bar .stat-icon.purple{color:var(--accent-purple)}.creator-stats-bar .stat-num{color:var(--text-primary);display:block;font-size:24px;font-weight:700}.creator-stats-bar .stat-label{color:var(--text-secondary);display:block;font-size:13px;margin-top:2px}.creator-tabs{border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px;padding:0 20px 16px}.creator-tabs .tab-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 20px;transition:var(--transition)}.creator-tabs .tab-btn:hover{border-color:var(--accent);color:var(--accent)}.creator-tabs .tab-btn.active{background:var(--accent);border-color:var(--accent);color:#0a0e17;font-weight:600}.creator-tabs .tab-btn.external-link{background:linear-gradient(135deg,var(--accent-purple),#7c4dff);border-color:var(--accent-purple);color:#fff;margin-left:auto}.creator-tabs .tab-btn.external-link:hover{box-shadow:var(--glow-purple);transform:translateY(-2px)}.games-section{padding:0 20px}.section-header{justify-content:space-between;margin-bottom:20px}.section-header h3{color:var(--text-primary);font-size:18px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.game-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #0006,var(--glow-blue);transform:translateY(-4px)}.game-card-cover{background:var(--bg-secondary);height:140px;overflow:hidden}.game-card-cover img{height:100%;object-fit:cover;width:100%}.game-card-body{padding:16px}.game-card-body h4{color:var(--text-primary);font-size:15px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-body .meta{color:var(--text-muted);font-size:12px;margin-bottom:12px}.game-card-body .status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.game-card-body .status.approved{background:#69f0ae26;color:var(--accent-green)}.game-card-body .status.pending{background:#ffd54f26;color:#ffd54f}.game-card-body .status.rejected{background:#f4433626;color:#ef5350}.game-card-actions{border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.game-card-actions button{border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;transition:var(--transition)}.code-editor-wrap{height:calc(100vh - 280px);margin:0 auto;max-width:1200px;min-height:400px;padding:0 20px 20px}.code-editor-panel{display:flex;flex-direction:column;height:100%}.code-editor-top{flex-shrink:0;padding:8px 0}.code-editor-empty{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.code-editor-empty svg{opacity:.3}.studio-select{background:#3c3c3c;border:1px solid #555;border-radius:2px;color:#ccc;cursor:pointer;font-size:12px;min-width:200px;padding:6px 12px}.studio-select:focus{outline:1px solid #007acc}.revenue-section{padding:0 20px}.revenue-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.revenue-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center}.revenue-card h4{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.revenue-card .amount{color:var(--text-primary);font-size:28px;font-weight:700}.revenue-card .amount.green{color:var(--accent-green)}.revenue-card .amount.blue{color:var(--accent)}.revenue-card .amount.purple{color:var(--accent-purple)}.withdraw-form{align-items:flex-end;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;margin-bottom:24px;padding:24px}.withdraw-form .form-group{flex:1 1}.withdraw-form label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px}.withdraw-form input{padding:12px 16px;width:100%}.payouts-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.payouts-header{color:var(--text-primary);font-size:15px;font-weight:600;padding:16px 20px}.payout-item,.payouts-header{border-bottom:1px solid var(--border)}.payout-item{align-items:center;display:flex;justify-content:space-between;padding:14px 20px}.payout-item:last-child{border-bottom:none}.payout-item .date{color:var(--text-secondary);font-size:13px}.payout-item .amount{color:var(--accent-green);font-size:16px;font-weight:600}.payout-item .status{border-radius:12px;font-size:12px;padding:4px 10px}.payout-item .status.completed{background:#69f0ae26;color:var(--accent-green)}.payout-item .status.pending{background:#ffd54f26;color:#ffd54f}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin-bottom:20px}.creator-pending-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 auto;max-width:640px;padding:48px;text-align:center}.creator-pending-card h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:14px}.creator-pending-card p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:16px}.creator-pending-card .pending-note{color:var(--text-muted);font-size:14px;margin-top:20px}.creator-pending-card .pending-icon{color:orange;font-size:48px;margin-bottom:20px}.pending-status{margin-top:30px}.status-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.status-badge.pending{background:#ffa50026;border:1px solid #ffa5004d;color:orange}.status-badge.rejected{background:#ff444426;border:1px solid #ff44444d;color:#f44}@media (max-width:768px){.creator-stats-bar{grid-template-columns:repeat(2,1fr)}.creator-tabs{flex-wrap:wrap}.withdraw-form{flex-direction:column}.withdraw-form button{width:100%}}@media (max-width:480px){.creator-stats-bar{grid-template-columns:1fr}.creator-apply-card{padding:32px 24px}}@keyframes walletFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes softShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes subtleBreath{0%,to{text-shadow:0 0 20px #4fc3f780,0 0 50px #4dd0e140,0 0 80px #b388ff26}50%{text-shadow:0 0 30px #4fc3f7a6,0 0 70px #4dd0e159,0 0 100px #b388ff38}}@keyframes qrSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wallet-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4fc3f714;border:1px solid #4fc3f740;border-radius:12px;border-radius:var(--radius,12px);box-shadow:0 2px 12px #4fc3f71f,inset 0 1px 0 #ffffff0d;color:#e8eaed;color:var(--text-primary,#e8eaed);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:20px;padding:10px 20px;position:relative;transition:all .25s ease;z-index:1}.wallet-back-btn:hover{background:#4fc3f729;border-color:#4fc3f780;box-shadow:0 4px 20px #4fc3f733,0 0 30px #b388ff1a;color:#4fc3f7;transform:translateY(-2px)}.wallet-back-btn:active{box-shadow:0 2px 8px #4fc3f726;transform:translateY(0)}.wallet-page{-ms-overflow-style:none;margin:0 auto;max-width:1000px;min-height:calc(100vh - 200px);position:relative;scrollbar-width:none}.wallet-page::-webkit-scrollbar{display:none}.wallet-page.container,.wallet-page>.container{padding:32px 20px 60px}.wallet-page:before{background:radial-gradient(circle at 30% 40%,#4fc3f72e,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff29,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:320px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:0}.wallet-loading{align-items:center;color:#4fc3f7;display:flex;font-size:18px;height:50vh;justify-content:center;letter-spacing:2px;position:relative;text-shadow:0 0 10px #4fc3f780,0 0 30px #4fc3f733;z-index:1}.wallet-header{padding:32px 20px 20px;position:relative;text-align:center;z-index:1}.wallet-header:after{background:linear-gradient(90deg,#4fc3f7,#b388ff);background:linear-gradient(90deg,var(--accent,#4fc3f7),var(--accent-purple,#b388ff));border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:200px}.wallet-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;display:flex;font-size:26px;font-weight:700;gap:14px;justify-content:center;letter-spacing:1px;margin-left:0}.wallet-header h1 svg{-webkit-text-fill-color:initial;color:#4dd0e1;filter:drop-shadow(0 0 8px rgba(77,208,225,.6))}.wallet-header .subtitle{color:#9aa0a6;font-size:14px;margin-top:8px}.wallet-header .subtitle b{color:#4fc3f7}.wallet-main-grid{display:flex;flex-direction:column;gap:20px;padding:24px 20px 0;position:relative;z-index:1}.balance-card{animation:walletFadeIn .45s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0a;overflow:hidden;padding:28px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.balance-card:hover{box-shadow:0 12px 36px #0006,0 0 24px #4fc3f726;transform:translateY(-3px)}.balance-card:before{background:linear-gradient(90deg,#0000,#4fc3f759,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.balance-top{gap:18px;margin-bottom:22px;position:relative;z-index:1}.balance-icon,.balance-top{align-items:center;display:flex}.balance-icon{background:radial-gradient(circle at 35% 35%,#4dd0e180,#4fc3f733 60%,#b388ff14 100%);border:1px solid #4dd0e166;border-radius:50%;box-shadow:0 0 16px #4dd0e18c,0 0 36px #4dd0e140,0 0 64px #4dd0e11f,inset 0 0 14px #4dd0e14d;color:#4dd0e1;flex-shrink:0;font-size:20px;height:52px;justify-content:center;transition:all .28s ease;width:52px}.balance-icon svg{filter:drop-shadow(0 0 8px rgba(77,208,225,.7));height:26px;transition:all .28s ease;width:26px}.balance-card:hover .balance-icon{box-shadow:0 0 24px #4dd0e1a6,0 0 48px #4dd0e152,0 0 80px #4dd0ff26,inset 0 0 18px #4dd0e166;transform:scale(1.1)}.balance-info{flex:1 1}.balance-label{color:#9aa0a6;display:block;font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}.balance-amount{-webkit-text-fill-color:#0000;animation:softShimmer 3s ease-in-out infinite,subtleBreath 2.5s ease-in-out infinite;background:linear-gradient(135deg,#4fc3f7,#7ee8fa 30%,#4dd0e1 55%,#b388ff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:block;font-family:Fira Code,Courier New,monospace;font-size:40px;font-weight:800;line-height:1.2}.balance-currency{background:linear-gradient(135deg,#4fc3f71a,#b388ff14);border:1px solid #4fc3f733;border-radius:8px;box-shadow:0 0 10px #4fc3f70f;color:#4fc3f7;font-weight:600;letter-spacing:.5px;padding:4px 16px}.balance-carnival,.balance-currency{display:inline-block;font-size:12px;margin-top:10px;vertical-align:middle}.balance-carnival{background:#b388ff1a;border:1px solid #b388ff33;border-radius:8px;color:#b388ff;letter-spacing:.3px;line-height:1.5;margin-left:8px;padding:4px 12px}.balance-stats{border-bottom:1px solid #4fc3f71f;border-top:1px solid #4fc3f71f;display:flex;gap:32px;margin-bottom:22px;padding:18px 0;position:relative;z-index:1}.bstat{align-items:center;color:#9aa0a6;display:flex;font-size:14px;gap:10px}.bstat strong{color:#e8eaed;font-weight:700}.bstat .green{color:#69f0ae}.balance-actions{gap:14px;z-index:1}.balance-actions,.btn-deposit{display:flex;position:relative}.btn-deposit{align-items:center;background:#4fc3f714;border:1px solid #4fc3f747;border-radius:12px;border-radius:var(--radius,12px);color:#4fc3f7;cursor:pointer;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:11px 28px;transition:all .25s ease}.btn-deposit:before{background:linear-gradient(135deg,#4fc3f726,#b388ff1a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.btn-deposit:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e,0 0 30px #4fc3f714;color:#4fc3f7;transform:translateY(-2px)}.btn-deposit:hover:before{opacity:1}.btn-shop{align-items:center;background:#4fc3f70d;border:1px solid #4fc3f72e;border-radius:12px;border-radius:var(--radius,12px);color:#9aa0a6;color:var(--text-secondary,#9aa0a6);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:11px 24px;transition:all .25s ease}.btn-shop:hover{background:#4fc3f71a;border-color:#4fc3f773;box-shadow:0 4px 16px #4fc3f71f;color:#b0b8c8;transform:translateY(-2px)}.deposit-panel{animation:walletFadeIn .45s ease-out .1s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #0000004d;overflow:hidden;padding:24px;position:relative}.deposit-panel:before{background:linear-gradient(90deg,#0000,#4fc3f740,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.deposit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.deposit-header h3{align-items:center;color:#e8eaed;display:flex;font-size:17px;font-weight:700;gap:10px}.deposit-header h3 svg{color:#4fc3f7;filter:drop-shadow(0 0 6px rgba(79,195,247,.5))}.deposit-header button{align-items:center;background:none;border:none;border-radius:8px;color:#9aa0a6;cursor:pointer;display:flex;font-size:22px;height:34px;justify-content:center;transition:all .2s;width:34px}.deposit-header button:hover{background:#ff52521a;color:#ff5252;transform:rotate(90deg)}.deposit-hint{color:#9aa0a6;font-size:13px;letter-spacing:.5px;margin-bottom:18px}.payment-type-switch{display:flex;gap:10px;margin-bottom:16px}.ptype-btn{background:#0000;border:1px solid #4fc3f733;border-radius:12px;border-radius:var(--radius,12px);color:#b0b8c8;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px;padding:10px 16px;transition:all .2s ease}.ptype-btn:hover{border-color:#4fc3f766;color:#e8eaed}.ptype-btn.active{background:linear-gradient(135deg,#4fc3f733,#b388ff26);border-color:#4fc3f7;box-shadow:0 0 18px #4fc3f733,inset 0 0 10px #4fc3f71a;color:#4fc3f7}.deposit-amounts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.deposit-chip{background:#4fc3f70f;border:1px solid #4fc3f733;border-radius:12px;border-radius:var(--radius,12px);color:#b0b8c8;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:10px 24px;transition:all .2s ease}.deposit-chip:hover{background:#4fc3f721;border-color:#4fc3f799;box-shadow:0 0 16px #4fc3f733;color:#4fc3f7;transform:translateY(-2px)}.deposit-chip.active{background:linear-gradient(135deg,#4fc3f738,#b388ff2e);border-color:#4fc3f7;box-shadow:0 0 16px #4fc3f740,inset 0 0 10px #4fc3f71f;color:#4fc3f7;font-weight:700}.deposit-input-row{align-items:center;background:#4fc3f70a;border:1px solid #4fc3f733;border-radius:12px;border-radius:var(--radius,12px);display:flex;margin-bottom:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.deposit-input-row:focus-within{border-color:#4fc3f7a6;box-shadow:0 0 0 3px #4fc3f71f}.dollar-prefix{background:#4fc3f70f;border-right:1px solid #4fc3f726;color:#4fc3f7;font-size:15px;font-weight:600;padding:12px 16px}.deposit-input-row input{background:none;border:none;color:#e8eaed;flex:1 1;font-family:Fira Code,monospace;font-size:18px;outline:none;padding:12px 16px}.deposit-input-row input::placeholder{color:#5f6368}.btn-deposit-confirm{background:#4fc3f71a;border:1px solid #4fc3f752;border-radius:12px;border-radius:var(--radius,12px);color:#4fc3f7;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px;position:relative;transition:all .25s ease;width:100%}.btn-deposit-confirm:before{background:linear-gradient(135deg,#4fc3f733,#b388ff26);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.btn-deposit-confirm:hover:not(:disabled){border-color:#4fc3f799;box-shadow:0 6px 24px #4fc3f733,0 0 36px #4fc3f71a;color:#4fc3f7;transform:translateY(-2px)}.btn-deposit-confirm:hover:not(:disabled):before{opacity:1}.btn-deposit-confirm:disabled{cursor:not-allowed;opacity:.35}.redeem-panel{animation:walletFadeIn .45s ease-out .2s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #0000004d;overflow:hidden;padding:24px;position:relative}.redeem-panel:before{background:linear-gradient(90deg,#0000,#4fc3f740,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.redeem-panel h3{align-items:center;color:#e8eaed;display:flex;font-size:17px;font-weight:700;gap:10px;margin-bottom:8px}.redeem-panel h3 svg{color:#4fc3f7;filter:drop-shadow(0 0 6px rgba(79,195,247,.5))}.redeem-hint{color:#9aa0a6;font-size:13px;margin-bottom:16px}.redeem-input-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.redeem-input-row input{background:#4fc3f70a;border:1px solid #4fc3f72e;border-radius:12px;border-radius:var(--radius,12px);color:#e8eaed;flex:1 1;font-family:inherit;font-size:14px;letter-spacing:1px;min-width:200px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.redeem-input-row input:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71f}.redeem-input-row input::placeholder{color:#5f6368;letter-spacing:0}.btn-redeem{align-items:center;background:linear-gradient(135deg,#4fc3f726,#b388ff1f);border:1px solid #4fc3f759;border-radius:12px;border-radius:var(--radius,12px);box-shadow:0 2px 10px #4fc3f71a,inset 0 1px 0 #ffffff0f;color:#4fc3f7;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .25s ease;width:44px}.btn-redeem:hover{background:linear-gradient(135deg,#4fc3f747,#b388ff38);border-color:#4fc3f799;box-shadow:0 6px 22px #4fc3f740,0 0 36px #b388ff26,inset 0 1px 0 #ffffff1a;color:#7ee8fa;transform:translateY(-2px) scale(1.05)}.transactions-section{animation:walletFadeIn .45s ease-out .3s both;padding:24px 20px;position:relative;z-index:1}.transactions-section h3{align-items:center;color:#e8eaed;display:flex;font-size:17px;font-weight:700;gap:10px;margin-bottom:18px}.transactions-section h3 svg{color:#4fc3f7;filter:drop-shadow(0 0 6px rgba(79,195,247,.5))}.empty-txns{color:#5f6368;padding:48px 20px;text-align:center}.empty-txns svg{color:#b388ff;font-size:48px;margin-bottom:16px;opacity:.3}.empty-txns p{color:#b0b8c8;font-size:15px}.empty-txns small{color:#5f6368;font-size:12px}.txns-list{display:flex;flex-direction:column;gap:10px}.txn-row{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid #4fc3f71a;border-radius:12px;border-radius:var(--radius,12px);display:flex;gap:16px;overflow:hidden;padding:16px 18px;position:relative;transition:all .2s ease}.txn-row:before{background:linear-gradient(90deg,#0000,#4fc3f74d,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.txn-row:hover{border-color:#4fc3f773;box-shadow:0 8px 24px #0000004d,0 0 20px #4fc3f726;transform:translateY(-2px)}.txn-icon-wrap{align-items:center;background:#4fc3f71a;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.txn-row.code_sale_income .txn-icon-wrap,.txn-row.deposit .txn-icon-wrap,.txn-row.redeem .txn-icon-wrap,.txn-row.sale_income .txn-icon-wrap{background:#69f0ae1a}.txn-row.purchase .txn-icon-wrap,.txn-row.purchase_code .txn-icon-wrap{background:#ff52521a}.txn-icon.in{color:#69f0ae;font-size:20px}.txn-icon.out{color:#ff5252;font-size:22px}.txn-info{flex:1 1}.txn-desc{color:#e8eaed;display:block;font-size:14px;font-weight:600}.txn-date{color:#5f6368;display:block;font-size:12px;margin-top:4px}.txn-amount{font-family:Fira Code,monospace;font-size:16px;font-weight:900;letter-spacing:.5px}.txn-amount.positive{color:#69f0ae}.txn-amount.negative{color:#ff5252}.qr-payment-area{padding:20px 0;text-align:center}.qr-hint{color:#b0b8c8;font-size:14px;letter-spacing:.5px;margin-bottom:20px}.qr-code-wrap{background:#fff;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 4px 24px #0000004d,0 0 40px #4fc3f71f;display:inline-block;padding:16px}.qr-code-img{display:block;height:220px;width:220px}.qr-amount{color:#4fc3f7;font-family:Fira Code,monospace;font-size:26px;font-weight:800;margin:16px 0 8px;text-shadow:0 0 16px #4fc3f74d}.qr-waiting{align-items:center;color:#9aa0a6;display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:16px}.qr-waiting .spin{animation:qrSpin 1s linear infinite;color:#4fc3f7}.btn-cancel-qr{background:#0000;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm,8px);color:#9aa0a6;cursor:pointer;font-size:13px;padding:8px 24px;transition:all .2s}.btn-cancel-qr:hover{border-color:#ff5252;color:#ff5252}.qr-manual-note{background:#ffb3001a;border:1px solid #ffb30033;border-radius:8px;border-radius:var(--radius-sm,8px);color:#ffb300;font-size:12px;margin-top:8px;padding:8px 12px}.qr-paid-success{padding:30px 0;text-align:center}.check-circle{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#4fc3f7,#4dd0e1);border-radius:50%;color:#0a0e17;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.qr-paid-success h3{color:#4fc3f7;font-size:19px;margin-bottom:8px}.qr-paid-success p{color:#b0b8c8;font-size:14px}@media (max-width:640px){.balance-top{flex-direction:column;text-align:center}.balance-amount{font-size:40px}.balance-stats{flex-wrap:wrap;gap:20px;justify-content:center}.balance-actions{flex-direction:column}.deposit-amounts{justify-content:center}.redeem-input-row{flex-direction:column;gap:8px}.redeem-input-row input{text-align:center;width:100%}.btn-redeem{padding:12px;width:100%}}.mapstore-page{margin:0 auto;max-width:100vw;min-height:80vh;overflow-x:hidden;padding:80px 12px 40px;width:100%}.mapstore-empty,.mapstore-loading{color:#666;font-size:14px;padding:50px;text-align:center}.mapstore-header{padding:12px 0;text-align:center}.mapstore-header h1{color:#e6edf3;font-size:20px;margin:0 0 4px}.mapstore-header p{color:#8b949e;font-size:12px;margin:0}.mapstore-create-btn{align-items:center;background:#238636;border:1px solid #f0f6fc1a;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px;padding:8px 20px}.mapstore-create-btn:hover{background:#2ea043}.mapstore-tabs{border-bottom:1px solid #21262d;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:10px}.mapstore-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;white-space:nowrap}.mapstore-tab:hover{background:#21262d;color:#c9d1d9}.mapstore-tab.active{background:#1f6feb;color:#fff}.mapstore-tab-badge{align-items:center;background:#8b949e33;border-radius:9px;color:#8b949e;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:32px;padding:0 6px}.mapstore-tab.active .mapstore-tab-badge{background:#fff3;color:#fff}.mapstore-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.mapstore-search{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:6px;display:flex;flex:1 1;gap:6px;max-width:280px;min-width:180px;padding:7px 10px}.mapstore-search svg{color:#484f58;flex-shrink:0}.mapstore-search input{background:#0000;border:none;color:#c9d1d9;flex:1 1;font-size:13px;min-width:0;outline:none}.mapstore-filters{display:flex;flex-wrap:wrap;gap:4px}.mapstore-filter{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;font-size:12px;padding:5px 10px;white-space:nowrap}.mapstore-filter:hover{border-color:#58a6ff;color:#c9d1d9}.mapstore-filter.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.maps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:100%}.map-card{background:#161b22;border:1px solid #21262d;border-radius:8px;cursor:pointer;overflow:hidden}.map-card:hover{border-color:#30363d}.map-card-cover{background:#0d1117;height:130px;overflow:hidden;position:relative}.map-card-cover img{height:100%;object-fit:cover;width:100%}.map-card-cover .no-cover{align-items:center;color:#484f58;display:flex;height:100%;justify-content:center}.map-card-video{height:100%;object-fit:cover;pointer-events:none;width:100%}.map-card-price{background:#000000b3;border-radius:4px;color:#3fb950;font-size:12px;font-weight:600;padding:3px 8px;position:absolute;right:8px;top:8px}.map-card-body{padding:12px}.map-card-body h3{color:#e6edf3;font-size:14px;margin:0 0 4px}.map-card-genre{color:#8b949e;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.card-mode{background:#1f6feb26;color:#58a6ff}.card-genre,.card-mode{border-radius:3px;font-size:11px;padding:1px 6px}.card-genre{background:#3fb95026;color:#3fb950}.map-card-meta{color:#484f58;display:flex;font-size:11px;gap:10px}.mymaps-list{flex-direction:column;gap:6px;overflow-x:hidden}.mymap-row,.mymaps-list{display:flex;max-width:100%}.mymap-row{align-items:center;background:#161b22;border:1px solid #21262d;border-radius:8px;gap:10px;overflow:hidden;padding:10px 12px}.mymap-row:hover{border-color:#30363d}.mymap-cover{background:#0d1117;border-radius:4px;flex-shrink:0;height:40px;overflow:hidden;width:60px}.mymap-cover img,.mymap-video-preview{height:100%;object-fit:cover;width:100%}.mymap-video-preview{pointer-events:none}.mymap-no-cover{align-items:center;color:#484f58;display:flex;height:100%;justify-content:center}.mymap-info{flex:1 1;min-width:0}.mymap-name{color:#e6edf3;font-size:13px;font-weight:600;margin-bottom:2px}.mymap-meta{color:#484f58;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.mymap-mode{background:#1f6feb26;margin-right:4px}.mymap-mode,.mymap-type{border-radius:3px;font-size:11px;padding:1px 6px}.mymap-type{background:#3fb95026;color:#3fb950}.mymap-mode{color:#58a6ff}.mymap-status{border-radius:4px;display:inline-block;font-size:11px;margin-top:4px;padding:2px 6px}.mymap-status.pending{background:#d2992226;color:#d29922}.mymap-status.approved{background:#3fb95026;color:#3fb950}.mymap-status.rejected{background:#f8514926;color:#f85149}.mymap-status.draft{background:#8b949e26;color:#8b949e}.mymap-review-note{color:#f85149;display:block;font-size:11px;margin-top:2px}.mymap-actions{display:flex;flex-shrink:0;gap:4px}.mymap-actions button{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:5px 10px;white-space:nowrap}.mymap-actions button:hover{background:#30363d;border-color:#58a6ff}.mymap-actions .btn-view:hover{background:#30363d;border-color:#58a6ff}.mymap-actions .btn-edit{background:#1f6feb;border-color:#f0f6fc1a;color:#fff;font-weight:600}.mymap-actions .btn-edit:hover{background:#388bfd}.mymap-actions .btn-danger{color:#f85149}.mymap-actions .btn-danger:hover{background:#f8514926;border-color:#f8514966}.mymap-actions .btn-view.disabled{color:#484f58;cursor:not-allowed}.mymap-actions .btn-view.disabled,.mymap-actions .btn-view.disabled:hover{background:#21262d;border-color:#21262d}.map-card-sound-tag,.map-card-video-tag{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:10px;padding:2px 6px;position:absolute}.map-card-video-tag{left:8px}.map-card-sound-tag{right:8px}.mymap-tags{background:#1f6feb;border-radius:3px;color:#fff;font-size:10px;padding:1px 6px}.mymap-sound,.mymap-video{color:#8b949e;font-size:10px}.mapstore-dropdown{display:inline-flex;position:relative}.mapstore-dropdown-btn{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 10px;white-space:nowrap}.mapstore-dropdown-btn:hover{border-color:#58a6ff;color:#c9d1d9}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.mapstore-dropdown-menu{background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #00000080;left:0;min-width:120px;padding:4px;position:absolute;top:calc(100% + 4px);z-index:100}.mapstore-dropdown-menu .mapstore-dropdown-item{border-radius:4px;color:#c9d1d9;cursor:pointer;font-size:12px;padding:6px 10px;white-space:nowrap}.mapstore-dropdown-menu .mapstore-dropdown-item:hover{background:#21262d}.mapstore-dropdown-menu .mapstore-dropdown-item.active{background:#1f6feb1a;color:#1f6feb}.btn-restore{align-items:center;background:#238636;border:1px solid #f0f6fc1a;border-radius:6px;display:flex;font-size:11px;gap:4px;padding:5px 10px;white-space:nowrap}.btn-restore:hover{background:#2ea043}.map-detail-page{background:#111827b8;min-height:100vh}.map-detail-error,.map-detail-loading{align-items:center;color:#e8eaed;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #4fc3f714;border-radius:50%;border-top-color:#4fc3f738;height:40px;width:40px}.map-detail-nav{background:#0a0e17d9;border-bottom:1px solid #4fc3f714;padding:15px 20px}.map-detail-nav button{align-items:center;background:#4fc3f714;border:none;border-radius:6px;color:#e8eaed;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background .2s}.map-detail-nav button:hover{background:#1a2332}.map-cover-section{height:300px;overflow:hidden;position:relative}.map-cover-img{height:100%;object-fit:cover;width:100%}.map-video-container{background:#000;height:100%;position:relative;width:100%}.map-detail-video{height:100%;object-fit:cover;width:100%}.video-mute-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:2}.video-mute-btn:hover{background:#000c}.map-cover-overlay{align-items:flex-end;background:linear-gradient(#0000,#000000e6);bottom:0;display:flex;justify-content:space-between;left:0;padding:30px;position:absolute;right:0}.map-cover-info h1{color:#fff;font-size:32px;margin-bottom:10px}.map-meta{color:#9aa0a6;display:flex;gap:20px}.map-meta span{align-items:center;display:flex;gap:5px}.btn-play{background:linear-gradient(180deg,#69f0ae,#00c853);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:transform .2s}.btn-play:hover{transform:scale(1.05)}.map-detail-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px;padding:30px}@media (max-width:768px){.map-detail-content{grid-template-columns:1fr}}.map-left-section{display:flex;flex-direction:column;gap:20px}.author-card{align-items:center;background:#0a0e17d9;border-radius:10px;display:flex;gap:14px;padding:20px}.author-avatar-wrap{flex-shrink:0;position:relative}.author-avatar{background:#4fc3f714;border:2px solid #4fc3f714;border-radius:50%;height:52px;width:52px}.author-level-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;bottom:-4px;color:#fff;font-size:9px;font-weight:700;line-height:1.2;min-width:18px;padding:1px 4px;position:absolute;right:-4px;text-align:center}.author-info{display:flex;flex-direction:column;gap:2px;min-width:0}.author-name{color:#e8eaed;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-creator-level{color:#9aa0a6;font-size:12px}.map-info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:#0a0e17d9;border-radius:10px;padding:20px}.info-card h3{color:#9aa0a6;font-size:14px;margin-bottom:10px}.info-card p{color:#e8eaed;line-height:1.6}.genre-tag{background:#4fc3f714;border-radius:20px;color:#e8eaed;display:inline-block;font-size:14px;padding:5px 15px}.price-tag{color:#69f0ae;font-size:24px;font-weight:600}.map-review-section{display:flex;flex-direction:column;gap:20px}.comments-card,.rating-card{background:#0a0e17d9;border-radius:10px;padding:20px}.comments-card h3,.rating-card h3{color:#e8eaed;font-size:16px;margin-bottom:15px}.rating-display{align-items:baseline;display:flex;gap:5px;margin-bottom:15px}.rating-number{color:#f39c12;font-size:48px;font-weight:700}.rating-total{color:#9aa0a6;font-size:20px}.rating-input{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.rating-input .star-rating{flex-direction:row!important}.star-rating{display:flex;gap:5px}.star-btn{background:#4fc3f714;border:none;border-radius:6px;color:#9aa0a6;cursor:pointer;font-size:20px;height:36px;transition:all .2s;width:36px}.star-btn.active{background:#1a2332;color:#f39c12}.btn-rate{align-items:center;background:#4fc3f738;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 20px}.btn-rate:hover{background:#5f6368}.owner-hint{color:#9aa0a6;font-size:14px;margin-top:10px}.comment-form{margin-bottom:20px}.comment-form textarea{background:#111827b8;border:1px solid #4fc3f714;border-radius:8px;color:#e8eaed;font-size:14px;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#4fc3f738;outline:none}.comment-form button{align-items:center;background:#4fc3f738;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px}.comment-form button:hover{background:#5f6368}.comments-list{display:flex;flex-direction:column;gap:15px}.no-comments{color:#9aa0a6;padding:30px;text-align:center}.comment-item{background:#111827b8;border-radius:8px;padding:15px}.comment-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.comment-avatar{background:#4fc3f714;border-radius:50%;height:32px;width:32px}.comment-user{color:#e8eaed;font-weight:600}.comment-time{color:#9aa0a6;font-size:12px;margin-left:auto}.comment-content{color:#e8eaed;line-height:1.6}.map-detail-tags{background:#1f6feb;border-radius:4px;color:#fff;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.map-preview-video{background:#0d1117;display:flex;justify-content:center;padding:10px}.map-preview-video video{border-radius:8px}.creator-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}:root{--bg-100:#1e1e1e;--bg-200:#252526;--bg-300:#2d2d2d;--bg-400:#383838;--bg-500:#3c3c3c;--bg-600:#484848;--border:#3c3c3c;--border-light:#555;--text-100:#ccc;--text-200:#a0a0a0;--text-300:#6a6a6a;--accent:#007acc;--accent-hover:#1a8fe8;--green:#3fb950;--orange:#e8a838;--red:#f85149;--radius:4px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC",sans-serif;--mono:"SF Mono","Cascadia Code","Fira Code","JetBrains Mono",Consolas,monospace}*,:after,:before{margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,PingFang SC,sans-serif;font-family:var(--font);font-size:14px}.super-ide,body{background:#1e1e1e;background:var(--bg-100);color:#ccc;color:var(--text-100)}.super-ide{display:flex;flex-direction:column;height:100vh;min-width:900px;overflow:hidden;width:100vw}.ide-topbar{background:#252526;background:var(--bg-200);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;height:48px;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}.ide-topbar,.tb-left{align-items:center;display:flex}.tb-left{flex:1 1;gap:6px}.tb-right{flex-shrink:0;gap:6px}.logo,.tb-right{align-items:center;display:flex}.logo{color:#00d2ff;cursor:pointer;font-size:15px;font-weight:700;gap:8px;letter-spacing:.3px;padding-right:14px}.tb-sep{background:#3c3c3c;background:var(--border);height:22px;margin:0 4px;width:1px}.proj-name{background:#2d2d2d;background:var(--bg-300);border-radius:4px;border-radius:var(--radius);color:#a0a0a0;color:var(--text-200);font-size:13px;font-weight:500;padding:4px 14px}.tb-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:3px;color:#ccc;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,PingFang SC,sans-serif;font-family:var(--font);font-size:12px;font-weight:400;gap:5px;height:26px;line-height:1;padding:4px 10px;transition:background-color .1s;white-space:nowrap}.tb-btn:hover{background:#3c3c3c;color:#fff}.tb-btn.accent{background:#0e639c;border-color:#0e639c;color:#fff}.tb-btn.accent:hover{background:#17b;border-color:#17b}.tb-btn.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.online-dot{background:#3fb950;background:var(--green);box-shadow:0 0 6px #3fb95080;flex-shrink:0}.ide-body{flex:1 1;min-height:0}.ide-body,.ide-sidebar{display:flex;overflow:hidden}.ide-sidebar{background:#252526;background:var(--bg-200);border-right:1px solid #3c3c3c;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px}.sidebar-hd{align-items:center;color:#6a6a6a;color:var(--text-300);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:40px;justify-content:space-between;letter-spacing:.8px;padding:0 14px 0 20px;text-transform:uppercase}.sb-acts{display:flex;gap:4px}.sb-acts button{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius);color:#6a6a6a;color:var(--text-300);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .1s;width:28px}.sb-acts button:hover{background:#383838;background:var(--bg-400);color:#ccc;color:var(--text-100)}.sb-acts button.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.tree-search{align-items:center;background:#1e1e1e;background:var(--bg-100);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:6px 14px}.tree-search input{background:#0000;border:none;color:#ccc;color:var(--text-100);flex:1 1;font-size:12px;outline:none;padding:2px 0}.tree-search input::placeholder{color:#6a6a6a;color:var(--text-300)}.file-tree{flex:1 1;overflow-y:auto;padding:6px 0}.tree-item{align-items:center;color:#ccc;color:var(--text-100);cursor:pointer;display:flex;font-size:14px;gap:8px;min-height:28px;overflow:hidden;padding:5px 14px 5px 20px;text-overflow:ellipsis;transition:background .08s;white-space:nowrap}.tree-item:hover{background:#2d2d2d;background:var(--bg-300)}.tree-item.active{background:#3c3c3c;background:var(--bg-500);color:#fff}.tree-item.folder{color:#e8a838;font-weight:500}.tree-children{padding-left:16px}.tree-item span{pointer-events:none}.file-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ide-editor{border-right:1px solid #3c3c3c;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-width:350px}.editor-tabs-container{display:flex;flex-direction:column;height:100%}.editor-tabs-bar{align-items:stretch;background:#252526;background:var(--bg-200);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:40px;overflow-x:auto}.editor-tabs-bar::-webkit-scrollbar{height:0}.editor-tab{align-items:center;border-bottom:2px solid #0000;color:#a0a0a0;color:var(--text-200);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,PingFang SC,sans-serif;font-family:var(--font);font-size:13px;gap:8px;height:40px;max-width:200px;min-width:120px;padding:0 16px;transition:all .1s;white-space:nowrap}.editor-tab:hover{background:#2d2d2d;background:var(--bg-300);color:#ccc;color:var(--text-100)}.editor-tab.active{background:#1e1e1e;background:var(--bg-100);border-bottom-color:#007acc;border-bottom-color:var(--accent);color:#fff}.tab-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.tab-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.tab-close{align-items:center;border-radius:3px;color:#6a6a6a;color:var(--text-300);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;margin-left:4px;opacity:0;transition:opacity .15s;width:20px}.editor-tab:hover .tab-close{opacity:1}.tab-close:hover{background:#3c3c3c;background:var(--bg-500);color:#ccc;color:var(--text-100)}.editor-body{min-height:0}.editor-empty{align-items:center;color:#6a6a6a;color:var(--text-300);display:flex;font-size:15px;height:100%;justify-content:center}.ide-preview{background:#1e1e1e;background:var(--bg-100);flex-direction:column;min-width:350px;width:50%}.ide-preview,.pv-toolbar{display:flex;flex-shrink:0}.pv-toolbar{align-items:center;background:#252526;background:var(--bg-200);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);gap:6px;height:40px;padding:0 14px}.pv-title{color:#6a6a6a;color:var(--text-300);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.pv-devices{display:flex;gap:4px;margin:0 auto}.pv-device-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius);color:#6a6a6a;color:var(--text-300);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .1s;width:32px}.pv-device-btn:hover{background:#383838;background:var(--bg-400);color:#ccc;color:var(--text-100)}.pv-device-btn.active{background:#007acc1f;color:#007acc;color:var(--accent)}.pv-actions{align-items:center;display:flex;gap:6px}.pv-zoom-val{color:#6a6a6a;color:var(--text-300);font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-family:var(--mono);font-size:11px;min-width:32px;text-align:center}.pv-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius);color:#a0a0a0;color:var(--text-200);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .1s;width:32px}.pv-btn:hover{background:#383838;background:var(--bg-400);color:#ccc;color:var(--text-100)}.pv-body{align-items:flex-start;background:#0d0d0d;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:auto;padding:20px;position:relative}.pv-frame{align-items:center;display:flex;justify-content:center}.pv-frame,.pv-iframe{height:100%;min-height:300px;width:100%}.pv-iframe{background:#fff;border:none;box-shadow:0 4px 20px #00000080;display:block}.pv-loading{align-items:center;background:#0d0d0df2;color:#a0a0a0;color:var(--text-200);display:flex;flex-direction:column;font-size:14px;gap:14px;inset:0;justify-content:center;position:absolute;z-index:10}.pv-spinner{animation:spin .8s linear infinite;border:3px solid #3c3c3c;border-top-color:#007acc;border:3px solid var(--bg-500);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.ide-terminal{background:#1e1e1e;background:var(--bg-100);border-top:1px solid #3c3c3c;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:240px;overflow:hidden}.term-header{background:#252526;background:var(--bg-200);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;height:36px;justify-content:space-between;letter-spacing:.8px;padding:0 14px;text-transform:uppercase}.term-close,.term-header{align-items:center;color:#6a6a6a;color:var(--text-300);display:flex}.term-close{background:#0000;border:none;border-radius:4px;border-radius:var(--radius);cursor:pointer;font-size:18px;height:28px;justify-content:center;transition:all .1s;width:28px}.term-close:hover{background:#383838;background:var(--bg-400);color:#ccc;color:var(--text-100)}.term-body{flex:1 1;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-family:var(--mono);font-size:13px;line-height:1.7;overflow-y:auto;padding:10px 16px}.term-line{white-space:pre-wrap;word-break:break-all}.term-line.cmd{color:#007acc;color:var(--accent)}.term-line.error{color:#f85149;color:var(--red)}.term-line.ok{color:#3fb950;color:var(--green)}.term-input-line{align-items:center;display:flex;gap:8px;margin-top:4px}.term-prompt{color:#3fb950;color:var(--green);font-weight:600;-webkit-user-select:none;user-select:none}.term-input{background:#0000;border:none;color:#ccc;color:var(--text-100);flex:1 1;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-family:var(--mono);font-size:13px;outline:none;padding:4px 0}.ide-statusbar{align-items:center;background:#007acc;background:var(--accent);color:#fff;cursor:default;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:space-between;padding:0 12px;-webkit-user-select:none;user-select:none}.sb-left,.sb-right{gap:4px}.sb-item,.sb-left,.sb-right{align-items:center;display:flex}.sb-item{border-radius:3px;cursor:pointer;font-size:12px;gap:5px;height:28px;padding:0 10px;transition:background .1s}.sb-item:hover{background:#ffffff1f}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3c3c3c;background:var(--bg-500);background-clip:padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555;background:var(--border-light)}[data-theme=vs-light]{--bg-100:#fff;--bg-200:#f3f3f3;--bg-300:#ececec;--bg-400:#e0e0e0;--bg-500:#d4d4d4;--bg-600:#c4c4c4;--border:#e0e0e0;--border-light:#ccc;--text-100:#333;--text-200:#616161;--text-300:#999;--accent:#007acc;--accent-hover:#1a8fe8;--green:#388a34;--orange:#d18616;--red:#e51400}[data-theme=vs-light] .pv-body{background:#fff}[data-theme=vs-light] .pv-loading{background:#fffffff2;color:#a0a0a0;color:var(--text-200)}[data-theme=vs-light] .logo{color:#006ab1}[data-theme=vs-light] .editor-tab.active{background:#fff;color:#333}[data-theme=vs-light] .tree-item.active{background:#d4d4d4;color:#333}[data-theme=vs-light] .tree-item:hover{background:#ececec}[data-theme=vs-light] .sb-item:hover{background:#00000014}[data-theme=vs-light] .pv-iframe{box-shadow:0 2px 12px #00000026}.context-menu{background:#252526;background:var(--bg-200);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0006;color:#ccc;color:var(--text-100);font-size:13px;min-width:220px;padding:4px 0;position:fixed;-webkit-user-select:none;user-select:none;z-index:9999}.ctx-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:6px 24px;transition:background .08s}.ctx-item:hover{background:#007acc;background:var(--accent);color:#fff}.ctx-label{flex:1 1}.ctx-shortcut{color:#6a6a6a;color:var(--text-300);font-size:12px;margin-left:24px}.ctx-item:hover .ctx-shortcut{color:#ffffffb3}.ctx-sep{background:#3c3c3c;background:var(--border);height:1px;margin:4px 0}.crop-modal-backdrop{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.crop-modal-card{background:#1e1e2e;border:1px solid #30363d;border-radius:12px;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;max-height:95vh;max-width:96vw;overflow:hidden;width:920px}.crop-modal-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:16px 20px}.crop-modal-header h3{color:#e6edf3;font-size:15px;font-weight:600;margin:0}.crop-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.crop-modal-close:hover{background:#ffffff14;color:#e6edf3}.crop-modal-hint{color:#8b949e;font-size:12px;margin:0;padding:4px 20px 8px}.crop-canvas-wrap{align-items:center;background:#0d1117;display:flex;flex:1 1;justify-content:center;min-height:480px;overflow:hidden;padding:16px;position:relative}.crop-canvas{border-radius:4px;display:block;max-height:70vh;max-width:100%;touch-action:none}.crop-modal-actions{border-top:1px solid #30363d;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.crop-modal-actions .btn-secondary{background:none;border:1px solid #30363d;border-radius:6px;color:#8b9bb4;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .15s}.crop-modal-actions .btn-secondary:hover{background:#ffffff0a;border-color:#484f58;color:#c6d4df}.crop-modal-actions .btn-primary{background:#238636;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .15s}.crop-modal-actions .btn-primary:hover{background:#2ea043}.new-map-page{-webkit-touch-callout:none;background:var(--bg-glass);color:var(--text-primary);height:100vh;overflow:hidden;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100vw}.step-select{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;gap:40px;inset:0;justify-content:center;position:fixed;z-index:100}.step-select h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:1px;margin:0}.step-select .btn-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b2838e6;left:24px;position:fixed;top:80px;z-index:101}.mode-cards{grid-gap:30px 40px;display:grid;gap:30px 40px;grid-template-columns:repeat(2,260px);justify-content:center}.mode-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:20px;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0a;cursor:pointer;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%}.mode-card:hover{border-color:#4fc3f773;box-shadow:0 12px 36px #0006,0 0 24px #4fc3f726;transform:translateY(-3px)}.mode-icon{color:#4fc3f7;display:flex;justify-content:center;margin-bottom:16px}.mode-card h2{color:var(--text-primary);font-size:20px;margin:0 0 8px}.mode-card p{color:var(--text-secondary);font-size:14px;margin:0}.editor-container{display:flex;flex-direction:column;height:100vh;position:relative;width:100vw}.editor-header{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827a6;border-bottom:1px solid #4fc3f72e;display:flex;flex-shrink:0;gap:16px;height:56px;padding:0 20px;z-index:100}.btn-back,.btn-market,.btn-redo,.btn-settings,.btn-test,.btn-undo{align-items:center;background:#4fc3f714;border:1px solid #4fc3f747;border-radius:12px;color:#4fc3f7;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:8px 18px;transition:all .25s ease}.btn-back:hover,.btn-market:hover,.btn-redo:hover,.btn-settings:hover,.btn-test:hover,.btn-undo:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e,0 0 30px #4fc3f714;color:#4fc3f7;transform:translateY(-2px)}.btn-back{padding:8px 14px}.btn-redo,.btn-undo{padding:8px 12px}.btn-redo:disabled,.btn-undo:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.map-name-input{background:#0d121e99;border:1px solid #4fc3f72e;border-radius:12px;color:#e8eaed;flex:1 1;font-size:14px;max-width:400px;outline:none;padding:9px 14px;transition:border-color .2s,box-shadow .2s}.map-name-input:focus{border-color:#4fc3f78c;box-shadow:0 0 0 3px #4fc3f71f}.header-actions{display:flex;gap:10px;margin-left:auto}.btn-save{align-items:center;background:linear-gradient(135deg,#4fc3f738,#b388ff33);border:1px solid #4fc3f780;border-radius:12px;color:#7ee8fa;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.3px;padding:8px 26px;transition:all .25s ease}.btn-save:hover{border-color:#4fc3f7bf;box-shadow:0 4px 22px #4fc3f747,0 0 34px #b388ff24;color:#7ee8fa;transform:translateY(-2px)}.editor-body{display:flex;flex:1 1;overflow:hidden}.editor-toolbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827a6;border-right:1px solid #4fc3f72e;display:flex;flex-direction:column;flex-shrink:0;gap:20px;overflow-y:auto;padding:16px;width:240px;z-index:50}.tool-section h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.object-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.object-btn{align-items:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:10px 6px;transition:all .15s}.object-btn:hover{background:var(--bg-glass);border-color:#4fc3f7;color:var(--text-primary)}.obj-icon{align-items:center;color:#4fc3f7;display:flex;justify-content:center}.color-grid{display:flex;flex-wrap:wrap;gap:6px}.color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .15s;width:28px}.color-btn:hover{border-color:#fff;transform:scale(1.15)}.prop-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.prop-group label{color:var(--text-secondary);flex-shrink:0;font-size:12px;width:50px}.prop-group input[type=range]{accent-color:#4fc3f7;flex:1 1}.prop-group span{color:var(--text-primary);font-family:monospace;font-size:12px;text-align:right;width:40px}.btn-delete{background:#ff52521a;border:1px solid #ff525259;border-radius:12px;color:#ff5252;font-weight:600;margin-top:8px;padding:10px;transition:all .25s ease;width:100%}.btn-delete:hover{background:#ff525229;border-color:#ff525299;box-shadow:0 4px 18px #ff52522e;transform:translateY(-2px)}.perf-toggle-btn{background:#4fc3f714;border:1px solid #4fc3f747;border-radius:10px;color:#4fc3f7;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .25s ease}.perf-toggle-btn:hover{border-color:#4fc3f78c;box-shadow:0 0 18px #4fc3f71f}.perf-toggle-btn.active{background:#4fc3f72e;border-color:#4fc3f780;color:#7ee8fa}.editor-canvas{-webkit-touch-callout:none;cursor:default;flex:1 1;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.fp-mode-toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:1px solid #ffffff26;border-radius:8px;color:#fff;display:flex;font-size:13px;gap:10px;padding:8px 16px;position:fixed;right:20px;top:70px;z-index:10000}.toast-icon{animation:pulse 1.5s infinite;background:#e74c3c;border-radius:50%;height:8px;width:8px}.toast-text{font-weight:600}.toast-exit-btn{background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.toast-exit-btn:hover{background:#ffffff40}.joystick-area{align-items:center;background:#ffffff14;border:2px solid #fff3;border-radius:50%;bottom:40px;display:flex;height:120px;justify-content:center;left:40px;position:fixed;touch-action:none;width:120px;z-index:1000}.joystick-thumb{background:#ffffff40;border-radius:50%;height:40px;pointer-events:none;width:40px}.look-area{background:#ffffff14;border:2px solid #fff3;border-radius:50%;height:120px;right:40px;touch-action:none;width:120px}.look-area,.move-d-pad{bottom:40px;position:fixed;z-index:1000}.move-d-pad{grid-gap:2px;display:grid;gap:2px;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;left:40px}.dpad-up{grid-column:2;grid-row:1}.dpad-left,.dpad-up{align-items:center;background:#ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center}.dpad-left{grid-column:1;grid-row:2}.dpad-center{grid-column:2;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down,.dpad-right{align-items:center;background:#ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center}.dpad-down{grid-column:2;grid-row:3}.dpad-down:hover,.dpad-left:hover,.dpad-right:hover,.dpad-up:hover{background:#ffffff4d}.height-controls{bottom:40px;display:flex;flex-direction:column;gap:6px;position:fixed;right:40px;z-index:1000}.height-btn{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.height-btn:hover{background:#ffffff4d}.perf-stats-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #a855f780;border-radius:8px;color:#fff;font-family:monospace;font-size:13px;min-width:180px;padding:12px 16px;position:fixed;z-index:10000}.step-create{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;gap:12px;inset:0;overflow-y:auto;padding:40px 20px;position:fixed;z-index:100}.step-create h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#b388ff);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:1px;margin:0}.step-create .step-desc{color:var(--text-secondary);font-size:14px;margin:0 0 24px}.create-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827a6;border:1px solid #4fc3f72e;border-radius:20px;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;gap:16px;padding:28px;width:480px}.btn-back-form{align-self:flex-start;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-back-form:hover{background:var(--bg-glass);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary)}.required{color:#f85149;margin-left:4px}.form-input{background:var(--bg-glass);border-radius:8px;font-size:15px;outline:none;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:#4fc3f7}.form-textarea{background:var(--bg-glass);border-radius:8px;outline:none;padding:10px 14px;transition:border-color .2s}.form-textarea:focus{border-color:#4fc3f7}.type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.type-card{align-items:center;background:var(--bg-glass);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.type-card:hover{background:#4fc3f714;border-color:#4fc3f7}.type-card.active{background:#4fc3f726;border-color:#4fc3f7;box-shadow:0 0 12px #4fc3f733}.type-icon{font-size:28px}.type-name{color:var(--text-primary);font-size:14px;font-weight:500}.type-card.active .type-name{color:#4fc3f7}.btn-create{background:linear-gradient(135deg,#4fc3f738,#b388ff33)!important;border:1px solid #4fc3f780!important;border-radius:12px;color:#7ee8fa!important;cursor:pointer;font-size:16px;letter-spacing:.3px;margin-top:8px;padding:14px;transition:all .25s ease;width:100%}.btn-create:hover{border-color:#4fc3f7bf!important;box-shadow:0 4px 22px #4fc3f747,0 0 34px #b388ff24;transform:translateY(-2px)}.btn-create:active{transform:translateY(0)}.cover-upload-wrap{display:flex;flex-direction:column;gap:10px}.cover-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.cover-thumb{background:var(--bg-glass);cursor:pointer;flex-shrink:0;height:90px;transition:var(--transition)}.cover-thumb:hover{border-color:#58a6ff;transform:scale(1.02)}.cover-thumb img{display:block;object-fit:cover}.cover-remove{align-items:center;background:#f85149e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;line-height:22px;padding:0;position:absolute;right:4px;text-align:center;top:4px;transition:background .15s;width:22px}.cover-remove:hover{background:#f85149}.cover-add{background:#0000;border:1.5px dashed var(--border);border-radius:10px;color:#8b949e;flex-shrink:0;font-size:12px;height:90px;line-height:90px;transition:all .15s}.cover-add:hover{background:#30363d1f;border-color:#484f58;color:#c9d1d9}.upload-hint{color:#8b949e;font-size:12px;margin-left:4px}.type-select-group{display:flex;gap:10px}.type-option{background:var(--bg-glass);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s}.type-option:hover{border-color:#4fc3f7;color:var(--text-primary)}.type-option.active{background:#4fc3f726;border-color:#4fc3f7;color:#4fc3f7;font-weight:600}.lightbox-close{transition:background .15s}.modal-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0e17a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000080,0 0 40px #4fc3f71f;color:var(--text-primary);max-width:500px;min-width:400px;padding:24px;position:relative}.modal-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:14px}.modal-card h3{color:var(--text-primary);font-size:16px;margin:8px 0}.modal-card p{font-size:14px;margin:4px 0}.modal-card p,.modal-close{color:var(--text-secondary)}.modal-close{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:var(--transition);width:32px}.modal-close:hover{background:#ffffff1f;border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);color:var(--accent)}.modal-lg{border-radius:var(--radius-lg);max-height:88vh;max-width:92vw;overflow-y:auto;padding:28px;scrollbar-color:var(--accent) #0000;scrollbar-width:thin;width:800px}.modal-lg::-webkit-scrollbar{width:6px}.modal-lg::-webkit-scrollbar-track{background:#0000}.modal-lg::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4fc3f780,#b388ff80);border:1px solid #4fc3f72e;border-radius:10px;box-shadow:0 0 8px #4fc3f738}.modal-body-scroll{padding:4px 8px}.modal-card h2{border-bottom:1px solid var(--border);font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.publish-form-grid{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:1fr 1fr}.publish-form-grid .form-group-full{grid-column:1/-1}.form-group{margin-bottom:18px}.form-group .req{color:#f44747;margin-left:2px}.form-group .hint{color:var(--text-muted);font-size:12px;font-weight:400;margin-left:6px}.form-input{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:9px 12px;transition:var(--transition);width:100%}.form-input:focus{background:#ffffff0f;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-textarea{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:9px 12px;resize:vertical;transition:var(--transition);width:100%}.form-textarea:focus{background:#ffffff0f;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-textarea::placeholder{color:var(--text-muted)}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px 20px;padding:4px 0}.checkbox-group .checkbox-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;margin:0;padding:4px 8px;position:relative;white-space:nowrap}.checkbox-group .checkbox-item input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-group .checkbox-box{background:#ffffff0a;border:2px solid var(--border-hover);border-radius:var(--radius-sm);display:inline-block;flex-shrink:0;height:16px;position:relative;transition:all .15s;width:16px}.checkbox-group .checkbox-item input[type=checkbox]:checked+.checkbox-box{background:#4fc3f7;border-color:#4fc3f7}.checkbox-group .checkbox-item input[type=checkbox]:checked+.checkbox-box:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.checkbox-group .checkbox-item:hover .checkbox-box{border-color:#7a8a98}.cover-upload-area{display:flex;flex-wrap:wrap;gap:16px}.cover-thumb{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);height:160px;overflow:hidden;position:relative;width:160px}.cover-thumb img{background:var(--bg-glass);height:100%;object-fit:contain;width:100%}.cover-thumb .remove-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;position:absolute;right:6px;top:6px;z-index:2}.cover-thumb .remove-btn:hover{opacity:.7}.cover-add{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:block;font-size:14px;height:160px;line-height:160px;text-align:center;width:160px}.cover-add:hover{border-color:var(--accent);color:var(--accent)}.cover-add input{display:none!important}.video-preview{position:relative}.video-preview .remove-btn{background:none;border:1px solid #f44747;border-radius:8px;color:#f44747;cursor:pointer;font-size:12px;margin-top:6px;padding:4px 10px}.radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.radio-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 14px}.radio-btn.active{background:#4fc3f726;border-color:#4fc3f7;color:#4fc3f7}.price-input{margin-left:8px;width:120px!important}.tag-input-area{flex-wrap:wrap;gap:6px}.tag-input-area,.tag-item{align-items:center;display:flex}.tag-item{background:#4fc3f726;border:1px solid #4fc3f7;border-radius:8px;color:#4fc3f7;font-size:12px;gap:4px;padding:3px 8px}.tag-remove{background:none;border:none;color:#f44747;cursor:pointer;font-size:10px;padding:0}.tag-input{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;padding:4px 8px}.tag-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-row{align-items:center;display:flex;justify-content:space-between}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--text-muted);border-radius:3px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background .2s}.slider:before{background-color:#a0a8b8;border-radius:2px;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:transform .2s;width:14px}.switch input:checked+.slider{background-color:#4fc3f7}.switch input:checked+.slider:before{background-color:#fff;transform:translateX(16px)}.switch.disabled{cursor:not-allowed}.switch.disabled .slider{background-color:#3a3a4a;cursor:not-allowed}.switch.disabled .slider:before{background-color:#5a5a6a}.form-actions{gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.form-actions,.publish-settings{border-top:1px solid #2a2a4a;display:flex}.publish-settings{gap:20px;margin-top:8px;padding:12px 0}.publish-setting-row{align-items:center;color:#a0a8b8;display:flex;font-size:13px;gap:8px}.publish-setting-row .hint{color:var(--text-muted);font-size:11px}.publish-btn-primary,.publish-btn-secondary{align-items:center;appearance:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;line-height:1.4;outline:none;overflow:visible;position:static;text-decoration:none;transition:all .25s ease}.publish-btn-primary:after,.publish-btn-primary:before,.publish-btn-secondary:after,.publish-btn-secondary:before{content:none!important;display:none!important}.publish-btn-primary{background:linear-gradient(135deg,#4fc3f738,#b388ff33);border:1px solid #4fc3f780;color:#7ee8fa;font-weight:700;padding:8px 28px}.publish-btn-primary:hover{border-color:#4fc3f7bf;box-shadow:0 4px 22px #4fc3f747,0 0 34px #b388ff24;color:#7ee8fa;transform:translateY(-2px)}.publish-btn-secondary{background:#4fc3f714;border:1px solid #4fc3f747;color:#4fc3f7;padding:8px 22px}.publish-btn-secondary:hover{border-color:#4fc3f78c;box-shadow:0 4px 20px #4fc3f72e;color:#4fc3f7;transform:translateY(-2px)}.editor-hud-bottom{align-items:center;bottom:12px;color:#ffffff73;display:flex;flex-direction:row;font-family:Courier New,monospace;font-size:11px;gap:12px;left:12px;pointer-events:none;position:fixed;z-index:10000}.editor-hud-fps,.editor-hud-id,.editor-hud-net{align-items:center;display:flex;gap:4px;line-height:1;opacity:.6}.editor-hud-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.editor-hud-dot-green{background:#5ba32b}.editor-hud-dot-yellow{background:#f0c040}.editor-hud-dot-red{background:#e74c3c}.editor-hud-dot-gray{background:#666}.gd-hud-quality-wrap{align-items:center;display:flex;position:relative}.gd-hud-quality-btn{align-items:center;background:#00000080;border:1px solid #ffffff26;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:11px;gap:4px;height:28px;padding:0 8px;pointer-events:auto;transition:all .2s;white-space:nowrap}.gd-hud-quality-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6}.gd-hud-quality-label{font-size:11px}.gd-quality-popup{background:#0a1628f2;border:1px solid #4da6ff40;border-radius:6px;bottom:36px;box-shadow:0 4px 16px #00000080;display:flex;flex-direction:column;left:50%;min-width:80px;padding:4px 0;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:99999}.gd-quality-option{color:#fff9;cursor:pointer;font-size:12px;padding:7px 18px;text-align:center;transition:all .15s;white-space:nowrap}.gd-quality-option:hover{background:#4da6ff1f;color:#fff}.gd-quality-option.active{color:#4da6ff;font-weight:600}.gd-quality-option.active:before{content:"✓ ";font-size:11px}.editor-bottom-toolbar{align-items:center;animation:toolbarSlideUp .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cf2;border:1px solid #ffffff1a;border-radius:12px;bottom:20px;box-shadow:0 4px 24px #0006;display:flex;gap:4px;left:50%;padding:6px 12px;position:fixed;transform:translateX(-50%);z-index:500}@keyframes toolbarSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toolbar-group{align-items:center;display:flex;gap:2px}.toolbar-divider{background:#ffffff1a;height:28px;margin:0 4px;width:1px}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffff8c;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:2px;height:52px;justify-content:center;line-height:1;min-width:56px;padding:4px 6px;transition:all .15s;white-space:nowrap}.toolbar-btn:hover{background:#ffffff14;color:#ffffffd9}.move-btn-wrap,.scale-btn-wrap{align-items:center;display:flex;position:relative}.scale-mode-popup{animation:popupFadeIn .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cf2;border:1px solid #ffffff1f;border-radius:8px;bottom:76px;box-shadow:0 4px 16px #0006;display:flex;gap:4px;left:50%;padding:4px;position:fixed;transform:translateX(-50%);z-index:510}.scale-popup-with-planet .scale-mode-popup{animation:none;position:static;transform:none}.scale-mode-popup-container,.scale-popup-with-planet{align-items:center;animation:popupFadeIn .15s ease;bottom:76px;display:flex;gap:8px;left:50%;position:fixed;transform:translateX(-50%);z-index:510}.scale-mode-popup-container .scale-mode-popup{animation:none;position:static;transform:none}@keyframes popupFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.scale-mode-btn{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .15s;white-space:nowrap}.scale-mode-btn:hover{background:#ffffff14;color:#ffffffe6}.scale-mode-btn.active{background:#4a90d959;border-color:#4a90d980;color:#fff}.tech-planet-btn{align-items:center;animation:planetRotate 6s linear infinite;background:radial-gradient(circle at 30% 30%,#00d4ff1a 0,#7b2ff70d 100%);border:1px solid #00d4ff4d;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:6px;padding:0;transition:all .3s ease;width:32px}.tech-planet-btn:hover{background:radial-gradient(circle at 30% 30%,#00d4ff33 0,#7b2ff71a 100%);border-color:#00d4ff99;box-shadow:0 0 12px #00d4ff66,0 0 24px #7b2ff733}@keyframes planetRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.planet-toggle-btn{animation:planet-rotate 6s linear infinite;background:radial-gradient(circle at 35% 30%,#00dcff80 0,#0064b4cc 50%,#002850f2 100%);border:1.5px solid #00c8ff66;border-radius:50%;box-shadow:0 0 8px #00c8ff66,0 0 16px #00c8ff33,inset 0 0 6px #00c8ff4d;cursor:pointer;height:32px;margin-left:6px;overflow:visible;padding:0;position:relative;transition:all .4s ease;width:32px}.planet-core{background:#ffffff59;border-radius:50%;filter:blur(1px);height:6px;left:7px;top:6px;width:8px}.planet-core,.planet-ring{pointer-events:none;position:absolute}.planet-ring{animation:planet-ring-rotate 4s linear infinite;border:1px solid #00c8ff40;border-radius:50%;height:10px;left:2px;opacity:.6;top:-3px;transform:rotateX(65deg);width:28px}@keyframes planet-ring-rotate{0%{transform:rotateX(65deg) rotate(0deg)}to{transform:rotateX(65deg) rotate(1turn)}}.planet-particles{animation:planet-particles-flow 3s linear infinite;background:#00dcffcc;border-radius:50%;box-shadow:8px -10px 0 .5px #00c8ff99,12px 4px 0 .3px #00b4ff80,-9px -6px 0 .4px #00d2ff80,-5px 11px 0 .3px #00beff66,14px -2px 0 .2px #00c8ff4d;height:2px;left:50%;pointer-events:none;position:absolute;top:50%;width:2px}.planet-switch-icon{color:#00dcffe6;font-size:9px;line-height:1;pointer-events:none;position:absolute;right:-6px;text-shadow:0 0 4px #00c8ffcc;top:-5px}@keyframes planet-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes planet-particles-flow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.planet-toggle-btn:active{box-shadow:0 0 16px #00dcffcc,0 0 32px #00dcff80,0 0 48px #00dcff4d}.planet-toggle-btn:hover{border-color:#00dcffb3;box-shadow:0 0 12px #00dcff99,0 0 24px #00dcff4d,inset 0 0 8px #00dcff66}.planet-toggle-btn.space-active{animation:planet-rotate 4s linear infinite;background:radial-gradient(circle at 35% 30%,#ffb4008c 0,#b46400d9 50%,#502800f2 100%);border-color:#ffa00080;box-shadow:0 0 8px #ffa00080,0 0 16px #ffa0004d,inset 0 0 6px #ffa00059}.planet-toggle-btn.space-active .planet-ring{border-color:#ffa00059}.planet-toggle-btn.space-active .planet-particles{background:#ffb400d9;box-shadow:8px -10px 0 .5px #ffa000a6,12px 4px 0 .3px #ff8c008c,-9px -6px 0 .4px #ffaa008c,-5px 11px 0 .3px #ff960073,14px -2px 0 .2px #ffa00059}.planet-toggle-btn.space-active .planet-switch-icon{color:#ffb400f2;text-shadow:0 0 4px #ffa000d9}.planet-toggle-btn.space-active:hover{border-color:#ffb400bf;box-shadow:0 0 12px #ffa000a6,0 0 24px #ffa00059,inset 0 0 8px #ffa00073}.scale-mode-row.hidden-row{display:none}.scale-mode-row{align-items:center;display:flex;gap:4px;margin-top:4px}.scale-mode-row:first-child{margin-top:0}.toolbar-btn.active{background:#00aaff26;border-color:#0af6;color:#0af}.toolbar-icon{font-size:18px;line-height:1}.asset-panel{bottom:0;display:flex;flex-direction:row;pointer-events:none;position:fixed;right:0;top:52px;z-index:200}.asset-panel *{pointer-events:auto}.asset-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cd9;border-left:1px solid #ffffff14;display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,opacity .2s ease;width:180px}.asset-content.collapsed{opacity:0;pointer-events:none;width:0}.properties-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cd9;border-left:1px solid #ffffff14;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:52px;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:340px;z-index:300}.properties-panel.open{transform:translateX(0)}.properties-panel-header{align-items:center;border-bottom:1px solid #ffffff14;color:var(--text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 14px}.properties-panel-close{background:none;border:none;border-radius:8px;color:#8b9cad;cursor:pointer;font-size:14px;padding:2px 6px;transition:color .15s}.properties-panel-close:hover{color:#ff4757}.properties-sticky{border-bottom:1px solid #ffffff1f;display:flex;flex-direction:column;flex-shrink:0;gap:14px;padding:10px 14px 14px}.properties-scroll{display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:14px;scrollbar-width:none}.properties-scroll::-webkit-scrollbar{display:none}.properties-empty{align-items:center;color:#6b7b8d;display:flex;font-size:13px;height:120px;justify-content:center}.bg-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161e2ceb;border-left:1px solid #ffffff14;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:52px;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:340px;z-index:300}.bg-panel.open{transform:translateX(0)}.bg-panel-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.bg-panel-header{align-items:center;border-bottom:1px solid #ffffff14;color:var(--text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 14px}.bg-panel-close{background:none;border:none;border-radius:8px;color:#8b9cad;cursor:pointer;font-size:14px;padding:2px 6px;transition:color .15s}.bg-panel-close:hover{color:#ff4757}.bg-panel-back{background:none;border:none;border-radius:8px;color:#4a9eff;cursor:pointer;font-size:13px;padding:2px 6px;transition:color .15s}.bg-panel-back:hover{color:#6db3ff}.settings-list{flex:1 1;overflow-y:auto;padding:8px 0;scrollbar-width:none}.settings-list::-webkit-scrollbar{display:none}.settings-list-item{align-items:center;border:1px solid #0000;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin:0 12px;padding:14px 16px;transition:var(--transition)}.settings-list-item:hover{background:var(--bg-glass);border-color:var(--border)}.settings-list-arrow{color:#fff6;font-size:18px}.bg-card-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px;scrollbar-width:none}.bg-card-list::-webkit-scrollbar{display:none}.bg-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition)}.bg-card:hover{border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow)}.bg-card-preview{background-position:50%;background-size:cover;height:120px;width:100%}.bg-card-gear,.bg-card-preview{align-items:center;display:flex;justify-content:center}.bg-card-gear{background:#00000073;border-radius:50%;cursor:pointer;height:36px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:36px}.bg-card:hover .bg-card-gear{opacity:1;pointer-events:auto}.bg-card-name{background:#0000004d;color:#ffffffb3;font-size:12px;padding:8px 10px}.bg-detail-tabs{border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:2px;padding:8px 14px 0}.bg-detail-tab{background:none;border:none;border-bottom:2px solid #0000;color:#fff6;cursor:pointer;flex:1 1;font-size:12px;padding:8px 0;transition:color .15s,border-color .15s}.bg-detail-tab:hover{color:#ffffffb3}.bg-detail-tab.active{border-bottom-color:#4a9eff;color:#4a9eff}.bg-detail-body{flex:1 1;overflow-y:auto;padding:14px;scrollbar-width:none}.bg-detail-body::-webkit-scrollbar{display:none}.bg-detail-section{margin-bottom:16px}.bg-detail-label{color:#ffffff80;font-size:12px;margin-bottom:6px}.bg-detail-coming{align-items:center;color:#ffffff4d;display:flex;font-size:13px;height:120px;justify-content:center}.bg-apply-btn{background:linear-gradient(135deg,#4a9eff,#6db3ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 0;transition:opacity .15s;width:100%}.bg-apply-btn:hover{opacity:.85}.properties-tabs{background:#ffffff0a;border-radius:8px;display:flex;gap:4px;padding:3px}.properties-tab{background:#0000;border:none;border-radius:6px;color:#8b9cad;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:7px 0;transition:background .15s,color .15s}.properties-tab:hover{background:#ffffff0f;color:var(--text-primary)}.properties-tab.active{background:#4fc3f72e;box-shadow:0 0 14px var(--accent-glow);color:var(--accent);font-weight:600}.color-slots{display:flex;flex-direction:column;gap:8px}.color-slot{align-items:center;border:1px solid #ffffff0a;border-radius:8px;display:flex;gap:10px;padding:8px}.color-slot-active{background:#ffffff0a;border-color:#6496ff33}.color-slot-locked{cursor:not-allowed;opacity:.45}.color-slot-index{align-items:center;background:#ffffff0f;border-radius:8px;display:flex;flex-shrink:0;font-weight:600;height:22px;justify-content:center;width:22px}.color-slot-index,.color-slot-locked-text{color:#6b7b8d;font-size:11px}.color-slot-preview{border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;height:36px;width:36px}.color-slot-preview-locked{cursor:not-allowed;opacity:.3}.native-color-picker{appearance:none;background:none;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;height:44px;padding:0;width:44px}.native-color-picker::-webkit-color-swatch-wrapper{padding:0}.native-color-picker::-webkit-color-swatch{border:1px solid #ffffff26;border-radius:8px}.native-color-picker::-moz-color-swatch{border:1px solid #ffffff26;border-radius:8px}.color-hex-value{color:#8b9cad;font-family:monospace;font-size:12px;letter-spacing:.5px;margin-right:4px}.color-copy-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#8b9cad;cursor:pointer;flex-shrink:0;font-size:11px;padding:2px 8px;transition:background .15s,color .15s}.color-copy-btn:hover{background:#6496ff26;color:#a0bcff}.color-copy-btn:active{background:#6496ff40;color:#fff}.properties-object-header{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:12px;padding:10px}.properties-object-icon{align-items:center;background:#ffffff0f;border-radius:8px;color:#8b9cad;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.properties-object-info{display:flex;flex-direction:column;gap:2px;min-width:0}.properties-object-name{color:#e8ecf1;font-size:14px;font-weight:600;word-break:break-all}.properties-object-id{color:#6b7b8d;font-family:monospace;font-size:11px}.properties-object-fixed-id{color:#8fa3b8;font-family:monospace;font-size:11px;margin-top:2px}.properties-field{display:flex;flex-direction:column;gap:6px}.properties-field label{color:#8b9cad;font-size:12px;font-weight:500}.properties-field input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.properties-field input:focus{border-color:#6496ff80}.properties-field input::placeholder{color:#fff3}.precision-edit{display:flex;flex-direction:column;gap:10px}.pe-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px}.pe-section-title{color:#6b7b8d;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.pe-row{display:flex;gap:6px}.pe-field{display:flex;flex:1 1;flex-direction:column;gap:3px}.pe-label{color:#6b7b8d;font-size:10px;font-weight:600;text-align:center}.pe-input{-moz-appearance:textfield;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:12px;outline:none;padding:5px 4px;text-align:center;width:100%}.pe-input::-webkit-inner-spin-button,.pe-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pe-input:focus{border-color:#6496ff80}.asset-header{border-bottom:1px solid #ffffff14;flex-shrink:0;gap:6px;padding:8px 10px}.asset-header,.asset-search{align-items:center;display:flex}.asset-search{background:#ffffff0f;border-radius:6px;flex:1 1;height:28px;padding:0 8px}.asset-search input{background:#0000;border:none;color:var(--text-primary);font-size:12px;outline:none;width:100%}.asset-search input::placeholder{color:#ffffff40}.asset-search input:focus{box-shadow:none;outline:none}.asset-filter-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;width:28px}.asset-filter-btn:hover{background:#ffffff1f}.asset-sidebar{border-right:1px solid #ffffff14;display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow-y:auto;padding:6px 0;width:72px}.asset-sidebar-item{align-items:center;border-left:2px solid #0000;color:#8a8aaa;cursor:pointer;display:flex;font-size:11px;justify-content:center;line-height:1.3;padding:8px 4px;text-align:center;transition:all .15s;word-break:break-all}.asset-sidebar-item:hover{background:#ffffff0f;color:#d0d0e0}.asset-sidebar-item.active{background:#4fc3f726;border-left-color:var(--accent);color:var(--accent)}.asset-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.asset-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:6px 8px}.asset-item{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);cursor:grab;display:flex;flex-direction:row;gap:10px;height:56px;padding:0 10px;transition:var(--transition)}.asset-item:hover{background:#4fc3f714;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.asset-item-icon{align-items:center;color:#ffffffb3;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.asset-item-label{color:#fff9;font-size:13px;line-height:1.2;text-align:left}.asset-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:8px}.asset-footer,.asset-toggle{align-items:center;display:flex;justify-content:center}.asset-toggle{background:#ffffff0f;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:13px;height:28px;transition:all .15s;width:100%}.asset-toggle:hover{background:#ffffff1f;color:#fffc}.asset-empty{color:#ffffff4d;font-size:12px;padding:40px 20px;text-align:center}.asset-subtabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cd9;border-left:1px solid #ffffff0f;gap:4px;padding:8px 0;width:44px}.asset-subtab,.asset-subtabs{align-items:center;display:flex;flex-direction:column}.asset-subtab{background:#0000;border:none;border-radius:6px;color:#ffffff73;cursor:pointer;font-size:10px;height:44px;justify-content:center;padding:2px 0;transition:all .15s;width:36px}.asset-subtab:hover{background:#ffffff14;color:#ffffffbf}.asset-subtab.active{background:#4fc3f733;box-shadow:0 0 12px var(--accent-glow);color:var(--accent)}.asset-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e2cf2;border-left:1px solid #ffffff14;gap:6px;padding:8px 0;width:52px}.asset-tab,.asset-tabs{align-items:center;display:flex;flex-direction:column}.asset-tab{background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;font-size:11px;gap:2px;height:40px;justify-content:center;transition:all .15s;width:40px}.asset-tab:hover{background:#ffffff14;color:#fffc}.asset-tab.active{background:#4fc3f740;color:#4fc3f7}.settings-backdrop{align-items:center;animation:sBdIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes sBdIn{0%{opacity:0}to{opacity:1}}.settings-modal{animation:sModalIn .2s ease;background:var(--bg-glass);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;max-height:82vh;max-width:94vw;overflow:hidden;position:relative;width:780px}@keyframes sModalIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{background:var(--bg-glass);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.settings-header-title{color:#e6edf3;font-size:16px;font-weight:600;margin:0}.settings-header-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:all .15s;width:32px}.settings-header-close:hover{background:#ffffff14;color:#e6edf3}.settings-body{background:#0e0e16;flex:1 1;min-height:0;overflow:hidden}.settings-tabs{background:#0e0e16;border-right:1px solid #ffffff0a;display:flex;flex-direction:column;flex-shrink:0;gap:3px;overflow-y:auto;padding:14px 10px;width:170px}.settings-tabs::-webkit-scrollbar{display:none;width:0}.settings-tabs{-ms-overflow-style:none;scrollbar-width:none}.settings-tabs button.settings-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6a7d8a;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:400;gap:10px;outline:none;padding:11px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.settings-tabs button.settings-tab:hover{background:#ffffff0a!important;color:#b8c8d4!important}.settings-tabs button.settings-tab.active{background:#4fc3f71a!important;color:var(--accent)!important;font-weight:600!important}.settings-tabs button.settings-tab.active:before{background:#4fc3f7;border-radius:0 2px 2px 0;bottom:9px;content:"";left:-6px;position:absolute;top:9px;width:3px}.settings-tab-icon{flex-shrink:0;font-size:15px;line-height:1;text-align:center;width:20px}.settings-main{background:#0e0e16;flex:1 1;min-width:0;overflow-y:auto;padding:26px 32px 36px}.settings-main::-webkit-scrollbar{display:none;width:0}.settings-main{-ms-overflow-style:none;scrollbar-width:none}.settings-panel{animation:sPanelIn .25s ease}@keyframes sPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel-title{border-bottom:1px solid #ffffff0f;color:#e8ecf1;font-size:16px;font-weight:700;margin:0 0 22px;padding-bottom:14px}.settings-section-title{color:#8b9bb466;font-size:11px;font-weight:700;letter-spacing:1.8px;margin:24px 0 12px;text-transform:uppercase}.settings-section-title:first-child{margin-top:0}.settings-item{align-items:center;background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:6px;padding:16px 18px;transition:all .15s ease}.settings-item:hover{background:hsla(0,0%,100%,.045);border-color:#ffffff0f}.settings-item-label{color:var(--text-primary);font-size:13.5px;white-space:nowrap}.settings-item-control{flex-shrink:0}.settings-item-control,.settings-slider-wrap{align-items:center;display:flex;gap:14px}.settings-slider{appearance:none;background:linear-gradient(90deg,#4fc3f7 0,#4fc3f7 50%,#ffffff0f 0,#ffffff0f);background:linear-gradient(to right,#4fc3f7 0,#4fc3f7 var(--slider-pct,50%),#ffffff0f var(--slider-pct,50%),#ffffff0f 100%);border-radius:2px;cursor:pointer;height:3px;outline:none;transition:background .08s;width:170px}.settings-slider::-webkit-slider-thumb{appearance:none;background:#e8ecf1;border:2.5px solid #4fc3f7;border-radius:50%;box-shadow:0 2px 8px #0006;cursor:pointer;height:15px;-webkit-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease;width:15px}.settings-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 12px #4fc3f759;transform:scale(1.3)}.settings-slider::-moz-range-thumb{background:#e8ecf1;border:2.5px solid #4fc3f7;border-radius:50%;box-shadow:0 2px 8px #0006;cursor:pointer;height:15px;width:15px}.settings-value{font-feature-settings:"tnum";color:#5cbf77;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.3px;min-width:48px;text-align:right}.settings-switch{background:#ffffff14;border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;outline:none;padding:0;position:relative;transition:background .2s ease;width:42px}.settings-switch.on{background:#4fc3f7}.settings-switch-knob{background:#e8ecf1;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:18px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:18px}.settings-switch.on .settings-switch-knob{transform:translateX(20px)}.settings-switch:disabled{cursor:not-allowed;opacity:.4}.settings-hint{color:#6a7d8a8c;font-size:11.5px;line-height:1.5;margin:-4px 0 16px 18px}.settings-body-three{display:flex;flex:1 1;min-height:0;overflow:hidden}.settings-col-main,.settings-col-sub{background:var(--bg-glass);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow-y:auto;padding:8px 0;width:150px}.settings-col-content{background:var(--bg-glass);flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px}.settings-tab-btn{background:#0000;border:none;border-radius:6px;color:#8b949e;cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:8px 14px;position:relative;text-align:left;transition:all .15s ease}.settings-tab-btn:hover{background:#ffffff0a;color:#c9d1d9}.settings-tab-btn.active{background:#58a6ff1a;color:#58a6ff;font-weight:600}.settings-tab-btn.active:before{background:#58a6ff;border-radius:0 2px 2px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.settings-empty-hint{color:#6e7681;font-size:13px;padding-top:20px}.settings-content-title{color:#e6edf3;font-size:14px;font-weight:600;margin-bottom:16px}.settings-content-row{align-items:center;display:flex;justify-content:space-between}.settings-content-row-label{color:#c9d1d9;font-size:13px}.settings-content-row-control{align-items:center;display:flex;gap:8px}.settings-content-row-value{color:#8b949e;font-size:12px;width:36px}.settings-content-slider{accent-color:#58a6ff;width:120px}.settings-content-number-input{-moz-appearance:textfield;background:#222;border:1px solid #555;border-radius:8px;color:var(--text-primary);font-size:13px;padding:4px 8px;text-align:center;width:80px}.settings-content-number-input::-webkit-inner-spin-button,.settings-content-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-content-number-input:focus{border-color:#58a6ff;outline:none}.settings-content-color{background:#222;border:1px solid #555;border-radius:8px;cursor:pointer;height:26px;padding:2px;width:36px}.settings-content-btn-group{display:flex;gap:4px}.settings-content-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:6px;color:#8b949e;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.settings-content-btn:hover{border-color:#484f58;color:#c9d1d9}.settings-content-btn.active{background:#4fc3f7;border-color:#4fc3f7;color:#fff}.settings-content-switch{background:var(--bg-glass);border:none;border:1px solid var(--border);border-radius:11px;cursor:pointer;height:22px;outline:none;padding:0;position:relative;transition:background .2s;width:40px}.settings-content-switch.on{background:#4fc3f7;border-color:#4fc3f7}.settings-content-switch-knob{background:#fff;border-radius:50%;height:16px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:16px}.settings-content-switch.on .settings-content-switch-knob{transform:translateX(18px)}.settings-content-gap{display:flex;flex-direction:column;gap:16px}.settings-content-hint{color:#6e7681;font-size:12px}.settings-content-option{background:var(--bg-glass);border:1px solid var(--border);border-radius:6px;color:#c9d1d9;cursor:pointer;font-family:inherit;font-size:13px;padding:8px 12px;text-align:left;transition:all .15s}.settings-content-option:hover{border-color:#484f58}.settings-content-option.active{background:#4fc3f7;border-color:#4fc3f7;color:#fff}.settings-content-option.disabled{background:var(--bg-glass);border-color:var(--border);color:#484f58;cursor:default}@media (max-width:768px){.editor-header{gap:8px;height:48px;padding:0 10px}.editor-header .btn-back{font-size:12px;padding:4px 8px}.header-actions{gap:6px}.btn-market,.btn-save,.btn-settings,.btn-test{font-size:12px;padding:4px 10px}.asset-panel{top:48px}.asset-content{width:160px}.asset-tabs{width:44px}.asset-tab{font-size:10px;height:36px;width:36px}.asset-subtabs{width:38px}.asset-subtab{font-size:9px;height:38px;width:32px}.properties-panel{top:48px;width:280px}.editor-bottom-toolbar{bottom:12px;gap:2px;padding:4px 8px}.toolbar-btn{font-size:10px;height:44px;min-width:48px}.toolbar-icon{font-size:16px}.joystick-area{bottom:20px;height:100px;left:20px;width:100px}.joystick-thumb{height:36px;width:36px}.look-area{height:100px;width:100px}.height-controls,.look-area{bottom:20px;right:20px}.editor-hud-bottom{font-size:10px}.settings-modal{border-radius:16px 16px 0 0;max-height:90vh;max-width:100vw;width:100vw}.settings-body{flex-direction:column}.settings-tabs{border-bottom:1px solid #ffffff0a;border-right:none;flex-direction:row;gap:6px;overflow-x:auto;padding:8px;width:100%}.settings-tabs button.settings-tab{flex-shrink:0;padding:8px 12px;white-space:nowrap}.settings-tabs button.settings-tab.active:before{display:none}.modal-card,.settings-main{padding:16px}.modal-card{min-width:auto;width:92vw}.modal-lg{border-radius:16px 16px 0 0;max-height:90vh;max-width:100vw;padding:16px;width:100vw}.publish-form-grid{grid-template-columns:1fr}.create-form{padding:20px;width:92vw}.mode-cards{gap:16px;grid-template-columns:repeat(2,160px)}.mode-card{padding:30px 16px}}.editor-bgm-panel{padding:12px}.editor-bgm-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.editor-bgm-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;transition:border-color .2s}.editor-bgm-card:hover{background:#ffffff14}.editor-bgm-card.active{background:#7c5cfc1f;border-color:#7c5cfc}.editor-bgm-card-cover{aspect-ratio:16/9;background:#ffffff0f;border-radius:5px;overflow:hidden;width:100%}.editor-bgm-card-cover img{height:100%;object-fit:cover;width:100%}.editor-bgm-card-placeholder{align-items:center;color:#fff3;display:flex;height:100%;justify-content:center;width:100%}.editor-bgm-card-name{color:#ccc;font-size:11px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.editor-bgm-card.active .editor-bgm-card-name{color:#fff}.editor-bgm-config-btn{background:#7c5cfc26;border:1px solid #7c5cfc66;border-radius:8px;color:#b8a0f8;cursor:pointer;font-size:12px;font-weight:500;padding:4px 18px;transition:all .15s}.editor-bgm-config-btn:hover{background:#7c5cfc4d;border-color:#7c5cfc}.editor-bgm-card.active .editor-bgm-config-btn{background:#7c5cfc;border-color:#0000;color:#fff}.editor-bgm-empty{color:#ffffff4d;font-size:13px;padding:20px 0;text-align:center}.editor-bgm-current{align-items:center;border-top:1px solid #ffffff0f;color:#fff9;display:flex;font-size:12px;justify-content:space-between;margin-top:12px;padding-top:10px}.editor-bgm-current strong{color:#fff}.editor-bgm-play-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.editor-bgm-play-btn.playing,.editor-bgm-play-btn:hover{background:#7c5cfc}.my-works{min-height:calc(100vh - 60px);padding:32px 0}.works-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.works-header h1{color:#c6d4df;font-size:28px;margin:0}.btn-create{background:#0af;border-radius:8px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none}.btn-create:hover{background:#08c}.works-tabs{border-bottom:2px solid #2a3f55;display:flex;gap:12px;margin-bottom:24px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8f98a0;cursor:pointer;font-size:15px;margin-bottom:-2px;padding:12px 20px}.tab.active{border-bottom-color:#0af}.tab.active,.tab:hover{color:#c6d4df}.works-list{display:flex;flex-direction:column;gap:16px}.work-card{background:#1b2838;border-radius:12px;display:flex;gap:20px;overflow:hidden;padding:16px}.work-cover{background:#0b1622;border-radius:8px;height:120px;object-fit:cover;width:200px}.work-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.work-info h3{color:#c6d4df;font-size:18px;margin:0}.work-desc{color:#8f98a0;font-size:14px;margin:0}.work-meta{align-items:center;display:flex;gap:12px;margin-top:auto}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 12px}.status-badge.approved,.status-badge.published{background:#0f8;color:#0b1622}.status-badge.draft{background:#fa0;color:#0b1622}.work-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}.btn-edit,.btn-takedown,.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;text-align:center;text-decoration:none}.btn-edit{background:#0af;color:#fff}.btn-takedown{background:#ff6b6b;color:#fff}.btn-view{background:#0000;border:1px solid #4a6b8a;color:#8f98a0}.empty-works{color:#8f98a0;padding:60px 20px;text-align:center}.empty-works p{font-size:18px;margin-bottom:20px}.works-header-btns{align-items:center;display:flex;gap:12px}.btn-recycle{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background .2s}.btn-recycle:hover{background:#5a6268}.btn-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;padding:6px 14px}.btn-delete:hover{background:#c82333}.recycle-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.recycle-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.recycle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recycle-header h2{font-size:20px;margin:0}.recycle-close{background:none;border:none;color:#666;cursor:pointer;font-size:16px}.recycle-tip{color:#999;font-size:13px;margin-bottom:16px}.recycle-list{display:flex;flex-direction:column;gap:12px}.recycle-empty{color:#999;padding:40px 0;text-align:center}.recycle-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.recycle-item-info{display:flex;flex-direction:column;gap:4px}.recycle-item-title{font-size:15px;font-weight:500}.recycle-item-time{color:#dc3545;font-size:12px}.recycle-item-actions{display:flex;gap:8px}.btn-restore{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.btn-restore:hover{background:#218838}.btn-perm-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.btn-perm-delete:hover{background:#c82333}.map-settings-page{background:#0f0f23;color:#c6d4df;margin:0 auto;max-width:800px;min-height:100vh;padding:24px}.settings-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.back-btn{background:none;border:1px solid #3c3c5a;border-radius:4px;color:#8b9bb4;font-size:13px;padding:6px 12px}.back-btn:hover{border-color:#636e83;color:#c6d4df}.settings-header h1{font-size:20px;margin:0}.settings-body{display:flex;flex-direction:column;gap:24px}.settings-section{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:20px}.settings-section h2{color:#eee;font-size:16px;margin:0 0 16px}.info-row{align-items:center;border-bottom:1px solid #2a2a4a;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#8b9bb4;font-size:13px}.info-value{color:#c6d4df;font-size:14px}.status-draft{color:#636e83}.status-pending{color:#e5c07b}.status-approved{color:#4c9b5f}.status-rejected{color:#f44747}.danger-section{border-color:#5a2a2a}.danger-desc{color:#8b9bb4;font-size:13px;margin:0 0 16px}.btn-take-down{background:#f44747;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px}.btn-take-down:hover{background:#d63333}.settings-empty,.settings-loading{color:#636e83;font-size:14px;padding:60px 20px;text-align:center}.codemarket-page{margin:0 auto;max-width:100vw;min-height:80vh;overflow-x:hidden;padding:80px 12px 40px;width:100%}.codemarket-header{margin-bottom:16px;padding:12px 0;text-align:center}.codemarket-header h1{color:#e6edf3;font-size:20px;margin:0 0 4px}.codemarket-header p{color:#8b949e;font-size:12px;margin:0}.codemarket-tabs{border-bottom:1px solid #21262d;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:10px}.loading{color:#666;font-size:14px;padding:50px;text-align:center}.spinner{border:2px solid #30363d;border-top-color:#58a6ff;display:inline-block;height:24px;width:24px}.search-wrap{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:6px;display:flex;flex:1 1;gap:6px;max-width:280px;min-width:180px;padding:7px 10px}.search-wrap svg{color:#484f58;flex-shrink:0}.search-wrap input{background:#0000;border:none;color:#c9d1d9;flex:1 1;font-size:13px;min-width:0;outline:none}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.model-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:100%}.model-card{background:#161b22;border:1px solid #21262d;border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .2s}.model-card:hover{border-color:#30363d}.model-cover{align-items:center;background:#0d1117;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative}.model-cover img{height:100%;object-fit:cover;width:100%}.cover-placeholder{color:#484f58;font-size:12px;text-align:center}.model-info{padding:12px}.model-info h3{color:#e6edf3;font-size:14px;font-weight:600;margin:0 0 4px}.model-meta{color:#8b949e;font-size:11px;margin-bottom:6px}.download-count{color:#484f58;font-size:11px}.model-price-badge{background:#000000b3;border-radius:4px;font-size:12px;font-weight:600;padding:3px 8px;position:absolute;right:8px;top:8px}.model-price-badge.free{color:#3fb950}.model-price-badge.paid{color:#f0883e}.model-actions{border-top:1px solid #21262d;display:flex;gap:6px;padding:8px 12px}.model-actions button{border:1px solid #30363d;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;padding:5px 0}.btn-buy{background:#238636;border-color:#f0f6fc1a;color:#fff}.btn-buy:hover{background:#2ea043}.btn-cancel{background:#21262d;color:#c9d1d9}.btn-cancel:hover{background:#30363d}.btn-download{background:#1f6feb;border-color:#f0f6fc1a;color:#fff}.btn-download:hover{background:#388bfd}.model-category-tag{background:#21262d;border-radius:4px;color:#8b949e;display:inline-block;font-size:10px;margin-bottom:4px;padding:2px 6px}.model-author{color:#484f58;font-size:11px;margin-top:4px}.stars{color:#f0883e;font-size:11px}.owned-tag{background:#3fb95026;color:#3fb950}.owned-tag,.pending{border-radius:4px;display:inline-block;font-size:10px;padding:2px 6px}.pending{background:#d2992226;color:#d29922}.modal-overlay{background:#000000b3}.modal-content{background:#161b22;border:1px solid #30363d;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.form-group{margin-bottom:16px}.form-group label{color:#c9d1d9;font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:13px;outline:none;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#58a6ff}.publish-modal h3{color:#e6edf3;margin:0 0 16px}.publish-note{color:#8b949e;font-size:12px;margin-top:8px}.publish-buttons-bar{display:flex;gap:8px;margin-top:16px}.btn-submit{background:#238636;border:1px solid #f0f6fc1a;border-radius:6px;font-size:13px;padding:8px 20px}.btn-submit:hover{background:#2ea043}.btn-publish-code{background:#238636;border:1px solid #f0f6fc1a;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:8px 20px}.btn-publish-code:hover{background:#2ea043}.file-upload-row{align-items:center;display:flex;gap:8px;margin-top:8px}.file-name{color:#3fb950;font-size:12px}.browse-section,.my-section{margin-top:24px}.browse-section h3,.my-section h3{color:#e6edf3;font-size:15px;margin-bottom:12px}.empty-state{color:#484f58}.empty-state p{margin:8px 0 0}.share-view-loading{align-items:center;background:#1a1a2e;color:#aaa;display:flex;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;gap:12px;justify-content:center;min-height:100vh}.share-view-spinner{animation:share-spin .8s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#6c63ff;height:20px;width:20px}@keyframes share-spin{to{transform:rotate(1turn)}}.share-view-error{background:#1a1a2e;color:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.share-view-error,.share-view-error-icon{align-items:center;display:flex;justify-content:center}.share-view-error-icon{background:#ef444426;border-radius:50%;color:#ef4444;font-size:28px;font-weight:700;height:60px;margin-bottom:16px;width:60px}.share-view-error-title{font-size:20px;font-weight:600;margin-bottom:8px}.share-view-error-msg{color:#aaa;font-size:14px;margin-bottom:24px}.share-view-error-btn{background:#6c63ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background .15s}.share-view-error-btn:hover{background:#7b73ff}.share-view{background:#1a1a2e;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.share-view-bar{align-items:center;background:linear-gradient(90deg,#1a1a2e,#16213e 50%,#1a1a2e);border-bottom:2px solid #0f0;box-shadow:0 4px 20px #000c;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:space-between;letter-spacing:.5px;padding:0 16px}.share-view-bar-left{align-items:center;display:flex;gap:8px}.share-view-bar-brand{text-shadow:0 0 10px #00ff0080}.share-view-bar-sep{color:#555}.share-view-bar-name{color:#ccc;font-weight:400;max-width:300px}.share-view-bar-name,.share-view-bar-right{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-view-bar-right{align-items:center;display:flex;gap:8px}.share-view-bar-info{color:#aaa;font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-view-bar-countdown{font-feature-settings:"tnum";color:#f55;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #ff555580}.share-view-content{flex:1 1;min-height:0;overflow:hidden;position:relative}.share-view-iframe{border:none;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.share-view-expired{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:12px;height:100%;justify-content:center}.share-view-expired-icon{font-size:48px}.share-view-empty{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center}:root{--admin-bg:#0a0e17;--admin-surface:#111827;--admin-surface2:#1a2234;--admin-border:#1e2d4a;--admin-text:#e2e8f0;--admin-text-muted:#64748b;--admin-primary:#4fc3f7;--admin-success:#27ae60;--admin-danger:#e74c3c;--admin-warning:#f39c12;--admin-radius:8px;--admin-sidebar-w:220px;--admin-sidebar-collapsed-w:64px}.admin-lock-screen{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px}.lock-card{background:#111827;background:var(--admin-surface);border:1px solid #4fc3f74d;border-radius:16px;box-shadow:0 8px 40px #00000080;max-width:400px;padding:40px 32px;text-align:center;width:100%}.lock-card h2{color:#e2e8f0;color:var(--admin-text);font-size:20px;margin-bottom:6px}.lock-card p{color:#64748b;color:var(--admin-text-muted);font-size:14px;margin-bottom:20px}.lock-input{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-sizing:border-box;color:#e2e8f0;color:var(--admin-text);font-size:16px;letter-spacing:3px;outline:none;padding:12px 16px;text-align:center;transition:border-color .2s;width:100%}.lock-input:focus{border-color:#4fc3f7;border-color:var(--admin-primary)}.admin-layout{background:#0a0e17;background:var(--admin-bg)}.admin-layout,.admin-sidebar{display:flex;min-height:100vh}.admin-sidebar{background:#111827;background:var(--admin-surface);border-right:1px solid #1e2d4a;border-right:1px solid var(--admin-border);flex-direction:column;flex-shrink:0;overflow:hidden;position:sticky;top:0;transition:width .25s ease;width:220px;width:var(--admin-sidebar-w)}.admin-sidebar.collapsed{width:64px;width:var(--admin-sidebar-collapsed-w)}.sidebar-header{align-items:center;border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);display:flex;gap:10px;justify-content:space-between;min-height:56px;padding:18px 16px}.sidebar-header span{color:#e2e8f0;color:var(--admin-text);font-size:15px;font-weight:700;white-space:nowrap}.sidebar-header svg{color:#4fc3f7;color:var(--admin-primary);flex-shrink:0}.sidebar-toggle{background:none;border:none;border-radius:4px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;padding:4px}.sidebar-toggle:hover{background:#1e2d4a;background:var(--admin-border);color:#e2e8f0;color:var(--admin-text)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-radius);color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:11px 14px;text-align:left;transition:all .15s;white-space:nowrap;width:100%}.nav-item:hover{background:#1a2234;background:var(--admin-surface2);color:#e2e8f0;color:var(--admin-text)}.nav-item.active{background:#4fc3f71a;color:#4fc3f7;color:var(--admin-primary);font-weight:600}.nav-item svg{flex-shrink:0}.collapsed .nav-item{justify-content:center;padding:11px}.admin-main{flex:1 1;max-width:calc(100vw - 220px);max-width:calc(100vw - var(--admin-sidebar-w));overflow-y:auto;padding:24px 28px}.panel{animation:fadeIn .2s ease}.panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.panel-header h2{color:#e2e8f0;color:var(--admin-text);font-size:20px;font-weight:700;margin:0}.panel-actions,.panel-header h2{align-items:center;display:flex;gap:8px}.panel-actions{flex-wrap:wrap}.stats-row{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:22px}.stat-card{background:#111827;background:var(--admin-surface);border-left:3px solid #4fc3f7;border-left:3px solid var(--admin-primary);border-radius:8px;border-radius:var(--admin-radius);gap:14px;padding:16px 18px;transition:transform .15s}.stat-card:hover{transform:translateY(-1px)}.stat-icon-wrap{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.stat-value{color:#e2e8f0;color:var(--admin-text);font-size:26px;font-weight:800;line-height:1}.stat-label{font-size:13px;margin-top:3px}.stat-label,.stat-sub{color:#64748b;color:var(--admin-text-muted)}.stat-sub{font-size:11px;margin-top:2px;opacity:.7}.table-wrapper{border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead{background:#1a2234;background:var(--admin-surface2)}.data-table th{background:#1a2234;background:var(--admin-surface2);color:#64748b;color:var(--admin-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.data-table td,.data-table th{border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);padding:10px 14px}.data-table td{color:#e2e8f0;color:var(--admin-text);max-width:240px;vertical-align:middle}.data-table tr:hover{background:#4fc3f708}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:#4fc3f70f}.actions-cell{display:flex;flex-wrap:wrap;gap:6px}.table-empty{align-items:center;background:#111827;background:var(--admin-surface);border:1px dashed #1e2d4a;border:1px dashed var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);color:#64748b;color:var(--admin-text-muted);display:flex;gap:8px;justify-content:center;padding:48px 20px;text-align:center}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.bg-dark{background:#1a2234;background:var(--admin-surface2);color:#64748b!important;color:var(--admin-text-muted)!important}.bg-danger{background:#e74c3c!important;background:var(--admin-danger)!important;color:#fff!important}.bg-warning{background:#f39c12!important;background:var(--admin-warning)!important;color:#0a0e17!important}.admin-layout .btn-primary{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);color:#e2e8f0!important;color:var(--admin-text)!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s;white-space:nowrap}.admin-layout .btn-primary:hover{background:#4fc3f714!important;border-color:#4fc3f7!important;border-color:var(--admin-primary)!important;color:#4fc3f7!important;color:var(--admin-primary)!important}.admin-layout .btn-primary.saved{background:#27ae6014!important;border-color:#27ae60!important;border-color:var(--admin-success)!important}.admin-layout .btn-primary.saved,.admin-layout .btn-success{color:#27ae60!important;color:var(--admin-success)!important}.admin-layout .btn-success{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 14px;transition:all .15s;white-space:nowrap}.admin-layout .btn-success:hover{background:#27ae6014!important;border-color:#27ae60!important;border-color:var(--admin-success)!important}.admin-layout .btn-danger{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);color:#e74c3c!important;color:var(--admin-danger)!important;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 14px;transition:all .15s;white-space:nowrap}.admin-layout .btn-danger:hover{background:#e74c3c14!important;border-color:#e74c3c!important;border-color:var(--admin-danger)!important}.admin-layout .btn-warning{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);color:#f39c12!important;color:var(--admin-warning)!important;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 14px;transition:all .15s;white-space:nowrap}.admin-layout .btn-warning:hover{background:#f39c1214!important;border-color:#f39c12!important;border-color:var(--admin-warning)!important}.admin-layout .btn-info{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);color:#3498db!important;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 14px;transition:all .15s;white-space:nowrap}.admin-layout .btn-info:hover{background:#3498db14!important;border-color:#3498db!important}.admin-layout .btn-sm{font-size:11px;padding:5px 10px}.admin-layout .btn-xs{font-size:11px;padding:4px 8px}.admin-layout .btn-lg{font-size:15px;padding:12px 28px}.admin-layout .btn-secondary{align-items:center;background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);color:#64748b!important;color:var(--admin-text-muted)!important;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:7px 14px;transition:all .15s;white-space:nowrap}.admin-layout .btn-secondary:hover{background:#4fc3f714!important;border-color:#4fc3f7!important;border-color:var(--admin-primary)!important}.admin-layout .btn-secondary:hover,.lock-btn{color:#4fc3f7!important;color:var(--admin-primary)!important}.lock-btn{background:#1a2234!important;background:var(--admin-surface2)!important;border:1px solid #1e2d4a!important;border:1px solid var(--admin-border)!important;border-radius:8px;border-radius:var(--admin-radius);cursor:pointer;font-weight:600;margin-top:16px;padding:12px;transition:all .15s;width:100%}.lock-btn:hover{background:#4fc3f714!important;border-color:#4fc3f7!important;border-color:var(--admin-primary)!important}.admin-layout .filter-group{background:#1a2234;background:var(--admin-surface2);border-radius:8px;border-radius:var(--admin-radius);display:flex;gap:4px;padding:3px}.admin-layout .filter-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s;white-space:nowrap}.admin-layout .filter-btn.active{background:#1a2234!important;background:var(--admin-surface2)!important;border-color:#4fc3f7!important;border-color:var(--admin-primary)!important;color:#4fc3f7!important;color:var(--admin-primary)!important;font-weight:700}.admin-layout .filter-btn:hover:not(.active){border-color:#1e2d4a;border-color:var(--admin-border);color:#e2e8f0;color:var(--admin-text)}.select-input{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);color:#e2e8f0;color:var(--admin-text);cursor:pointer;font-size:12px;min-width:120px;outline:none;padding:7px 10px}.select-input:focus{border-color:#4fc3f7;border-color:var(--admin-primary)}.custom-select-wrap{min-width:120px;position:relative}.custom-select-trigger{align-items:center;background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);color:#e2e8f0;color:var(--admin-text);cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:7px 10px;transition:border-color .15s;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{border-color:#4fc3f7;border-color:var(--admin-primary)}.custom-select-trigger .placeholder{color:#64748b;color:var(--admin-text-muted)}.custom-select-trigger .arrow{flex-shrink:0;transition:transform .2s}.custom-select-trigger .arrow.up{transform:rotate(180deg)}.custom-select-dropdown{animation:fadeIn .12s ease;background:#111827;background:var(--admin-surface);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-shadow:0 8px 24px #0006;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:calc(100% + 4px);z-index:100}.custom-select-dropdown::-webkit-scrollbar{display:none}.custom-select-option{color:#e2e8f0;color:var(--admin-text);cursor:pointer;font-size:12px;padding:8px 12px;transition:background .1s}.custom-select-option:hover{background:#1a2234;background:var(--admin-surface2)}.custom-select-option.active{background:#4fc3f70f;color:#4fc3f7;color:var(--admin-primary);font-weight:600}.search-input-wrap{align-items:center;background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);display:flex;gap:6px;padding:6px 10px;transition:border-color .2s}.search-input-wrap:focus-within{border-color:#4fc3f7;border-color:var(--admin-primary)}.search-input-wrap svg{color:#64748b;color:var(--admin-text-muted);flex-shrink:0}.search-input{background:none;border:none;font-size:12px;width:160px}.input,.search-input{color:#e2e8f0;color:var(--admin-text);outline:none}.input{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-sizing:border-box;font-size:13px;padding:9px 12px;transition:border-color .15s;width:100%}.input:focus{border-color:#4fc3f7;border-color:var(--admin-primary)}.textarea-input{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-sizing:border-box;color:#e2e8f0;color:var(--admin-text);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.textarea-input:focus{border-color:#4fc3f7;border-color:var(--admin-primary)}.admin-layout .tabs-header{background:#1a2234;background:var(--admin-surface2);border-radius:8px;border-radius:var(--admin-radius);display:flex;gap:2px;margin-bottom:20px;padding:3px}.admin-layout .tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:all .15s}.admin-layout .tab-btn.active{background:#1a2234!important;background:var(--admin-surface2)!important;border-color:#4fc3f7!important;border-color:var(--admin-primary)!important;color:#4fc3f7!important;color:var(--admin-primary)!important;font-weight:700}.admin-layout .tab-btn:hover:not(.active){border-color:#1e2d4a;border-color:var(--admin-border);color:#e2e8f0;color:var(--admin-text)}.modal-overlay{align-items:center;animation:modalIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal-box{border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:14px;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto;width:100%}.modal-box,.modal-head{background:#111827;background:var(--admin-surface)}.modal-head{align-items:center;border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:18px 22px;position:sticky;top:0;z-index:2}.modal-head h3{color:#e2e8f0;color:var(--admin-text);font-size:16px;margin:0}.modal-head button{background:none;border:none;border-radius:4px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;padding:4px}.modal-head button:hover{color:#e74c3c;color:var(--admin-danger)}.modal-body{padding:22px}.report-detail{display:flex;flex-direction:column;gap:18px}.detail-section{background:#1a2234;background:var(--admin-surface2);border-radius:8px;border-radius:var(--admin-radius);padding:16px}.detail-section h4{color:#e2e8f0;color:var(--admin-text);font-size:14px;font-weight:600;margin:0 0 12px}.info-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr}.info-item label{color:#64748b;color:var(--admin-text-muted);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.desc-text,.info-item span{color:#e2e8f0;color:var(--admin-text);font-size:13px}.desc-text{line-height:1.6;margin:4px 0 0;word-break:break-word}.target-detail-card{background:#0a0e17;background:var(--admin-bg);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);padding:14px}.target-cell{display:flex;flex-direction:column;gap:2px}.target-cell .target-title{color:#e2e8f0;color:var(--admin-text);font-size:13px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-review-card{align-items:center;background:#f39c1214;border:1px solid #f39c1233;border-radius:8px;border-radius:var(--admin-radius);color:#f39c12;color:var(--admin-warning);display:flex;font-size:12px;gap:8px;padding:10px 14px}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.btn-col,.btn-row{display:flex;gap:8px}.btn-col{flex-direction:column}.image-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.thumb-img{border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;height:56px;object-fit:cover;transition:transform .15s;width:56px}.thumb-img:hover{transform:scale(1.08);z-index:1}.form-card{background:#1a2234;background:var(--admin-surface2);border-radius:8px;border-radius:var(--admin-radius);padding:20px}.form-card h3{color:#e2e8f0;color:var(--admin-text);font-size:15px;margin:0 0 16px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.form-group label{color:#64748b;color:var(--admin-text-muted);font-size:12px;margin-bottom:5px}.perm-tags{display:flex;flex-wrap:wrap;gap:4px}.perm-tag{background:#4fc3f7;background:var(--admin-primary);border-radius:10px;color:#0a0e17;font-size:11px;font-weight:600;padding:2px 8px}.perm-check-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-top:6px}.perm-check{align-items:center;background:#0a0e17;background:var(--admin-bg);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:6px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:7px 10px;transition:all .15s;-webkit-user-select:none;user-select:none}.perm-check.checked{background:#4fc3f70f;border-color:#4fc3f7;border-color:var(--admin-primary);color:#e2e8f0;color:var(--admin-text)}.perm-check input{accent-color:#4fc3f7;accent-color:var(--admin-primary)}.map-review-detail{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px}.review-info-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr}.cover-preview{border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);margin-top:6px;max-height:200px;max-width:100%;object-fit:cover}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted);font-size:11px;padding:3px 10px}.review-sidebar{display:flex;flex-direction:column;gap:14px}.try-play-card{background:linear-gradient(135deg,#4fc3f70f,#4fc3f705);border:1px solid #4fc3f733;border-radius:8px;border-radius:var(--admin-radius);padding:22px;text-align:center}.try-play-card h4{color:#e2e8f0;color:var(--admin-text);font-size:15px;margin:"10px 0 4px"}.try-play-card p{color:#64748b;color:var(--admin-text-muted);font-size:12px;margin:0}.review-action-card{background:#1a2234;background:var(--admin-surface2);border-radius:8px;border-radius:var(--admin-radius);padding:16px}.review-action-card h4{color:#e2e8f0;color:var(--admin-text);font-size:14px;margin:0 0 12px}.tryplay-overlay{background:#000;display:flex;flex-direction:column;inset:0;position:fixed;z-index:2000}.tryplay-bar{background:#111827;background:var(--admin-surface);border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);flex-shrink:0;height:52px;justify-content:space-between;padding:10px 20px}.tryplay-bar,.tryplay-info{align-items:center;display:flex}.tryplay-info{color:#e2e8f0;color:var(--admin-text);gap:10px}.tryplay-actions{display:flex;gap:8px}.tryplay-area{align-items:center;display:flex;flex:1 1;justify-content:center}.tryplay-placeholder{color:#64748b;color:var(--admin-text-muted);text-align:center}.tryplay-placeholder p{margin:8px 0 0}.settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:24px}.setting-item{align-items:center;background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);display:flex;justify-content:space-between;padding:16px}.setting-item.warn{border-color:#e74c3c4d}.setting-label label{color:#e2e8f0;color:var(--admin-text);display:block;font-size:14px;font-weight:500}.setting-hint{color:#e74c3c;color:var(--admin-danger);font-size:11px;margin-top:3px}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#1e2d4a;background:var(--admin-border);border-radius:24px;cursor:pointer;transition:background .2s}.toggle-slider:before{background:#fff;bottom:3px;height:18px;left:3px;transition:transform .2s;width:18px}.toggle-switch input:checked+.toggle-slider{background:#4fc3f7;background:var(--admin-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.text-sm{font-size:12px}.text-muted{color:#64748b!important;color:var(--admin-text-muted)!important}.admin-main::-webkit-scrollbar,.modal-box::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:5px;width:5px}.admin-main::-webkit-scrollbar-thumb,.modal-box::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#1e2d4a;background:var(--admin-border);border-radius:4px}.admin-main::-webkit-scrollbar-track,.modal-box::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#0000}@media (max-width:900px){.admin-sidebar{height:100vh;left:-100%;position:fixed;transition:left .25s;z-index:100}.admin-sidebar.open{left:0}.admin-main{max-width:100%;padding:16px}.stats-row{grid-template-columns:repeat(2,1fr)}.form-grid,.info-grid,.map-review-detail,.review-info-grid,.settings-grid{grid-template-columns:1fr}.perm-check-grid{grid-template-columns:1fr 1fr}.setting-item{align-items:flex-start;flex-direction:column;gap:8px}.filter-group{flex-wrap:nowrap;overflow-x:auto}.panel-header{align-items:stretch;flex-direction:column}.panel-actions{justify-content:flex-start}}@media (max-width:480px){.admin-main{padding:12px}.stats-row{grid-template-columns:1fr}.data-table td,.data-table th{font-size:12px;padding:8px 10px}.tabs-header{flex-wrap:wrap}}.punishment-section{background:#f39c1214;border:1px solid #f39c1233;border-radius:8px;margin-top:16px;padding:16px}.punishment-section h4{color:#f39c12;font-size:14px;font-weight:600;margin:0 0 12px}.punishment-form{display:flex;flex-direction:column;gap:10px}.punishment-form .form-row{align-items:center;display:flex;gap:10px}.punishment-form .form-row label{color:#666;flex-shrink:0;font-size:13px;min-width:90px}.punishment-form .form-row input,.punishment-form .form-row select{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:13px;outline:none;padding:8px 10px;transition:border-color .2s}.punishment-form .form-row input:focus,.punishment-form .form-row select:focus{border-color:#4fc3f7}.punishment-form .form-row input[type=number]{max-width:100px}.copy-preview{background:#111827;background:var(--admin-surface);border-radius:8px;border-radius:var(--admin-radius);max-height:70vh;overflow-y:auto;padding:20px}.copy-preview::-webkit-scrollbar{display:none}.copy-preview{-ms-overflow-style:none;scrollbar-width:none}.cp-header{margin-bottom:16px;padding-bottom:12px}.cp-badge{background:#f39c1226;border:1px solid #f39c124d;border-radius:6px;color:#f39c12;color:var(--admin-warning);font-size:13px;font-weight:600;padding:6px 12px}.cp-time{font-size:12px}.cp-title{border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);color:#e2e8f0;color:var(--admin-text);font-size:22px;font-weight:700;line-height:1.4;margin-bottom:12px;padding-bottom:12px}.cp-meta{background:#1a2234;background:var(--admin-surface2);border-radius:6px;color:#64748b;color:var(--admin-text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:20px;padding:12px 16px}.cp-meta span{align-items:center;display:flex;gap:6px}.cp-content{background:#1a2234;background:var(--admin-surface2);border-radius:8px;color:#e2e8f0;color:var(--admin-text);font-size:15px;line-height:1.8;margin-bottom:20px;padding:16px;white-space:pre-wrap;word-break:break-word}.cp-media{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cp-media-item{border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;overflow:hidden}.cp-media-item img,.cp-media-item video{background:#000;max-height:400px;object-fit:contain;width:100%}.cp-comments{border-top:1px solid #1e2d4a;border-top:1px solid var(--admin-border);margin-top:20px;padding-top:16px}.cp-comments h4{color:#e2e8f0;color:var(--admin-text);font-size:15px;font-weight:600;margin-bottom:12px}.cp-comment{background:#1a2234;background:var(--admin-surface2);border:1px solid #1e2d4a;border:1px solid var(--admin-border);border-radius:8px;margin-bottom:10px;padding:12px 16px}.cp-comment-author{align-items:center;color:#4fc3f7;color:var(--admin-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:6px}.cp-comment-author:before{background:#4fc3f7;background:var(--admin-primary);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.cp-comment-content{color:#e2e8f0;color:var(--admin-text);font-size:14px;line-height:1.6;margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.cp-comment-meta{border-top:1px solid #1e2d4a;border-top:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted);font-size:11px;padding-top:6px}.msg-type-badge{padding:1px 6px;vertical-align:middle}.copy-preview{padding:0}.cp-header{align-items:center;border-bottom:1px solid #1e2d4a;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:12px 0}.cp-badge{background:#66c0f41a;border-radius:4px;color:#66c0f4;font-size:11px;font-weight:500;padding:2px 10px}.cp-time{color:#64748b;color:var(--admin-text-muted);font-size:11px}.ctx-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.lightbox-close{font-size:20px}.msg-reports-page{color:#e2e8f0;padding:24px}.msg-reports-page h2{align-items:center;display:flex;font-size:20px;gap:8px;margin:0 0 18px}.msg-reports-page .empty-state{font-size:15px;opacity:.6;padding:48px 0;text-align:center}.msg-reports-page .admin-table{border-collapse:collapse;margin-top:12px;width:100%}.msg-reports-page .admin-table td,.msg-reports-page .admin-table th{border-bottom:1px solid #8b9cad33;font-size:13px;padding:10px 12px;text-align:left}.msg-reports-page .admin-table th{background:#8b9cad1a;color:#8b9cad;font-weight:600}.msg-reports-page .admin-table td{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reports-page .pending-row{background:#fbbf240f}.msg-reports-page .action-btns{display:flex;gap:6px}.msg-reports-page .btn-view-ctx{align-items:center;background:#60a5fa1a;border:1px solid #60a5fa66;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 10px;transition:all .15s}.msg-reports-page .btn-view-ctx:hover{background:#60a5fa40}.msg-type-badge{background:#8b9cad1f;border-radius:4px;color:#8b9cad;display:inline-block;font-size:11px;padding:2px 8px}.ctx-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.ctx-modal{background:#1b2838;border:1px solid #66c0f41a;border-radius:14px;box-shadow:0 24px 64px #0000008c;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:100%;overflow:hidden;width:520px}.ctx-header{border-bottom:1px solid #ffffff12;color:#c6d4df;font-size:15px;font-weight:600;justify-content:space-between;padding:16px 20px}.ctx-close,.ctx-header{align-items:center;display:flex}.ctx-close{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#ffffff59;cursor:pointer;height:30px;justify-content:center;transition:all .15s;width:30px}.ctx-close:hover{background:#ffffff1a;color:#ffffffb3}.ctx-body{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px;scrollbar-width:none}.ctx-body::-webkit-scrollbar{display:none}.ctx-msg{border-radius:10px;padding:14px}.ctx-msg-before{background:#ffffff08;border:1px solid #ffffff0f;opacity:.75}.ctx-msg-target{background:#66c0f40f;border:1.5px solid #66c0f440}.ctx-msg-after{background:#ffffff08;border:1px solid #ffffff0f;opacity:.75}.ctx-msg-label{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ctx-label-reported{color:#66c0f4}.ctx-msg-row{display:flex;flex-direction:column;gap:6px}.ctx-user{color:#c6d4df;font-size:13px;font-weight:500}.ctx-msg-text{color:#fffc;font-size:14px;line-height:1.5;word-break:break-word}.ctx-msg-img{max-height:180px;max-width:240px}.ctx-msg-img,.ctx-msg-video{border-radius:8px;display:block}.ctx-msg-video{max-height:200px;max-width:320px}.ctx-msg-emoticon{display:block;max-height:80px;max-width:80px}.ctx-time{color:#ffffff4d;font-size:11px}.ctx-empty{color:#ffffff4d;font-size:14px;padding:24px;text-align:center}.msg-reports-page .btn-approve{background:#34d3991f;border:1px solid #34d39966;border-radius:6px;color:#34d399;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.msg-reports-page .btn-approve:hover{background:#34d39940}.msg-reports-page .btn-reject{background:#f871711f;border:1px solid #f8717166;border-radius:6px;color:#f87171;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.msg-reports-page .btn-reject:hover{background:#f8717140}.report-screenshot-thumb{border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:block;height:48px;object-fit:cover;transition:transform .15s;width:48px}.report-screenshot-thumb:hover{transform:scale(1.08)}.no-screenshot{color:#ffffff40}.ctx-msg-report-extra{background:#fbbf240f;border:1.5px solid #fbbf2440}.ctx-report-screenshot{margin-top:8px;max-height:240px;max-width:320px}.rules-page{background:#0a0e17d9;min-height:100vh}.rules-container{margin:0 auto;max-width:1000px;padding:0 20px}.rules-header{background:linear-gradient(135deg,#4fc3f71f,#b388ff1f);border-bottom:1px solid #4fc3f714;padding:60px 0;text-align:center}.rules-header h1{color:#fff;font-size:36px;margin-bottom:15px}.rules-header p{color:#9aa0a6;font-size:18px}.rules-content{padding:50px 0}.rules-section{margin-bottom:50px}.rules-section h2{border-bottom:2px solid #4fc3f7;color:#fff;font-size:24px;margin-bottom:20px;padding-bottom:10px}.rules-section>p{color:#e8eaed;font-size:16px;margin-bottom:20px}.rules-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b8;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:25px;position:relative;transition:var(--transition)}.rules-card:before{background:linear-gradient(90deg,#0000,#4fc3f766,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.rules-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #0006,0 0 24px var(--accent-glow);transform:translateY(-3px)}.rules-card p{color:#e8eaed;line-height:1.7;margin-bottom:15px}.rules-card ol,.rules-card ul{list-style:none;padding:0}.rules-card ol{counter-reset:rule-counter}.rules-card ol li{color:#e8eaed;counter-increment:rule-counter;padding:8px 0 8px 35px;position:relative}.rules-card ol li:before{align-items:center;background:#66c0f433;border-radius:50%;color:#4fc3f7;content:counter(rule-counter);display:flex;font-size:12px;font-weight:700;height:25px;justify-content:center;left:0;position:absolute;width:25px}.rules-card li{color:#e8eaed;padding:8px 0 8px 25px;position:relative}.rules-card li:before{color:#4fc3f7;content:"•";font-weight:700;left:0;position:absolute}.tips{background:#66c0f41a;border-left:3px solid #4fc3f7;border-radius:6px;margin-top:15px!important;padding:15px}.forbidden-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.forbidden-card{background:#111827b8;border-left:4px solid;border-radius:8px;padding:25px}.forbidden-violence{border-color:#ff5252}.forbidden-horror{border-color:#9b59b6}.forbidden-discrimination{border-color:#f39c12}.forbidden-adult{border-color:#e91e63}.forbidden-political{border-color:#795548}.forbidden-harmful{border-color:#607d8b}.forbidden-icon{font-size:40px;margin-bottom:15px}.forbidden-card h3{color:#fff;font-size:18px;margin-bottom:15px}.forbidden-card ul{list-style:none;padding:0}.forbidden-card li{color:#e8eaed;font-size:14px;padding:6px 0 6px 20px;position:relative}.forbidden-card li:before{color:#ff5252;content:"✗";left:0;position:absolute}.encouraged-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.encouraged-card{align-items:flex-start;background:#111827b8;border:1px solid #4fc3f714;border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .3s}.encouraged-card:hover{border-color:#69f0ae;transform:translateY(-2px)}.enc-icon{flex-shrink:0;font-size:32px}.encouraged-card h4{color:#fff;font-size:16px;margin-bottom:5px}.encouraged-card p{color:#9aa0a6;font-size:14px;margin:0}.process-timeline{padding-left:60px;position:relative}.process-timeline:before{background:linear-gradient(180deg,#4fc3f7,#69f0ae);bottom:0;content:"";left:24px;position:absolute;top:0;width:2px}.process-step{padding-bottom:30px;position:relative}.process-step:last-child{padding-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#4fc3f7,#69f0ae);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;left:-60px;position:absolute;width:50px}.step-content{background:#111827b8;border-radius:8px;padding:20px}.step-content h4{color:#fff;font-size:16px;margin-bottom:8px}.step-content p{color:#9aa0a6;font-size:14px;margin:0}.contact-card{background:#111827b8;border-radius:8px;padding:25px}.contact-card>p{color:#e8eaed;margin-bottom:20px}.contact-methods{display:flex;flex-wrap:wrap;gap:20px}.contact-item{align-items:center;background:#0a0e17d9;border-radius:6px;color:#e8eaed;display:flex;font-size:14px;gap:10px;padding:12px 20px}.contact-item span:first-child{font-size:20px}.rules-footer{background:#111827b8;border-radius:8px;margin-top:50px;padding:40px;text-align:center}.rules-footer p{color:#e8eaed;font-size:16px;margin-bottom:25px}.footer-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-primary{background:linear-gradient(180deg,#4fc3f7,#4a7ab8);border-radius:4px;color:#fff;padding:12px 30px;text-decoration:none;transition:all .3s}.btn-primary:hover{background:linear-gradient(180deg,#4fc3f7,#4fc3f7)}.btn-secondary{background:#3d4452;border-radius:4px;color:#fff;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#4d5462}@media (max-width:768px){.rules-header{padding:40px 0}.rules-header h1{font-size:28px}.rules-section h2{font-size:20px}.process-timeline{padding-left:50px}.step-number{font-size:16px;height:40px;left:-50px;width:40px}}.um-overlay{align-items:center;animation:ufade .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes ufade{0%{opacity:0}to{opacity:1}}.um-box{animation:uslide .3s ease;background:linear-gradient(160deg,#111126,#1a1a3e);border:1px solid #48c9b026;border-radius:18px;box-shadow:0 30px 80px #000000b3;color:#e0e0e0;max-height:90vh;max-width:94vw;overflow-y:auto;padding:20px 22px 16px;width:640px}@keyframes uslide{0%{opacity:0;transform:translateY(50px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.um-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.um-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#48c9b0,#1abc9c);-webkit-background-clip:text;font-size:22px;font-weight:800;margin:0}.um-header-right{align-items:center;display:flex;gap:6px}.um-preview-btn{background:#48c9b014;border:1px solid #48c9b033;border-radius:14px;color:#48c9b0;cursor:pointer;font-size:12px;font-weight:600;padding:4px 14px;transition:.2s}.um-preview-btn:hover{background:#48c9b033}.um-close{align-items:center;background:none;border:1px solid #ffffff14;border-radius:8px;color:#777;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.um-close:hover{border-color:#e74c3c;color:#e74c3c}.um-balance{align-items:center;background:linear-gradient(135deg,#ffd7000f,#ffd70005);border:1px solid #ffd70014;border-radius:10px;color:#999;display:flex;font-size:13px;justify-content:space-between;margin-bottom:14px;padding:8px 16px}.um-balance-val{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f6d365,#fda085);-webkit-background-clip:text;font-size:18px;font-weight:700}.um-compare{align-items:stretch;display:flex;gap:0;margin-bottom:14px}.um-side{background:#0000;border:1px solid #ffffff0f;border-radius:10px;flex:1 1;overflow:hidden}.um-side.next{border-color:#48c9b033}.um-side-label{background:#ffffff05;color:#666;font-size:11px;font-weight:600;padding:4px 0;text-align:center}.next-label{background:#48c9b00f;color:#48c9b0}.um-preview-scene{height:150px;overflow:hidden;position:relative}.um-side-info{background:#0000004d;padding:5px 8px}.um-side-lv{color:#bbb;font-size:14px;font-weight:700}.next-lv{color:#48c9b0}.um-new-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.um-new-tag{background:#48c9b01f;border:1px solid #48c9b01a;border-radius:4px;color:#48c9b0;font-size:8px;font-weight:600;padding:1px 5px}.um-arrow-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:40px}.um-arrow{color:#48c9b0;font-size:20px}.um-arrow-price{color:#f6d365;font-size:9px;font-weight:700;margin-top:2px}.um-feature-table{border:1px solid #ffffff0a;border-radius:10px;margin-bottom:12px;max-height:200px;overflow:hidden}.um-feature-table:hover{overflow-y:auto}.um-feature-table table{border-collapse:collapse;font-size:12px;width:100%}.um-feature-table th{background:#ffffff05;border-bottom:1px solid #ffffff0d;color:#999;font-size:11px;letter-spacing:.06em;padding:6px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.um-feature-table th:last-child{color:#48c9b0}.um-feature-table td{border-bottom:1px solid #ffffff05;padding:5px 10px}.tf-name{color:#ccc;font-weight:500}.tf-cur,.tf-name{white-space:nowrap}.tf-cur{color:#999}.tf-cur.no{color:#3a3a3a}.tf-next{color:#48c9b0;font-weight:600;white-space:nowrap}.tf-next.no{color:#333}.tf-new-badge{animation:upulse 1.5s infinite;background:linear-gradient(135deg,#48c9b0,#2ecc71);border-radius:6px;color:#fff;display:inline-block;font-size:8px;font-weight:700;margin-left:4px;padding:1px 5px;vertical-align:middle}@keyframes upulse{0%,to{opacity:1}50%{opacity:.6}}.tf-up{color:#2ecc71;display:inline-block;font-size:10px;font-weight:700;margin-left:3px}.row-new{background:#48c9b008}.row-dim{opacity:.5}.um-levels{display:flex;gap:5px;margin-bottom:14px}.um-lv-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;flex:1 1;padding:6px 2px;position:relative;text-align:center;transition:.2s}.um-lv-item.unlocked{background:#48c9b00a;border-color:#48c9b014}.um-lv-item.current{background:#48c9b014;border-color:#48c9b0}.um-lv-num{color:#999;font-size:14px;font-weight:700}.um-lv-item.unlocked .um-lv-num{color:#48c9b0}.um-lv-cur-tag{background:#48c9b0;border-radius:4px;color:#fff;display:inline-block;font-size:7px;font-weight:700;margin-top:2px;padding:0 4px}.um-lv-price{color:#f6d365;font-size:8px;font-weight:600;margin-top:2px}.um-lv-check{color:#2ecc71;font-size:11px;font-weight:700;margin-top:1px}.um-lv-custom-dot{align-items:center;background:#ab47bc;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.um-custom-entry{align-items:center;background:#ab47bc0a;border:1px solid #ab47bc14;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:10px 14px;transition:.2s}.um-custom-entry:hover{background:#ab47bc14;border-color:#ab47bc26}.um-custom-icon{font-size:20px}.um-custom-text{flex:1 1}.um-custom-title{color:#ddd;font-size:14px;font-weight:600}.um-custom-desc{color:#888;font-size:11px;margin-top:1px}.um-custom-status{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:600;justify-content:center;padding:3px 10px}.um-custom-status.open{background:#ab47bc26;color:#ce93d8}.um-custom-status.locked{color:#555}.um-custom-panel{padding:16px 4px}.um-custom-section{background:#0003;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:24px;padding:16px}.um-custom-section-title{align-items:center;color:#ddd;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:14px}.um-custom-section-title:before{background:linear-gradient(180deg,#ab47bc,#ce93d8);border-radius:2px;content:"";height:16px;width:4px}.um-custom-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.um-custom-input-row label{color:#999;font-size:12px}.um-num-input{-moz-appearance:textfield;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;box-sizing:border-box;color:#ce93d8;font-size:15px;font-weight:700;height:36px;min-width:80px;outline:none;padding:8px 12px;text-align:center;width:80px}.um-num-input::-webkit-inner-spin-button,.um-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.um-num-input:focus{border-color:#ab47bc;box-shadow:0 0 12px #ab47bc33}.um-input-sep{color:#666;font-size:16px;font-weight:600}.um-custom-slider-row{align-items:center;display:flex;gap:12px}.um-custom-slider-label{color:#666;font-size:12px;font-weight:600;min-width:24px;text-align:center}.um-slider{appearance:none;background:#ffffff0f;border-radius:4px;flex:1 1;height:8px;outline:none;position:relative}.um-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#ab47bc,#ce93d8);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 0 15px #ab47bc66;cursor:pointer;height:22px;-webkit-transition:.2s;transition:.2s;width:22px}.um-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px #ab47bc99;transform:scale(1.1)}.um-custom-slider-val{background:#ab47bc1a;border:1px solid #ab47bc26;border-radius:20px;color:#ce93d8;font-size:16px;font-weight:700;min-width:50px;padding:4px 12px;text-align:right}.um-custom-apply{background:linear-gradient(135deg,#ab47bc,#ce93d8);border:none;border-radius:12px;box-shadow:0 4px 24px #ab47bc40;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin-top:8px;padding:14px;transition:.2s;width:100%}.um-custom-apply:hover{box-shadow:0 6px 28px #ab47bc59;transform:translateY(-2px)}.um-bottom{margin-bottom:8px}.um-upgrade-btn{animation:ugrad 3s ease infinite;background:linear-gradient(135deg,#48c9b0,#1abc9c,#2ecc71);background-size:200% 200%;border:none;border-radius:14px;box-shadow:0 4px 24px #48c9b040,0 0 60px #48c9b014;color:#fff;cursor:pointer;display:block;overflow:hidden;padding:15px;position:relative;transition:.2s;width:100%}@keyframes ugrad{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.um-upgrade-btn:after{animation:ushimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes ushimmer{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}.um-upgrade-btn:hover:not(:disabled){box-shadow:0 8px 32px #48c9b066,0 0 80px #48c9b01f;transform:translateY(-3px) scale(1.01)}.um-upgrade-btn:disabled{cursor:not-allowed;opacity:.4}.um-upgrade-btn.insuf{animation:none;background:linear-gradient(135deg,#444,#333);box-shadow:none}.um-upgrade-btn.insuf:after{display:none}.um-up-main{display:block;font-size:17px;font-weight:800;letter-spacing:.02em}.um-up-sub{display:block;font-size:12px;margin-top:2px;opacity:.9}.um-insuf-msg{color:#e74c3c;cursor:pointer;font-size:11px;margin-top:4px;text-align:center}.um-insuf-msg:hover{color:#ff6b6b}.um-new-summary{background:#ffd7000a;border:1px solid #ffd7000f;border-radius:8px;color:#f6d365;font-size:12px;margin-bottom:8px;padding:6px 12px;text-align:center}.um-new-num{animation:umbounce 1.5s ease-in-out infinite;color:#48c9b0;display:inline-block;font-size:16px;font-weight:800}@keyframes umbounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.um-maxed{background:linear-gradient(135deg,#ffd7000f,#ffd70005);border:1px solid #ffd7001a;border-radius:12px;color:#f6d365;font-size:15px;font-weight:700;margin-bottom:8px;padding:12px;text-align:center}.um-close-btn{background:#0000;border:1px solid #ffffff0a;border-radius:10px;color:#666;cursor:pointer;display:block;font-size:12px;padding:8px;width:100%}.um-close-btn:hover{background:#ffffff08;color:#999}.um-preview-modal{width:480px}.um-preview-tabs{display:flex;gap:5px;margin-bottom:12px}.um-ptab{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:5px}.um-ptab.active{background:#48c9b01a;border-color:#48c9b0;color:#48c9b0}.um-big-preview{background:#0a0a1a;border-radius:12px;height:240px;margin-bottom:12px;overflow:hidden;position:relative}.um-preview-watermark{background:#00000080;border:1px solid #ffffff0f;border-radius:8px;padding:3px 10px;position:absolute;right:8px;text-align:center;top:8px}.um-preview-watermark span:first-child{color:#48c9b0;display:block;font-size:18px;font-weight:700}.um-preview-watermark span:last-child{color:#f6d365;display:block;font-size:9px}.um-preview-features{display:flex;flex-wrap:wrap;gap:4px}.um-pf-tag{background:#48c9b00f;border:1px solid #48c9b00f;border-radius:10px;color:#48c9b0;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.um-box::-webkit-scrollbar,.um-feature-table::-webkit-scrollbar{height:0;width:0}@media (max-width:600px){.um-box{padding:14px 12px 12px}.um-header h2{font-size:18px}.um-compare{flex-direction:column;gap:6px}.um-arrow-col{flex-direction:row;gap:6px;padding:2px 0;width:100%}.um-arrow{transform:rotate(90deg)}.um-preview-scene{height:100px}.um-side-label{font-size:10px}.um-new-tag{font-size:7px}.um-feature-table{font-size:11px;max-height:140px}.um-feature-table th{font-size:10px;padding:4px 6px}.um-feature-table td{font-size:11px;padding:3px 6px}.tf-name{font-size:11px}.um-levels{gap:3px}.um-lv-item{padding:4px 1px}.um-lv-num{font-size:12px}.um-up-main{font-size:14px}.um-up-sub{font-size:11px}.um-preview-modal{width:96vw}.um-big-preview{height:160px}.um-preview-tabs{gap:3px}.um-ptab{font-size:10px;padding:4px 2px}.um-preview-watermark span:first-child{font-size:14px}.um-custom-entry{padding:8px 10px}.um-custom-title{font-size:12px}.um-custom-slider-row{flex-wrap:wrap}}.settings-page{min-height:calc(100vh - 200px);padding:32px 20px}.settings-container{margin:0 auto;max-width:1000px}.settings-header{margin-bottom:32px}.settings-header h1{font-size:28px;margin-bottom:8px}.settings-header p{color:var(--text-secondary);font-size:15px}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:220px 1fr}.settings-sidebar{display:flex;flex-direction:column;gap:4px}.settings-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:var(--transition)}.settings-tab:hover{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.settings-tab.active{background:#4fa3f726;border-color:#4fa3f780;color:#66c0f4;font-weight:600}.settings-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.notification-group>*,.notification-item,.privacy-item,.privacy-options>*,.settings-section,.settings-section>:not(.btn-primary):not(button){background:#0000!important}.settings-content .btn-primary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a3f54f2!important;border:1px solid #4fc3f766!important;border-radius:4px!important;box-shadow:none!important;color:#e8eaed!important;font-weight:600!important;padding:8px 24px!important}.settings-content .btn-primary:before{display:none!important}.settings-content .btn-primary:hover{background:#37556ef2!important;transform:translateY(-1px)}.settings-select{appearance:none;background:var(--bg-secondary)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa0a6' d='M6 8 1 3h10z'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:8px!important;border:1px solid var(--border)!important;border-radius:6px!important;color:var(--text-primary)!important;cursor:pointer;font-size:14px!important;outline:none!important;padding:6px 28px 6px 12px!important}.settings-select:focus{border-color:var(--accent)!important}.settings-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;gap:10px;margin-bottom:8px}.section-desc{color:var(--text-muted);font-size:14px;margin-bottom:24px}.form-group{position:relative}.form-group label{color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea{width:100%}.form-group textarea{min-height:100px}.char-count{bottom:8px;color:var(--text-muted);font-size:11px;position:absolute;right:12px}.avatar-preview{margin-top:12px}.avatar-preview img{border:2px solid var(--border);border-radius:var(--radius);height:80px;object-fit:cover;width:80px}.password-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.password-input input{background:#0000;border:none;flex:1 1}.password-input button{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:12px 16px;transition:var(--transition)}.password-input button:hover{color:var(--accent)}.privacy-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.privacy-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;padding:16px}.privacy-info,.privacy-item{align-items:center;display:flex}.privacy-info{gap:14px}.privacy-info svg{color:var(--accent);font-size:24px}.privacy-info h4{color:var(--text-primary);font-size:14px;margin-bottom:4px}.privacy-info p{color:var(--text-muted);font-size:12px}.toggle{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--bg-primary);border:1px solid var(--border);border-radius:26px;inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition)}.toggle-slider:before{background:var(--text-muted);border-radius:50%;bottom:2px;content:"";height:20px;left:2px;width:20px}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translateX(22px)}.notification-group{margin-bottom:24px}.notification-group h3{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:14px;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.notification-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 0}.notification-item:last-child{border-bottom:none}.notification-item h4{color:var(--text-primary);font-size:14px;margin-bottom:4px}.notification-item p{color:var(--text-muted);font-size:12px}.security-info{background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:var(--radius);margin-top:32px;padding:20px}.security-info h3{color:var(--accent);font-size:14px;margin-bottom:12px}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{color:var(--text-secondary);font-size:13px;padding:6px 0 6px 20px;position:relative}.security-info li:before{color:var(--accent);content:"•";left:6px;position:absolute}.frame-tabs{background:var(--bg-secondary);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px}.frame-tabs .profile-tab{border-radius:8px;padding:10px 16px;transition:all .2s}.frame-tabs .profile-tab:hover{background:#ffffff08}.frame-tabs .profile-tab.active{background:var(--accent);box-shadow:0 2px 8px #4facfe4d;color:#fff}.frame-grid{grid-gap:16px;gap:16px}.frame-item{border-radius:14px;min-height:180px;padding:20px 14px 14px;transition:all .25s ease}.frame-item:hover:not(.frame-locked):not(.frame-disabled){background:#4facfe08;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.frame-item.frame-selected{box-shadow:0 0 20px #4facfe26}.frame-item.frame-locked{opacity:.4}.frame-item.frame-disabled{opacity:.6}.frame-check-icon{box-shadow:0 2px 8px #0000004d;font-size:12px;height:22px;width:22px}.frame-lock-icon{background:#0009;height:22px;width:22px}.avatar-frame{background:linear-gradient(135deg,#4a6b8a,#6a8baa);box-shadow:0 4px 20px #00000080;position:relative}.profile-avatar{border-radius:6px;display:block;object-fit:cover}.frame-preview{background:#ffffff08;border:4px solid #3a4a5a;border-radius:6px!important;height:80px!important;margin-bottom:12px;overflow:hidden!important;width:80px!important}.frame-pattern-default .frame-preview{background:#4a6b8a14}.frame-pattern-silver .frame-preview{background:#c0c0c014;border-color:silver!important;box-shadow:0 0 12px #c0c0c040}.frame-pattern-clouds .frame-preview{background:#b8d4e814;box-shadow:0 0 12px #b8d4e840}.frame-pattern-blue .frame-preview{background:#4169e114;border-color:#4169e1!important;box-shadow:0 0 12px #4169e140}.frame-pattern-rainbow .frame-preview{background:#667eea14}.frame-pattern-purple .frame-preview{background:#9370db14;border-color:#9370db!important;box-shadow:0 0 12px #9370db40}.frame-pattern-sparkle .frame-preview{animation:sparkleGlow 2s ease-in-out infinite;background:#f093fb14;border-color:#f093fb!important;box-shadow:0 0 14px #f093fb59}@keyframes sparkleGlow{0%,to{box-shadow:0 0 10px #f093fb4d}50%{box-shadow:0 0 22px #f093fb99}}.frame-pattern-fire .frame-preview{animation:fireFlicker 1.5s ease-in-out infinite alternate;background:#ff450014;border-color:#ff4500!important;box-shadow:0 0 14px #ff450059}@keyframes fireFlicker{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.frame-pattern-gold .frame-preview{background:#ffd70014;border-color:gold!important;box-shadow:0 0 14px #ffd70059}.frame-pattern-pink .frame-preview{animation:pinkPulse 2s ease-in-out infinite;background:#ff6a8814;border-color:#ff6a88!important;box-shadow:0 0 14px #ff6a8859}@keyframes pinkPulse{0%,to{box-shadow:0 0 10px #ff6a884d}50%{box-shadow:0 0 22px #ff6a8899}}.frame-pattern-star .frame-preview{background:#4facfe14;border-color:#4facfe!important;box-shadow:0 0 14px #4facfe59}.frame-pattern-diamond .frame-preview{background:#e0ffff14;box-shadow:0 0 14px #e0ffff59}.frame-pattern-cosmic .frame-preview{background:#667eea14;border-color:#667eea!important}.frame-pattern-gold_gradient .frame-preview{background:#bf953f14;border-color:#bf953f!important;overflow:hidden}.gold-particles-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.gold-particle{border-radius:50%;pointer-events:none;position:absolute}.gold-particle.float{animation:goldParticleFloat 2s ease-out infinite}@keyframes goldParticleFloat{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}50%{opacity:.9;transform:translateY(-6px) scale(1.3)}80%{opacity:.4}to{opacity:0;transform:translateY(-12px) scale(.8)}}.gold-particle.twinkle{animation:goldParticleTwinkle 1.5s ease-in-out infinite}@keyframes goldParticleTwinkle{0%,to{opacity:.2}50%{opacity:1}}.chat-bubble-preview{align-items:center;background:var(--frame-color);border-radius:15px;border-bottom-right-radius:5px;box-shadow:0 2px 8px #0000004d;color:#fff;display:inline-flex;font-size:13px;margin-bottom:12px;max-width:90%;padding:10px 16px;position:relative;word-break:break-word}.frame-pattern-gold_gradient .chat-bubble-preview{background:#bf953f1a;border-color:#bf953f!important;overflow:hidden}.frame-name{line-height:1.2}.frame-level,.frame-name{margin-top:4px}.frame-buy-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:6px;box-shadow:0 2px 8px #2ecc714d;color:#fff;cursor:pointer;font-size:11px;font-weight:600;margin-top:8px;padding:5px 14px;transition:all .2s}.frame-buy-btn:hover{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 4px 12px #2ecc7166;transform:translateY(-1px)}.badge-grid{grid-gap:16px;gap:16px}.badge-item{border-radius:14px;min-height:180px;padding:20px 14px 14px;transition:all .25s ease}.badge-item:hover:not(.badge-locked){box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.badge-item.badge-selected{box-shadow:0 0 18px #4facfe1f}.badge-item.badge-locked{opacity:.4}.badge-preview{background:#ffffff0d;border-radius:10px;font-size:24px;height:56px;margin:0 auto 10px;width:56px}.badge-name{margin-top:2px}.badge-desc{margin-top:4px}.badge-none .badge-preview{border-color:#666;color:#666}.badge-lock-overlay{background:#0006;border-radius:12px}@media (max-width:768px){.badge-grid,.frame-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:8px}}.title-manager{margin:0 auto;max-width:720px}.title-toggle-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;color:#c6d4df;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .2s}.title-toggle-btn:hover{background:#ffffff14;border-color:#6366f14d}.title-equipped-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;overflow:hidden;padding:5px 14px;position:relative}.title-remove-btn{cursor:pointer;margin-left:2px;opacity:.5;transition:opacity .15s}.title-remove-btn:hover{opacity:1}.title-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-top:14px}.title-card{background:#0f1117e6;border:1px solid #ffffff0f;border-radius:14px;cursor:pointer;overflow:hidden;padding:22px 16px 16px;position:relative;text-align:center;transition:transform .2s,box-shadow .2s,border-color .3s}.title-card:hover{transform:translateY(-3px) scale(1.02)}.title-card-glow{border-radius:14px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.title-name-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:15px;font-weight:800;justify-content:center;letter-spacing:1px;margin-bottom:10px;padding:5px 18px;position:relative;text-shadow:0 0 10px currentColor;z-index:1}.title-desc{color:#c8d2dc8c;margin-bottom:8px}.title-desc,.title-status{font-size:11px;position:relative;z-index:1}.title-status{font-weight:600}.title-card-excellent{animation:title-green-shimmer 5s ease-in-out infinite!important;background:linear-gradient(135deg,#0a2e1a,#14532d 25%,#166534 50%,#14532d 75%,#0a2e1a)!important;background-size:250% 250%!important;border-color:#22c55e59!important;box-shadow:0 0 16px #22c55e21,0 0 40px #22c55e0d,inset 0 0 18px #22c55e0f!important}.title-card-excellent .title-card-glow{background:radial-gradient(ellipse at 28% 28%,#4ade802e 0,#0000 60%)}.title-card-excellent.owned{box-shadow:0 0 24px #22c55e38,0 0 56px #22c55e14,inset 0 0 24px #4ade801a!important}.title-card-excellent.equipped{box-shadow:0 0 30px #22c55e59,0 0 70px #22c55e26!important}.title-card-excellent:hover{box-shadow:0 0 30px #22c55e4d,0 0 65px #22c55e1a!important}.title-name-excellent{background:linear-gradient(135deg,#16a34a4d,#4ade8033)!important;border:1px solid #4ade8066;color:#6ee7b7!important}.title-card-excellent .title-status,.title-equipped-badge.title-excellent{color:#4ade80!important}.title-card-excellent .title-desc{color:#6ee7b773!important}.title-card-excellent:not(.owned) .title-status{color:#96a0aa66!important}@keyframes title-green-shimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.title-card-rare{animation:title-blue-shimmer 5s ease-in-out infinite!important;background:linear-gradient(135deg,#0c1929,#1e3a5f 25%,#2563eb 50%,#1e3a5f 75%,#0c1929)!important;background-size:250% 250%!important;border-color:#3b82f659!important;box-shadow:0 0 16px #3b82f621,0 0 40px #3b82f60d,inset 0 0 18px #3b82f60f!important}.title-card-rare .title-card-glow{background:radial-gradient(ellipse at 28% 28%,#60a5fa2e 0,#0000 60%)}.title-card-rare.owned{box-shadow:0 0 24px #3b82f638,0 0 56px #3b82f614,inset 0 0 24px #60a5fa1a!important}.title-card-rare.equipped{box-shadow:0 0 30px #3b82f659,0 0 70px #3b82f626!important}.title-card-rare:hover{box-shadow:0 0 30px #3b82f64d,0 0 65px #3b82f61a!important}.title-name-rare{background:linear-gradient(135deg,#2563eb4d,#60a5fa33)!important;border:1px solid #60a5fa66;color:#93c5fd!important}.title-card-rare .title-status{color:#60a5fa!important}.title-card-rare .title-desc{color:#93c5fd73!important}.title-card-rare:not(.owned) .title-status{color:#96a0aa66!important}@keyframes title-blue-shimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.title-card-epic{animation:title-purple-shimmer 5s ease-in-out infinite!important;background:linear-gradient(135deg,#1a0f2e,#2e1868 25%,#7c3aed 50%,#2e1868 75%,#1a0f2e)!important;background-size:250% 250%!important;border-color:#8b5cf666!important;box-shadow:0 0 18px #8b5cf629,0 0 44px #8b5cf612,inset 0 0 20px #8b5cf614!important}.title-card-epic .title-card-glow{background:radial-gradient(ellipse at 28% 28%,#a78bfa33 0,#0000 60%)}.title-card-epic.owned{box-shadow:0 0 26px #8b5cf647,0 0 62px #8b5cf61a,inset 0 0 26px #a78bfa1f!important}.title-card-epic.equipped{box-shadow:0 0 34px #8b5cf66b,0 0 80px #8b5cf62e!important}.title-card-epic:hover{box-shadow:0 0 34px #8b5cf65c,0 0 75px #8b5cf61f!important}.title-name-epic{background:linear-gradient(135deg,#7c3aed52,#a78bfa38)!important;border:1px solid #a78bfa73;color:#c4b5fd!important}.title-card-epic .title-status{color:#a78bfa!important}.title-card-epic .title-desc{color:#c4b5fd7a!important}.title-card-epic:not(.owned) .title-status{color:#96a0aa66!important}@keyframes title-purple-shimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.title-card-legendary{animation:title-gold-shimmer 6s ease-in-out infinite!important;background:linear-gradient(135deg,#8b6914,#c9a227 12%,#f5d16b 22%,#fff8dc 32%,#f5d16b 42%,#d4a843 52%,#fff8dc 62%,#f5d16b 72%,#c9a227 82%,#8b6914 92%,#c9a227)!important;background-size:300% 300%!important;border-color:#d4af37b3!important;box-shadow:0 0 36px #d4af374d,0 0 72px #d4af371f,0 0 108px #f5d16b0f,inset 0 0 36px #fff8dc29!important}.title-card-legendary .title-card-glow{animation:title-gold-sheen 5s ease-in-out infinite;background:linear-gradient(#0000 20%,#fff8dc4d 42%,#0000 60%);background-size:350% 100%;border-radius:14px}.title-card-legendary.owned{box-shadow:0 0 46px #d4af376b,0 0 90px #d4af372e,0 0 140px #f5d16b17,inset 0 0 46px #fff8dc38!important}.title-card-legendary.equipped{box-shadow:0 0 56px #d4af378c,0 0 110px #d4af373d,0 0 170px #f5d16b1f,inset 0 0 52px #fff8dc47!important}.title-card-legendary:hover{box-shadow:0 0 58px #d4af3780,0 0 116px #d4af3738,0 0 180px #f5d16b1f!important;transform:translateY(-4px) scale(1.03)}.title-name-legendary{background:linear-gradient(135deg,#c9a22780,#f5d16b66)!important;border:1px solid #d4af3799;color:#3d2a00!important;text-shadow:0 0 8px #f5d16b80,0 0 16px #d4af374d!important}.title-card-legendary .title-status{color:#f5d16b!important;font-weight:700;text-shadow:0 0 6px #d4af3766}.title-card-legendary .title-desc{color:#8b6914!important;font-weight:500;text-shadow:0 0 4px #f5d16b4d}.title-card-legendary:not(.owned) .title-status{color:#9c7e2a!important}@keyframes title-gold-shimmer{0%{background-position:0 0}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}to{background-position:0 0}}@keyframes title-gold-sheen{0%{background-position:250% 0}to{background-position:-250% 0}}.title-card-mythic{animation:title-red-shimmer 5s ease-in-out infinite!important;background:linear-gradient(135deg,#2a0a14,#6b1528 25%,#dc2626 50%,#6b1528 75%,#2a0a14)!important;background-size:250% 250%!important;border-color:#f43f5e66!important;box-shadow:0 0 18px #f43f5e29,0 0 44px #f43f5e12,inset 0 0 20px #f43f5e14!important}.title-card-mythic .title-card-glow{background:radial-gradient(ellipse at 28% 28%,#fda4af33 0,#0000 60%)}.title-card-mythic.owned{box-shadow:0 0 26px #f43f5e47,0 0 62px #f43f5e1a,inset 0 0 26px #fda4af1f!important}.title-card-mythic.equipped{box-shadow:0 0 34px #f43f5e6b,0 0 80px #f43f5e2e!important}.title-card-mythic:hover{box-shadow:0 0 34px #f43f5e5c,0 0 75px #f43f5e1f!important}.title-name-mythic{background:linear-gradient(135deg,#dc262652,#f43f5e38)!important;border:1px solid #fda4af73;color:#fda4af!important}.title-card-mythic .title-status{color:#f43f5e!important}.title-card-mythic .title-desc{color:#fda4af7a!important}.title-card-mythic:not(.owned) .title-status{color:#96a0aa66!important}@keyframes title-red-shimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.title-card-cosmic{animation:title-cyan-shimmer 5s ease-in-out infinite!important;background:linear-gradient(135deg,#082f3b,#164e63 25%,#0891b2 50%,#164e63 75%,#082f3b)!important;background-size:250% 250%!important;border-color:#06b6d466!important;box-shadow:0 0 18px #06b6d429,0 0 44px #06b6d412,inset 0 0 20px #06b6d414!important}.title-card-cosmic .title-card-glow{background:radial-gradient(ellipse at 28% 28%,#67e8f933 0,#0000 60%)}.title-card-cosmic.owned{box-shadow:0 0 26px #06b6d447,0 0 62px #06b6d41a,inset 0 0 26px #67e8f91f!important}.title-card-cosmic.equipped{box-shadow:0 0 34px #06b6d46b,0 0 80px #06b6d42e!important}.title-card-cosmic:hover{box-shadow:0 0 34px #06b6d45c,0 0 75px #06b6d41f!important}.title-name-cosmic{background:linear-gradient(135deg,#0891b252,#22d3ee38)!important;border:1px solid #67e8f973;color:#67e8f9!important}.title-card-cosmic .title-status{color:#22d3ee!important}.title-card-cosmic .title-desc{color:#67e8f97a!important}.title-card-cosmic:not(.owned) .title-status{color:#96a0aa66!important}@keyframes title-cyan-shimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.frame-tabs{background:#ffffff08;border-radius:12px;display:flex;gap:6px;margin-bottom:28px;padding:5px}.frame-tabs .profile-tab{background:#0000;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:11px 18px;text-align:center;transition:all .25s ease}.frame-tabs .profile-tab:hover{background:#ffffff0a;color:var(--text-primary)}.frame-tabs .profile-tab.active{background:#4fa3f726;box-shadow:none;color:#66c0f4;font-weight:600}.frame-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.frame-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:175px;overflow:hidden;padding:22px 16px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.frame-item:before{background:linear-gradient(135deg,#4facfe0d,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.frame-item:hover:not(.frame-locked):not(.frame-disabled){border-color:#4facfe;border-color:var(--frame-color,#4facfe);box-shadow:0 12px 32px #00000059,0 0 0 1px #4facfe1a;transform:translateY(-6px) scale(1.02)}.frame-item:hover:not(.frame-locked):not(.frame-disabled):before{opacity:1}.frame-item.frame-selected{background:#4facfe0f;border-color:#4facfe;border-color:var(--frame-color,#4facfe);box-shadow:0 0 24px #4facfe33,inset 0 0 24px #4facfe08}.frame-item.frame-locked{cursor:not-allowed;opacity:.35}.frame-item.frame-disabled{cursor:default;opacity:.5}.frame-check-icon{align-items:center;animation:checkPop .3s cubic-bezier(.4,0,.2,1);background:#4facfe;background:var(--frame-color,#4facfe);border-radius:50%;box-shadow:0 2px 10px #0000004d;color:#fff;display:flex;font-size:13px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px;z-index:3}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.frame-lock-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:50%;color:#888;font-size:11px;height:24px;position:absolute;right:10px;top:10px;width:24px;z-index:3}.frame-lock-icon,.frame-preview{align-items:center;display:flex;justify-content:center}.frame-preview{background:var(--frame-color);border-radius:8px!important;box-shadow:0 4px 20px #00000080;height:85px!important;margin-bottom:14px;overflow:visible!important;padding:3px;position:relative;transition:all .3s ease;width:85px!important}.frame-item:hover .frame-preview{border-color:#ffffff40;box-shadow:0 0 16px #ffffff14}.frame-item.frame-selected .frame-preview{border-color:#4facfe!important;border-color:var(--frame-color,#4facfe)!important;box-shadow:0 0 20px #4facfe40}.frame-pattern-default .frame-preview{background:#4a6b8a0f;border-color:#4a6b8a!important}.frame-pattern-green .frame-preview{background:linear-gradient(135deg,#2ecc7114,#27ae6008);border-color:#2ecc71!important;box-shadow:0 0 14px #2ecc7133;overflow:hidden!important;position:relative}.frame-pattern-green .frame-preview:after{background:linear-gradient(0deg,#2ecc7126,#0000);bottom:0;content:"";height:35%;left:0;pointer-events:none;position:absolute;right:0}.frame-pattern-clouds .frame-preview{background:linear-gradient(180deg,#e8f4fc,#d0e8f4 40%,#b8d4e8);border-color:#b8d4e8!important;box-shadow:0 0 14px #b8d4e840;overflow:hidden!important;position:relative}.frame-pattern-clouds .frame-preview:before{background:#ffffff8c;border-radius:50%;bottom:-6px;box-shadow:-12px 2px 0 6px #ffffff73,14px -2px 0 8px #ffffff80,28px 4px 0 4px #ffffff59;content:"";height:18px;left:8px;pointer-events:none;position:absolute;width:32px}.frame-pattern-clouds .frame-preview:after{background:#fff6;border-radius:50%;box-shadow:-8px 1px 0 4px #ffffff4d,10px 2px 0 5px #ffffff59;content:"";height:13px;pointer-events:none;position:absolute;right:10px;top:-4px;width:22px}.frame-pattern-magic .frame-preview{animation:magicPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#9b59b61a,#8e44ad08);border-color:#9b59b6!important;box-shadow:0 0 18px #9b59b640;overflow:hidden!important;position:relative}@keyframes magicPulse{0%,to{box-shadow:0 0 18px #9b59b640}50%{box-shadow:0 0 28px #9b59b680}}.frame-pattern-magic .frame-preview:before{animation:magicRotate 4s linear infinite;background:conic-gradient(from 0deg,#0000 0,#9b59b614 25%,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes magicRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.frame-pattern-forest .frame-preview{background:linear-gradient(135deg,#1abc9c14,#16a08508);border-color:#1abc9c!important;box-shadow:0 0 14px #1abc9c33;overflow:hidden!important;position:relative}.frame-pattern-forest .frame-preview:after{animation:forestSway 4s ease-in-out infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#1abc9c08 0,#1abc9c08 6px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes forestSway{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}.frame-pattern-rainbow .frame-preview{animation:rainbowShift 3s ease infinite;background:linear-gradient(135deg,#667eea14,#ff6b6b0d);border-color:#667eea!important;box-shadow:0 0 14px #667eea33}@keyframes rainbowShift{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.1)}}.frame-pattern-stage .frame-preview{animation:stageGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c14,#c0392b08);border-color:#e74c3c!important;box-shadow:0 0 16px #e74c3c4d;overflow:hidden!important;position:relative}@keyframes stageGlow{0%,to{box-shadow:0 0 16px #e74c3c4d}50%{box-shadow:0 0 30px #e74c3c99,0 0 60px #e74c3c33}}.frame-pattern-stage .frame-preview:before{animation:stageBorderSpin 3s linear infinite;background:linear-gradient(45deg,#e74c3c,#0000,#e74c3c,#0000);background-size:400% 400%;border-radius:10px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes stageBorderSpin{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.frame-pattern-gold .frame-preview{animation:goldGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f39c121a,#e67e220d);border-color:#f39c12!important;box-shadow:0 0 20px #f39c124d;overflow:hidden!important;position:relative}@keyframes goldGlow{0%,to{box-shadow:0 0 20px #f39c124d}50%{box-shadow:0 0 35px #f39c1299,0 0 60px #f39c1233}}.gold-shimmer{animation:goldSweep 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 30%,#ffffff0d 40%,#ffffff40 45%,#fff0c859 50%,#ffffff40 55%,#ffffff0d 60%,#0000 70%);height:140%;left:-120%;pointer-events:none;position:absolute;top:-20%;transform:skewX(-20deg);width:40%;z-index:2}@keyframes goldSweep{0%{left:-120%}to{left:120%}}.frame-pattern-diamond .frame-preview{animation:diamondShine 3s linear infinite;background:linear-gradient(135deg,#e0ffff14,#48c9b00d);border-color:#e0ffff!important;box-shadow:0 0 20px #e0ffff4d;overflow:hidden!important;position:relative}@keyframes diamondShine{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.frame-pattern-diamond .frame-preview:before{animation:diamondSweep 2.5s ease-in-out infinite;background:linear-gradient(135deg,#0000 30%,#ffffff26 45%,#0000 55%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes diamondSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.frame-pattern-pinkcloud .frame-preview{animation:pinkCloudFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#ff69b414,#ffb6c10d);border-color:#ff69b4!important;box-shadow:0 0 18px #ff69b440;overflow:hidden!important;position:relative}@keyframes pinkCloudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.frame-pattern-pinkcloud .frame-preview:before{animation:pinkCloudDrift 5s ease-in-out infinite;background:#ffffff80;border-radius:50%;box-shadow:-10px 1px 0 4px #fff6,12px -2px 0 6px #ffffff73;content:"";height:16px;left:5px;pointer-events:none;position:absolute;top:-5px;width:28px}@keyframes pinkCloudDrift{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.frame-pattern-skycloud .frame-preview{animation:skyPulse 5s ease-in-out infinite;background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#e0ffff);border-color:#87ceeb!important;box-shadow:0 0 18px #87ceeb40;overflow:hidden!important;position:relative}@keyframes skyPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.frame-pattern-skycloud .frame-preview:before{animation:cloudFloat 6s ease-in-out infinite;background:#fff9;border-radius:50%;box-shadow:-14px 2px 0 6px #ffffff80,16px -3px 0 8px #ffffff8c,32px 5px 0 4px #fff6;content:"";height:20px;left:3px;pointer-events:none;position:absolute;top:-8px;width:35px}@keyframes cloudFloat{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-4px) translateX(3px)}66%{transform:translateY(2px) translateX(-2px)}}.frame-pattern-skycloud .frame-preview:after{animation:skyShimmer 4s ease-in-out infinite;background:linear-gradient(180deg,#87ceeb1a,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes skyShimmer{0%,to{opacity:.5}50%{opacity:1}}.frame-pattern-cosmic .frame-preview{animation:cosmicShift 4s ease infinite;background:linear-gradient(135deg,#0f0c29,#302b63,#764ba2);border-color:#764ba2!important;box-shadow:0 0 25px #764ba266;overflow:hidden!important;position:relative}@keyframes cosmicShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.frame-pattern-cosmic .frame-preview:before{animation:twinkle 2s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 20% 30%,#fffc,#0000),radial-gradient(1px 1px at 40% 70%,#fff9,#0000),radial-gradient(1px 1px at 60% 20%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 80% 50%,#ffffffe6,#0000),radial-gradient(1px 1px at 10% 80%,#ffffff80,#0000),radial-gradient(1px 1px at 70% 90%,#fff9,#0000),radial-gradient(1.5px 1.5px at 50% 50%,#fff,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.frame-pattern-cosmic .frame-preview:after{animation:cosmicPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#764ba233,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes cosmicPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.frame-preview-chat{align-items:center;background:#1b283880;border:3px solid #3a4a5a;border-radius:12px!important;color:#ffffff80;display:flex;font-size:10px;height:62px;justify-content:center;margin-bottom:14px;overflow:visible!important;position:relative;transition:all .3s ease;width:105px}.frame-item:hover .frame-preview-chat{border-color:#fff3}.frame-item.frame-selected .frame-preview-chat{border-color:#4facfe!important;border-color:var(--frame-color,#4facfe)!important}.frame-pattern-default .frame-preview-chat{background:#1b283880;border-color:#3a4a5a!important}.frame-pattern-green .frame-preview-chat{background:linear-gradient(135deg,#2ecc7114,#27ae6008);border-color:#2ecc71!important;box-shadow:0 0 10px #2ecc7126}.frame-pattern-clouds .frame-preview-chat{background:linear-gradient(135deg,#e8f4fc,#d0e8f4 50%,#b8d4e8);border-color:#b8d4e8!important;box-shadow:0 0 10px #b8d4e833;overflow:hidden!important;position:relative}.frame-pattern-clouds .frame-preview-chat:before{background:#ffffff80;border-radius:50%;bottom:2px;box-shadow:-8px 1px 0 4px #fff6,10px -1px 0 5px #ffffff73;content:"";height:12px;left:6px;pointer-events:none;position:absolute;width:24px}.frame-pattern-magic .frame-preview-chat{background:linear-gradient(135deg,#9b59b614,#8e44ad08);border-color:#9b59b6!important;box-shadow:0 0 12px #9b59b640}.frame-pattern-forest .frame-preview-chat{background:linear-gradient(135deg,#1abc9c14,#16a08508);border-color:#1abc9c!important;box-shadow:0 0 10px #1abc9c26}.frame-pattern-rainbow .frame-preview-chat{background:linear-gradient(135deg,#667eea14,#ff6b6b0d);border-color:#667eea!important}.frame-pattern-stage .frame-preview-chat{background:linear-gradient(135deg,#e74c3c14,#c0392b08);border-color:#e74c3c!important;box-shadow:0 0 12px #e74c3c40}.frame-pattern-gold .frame-preview-chat{animation:goldChatGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f39c121a,#e67e220d);border-color:#f39c12!important;box-shadow:0 0 15px #f39c124d}@keyframes goldChatGlow{0%,to{box-shadow:0 0 15px #f39c124d}50%{box-shadow:0 0 25px #f39c1299}}.frame-pattern-diamond .frame-preview-chat{animation:diamondChatShine 3s linear infinite;background:linear-gradient(135deg,#e0ffff14,#48c9b00d);border-color:#e0ffff!important;box-shadow:0 0 15px #e0ffff4d}@keyframes diamondChatShine{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.frame-pattern-pinkcloud .frame-preview-chat{animation:pinkChatFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#ff69b414,#ffb6c10d);border-color:#ff69b4!important;box-shadow:0 0 12px #ff69b440}@keyframes pinkChatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.frame-pattern-skycloud .frame-preview-chat{animation:skyChatPulse 5s ease-in-out infinite;background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#e0ffff);border-color:#87ceeb!important;box-shadow:0 0 12px #87ceeb40}@keyframes skyChatPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.frame-pattern-cosmic .frame-preview-chat{animation:cosmicChatShift 4s ease infinite;background:linear-gradient(135deg,#0f0c29,#302b63,#764ba2);border-color:#764ba2!important;box-shadow:0 0 20px #764ba266;overflow:hidden!important;position:relative}@keyframes cosmicChatShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.frame-pattern-cosmic .frame-preview-chat:before{animation:chatTwinkle 2s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 30% 40%,#ffffffb3,#0000),radial-gradient(1px 1px at 70% 60%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 50% 30%,#ffffffe6,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes chatTwinkle{0%{opacity:.4}to{opacity:1}}.frame-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3;margin-top:6px}.frame-item.frame-locked .frame-name,.frame-level{color:var(--text-muted)}.frame-level{font-size:11px;margin-top:5px}.bg-preview-container{align-items:center;display:flex;justify-content:center;padding:12px;width:100%}.bg-preview{border:2px solid #ffffff1a;border-radius:8px;height:60px;overflow:hidden;width:100%}.bg-preview,.bg-preview-cosmic{position:relative}.bg-preview-cosmic:before{animation:bgTwinkle 2s ease-in-out infinite alternate;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fffc,#0000),radial-gradient(1px 1px at 30% 50%,#ffffff80,#0000),radial-gradient(1px 1px at 50% 80%,#fff9,#0000),radial-gradient(2px 2px at 70% 30%,#ffffffe6,#0000),radial-gradient(1px 1px at 90% 70%,#fff6,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes bgTwinkle{0%{opacity:.5}to{opacity:1}}.bg-preview-diamond{overflow:hidden;position:relative}.bg-preview-diamond:after{animation:diamondBgSweep 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#e0ffff26,#0000);bottom:0;content:"";left:-100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}@keyframes diamondBgSweep{0%{left:-50%}to{left:100%}}.bg-preview-gold{overflow:hidden;position:relative}.bg-preview-gold:after{animation:goldBgPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#f39c1226,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes goldBgPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.bg-preview-pinkcloud{overflow:hidden;position:relative}.bg-preview-pinkcloud:before{animation:pinkBgFloat 5s ease-in-out infinite;background:#ffffff4d;border-radius:50%;box-shadow:-15px 2px 0 5px #ffffff40,18px -3px 0 7px #ffffff4d;content:"";height:20px;left:5px;pointer-events:none;position:absolute;top:-5px;width:40px}@keyframes pinkBgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bg-preview-skycloud{overflow:hidden;position:relative}.bg-preview-skycloud:before{animation:skyBgFloat 6s ease-in-out infinite;background:#fff6;border-radius:50%;box-shadow:-18px 3px 0 7px #ffffff59,20px -4px 0 10px #fff6,40px 5px 0 5px #ffffff4d;content:"";height:25px;left:3px;pointer-events:none;position:absolute;top:-8px;width:50px}@keyframes skyBgFloat{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-6px) translateX(4px)}66%{transform:translateY(3px) translateX(-3px)}}.pv-diamond1{left:12%;top:18%}.pv-diamond2{left:35%;top:45%}.pv-diamond3{left:58%;top:22%}.pv-diamond4{left:78%;top:55%}.pv-diamond5{left:50%;top:65%}.pv-diamond1,.pv-diamond2,.pv-diamond3,.pv-diamond4,.pv-diamond5{animation:diamondGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#64b4ff80,#96c8ff33);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);height:14px;position:absolute;width:10px}.pv-diamond2{animation-delay:.3s;background:linear-gradient(135deg,#ffb4c880,#ffc8dc33);height:12px;width:8px}.pv-diamond3{animation-delay:.7s;background:linear-gradient(135deg,#c8ffc866,#dcffdc26);height:16px;width:12px}.pv-diamond4{animation-delay:1.1s;height:10px;width:7px}.pv-diamond5{animation-delay:.5s;background:linear-gradient(135deg,#ffdc9680,#fff0c833);height:13px;width:9px}.pv-diamond-sparkle1{left:15%;top:12%}.pv-diamond-sparkle2{left:55%;top:15%}.pv-diamond-sparkle3{left:80%;top:48%}.pv-diamond-sparkle1,.pv-diamond-sparkle2,.pv-diamond-sparkle3{animation:pvTwinkle 1.5s ease-in-out infinite alternate;background:#fff;border-radius:50%;box-shadow:0 0 6px #96c8ffcc,0 0 12px #96c8ff66;height:4px;position:absolute;width:4px}.pv-diamond-sparkle2{animation-delay:.5s}.pv-diamond-sparkle3{animation-delay:1s}.pv-diamond-ore1{left:25%;top:55%}.pv-diamond-ore2{left:65%;top:70%}.pv-diamond-ore3{left:45%;top:30%}.pv-diamond-ore1,.pv-diamond-ore2,.pv-diamond-ore3{animation:oreGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#c8a050b3,#b48c3c66);border-radius:2px;height:5px;position:absolute;transform:rotate(15deg);width:6px}.pv-diamond-ore2{animation-delay:1s;background:linear-gradient(135deg,#96785099,#82643c4d);width:5px}.pv-diamond-ore3{animation-delay:2s;background:linear-gradient(135deg,#b4649699,#a050824d)}.pv-diamond-ray1{animation:rayFlicker 3s ease-in-out infinite;background:linear-gradient(180deg,#96c8ff14,#0000);height:60%;left:40%;position:absolute;top:5%;transform:rotate(-10deg);width:1px}.pv-diamond-ray2{animation:rayFlicker 4s ease-in-out infinite;animation-delay:1.5s;background:linear-gradient(180deg,#ffc8dc0f,#0000);height:50%;left:55%;position:absolute;top:8%;transform:rotate(8deg);width:1px}@keyframes diamondGlow{0%{filter:brightness(.8) drop-shadow(0 0 2px rgba(150,200,255,.1));opacity:.4;transform:scale(.9)}to{filter:brightness(1.2) drop-shadow(0 0 6px rgba(150,200,255,.4));opacity:1;transform:scale(1.1)}}@keyframes oreGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes rayFlicker{0%,to{opacity:.3}50%{opacity:.8}}.badge-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.badge-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:175px;overflow:hidden;padding:22px 16px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.badge-item:hover:not(.badge-locked){border-color:#4facfe;border-color:var(--badge-color,#4facfe);box-shadow:0 12px 32px #00000059;transform:translateY(-6px) scale(1.02)}.badge-item.badge-selected{background:#4facfe0f;border-color:#4facfe;border-color:var(--badge-color,#4facfe);box-shadow:0 0 20px #4facfe26}.badge-item.badge-locked{cursor:not-allowed;opacity:.35}.badge-preview{align-items:center;background:#ffffff0a;border:3px solid #4facfe;border:3px solid var(--badge-color,#4facfe);border-radius:12px;color:#4facfe;color:var(--badge-color,#4facfe);display:flex;font-size:26px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.badge-name{color:var(--text-primary);font-size:13px;font-weight:600;margin-top:4px}.badge-desc,.badge-item.badge-locked .badge-name{color:var(--text-muted)}.badge-desc{font-size:11px;margin-top:5px}.badge-none .badge-preview{border-color:#555;color:#555}.badge-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:14px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}@media (max-width:768px){.badge-grid,.frame-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.pv-pink-cloud1{animation:pvDrift 4s ease-in-out infinite;background:#ffffff59;bottom:10px;height:22px;left:10%;width:48%}.pv-pink-cloud1,.pv-pink-cloud2{border-radius:30px;filter:blur(1px);position:absolute}.pv-pink-cloud2{animation:pvDrift2 5s ease-in-out infinite;background:#ffffff40;height:14px;right:8%;top:8px;width:35%}.pv-pink-sparkle1{left:10%;top:12px}.pv-pink-sparkle2{left:30%;top:22px}.pv-pink-sparkle3{left:50%;top:8px}.pv-pink-sparkle4{left:70%;top:28px}.pv-pink-sparkle5{left:88%;top:15px}.pv-pink-sparkle1,.pv-pink-sparkle2,.pv-pink-sparkle3,.pv-pink-sparkle4,.pv-pink-sparkle5{animation:pvFloat 2.5s ease-in-out infinite;background:#ffc8e6cc;border-radius:50%;height:4px;position:absolute;width:4px}.pv-pink-sparkle2{animation-delay:.4s}.pv-pink-sparkle3{animation-delay:.8s}.pv-pink-sparkle4{animation-delay:1.2s}.pv-pink-sparkle5{animation-delay:1.6s}.pv-sky-cloud1{animation:pvDrift 6s ease-in-out infinite;background:#fff6;bottom:12px;height:18px;left:5%;width:55%}.pv-sky-cloud1,.pv-sky-cloud2{border-radius:30px;filter:blur(1px);position:absolute}.pv-sky-cloud2{animation:pvDrift2 5s ease-in-out infinite;background:#ffffff4d;height:14px;right:10%;top:6px;width:38%}.pv-sky-cloud3{animation:pvDrift 7s ease-in-out infinite;animation-delay:1s;background:#fff3;border-radius:30px;bottom:4px;filter:blur(1px);height:10px;left:65%;position:absolute;width:28%}.pv-sky-sun{animation:pvPulse 3s ease-in-out infinite;background:#ffdc6499;border-radius:50%;bottom:6px;box-shadow:0 0 10px #ffdc6480;height:7px;left:50%;position:absolute;transform:translateX(-50%);width:7px}.pv-star1{left:8%;top:12%}.pv-star2{left:22%;top:45%}.pv-star3{left:35%;top:20%}.pv-star4{left:48%;top:55%}.pv-star5{left:60%;top:15%}.pv-star6{left:72%;top:50%}.pv-star7{left:82%;top:25%}.pv-star8{left:92%;top:60%}.pv-star9{left:15%;top:70%}.pv-star10{left:40%;top:75%}.pv-star11{left:68%;top:72%}.pv-star12{left:55%;top:35%}.pv-star1,.pv-star10,.pv-star11,.pv-star12,.pv-star2,.pv-star3,.pv-star4,.pv-star5,.pv-star6,.pv-star7,.pv-star8,.pv-star9{animation:pvTwinkle 2.5s ease-in-out infinite alternate;background:#ffffffd9;border-radius:50%;height:2.5px;position:absolute;width:2.5px}.pv-star2{animation-delay:.3s;background:#c8c8ffb3;width:2px}.pv-star3{animation-delay:.7s;background:#ffffffe6;width:3px}.pv-star4{animation-delay:1.1s;background:#96c8ff99;width:1.5px}.pv-star5{animation-delay:.2s;background:#fff0b4cc;width:2px}.pv-star6{animation-delay:.9s;width:2.5px}.pv-star7{animation-delay:1.5s;background:#c8b4ff99;width:1.5px}.pv-star8{animation-delay:.5s;background:#ffffffe6;width:3px}.pv-star9{animation-delay:1.8s;background:#ffdcc8b3;width:2px}.pv-star10{animation-delay:.1s;width:1.5px}.pv-star11{animation-delay:1.3s;background:#c8dcff99;width:2px}.pv-star12{animation-delay:.6s;background:#b496ffcc;width:3px}.pv-nebula{animation:pvPulse 3s ease-in-out infinite;background:radial-gradient(circle,#764ba240,#0000);border-radius:50%;bottom:5px;filter:blur(3px);height:20px;position:absolute;right:15%;width:20px}@keyframes pvDrift{0%,to{transform:translateX(0)}50%{transform:translateX(8px)}}@keyframes pvDrift2{0%,to{transform:translateX(0)}50%{transform:translateX(-6px)}}@keyframes pvFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes pvTwinkle{0%{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}@keyframes pvPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.messages-page{-ms-overflow-style:none;margin:0 auto;max-width:820px;min-height:100vh;padding:36px 20px 60px;position:relative;scrollbar-width:none}.messages-page::-webkit-scrollbar{display:none}.messages-page:before{background:radial-gradient(circle at 30% 40%,#4fc3f72e,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff29,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:320px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:-1}.messages-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:26px;padding-bottom:18px;position:relative}.messages-header:after{background:linear-gradient(90deg,var(--accent),var(--accent-purple),#0000);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:120px}.messages-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:26px;font-weight:700;gap:14px;letter-spacing:1px;margin:0}.messages-header h1 svg{-webkit-text-fill-color:initial;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.messages-actions,.messages-filter{display:flex;gap:10px}.messages-filter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11182799;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff0a;margin-bottom:24px;padding:14px}.filter-btn{background:#0000;border:1px solid #4fc3f72e;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:14px;padding:9px 18px;transition:var(--transition)}.filter-btn:hover{background:#4fc3f71a;box-shadow:0 0 14px var(--accent-glow)}.filter-btn.active,.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:linear-gradient(135deg,#4fc3f740,#b388ff40);box-shadow:0 0 18px var(--accent-glow),inset 0 0 12px #4fc3f726}.messages-list{display:flex;flex-direction:column;gap:12px}.message-card{align-items:flex-start;animation:msgFadeIn .4s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:16px;overflow:hidden;padding:18px 22px;position:relative;transition:var(--transition)}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-card:before{background:linear-gradient(90deg,#0000,#4fc3f766,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.message-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #0006,0 0 24px var(--accent-glow);transform:translateY(-3px)}.message-card.unread{background:linear-gradient(90deg,#4fc3f71f,#111827b3 40%);border-left:3px solid var(--accent);box-shadow:0 0 18px #4fc3f71f,inset 2px 0 12px #4fc3f726}.message-card.unread:after{animation:msgPulse 2s ease-in-out infinite;background:var(--accent);border-radius:3px 0 0 3px;bottom:0;box-shadow:0 0 12px var(--accent),0 0 20px var(--accent-glow);content:"";left:0;position:absolute;top:0;width:3px}.message-icon{align-items:center;background:radial-gradient(circle at 30% 30%,#4fc3f759,#b388ff26);border:1px solid var(--border);border-radius:50%;box-shadow:0 0 14px var(--accent-glow),inset 0 0 8px #4fc3f733;color:var(--accent);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:var(--transition);width:44px}.message-card:hover .message-icon{box-shadow:0 0 22px var(--accent-glow),inset 0 0 12px #4fc3f74d;transform:scale(1.08) rotate(4deg)}.message-body{flex:1 1;min-width:0}.message-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.message-type-badge{background:#4fc3f726;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;padding:2px 9px}.message-time{color:var(--text-muted);font-size:12px;letter-spacing:.5px}.message-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.message-content{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.message-actions{display:flex;flex-shrink:0;gap:8px}.action-btn{align-items:center;background:#4fc3f70f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:9px;transition:var(--transition)}.action-btn:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);color:var(--accent);transform:translateY(-2px)}.action-btn.delete:hover{background:#e74c3c2e;border-color:#ff5252;box-shadow:0 0 14px #ff525266;color:#ff5252}.messages-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11182799;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff0a;display:flex;gap:12px;margin-bottom:24px;padding:14px}.tab-btn{align-items:center;background:#0000;border:1px solid #4fc3f72e;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;overflow:hidden;padding:10px 22px;position:relative;transition:var(--transition)}.tab-btn:hover{background:#4fc3f71a;box-shadow:0 0 14px var(--accent-glow)}.tab-btn.active,.tab-btn:hover{border-color:var(--accent);color:var(--accent)}.tab-btn.active{background:linear-gradient(135deg,#4fc3f740,#b388ff40);box-shadow:0 0 18px var(--accent-glow),inset 0 0 12px #4fc3f726}.tab-badge{background:linear-gradient(135deg,#ff5252,#ff1744);border:1px solid #fff3;border-radius:12px;box-shadow:0 0 12px #ff525299;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;position:absolute;right:-8px;text-align:center;top:-8px}.friend-requests{display:flex;flex-direction:column;gap:16px}.friend-request-card{align-items:center;animation:msgFadeIn .4s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;overflow:hidden;padding:20px 22px;position:relative;transition:var(--transition)}.friend-request-card:before{background:linear-gradient(90deg,#0000,#b388ff66,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.friend-request-card:hover{border-color:var(--accent-purple);box-shadow:0 12px 32px #0006,0 0 24px var(--accent-purple-glow);transform:translateY(-3px)}.request-user{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0;text-decoration:none}.request-user img{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent-glow),inset 0 0 8px #4fc3f726;height:60px;object-fit:cover;transition:var(--transition);width:60px}.request-user:hover img{border-color:var(--accent-purple);box-shadow:0 0 22px var(--accent-purple-glow),inset 0 0 8px #b388ff33;transform:rotate(4deg)}.request-info{min-width:0}.request-name{color:var(--text-primary);font-size:16px;font-weight:600;gap:8px;margin-bottom:5px}.request-name,.request-time{align-items:center;display:flex}.request-time{color:var(--text-muted);font-size:13px;gap:10px}.request-level{background:#4fc3f726;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;padding:2px 9px}.request-actions{flex-shrink:0;gap:10px}.btn-accept{align-items:center;background:linear-gradient(135deg,var(--accent-green) 0,#00e676 100%);border:none;border-radius:var(--radius);box-shadow:0 0 14px var(--accent-green-glow);color:#0a0e17;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 20px;transition:var(--transition)}.btn-accept:hover{box-shadow:0 8px 24px #69f0ae80;transform:translateY(-2px)}.btn-reject{align-items:center;background:#e74c3c1a;border:1px solid #ff5252;border-radius:var(--radius);color:#ff5252;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:var(--transition)}.btn-reject:hover{background:linear-gradient(135deg,#ff5252,#ff1744);box-shadow:0 0 18px #ff525280;color:#fff;transform:translateY(-2px)}.btn-view-profile{background:#b388ff1a;border:1px solid var(--border);border-radius:var(--radius);color:var(--accent-purple);cursor:pointer;font-size:13px;padding:10px 20px;transition:var(--transition)}.btn-view-profile:hover{background:#b388ff33;border-color:var(--accent-purple);box-shadow:0 0 14px var(--accent-purple-glow);transform:translateY(-2px)}.profile-messages{padding:20px 0}.message-list{display:flex;flex-direction:column;gap:12px}.message-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:15px 18px;position:relative;transition:var(--transition)}.message-item:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000059,0 0 18px var(--accent-glow)}.message-item.unread{background:linear-gradient(90deg,#4fc3f71f,#111827b3 40%);border-left:3px solid var(--accent)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-header .message-type{background:#4fc3f726;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;padding:2px 9px}.message-header .message-time{color:var(--text-muted);font-size:12px}.message-item .message-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 5px}.message-item .message-content{color:var(--text-secondary);font-size:13px;margin:0}.profile-appeal{padding:20px 0}.appeal-status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:15px;padding:20px}.appeal-status.ban{border-left:3px solid #ff5252;box-shadow:0 0 18px #ff525226}.appeal-status.post-ban{border-left:3px solid #f39c12;box-shadow:0 0 18px #f39c1226}.appeal-status h4{color:var(--text-primary);margin:0 0 10px}.appeal-status p{color:var(--text-secondary);margin:5px 0}.btn-secondary{align-items:center;background:#4fc3f70f;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:6px;padding:9px 18px;transition:var(--transition)}.btn-secondary:hover{background:#4fc3f724;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-feedback,.btn-secondary:hover{box-shadow:0 0 14px var(--accent-glow)}.btn-feedback{align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);border:none;border-radius:var(--radius);color:#0a0e17;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-right:8px;padding:9px 18px;transition:var(--transition)}.btn-feedback:hover{box-shadow:0 8px 24px #4fc3f766;transform:translateY(-2px)}.official-v-inline{align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);border-radius:4px;box-shadow:0 0 8px var(--accent-glow);color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.empty-state{padding:70px 20px;position:relative}.empty-state svg{margin-bottom:18px}.empty-state p{margin-top:16px}@media (max-width:640px){.messages-page{padding:24px 14px 50px}.messages-header{align-items:flex-start;flex-direction:column;gap:16px}.messages-header h1{font-size:22px}.message-card{gap:12px;padding:14px}.message-icon{font-size:16px;height:38px;width:38px}.messages-tabs{flex-wrap:wrap;gap:8px;padding:10px}.tab-btn{font-size:13px;padding:8px 14px}.friend-request-card{align-items:stretch;flex-direction:column;gap:14px}.request-actions{flex-wrap:wrap;justify-content:space-between}.btn-accept,.btn-reject,.btn-view-profile{flex:1 1;font-size:12px;justify-content:center;padding:9px 14px}}.notifications-page{-ms-overflow-style:none;margin:0 auto;max-width:820px;padding:36px 20px 60px;position:relative;scrollbar-width:none}.notifications-page::-webkit-scrollbar{display:none}.notifications-page:before{background:radial-gradient(circle at 30% 40%,#4fc3f72e,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff29,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:320px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:-1}.notifications-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:26px;padding-bottom:18px;position:relative}.notifications-header:after{background:linear-gradient(90deg,var(--accent),var(--accent-purple),#0000);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:120px}.notifications-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:26px;font-weight:700;gap:14px;letter-spacing:1px}.notifications-header h1 svg{-webkit-text-fill-color:initial;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.notifications-actions{display:flex;gap:10px}.notifications-page .btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4fc3f714;border:1px solid #4fc3f74d;border-radius:var(--radius);color:#4fc3f7;overflow:hidden;position:relative;transition:var(--transition)}.notifications-page .btn-ghost:hover{background:#4fc3f729;border-color:#4fc3f78c;box-shadow:0 4px 16px #4fc3f733;color:#7ee8fa;transform:translateY(-2px)}.notifications-page .messages-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11182799;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff0a;display:flex;gap:12px;margin-bottom:24px;padding:14px}.notifications-page .tab-btn{align-items:center;background:#0000;border:1px solid #4fc3f72e;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;overflow:hidden;padding:10px 22px;position:relative;transition:var(--transition)}.notifications-page .tab-btn:hover{background:#4fc3f71a;border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);color:var(--accent)}.notifications-page .tab-btn.active{background:linear-gradient(135deg,#4fc3f740,#b388ff40);border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow),inset 0 0 12px #4fc3f726;color:var(--accent)}.notifications-page .tab-badge{background:linear-gradient(135deg,#ff5252,#ff1744);border:1px solid #fff3;border-radius:12px;box-shadow:0 0 12px #ff525299;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;position:absolute;right:-8px;text-align:center;top:-8px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:center;animation:notifFadeIn .4s ease-out both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:16px;overflow:hidden;padding:18px 22px;position:relative;transition:var(--transition)}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notification-item:before{background:linear-gradient(90deg,#0000,#4fc3f766,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.notification-item:hover{border-color:var(--accent);box-shadow:0 12px 32px #0006,0 0 24px var(--accent-glow);transform:translateY(-3px)}.notification-item.unread{background:linear-gradient(90deg,#4fc3f71f,#111827b3 40%);border-left:3px solid var(--accent);box-shadow:0 0 18px #4fc3f71f,inset 2px 0 12px #4fc3f726}.notification-item.unread:after{animation:notifPulse 2s ease-in-out infinite;background:var(--accent);border-radius:3px 0 0 3px;bottom:0;box-shadow:0 0 12px var(--accent),0 0 20px var(--accent-glow);content:"";left:0;position:absolute;top:0;width:3px}@keyframes notifPulse{0%,to{opacity:1}50%{opacity:.4}}.notification-item.read{opacity:.62}.notif-icon{align-items:center;background:radial-gradient(circle at 30% 30%,#4fc3f759,#b388ff26);border:1px solid var(--border);border-radius:50%;box-shadow:0 0 14px var(--accent-glow),inset 0 0 8px #4fc3f733;color:var(--accent);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:var(--transition);width:44px}.notification-item:hover .notif-icon{box-shadow:0 0 22px var(--accent-glow),inset 0 0 12px #4fc3f74d;transform:scale(1.08) rotate(4deg)}.notif-content{cursor:pointer;flex:1 1;min-width:0;transition:var(--transition)}.notif-content:hover .notif-text{color:var(--accent)}.notif-text{color:var(--text-primary);font-size:14.5px;line-height:1.5;margin:0 0 6px;transition:var(--transition);word-break:break-word}.notif-time{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;letter-spacing:.5px}.notif-time:before{background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-glow);content:"";display:inline-block;height:5px;margin-right:7px;width:5px}.notif-actions{display:flex;flex-shrink:0;gap:8px}.notif-actions button{align-items:center;background:#4fc3f70f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:9px;transition:var(--transition)}.notif-actions button:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);color:var(--accent);transform:translateY(-2px)}.notif-actions button:last-child:hover{background:#e74c3c2e;border-color:#ff5252;box-shadow:0 0 14px #ff525266;color:#ff5252}.notifications-page .empty-state{color:var(--text-muted);padding:70px 20px;position:relative;text-align:center}.notifications-page .empty-state svg{animation:notifPulse 3s ease-in-out infinite;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent-glow));margin-bottom:18px;opacity:.35}.notifications-page .empty-state p{font-size:15px;letter-spacing:.5px;margin-top:16px}.notifications-page .friend-requests{display:flex;flex-direction:column;gap:16px}.notifications-page .friend-request-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;overflow:hidden;padding:20px 22px;position:relative;transition:var(--transition)}.notifications-page .friend-request-card:before{background:linear-gradient(90deg,#0000,#b388ff66,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.notifications-page .friend-request-card:hover{border-color:var(--accent-purple);box-shadow:0 12px 32px #0006,0 0 24px var(--accent-purple-glow);transform:translateY(-3px)}.notifications-page .request-user{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0;text-decoration:none}.notifications-page .request-user img{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent-glow),inset 0 0 8px #4fc3f726;height:60px;object-fit:cover;transition:var(--transition);width:60px}.notifications-page .request-user:hover img{border-color:var(--accent-purple);box-shadow:0 0 22px var(--accent-purple-glow),inset 0 0 8px #b388ff33;transform:rotate(4deg)}.notifications-page .request-info{min-width:0}.notifications-page .request-name{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:5px}.notifications-page .request-time{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:10px}.notifications-page .request-level{background:#4fc3f726;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;padding:2px 9px}.notifications-page .request-actions{display:flex;flex-shrink:0;gap:10px}.notifications-page .btn-accept{align-items:center;background:linear-gradient(135deg,var(--accent-green) 0,#00e676 100%);border:none;border-radius:var(--radius);box-shadow:0 0 14px var(--accent-green-glow);color:#0a0e17;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 20px;transition:var(--transition)}.notifications-page .btn-accept:hover{box-shadow:0 8px 24px #69f0ae80;transform:translateY(-2px)}.notifications-page .btn-reject{align-items:center;background:#e74c3c1a;border:1px solid #ff5252;border-radius:var(--radius);color:#ff5252;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:var(--transition)}.notifications-page .btn-reject:hover{background:linear-gradient(135deg,#ff5252,#ff1744);box-shadow:0 0 18px #ff525280;color:#fff;transform:translateY(-2px)}.notifications-page .btn-view-profile{background:#b388ff1a;border:1px solid var(--border);border-radius:var(--radius);color:var(--accent-purple);cursor:pointer;font-size:13px;padding:10px 20px;transition:var(--transition)}.notifications-page .btn-view-profile:hover{background:#b388ff33;border-color:var(--accent-purple);box-shadow:0 0 14px var(--accent-purple-glow);transform:translateY(-2px)}@media (max-width:640px){.notifications-page{padding:24px 14px 50px}.notifications-header{align-items:flex-start;flex-direction:column;gap:16px}.notifications-header h1{font-size:22px}.notification-item{gap:12px;padding:14px}.notif-icon{font-size:16px;height:38px;width:38px}.notif-text{font-size:13.5px}.notifications-page .messages-tabs{flex-wrap:wrap;gap:8px;padding:10px}.notifications-page .tab-btn{font-size:13px;padding:8px 14px}.notifications-page .friend-request-card{align-items:stretch;flex-direction:column;gap:14px}.notifications-page .request-actions{flex-wrap:wrap;justify-content:space-between}.notifications-page .btn-accept,.notifications-page .btn-reject,.notifications-page .btn-view-profile{flex:1 1;font-size:12px;justify-content:center;padding:9px 14px}}.lb-page{background:#06060b;color:#b0bac5;font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}.lb-hero{background:#0d0d18;overflow:hidden;padding:56px 40px 48px;position:relative}.lb-hero:before{animation:lbHeroBg 20s ease-in-out infinite alternate;background:radial-gradient(ellipse 50% 60% at 15% 40%,#667eea2e 0,#0000 65%),radial-gradient(ellipse 50% 60% at 85% 50%,#764ba224 0,#0000 65%),radial-gradient(ellipse 40% 40% at 50% 80%,#667eea14 0,#0000 60%);content:"";inset:0;position:absolute}@keyframes lbHeroBg{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.lb-hero-inner{flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:1}.lb-hero-inner,.lb-hero-left{align-items:center;display:flex}.lb-hero-left{gap:32px}.lb-emblem-ring,.lb-hero-emblem{position:relative}.lb-emblem-ring{align-items:center;display:flex;height:110px;justify-content:center;width:110px}.lb-emblem-ring svg{filter:drop-shadow(0 0 12px rgba(102,126,234,.5));height:100%;inset:0;position:absolute;width:100%}.lb-emblem-content{align-items:center;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.lb-emblem-icon{animation:lbEmblemPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.4));font-size:36px}@keyframes lbEmblemPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.lb-emblem-level{color:#fff;font-size:15px;font-weight:800;letter-spacing:1px;text-shadow:0 0 10px #fff6}.lb-hero-info{display:flex;flex-direction:column;gap:8px}.lb-hero-rankname{color:#fff;font-size:42px;font-weight:900;letter-spacing:-.5px;text-shadow:0 0 30px #667eea99,0 2px 8px #00000080}.lb-hero-title{color:#667eea;font-size:15px;font-weight:500}.lb-hero-xp{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-width:320px}.lb-xp-bar{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden;position:relative}.lb-xp-fill{background:linear-gradient(90deg,#667eea,#a855f7);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.lb-xp-text{color:#8f98a0;font-size:12px;font-weight:500}.lb-hero-stats{display:flex;flex-wrap:wrap;gap:16px}.lb-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;gap:6px;min-width:150px;padding:22px 28px;transition:all .3s}.lb-stat-card:hover{background:#ffffff14;border-color:#ffffff24;box-shadow:0 8px 30px #667eea26;transform:translateY(-3px)}.lb-stat-num{color:#fff;font-size:32px;font-weight:900;line-height:1}.lb-stat-label{color:#8f98a0;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.lb-stat-total{color:#667eea;font-size:11px;font-weight:600}.lb-tabs-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000059;border-bottom:1px solid #ffffff0a;border-top:1px solid #ffffff0a;position:sticky;top:0;z-index:100}.lb-tabs-inner{display:flex;gap:8px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:14px 40px}.lb-tab-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#8f98a0;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:11px 22px;position:relative;transition:all .2s;white-space:nowrap}.lb-tab-btn:hover{background:#ffffff0f;border-color:#ffffff24;color:#b0bac5}.lb-tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 24px #667eea73;color:#fff;font-weight:600}.lb-tab-icon{display:flex;font-size:15px}.lb-tab-label{font-size:13px}.lb-tab-badge{background:#2ecc7133;border-radius:10px;color:#2ecc71;font-size:11px;font-weight:700;margin-left:2px;padding:1px 7px}.lb-content{margin:0 auto;max-width:1200px;padding:40px}.lb-overview{display:flex;flex-direction:column;gap:36px}.lb-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lb-ov-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s}.lb-ov-card:before{border-radius:18px 18px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.lb-ov-card.xp:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.lb-ov-card.year:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.lb-ov-card.spend:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.lb-ov-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 16px 48px #0000004d;transform:translateY(-4px)}.lb-ov-card-header{align-items:center;color:#c6d4df;display:flex;font-size:14px;font-weight:600;gap:10px}.lb-ov-icon{color:#667eea;font-size:20px}.lb-ov-main-num{color:#fff;font-size:40px;font-weight:900;line-height:1.1}.lb-ov-unit{color:#8f98a0;font-size:16px;font-weight:500}.lb-ov-progress{display:flex;flex-direction:column;gap:6px}.lb-ov-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.lb-ov-progress-fill{border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.lb-ov-card.xp .lb-ov-progress-fill{background:linear-gradient(90deg,#f093fb,#f5576c)}.lb-ov-card.year .lb-ov-progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe)}.lb-ov-card.spend .lb-ov-progress-fill{background:linear-gradient(90deg,#43e97b,#38f9d7)}.lb-ov-progress span{color:#8f98a0;font-size:12px}.lb-ov-desc{color:#8f98a0;font-size:13px}.lb-ov-desc strong{color:gold}.lb-ov-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.lb-ov-action{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:8px;color:#8f98a0;font-size:11px;padding:4px 10px}.lb-section{display:flex;flex-direction:column;gap:20px}.lb-section-header{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;padding-bottom:12px}.lb-section-header h2{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.lb-section-count{background:#ffffff0a;border-radius:12px;color:#8f98a0;font-size:13px;font-weight:500;padding:4px 14px}.lb-section-hint{color:#667eea;font-size:12px}.lb-benefit-chips{display:flex;flex-wrap:wrap;gap:10px}.lb-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#c6d4df;display:flex;font-size:13px;gap:8px;padding:10px 18px;transition:all .2s}.lb-chip:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-2px)}.lb-chip.gold{background:#f5af190f;border-color:#f5af194d}.lb-empty{align-items:center;background:#ffffff05;border:1px dashed #ffffff14;border-radius:16px;color:#8f98a0;display:flex;flex-direction:column;gap:12px;padding:60px 20px}.lb-empty-icon{font-size:56px;opacity:.6}.lb-empty-text{color:#b0bac5;font-size:18px;font-weight:600}.lb-empty-hint{color:#8f98a0;font-size:13px;text-align:center}.lb-ranks{display:flex;flex-direction:column;gap:24px}.lb-ranks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lb-rank-card{border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 4px 20px #00000040;cursor:pointer;overflow:hidden;padding:28px 24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.lb-rank-card-bg{inset:0;opacity:.9;position:absolute;transition:opacity .3s}.lb-rank-card-overlay{background:linear-gradient(180deg,#0003,#00000080);border-radius:16px;inset:0;position:absolute;z-index:1}.lb-rank-card:hover .lb-rank-card-bg{opacity:1}.lb-rank-card:hover{box-shadow:0 20px 60px #00000080;transform:translateY(-6px) scale(1.02)}.lb-rank-card.current{border-color:#ffffff59;box-shadow:0 0 50px #fff3,0 4px 20px #0000004d}.lb-rank-card.claimed{opacity:.6}.lb-rank-card.claimable{animation:lbClaimPulse 2s ease-in-out infinite}@keyframes lbClaimPulse{0%,to{box-shadow:0 0 20px #ffffff26}50%{box-shadow:0 0 40px #2ecc7180}}.lb-rank-card-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;position:relative;text-align:center;z-index:2}.lb-rank-card-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:48px}.lb-rank-card-name{font-size:20px;font-weight:800}.lb-rank-card-range{font-size:12px;font-weight:500;opacity:.75}.lb-rank-card-title{font-size:13px;line-height:1.4;opacity:.85}.lb-rank-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;font-size:11px;font-weight:700;margin-top:8px;padding:4px 14px}.lb-rank-badge.current{background:#ffd700e6;color:#1a1a2e}.lb-rank-badge.claimed{background:#2ecc71e6;color:#fff}.lb-rank-badge.claim{animation:lbBadgeBlink 1.2s ease-in-out infinite;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.lb-rank-badge.locked{background:#00000073;color:#fff9}@keyframes lbBadgeBlink{0%,to{opacity:1}50%{opacity:.65}}.lb-modal-overlay{align-items:center;animation:lbModalIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes lbModalIn{0%{opacity:0}to{opacity:1}}.lb-modal{animation:lbModalUp .4s cubic-bezier(.4,0,.2,1);border:1px solid #ffffff1a;border-radius:24px;color:#fff;max-height:82vh;max-width:520px;overflow-y:auto;padding:36px;position:relative;width:100%}.lb-modal:before{background:linear-gradient(180deg,#0000004d,#0009);border-radius:24px;content:"";inset:0;position:absolute;z-index:0}@keyframes lbModalUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:1}.lb-modal-close:hover{background:#fff3;transform:rotate(90deg)}.lb-modal-header{align-items:center;display:flex;gap:20px;margin-bottom:28px;position:relative;z-index:1}.lb-modal-icon{filter:drop-shadow(0 0 16px rgba(255,255,255,.35));font-size:60px}.lb-modal-header h3{font-size:26px;font-weight:700;margin:0 0 6px}.lb-modal-header p{font-size:13px;margin:0;opacity:.8}.lb-modal-benefits{margin-bottom:24px;position:relative;z-index:1}.lb-modal-benefits h4{font-size:16px;font-weight:600;margin:0 0 14px}.lb-modal-benefits ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lb-modal-benefits li{align-items:center;background:#00000040;border:1px solid #ffffff0f;border-radius:12px;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:background .2s}.lb-modal-benefits li:hover{background:#ffffff0d}.lb-modal-item-icon{flex-shrink:0;font-size:18px}.lb-modal-item-desc{font-size:12px;margin-left:auto;opacity:.65}.lb-modal-claim-btn{align-items:center;background:linear-gradient(135deg,#f5af19,#f12711);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .25s;width:100%}.lb-modal-claim-btn:hover{box-shadow:0 8px 28px #f1271159;transform:translateY(-2px)}.lb-benefits-hub{animation:lbFadeIn .4s ease;display:flex;flex-direction:column;gap:36px}@keyframes lbFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lb-cat-nav{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}.lb-cat-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#8f98a0;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.lb-cat-btn:hover{background:#ffffff14;border-color:#ffffff24;color:#b0bac5;transform:translateY(-2px)}.lb-cat-btn.active{background:#667eea33;border-color:#667eea66;color:#8ba4ff;font-weight:600}.lb-cat-icon{font-size:15px}.lb-cat-label{font-size:13px}.lb-cat-count{background:#ffffff0f;border-radius:10px;color:#8f98a0;font-size:11px;font-weight:600;min-width:18px;padding:1px 8px;text-align:center}.lb-cat-count.unlocked{background:#2ecc7126;color:#2ecc71}.lb-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.lb-item-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:22px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lb-item-card:before{background:#667eea;background:var(--item-color,#667eea);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.lb-item-card:hover:before{opacity:1}.lb-item-card.unlocked{background:#ffffff0f;border-color:#2ecc7140}.lb-item-card.unlocked:hover{background:#2ecc710f;border-color:#2ecc7173;box-shadow:0 14px 44px #00000059;transform:translateY(-5px)}.lb-item-card.locked{filter:grayscale(60%);opacity:.55}.lb-item-card.locked:hover{opacity:.75;transform:translateY(-2px)}.lb-item-preview{position:relative}.lb-avatar-demo,.lb-item-preview{align-items:center;display:flex;justify-content:center}.lb-avatar-demo{background:#ffffff14;border:2px solid #ffffff1a;border-radius:8px;font-size:28px;height:72px;transition:all .3s;width:72px}.lb-item-card.unlocked .lb-avatar-demo{animation:lbAvatarGlow 3s ease-in-out infinite}@keyframes lbAvatarGlow{0%,to{box-shadow:0 0 18px #667eea;box-shadow:0 0 18px var(--item-color,#667eea)}50%{box-shadow:0 0 36px #667eea;box-shadow:0 0 36px var(--item-color,#667eea)}}.lb-chat-demo{border:2px solid;border-radius:12px;color:#c6d4df;font-size:13px;padding:10px 18px;transition:all .3s}.lb-unlock-badge{align-items:center;background:#2ecc71;border-radius:50%;box-shadow:0 2px 10px #2ecc7173;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:calc(50% - 46px);top:-6px;width:24px}.lb-item-info{text-align:center}.lb-item-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.lb-item-status{font-size:12px}.lb-status-unlocked{color:#2ecc71;font-weight:600}.lb-status-locked{color:#8f98a0}.lb-item-progress{width:100%}.lb-progress-bar-sm{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.lb-progress-fill-sm{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .8s ease}.lb-badges-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lb-badge-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 2px 10px #0000001a;display:flex;gap:14px;padding:16px 18px;transition:all .25s}.lb-badge-card.unlocked{background:#ffffff0f;border-color:#ffffff24}.lb-badge-card.locked{filter:grayscale(70%);opacity:.55}.lb-badge-card:hover{background:#ffffff14;transform:translateX(4px)}.lb-badge-icon-wrap{align-items:center;border:1px solid;border-radius:14px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.lb-badge-info{flex:1 1}.lb-badge-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.lb-badge-desc{color:#8f98a0;display:block;font-size:11px}.lb-badge-level{flex-shrink:0;font-size:11px;font-weight:600}.lb-coupons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.lb-coupon-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 2px 10px #0000001a;display:flex;overflow:hidden;transition:all .3s}.lb-coupon-card.unlocked{border-color:#f5af194d}.lb-coupon-card.unlocked:hover{border-color:#f5af1980;box-shadow:0 12px 40px #f5af1926;transform:translateY(-4px)}.lb-coupon-card.locked{filter:grayscale(70%);opacity:.55}.lb-coupon-left{align-items:center;background:linear-gradient(135deg,#f5af19,#f12711);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:85px;padding:20px 16px}.lb-coupon-pct{color:#fff;font-size:34px;font-weight:900;line-height:1}.lb-coupon-pct-sign{font-size:16px;font-weight:600}.lb-coupon-off{color:#fffc;font-size:11px;font-weight:600;letter-spacing:1px;margin-top:2px}.lb-coupon-right{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;padding:18px}.lb-coupon-name{color:#fff;font-size:14px;font-weight:600}.lb-coupon-cond{color:#8f98a0;font-size:12px}.lb-coupon-status{font-size:12px;margin-top:4px}.lb-coupon-divider{background:#ffffff14;flex-shrink:0;position:relative;width:1px}.lb-privileges-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.lb-privilege-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-left:3px solid #667eea;border-left:3px solid var(--item-color,#667eea);border-radius:14px;display:flex;gap:16px;padding:18px 20px;transition:all .25s}.lb-privilege-item.unlocked{border-left-color:#667eea;border-left-color:var(--item-color,#667eea)}.lb-privilege-item.locked{border-left-color:#333;filter:grayscale(70%);opacity:.55}.lb-privilege-item:hover{background:#ffffff14;transform:translateX(4px)}.lb-privilege-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.lb-privilege-info{flex:1 1}.lb-privilege-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.lb-privilege-desc{color:#8f98a0;display:block;font-size:12px}.lb-privilege-status{flex-shrink:0;font-size:11px;font-weight:600}.lb-status-active{background:#2ecc711a;border-radius:10px;color:#2ecc71;padding:4px 10px}.lb-color-card{background:#ffffff08;border:2px solid;border-radius:18px;box-shadow:0 4px 20px #0003;max-width:600px;padding:36px;text-align:center;transition:all .3s}.lb-color-card:hover{transform:scale(1.02)}.lb-color-preview{background:#00000040;border-radius:14px;font-size:20px;font-weight:700;margin-bottom:16px;padding:20px}.lb-color-name{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.lb-color-desc{color:#8f98a0;display:block;font-size:13px}.lb-upgrade{display:flex;flex-direction:column;gap:28px}.lb-upgrade-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lb-method-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:28px;position:relative;transition:all .3s}.lb-method-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.lb-method-card:first-child:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.lb-method-card:nth-child(2):before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.lb-method-card:nth-child(3):before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.lb-method-card.highlight:before{background:linear-gradient(90deg,gold,#ff69b4)}.lb-method-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 14px 44px #00000040;transform:translateY(-4px)}.lb-method-card.highlight{background:linear-gradient(135deg,#ffd7000f,#ff69b40f);border-color:#ffd7002e}.lb-method-icon{align-items:center;border-radius:14px;box-shadow:0 4px 14px #00000040;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.lb-method-icon.xp{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.lb-method-icon.year{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.lb-method-icon.spend{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#1a1a2e}.lb-method-icon.tip{background:linear-gradient(135deg,gold,#ff69b4);color:#1a1a2e}.lb-method-card h3{color:#fff;font-size:18px;font-weight:700;margin:0}.lb-method-card ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lb-method-card li{border-bottom:1px solid #ffffff0a;color:#c6d4df;font-size:13px;padding:8px 0}.lb-method-card li strong{color:gold;font-weight:600}.lb-method-progress{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;color:#8f98a0;font-size:12px;padding:10px 14px}@media (max-width:768px){.lb-hero{padding:40px 20px 36px}.lb-hero-inner{align-items:flex-start;flex-direction:column;gap:32px}.lb-hero-left{gap:20px}.lb-emblem-ring{height:82px;width:82px}.lb-emblem-icon,.lb-hero-rankname{font-size:28px}.lb-hero-stats{justify-content:space-around;width:100%}.lb-stat-card{min-width:100px;padding:16px}.lb-stat-num{font-size:22px}.lb-tabs-inner{padding:10px 20px}.lb-tab-btn{font-size:12px;padding:8px 14px}.lb-content{padding:28px 20px 48px}.lb-overview-grid{grid-template-columns:1fr}.lb-ranks-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.lb-cat-nav{flex-wrap:nowrap;overflow-x:auto;padding:12px 14px}.lb-cat-btn{flex-shrink:0}.lb-items-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lb-badges-grid,.lb-coupons-grid,.lb-privileges-list,.lb-upgrade-grid{grid-template-columns:1fr}.lb-modal{padding:28px 22px}}@media (max-width:480px){.lb-hero{padding:32px 16px}.lb-hero-left{align-items:flex-start;flex-direction:column;gap:16px}.lb-hero-rankname{font-size:24px}.lb-content{padding:24px 16px 40px}.lb-section-header h2{font-size:18px}.lb-stat-card{min-width:80px;padding:14px 12px}.lb-stat-num{font-size:18px}}.lb-maintenance-card{animation:maintPulse 3s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 80px #0006,inset 0 1px 0 #ffffff0d;max-width:600px;padding:80px 100px;text-align:center}.lb-maint-icon{font-size:80px;margin-bottom:32px}.lb-maint-title{font-size:36px;letter-spacing:1px;margin-bottom:20px}.lb-maint-desc{color:#ffffff80;font-size:17px}.lb-maint-footer{color:#ffffff4d;font-size:14px;margin-top:40px}@keyframes maintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lb-maint-page{align-items:center;background:#06060b;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.lb-maint-bg{animation:lbMaintBg 12s ease-in-out infinite alternate;background:radial-gradient(ellipse 50% 60% at 20% 50%,#667eea1f 0,#0000 70%),radial-gradient(ellipse 50% 60% at 80% 50%,#764ba21a 0,#0000 70%);inset:0;position:absolute}@keyframes lbMaintBg{0%{opacity:.6}to{opacity:1}}.lb-maint-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 8px 60px #00000080;max-width:560px;padding:64px 80px;position:relative;text-align:center;width:90%;z-index:1}.lb-maint-line{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin:28px 0}.lb-maint-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;margin:0}.lb-maint-desc{color:#ffffff73;font-size:16px;line-height:1.8;margin:0}.lb-maint-divider{background:linear-gradient(90deg,#0000,#667eea4d,#0000);height:1px;margin:28px 0}.lb-maint-footer{color:#ffffff40;font-size:13px;margin:0}.act-page{-webkit-font-smoothing:antialiased;background:#060a14;color:#c6d4df;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;min-height:100vh}.act-in .act-hero{animation:fadeUp .5s ease-out}.act-in .prog-sec{animation:fadeUp .5s ease-out .12s both}.act-in .sign-grid{animation:fadeUp .5s ease-out .24s both}.act-in .btn-area{animation:fadeUp .5s ease-out .36s both}.act-in .rules-sec{animation:fadeUp .5s ease-out .48s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.act-hero{border-bottom:1px solid #00d4ff14;height:380px;min-height:380px;overflow:hidden;position:relative}.hero-bg{inset:0;position:absolute;z-index:0}.hero-bg svg{display:block;height:100%;width:100%}.hero-particles{inset:0;pointer-events:none;position:absolute;z-index:1}.hp{animation:hpFloat 7s ease-in-out infinite;background:#00d4ff;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.hp-0{animation-delay:0s;left:15%;top:25%}.hp-1{animation-delay:1.4s;height:3px;left:35%;top:65%;width:3px}.hp-2{animation-delay:2.8s;left:55%;top:20%}.hp-3{animation-delay:4.2s;height:1.5px;left:75%;top:70%;width:1.5px}.hp-4{animation-delay:5.6s;left:90%;top:40%}@keyframes hpFloat{0%,to{opacity:0;transform:translateY(0)}15%{opacity:.9}50%{opacity:.4;transform:translateY(-25px)}85%{opacity:.7}}.hero-scanline{animation:hScan 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4ff1f,#0000);height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}@keyframes hScan{0%,to{top:0}50%{top:100%}}.hc{border-color:#00d4ff4d;border-style:solid;height:18px;pointer-events:none;position:absolute;width:18px;z-index:3}.hc-tl{border-width:1.5px 0 0 1.5px;left:14px;top:14px}.hc-tr{border-width:1.5px 1.5px 0 0;right:14px;top:14px}.hc-bl{border-width:0 0 1.5px 1.5px;bottom:14px;left:14px}.hc-br{border-width:0 1.5px 1.5px 0;bottom:14px;right:14px}.hero-inner{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:56px 40px 48px;position:relative;z-index:4}.hero-left{flex:1 1}.hero-tag{align-items:center;background:#00d4ff12;border:1px solid #00d4ff2e;border-radius:4px;color:#00d4ff;display:inline-flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:2px;margin-bottom:18px;padding:5px 14px;text-transform:uppercase}.hero-title{margin:0 0 14px}.ht-main{color:#fff;display:block;font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1.1}.ht-sub{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#00b8e0);-webkit-background-clip:text;background-clip:text;color:#00d4ff;display:block;font-size:22px;font-weight:700;letter-spacing:1px;margin-top:4px}.hero-desc{color:#5a6a7a;font-size:14px;line-height:1.5;margin:0 0 28px}.hero-stats{align-items:center;display:flex;gap:22px}.hstat{display:flex;flex-direction:column;gap:3px}.hstat-val{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:800;gap:6px}.hstat-val svg{display:block}.hstat-lbl{color:#4a5a6a;font-size:11px}.hstat-div{background:#ffffff0d;height:34px;width:1px}.hero-right{flex-shrink:0}.preview-card{background:linear-gradient(150deg,#101a28f7,#0a101afc);border:1px solid #00d4ff1a;border-radius:14px;box-shadow:0 8px 48px #00000080,inset 0 1px 0 #ffffff08;min-width:210px;overflow:hidden;padding:24px 30px;position:relative;text-align:center}.preview-card:before{background:radial-gradient(ellipse at 50% 0,#00d4ff0d 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.pc-badge{color:#facc15;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:18px;text-transform:uppercase}.pc-frame{margin-bottom:14px}.beta-frame{animation:bFrame 5s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#07a,#00b8e0,#00d4ff);background-size:300% 300%;border-radius:10px;box-shadow:0 4px 24px #00d4ff4d;display:inline-block;padding:3px;position:relative}@keyframes bFrame{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.bf-inner{border-radius:7px;display:block;line-height:0}.bf-ring{animation:bfRing 3s ease-in-out infinite;border:1px solid #00d4ff1a;border-radius:14px;inset:-7px;position:absolute}@keyframes bfRing{0%,to{box-shadow:0 0 6px #00d4ff14}50%{box-shadow:0 0 18px #00d4ff38}}.bf-scan{border-radius:7px;inset:3px;overflow:hidden;pointer-events:none;position:absolute}.bf-scan:after{animation:bfScan 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4ff59,#0000);content:"";height:2px;left:0;position:absolute;right:0}@keyframes bfScan{0%{top:0}50%{top:100%}to{top:0}}.pc-name{color:#00d4ff;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.pc-rarity{align-items:center;color:#facc15;display:flex;font-size:10px;gap:5px;justify-content:center}.act-main{background-image:radial-gradient(ellipse at 15% 10%,#003c7808 0,#0000 50%),radial-gradient(ellipse at 85% 90%,#3c1e7805 0,#0000 50%)}.act-wrap{margin:0 auto;max-width:760px;padding:40px 24px 64px}.prog-sec{background:hsla(0,0%,100%,.015);border:1px solid #ffffff0d;border-radius:12px;gap:28px;justify-content:space-between;margin-bottom:28px;padding:22px 26px}.prog-sec,.prog-title{align-items:center;display:flex}.prog-title{color:#fff;font-size:17px;font-weight:800;gap:8px;margin:0 0 4px}.prog-title svg{color:#00d4ff}.prog-desc{color:#566a7a;font-size:12.5px;margin:0}.prog-bar-area{flex-shrink:0;min-width:240px}.prog-track{background:#ffffff0d;height:5px;margin-bottom:7px;overflow:visible}.prog-fill,.prog-track{border-radius:3px;position:relative}.prog-fill{background:linear-gradient(90deg,#07a,#00d4ff);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.prog-dot{background:#00d4ff;border-radius:50%;box-shadow:0 0 8px #00d4ff;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.4,0,.2,1);width:10px}.prog-meta{color:#5a6a7a;display:flex;font-size:12px;justify-content:space-between}.prog-meta b,.prog-pct{color:#00d4ff;font-weight:800}.prog-pct{font-size:13px}.sign-grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(7,1fr);margin-bottom:24px}.scard{align-items:center;background:linear-gradient(155deg,#121e30e6,#0c1420f2);border:1px solid #ffffff0f;border-radius:11px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:120px;overflow:hidden;padding:16px 6px 12px;position:relative;transition:all .25s}.scard:disabled{cursor:default}.sc-bg{background:radial-gradient(ellipse at 50% 0,#00b4dc0d 0,#0000 45%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s}.scard:hover .sc-bg{opacity:1}.scard.done{background:linear-gradient(155deg,#002d4b2e,#001c3738);border-color:#00d4ff38}.scard.done .sc-bg{opacity:1}.scard.lock{cursor:not-allowed;filter:grayscale(.6);opacity:.28}.scard.now{border-color:#00d4ff73;box-shadow:0 0 0 1px #00d4ff1f,0 0 20px #00d4ff14}.scard.now .sc-pulse{animation:scPulse 2s ease-in-out infinite;border:2px solid #00d4ff59;border-radius:13px;inset:-2px;position:absolute}@keyframes scPulse{0%,to{box-shadow:0 0 0 0 #00d4ff40;opacity:1}to{box-shadow:0 0 0 8px #00d4ff00;opacity:.4}}.scard.bonus{border-color:#facc151f}.scard.bonus.done{border-color:#facc1540}.sc-day{color:#4a5a6a;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;z-index:1}.scard.done .sc-day{color:#00d4ff}.sc-reward{align-items:center;display:flex;gap:5px;z-index:1}.sc-reward span{color:#8a9aaa;font-size:13px;font-weight:800}.scard.done .sc-reward span{color:#6a8aaa}.scard.bonus .sc-reward span{color:#facc15}.sc-mark{border-radius:3px;font-size:7px;font-weight:900;left:7px;letter-spacing:.5px;padding:1px 5px;position:absolute;top:7px;z-index:2}.bonus-mark{background:#facc151a;color:#facc15}.final-mark{background:#00d4ff1a;color:#00d4ff}.sc-lock{align-items:center;background:#060a1473;border-radius:11px;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.sc-lock svg{color:#2a3a4a}.btn-area{margin-bottom:36px}.btn-sign{align-items:center;background:linear-gradient(135deg,#07a,#00aad0);border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:9px;justify-content:center;overflow:hidden;padding:15px;position:relative;transition:all .2s;width:100%}.btn-sign:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s}.btn-sign:hover:after{transform:translateX(100%)}.btn-sign:hover{background:linear-gradient(135deg,#00aad0,#07a);box-shadow:0 6px 28px #00aad04d;transform:translateY(-1px)}.btn-sign:active{transform:translateY(0)}.btn-sign svg:last-child{transition:transform .2s}.btn-sign:hover svg:last-child{transform:translateX(3px)}.done-msg{align-items:center;background:#4ade800d;border:1px solid #4ade8026;border-radius:9px;color:#4ade80;display:flex;font-size:14px;gap:8px;justify-content:center;padding:15px}.act-msg,.done-msg{font-weight:600;width:100%}.act-msg{animation:fadeUp .3s ease-out;border-radius:9px;font-size:13px;margin-bottom:12px;padding:12px 16px;text-align:center}.act-msg-ok{background:#4ade8014;border:1px solid #4ade8033;color:#4ade80}.act-msg-err{background:#f8717114;border:1px solid #f8717133;color:#f87171}.rules-sec{background:hsla(0,0%,100%,.015);border:1px solid #ffffff0d;border-radius:12px;padding:24px}.rules-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:7px;margin:0 0 16px}.rules-title svg{color:#00d4ff}.rules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.rule-item{background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;display:flex;gap:11px;padding:11px 13px}.rule-num{color:#00d4ff;flex-shrink:0;font-size:10px;font-weight:900;margin-top:2px;opacity:.5}.rule-text{color:#5a6a7a;font-size:12px;line-height:1.55}.rule-hl{color:#00d4ff;font-weight:700}@media (max-width:860px){.hero-inner{flex-direction:column;gap:32px;padding:40px 24px 36px;text-align:center}.hero-stats{justify-content:center}.ht-main{font-size:32px}.sign-grid{grid-template-columns:repeat(4,1fr)}.prog-sec{align-items:flex-start;flex-direction:column}.prog-bar-area{min-width:auto;width:100%}}@media (max-width:540px){.sign-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.scard{min-height:105px;padding:12px 4px 10px}.sc-reward span{font-size:11px}.rules-grid{grid-template-columns:1fr}.act-wrap{padding:24px 14px 48px}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:40px 20px;position:relative}.auth-page:before{background:radial-gradient(ellipse at center,var(--accent-purple-glow) 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.auth-card{animation:fadeIn .6s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000080,var(--glow-blue);max-width:420px;padding:48px 40px;position:relative;width:100%}.auth-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.auth-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:2px}.auth-title{color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:32px;text-align:center}.ban-error{background:#f851491f;border:1px solid #f851494d;border-radius:8px;margin-bottom:16px;padding:12px 14px;text-align:center}.ban-error strong{color:#f85149;display:block;font-size:14px;margin-bottom:4px}.ban-error p{color:#f85149cc;font-size:13px;margin:2px 0}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-field label{color:var(--text-secondary);font-size:14px;font-weight:500}.auth-field input{font-size:15px;padding:14px 16px}.auth-btn,.auth-btn-outline{border-radius:var(--radius);font-size:16px;margin-top:8px;padding:14px 0;width:100%}.auth-btn-outline{background:#0000!important;border:2px solid #4fc3f7!important;box-shadow:none!important;color:#4fc3f7!important;cursor:pointer;font-weight:600;transition:all .2s ease}.auth-btn-outline:hover{background:#4fc3f71a!important;box-shadow:0 0 15px #4fc3f74d!important;transform:translateY(-1px)}.auth-btn-outline:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-switch{color:var(--text-muted);font-size:14px;margin-top:24px;text-align:center}.auth-switch a{color:var(--accent);font-weight:500;text-decoration:none;transition:var(--transition)}.auth-switch a:hover{color:var(--accent-hover)}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:16px;margin:8px 0}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.auth-remember{align-items:center;display:flex;gap:8px}.auth-remember input[type=checkbox]{accent-color:var(--accent);height:18px;width:18px}.auth-remember label{color:var(--text-secondary);cursor:pointer;font-size:13px}.verify-hint{background:var(--bg-elevated);border-radius:var(--radius);color:var(--text-secondary);font-size:14px;margin-bottom:8px;padding:12px;text-align:center}.verify-hint strong{color:var(--accent);word-break:break-all}.verify-success{background:#4caf501a;border-radius:var(--radius);color:#4caf50;font-size:14px;margin-bottom:8px;padding:12px;text-align:center}.resend-btn{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;font-size:14px!important}.resend-btn:not(:disabled):hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.back-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px;text-align:center;text-decoration:underline;transition:var(--transition)}.back-link:hover{color:var(--accent)}.auth-field-row{align-items:stretch;box-sizing:border-box;display:flex;gap:8px;width:100%}.auth-field-row .verify-input{box-sizing:border-box;flex:1 1;font-size:15px;min-width:0;padding:12px 14px}.auth-field-row .verify-btn{box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:12px!important;min-width:0;padding:0 6px!important;white-space:nowrap}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{font-size:15px;padding:14px 48px 14px 16px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;transition:var(--transition)}.password-toggle:hover{color:var(--accent)}input[type=password]::-ms-clear,input[type=password]::-ms-reveal,input[type=text]::-ms-clear{display:none!important}input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden}.login-records-page{margin:0 auto;max-width:900px;padding:30px 20px}.page-header{margin-bottom:30px}.page-header h1{color:var(--text-primary);font-size:28px;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:14px}.security-warning-card{background:linear-gradient(135deg,#ff572226,#ffc1071a);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.warning-header{align-items:center;color:#ff5722;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:12px}.security-warning-card p{color:var(--text-secondary);margin-bottom:12px}.security-warning-card ol{color:var(--text-primary);padding-left:24px}.security-warning-card li{margin:8px 0}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{background:linear-gradient(135deg,#4fc3f7,#b388ff);color:#fff;font-size:20px;height:48px;justify-content:center;width:48px}.stat-info{display:flex;flex-direction:column}.stat-num{color:var(--text-primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:12px}.section h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;gap:8px;margin-bottom:20px}.device-list{display:flex;flex-direction:column;gap:12px}.device-card{background:var(--bg-secondary);gap:16px;padding:16px;transition:all .2s}.device-card,.device-icon{align-items:center;border-radius:10px;display:flex}.device-icon{background:var(--bg-tertiary);color:var(--text-secondary);font-size:22px;height:48px;justify-content:center;width:48px}.device-info{flex:1 1}.device-name{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin-bottom:6px}.master-tag{background:linear-gradient(135deg,#4fc3f7,#b388ff);border-radius:20px;color:#fff;font-size:11px;padding:3px 8px}.online-tag{color:#4caf50;font-size:12px}.device-detail{color:var(--text-secondary);display:flex;font-size:13px;gap:16px;margin-bottom:4px}.device-detail span{align-items:center;display:flex;gap:4px}.device-meta{color:var(--text-tertiary);font-size:12px}.device-actions{min-width:120px;text-align:right}.cannot-delete{background:var(--bg-tertiary);border-radius:6px;color:var(--text-tertiary);font-size:12px;padding:6px 12px}.btn-delete{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:#ff5722;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.btn-delete:hover{background:#ff5722;color:#fff}.confirm-btns{display:flex;gap:8px}.btn-danger-sm{background:#ff5722;color:#fff}.btn-cancel-sm,.btn-danger-sm{border:none;border-radius:5px;cursor:pointer;font-size:12px;padding:5px 10px}.btn-cancel-sm{background:var(--bg-tertiary);color:var(--text-secondary)}.log-list{display:flex;flex-direction:column;gap:8px}.log-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px}.log-item.current{background:#4caf5014;border-color:#4caf50}.log-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.log-info{flex:1 1}.log-primary{align-items:center;display:flex;gap:10px;margin-bottom:4px}.log-browser{color:var(--text-primary);font-size:14px;font-weight:500}.status-tag{border-radius:20px;font-size:11px;padding:2px 8px}.status-tag.online{background:#4caf5033;color:#4caf50}.status-tag.offline{background:var(--bg-tertiary);color:var(--text-tertiary)}.log-secondary{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:2px}.log-secondary span{align-items:center;display:flex;gap:4px}.log-time{font-size:11px}.empty-state,.log-time{color:var(--text-tertiary)}.empty-state{padding:40px}.tips-section{background:#4fc3f714;border:1px solid #4fc3f733;border-radius:12px;padding:20px}.tips-section h3{color:#4fc3f7;font-size:15px;margin-bottom:12px}.tips-section ul{padding-left:20px}.tips-section li{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:8px 0}.loading-page{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{border:3px solid var(--border-color);border-top:3px solid #4fc3f7}.login-logs-table{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.logs-table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);display:grid;font-size:13px;font-weight:600;grid-template-columns:60px 100px 1fr 140px 150px 80px}.log-col{align-items:center;display:flex;padding:12px 8px}.log-col.device,.log-col.seq,.log-col.status{justify-content:center}.logs-table-body{max-height:400px;overflow-y:auto}.log-table-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:60px 100px 1fr 140px 150px 80px;min-height:60px;transition:all .2s}.log-table-row:last-child{border-bottom:none}.log-table-row:hover{background:#4fc3f714}.log-table-row.current{background:#4caf5014;border-left:3px solid #4caf50}.device-type-icon{align-items:center;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);display:flex;height:24px;justify-content:center;margin-right:8px;width:24px}.device-type-name{font-size:13px;font-weight:500}.login-time{color:var(--text-primary);font-size:13px}.logout-time{color:var(--text-tertiary);font-size:11px;margin-top:2px}.ip-address{background:var(--bg-tertiary);border-radius:4px;color:var(--text-primary);display:inline-block;font-family:monospace;font-size:13px;padding:4px 8px}.logs-empty-row{color:var(--text-tertiary);grid-column:1/-1;padding:40px;text-align:center}.device-card{border:1px solid var(--border-color);overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.device-card:hover{border-color:#4fc3f7;border-color:var(--primary-color,#4fc3f7);box-shadow:0 2px 8px #0000001a}.device-card.master{background:#4fc3f714;border-color:#4fc3f7;border-width:2px}@keyframes borderFlow{0%{background-position:0 0}to{background-position:200% 0}}.section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px;transition:box-shadow .2s,transform .2s}.section:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.section h2{position:relative;z-index:1}@media (max-width:768px){.stats-row{grid-template-columns:1fr}.device-card{flex-wrap:wrap}.device-actions{margin-top:12px;text-align:left;width:100%}.log-table-row,.logs-table-header{font-size:12px;grid-template-columns:50px 80px 1fr 120px 130px 70px}.log-col{padding:8px 4px}.device-type-icon{height:20px;margin-right:4px;width:20px}.device-type-name,.login-time{font-size:11px}.logout-time{font-size:10px}.ip-address{font-size:11px;padding:2px 6px}}.social-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);box-sizing:border-box;display:flex;gap:0;height:calc(100vh - 60px);padding:0;position:relative}.social-page:before{background:radial-gradient(circle at 25% 0,#4fc3f724,#0000 55%),radial-gradient(circle at 75% 10%,#b388ff1f,#0000 55%);content:"";filter:blur(30px);height:340px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.social-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e17d9;border:none;border-radius:0;border-right:1px solid var(--border);box-shadow:none;display:flex;flex-direction:column;min-width:340px;overflow:visible;position:relative;width:340px;z-index:1}.sidebar-search{border-bottom:1px solid #4fc3f71a;display:flex;gap:8px;padding:12px;position:relative;z-index:100}.sidebar-search .search-input-wrap{align-items:center;background:#111827b8;border:1px solid #4fc3f714;border-radius:8px;display:flex;flex:1 1;gap:8px;padding:0 12px;transition:border-color .2s}.sidebar-search .search-input-wrap:focus-within{border-color:#4fc3f7}.sidebar-search .search-input-wrap input{background:#0000;border:none;color:#e8eaed;flex:1 1;font-size:13px;outline:none;padding:9px 0;width:100%}.sidebar-search .search-input-wrap input::placeholder{color:#5f6368}.sidebar-search .search-input-wrap svg{color:#5f6368;flex-shrink:0}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.search-clear-btn:hover{background:#ffffff0d;color:#e8eaed}.search-add-btn{align-items:center;background:linear-gradient(135deg,#00a344,#00c853);border:none;border-radius:8px;box-shadow:0 2px 8px #2ecc714d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s;width:38px}.search-add-btn:hover{background:linear-gradient(135deg,#00c853,#00a344);transform:scale(1.05)}.search-results{background:#1a2332;border:1px solid #4fc3f733;border-radius:8px;box-shadow:0 8px 24px #0006;left:12px;max-height:280px;right:12px;top:62px;z-index:999}.search-result-item{border-bottom:1px solid #ffffff08;padding:10px 12px;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#4fc3f714}.search-result-item .avatar-frame{border-radius:8px;padding:3px}.search-result-item img{border-radius:6px;height:36px;width:36px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:#e8eaed;display:block;font-size:13px;font-weight:500}.search-result-id{color:#5f6368;display:block;font-size:11px;margin-top:2px}.add-user-btn{align-items:center;background:linear-gradient(135deg,#00a344,#00c853);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;padding:5px 10px;transition:all .2s}.add-user-btn:hover{background:linear-gradient(135deg,#00c853,#00a344);transform:scale(1.05)}.sidebar-tabs{background:#00000026;border-bottom:1px solid #4fc3f71a;display:flex}.sidebar-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#5f6368;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:11px 10px;transition:all .2s}.sidebar-tab:hover{background:#ffffff08;color:#e8eaed}.sidebar-tab.active{background:#4fc3f70d;border-bottom-color:#4fc3f7;color:#4fc3f7}.sidebar-tab .tab-count{background:#4fc3f726;border-radius:10px;font-size:11px;font-weight:600;padding:1px 8px}.sidebar-tab .tab-badge{background:linear-gradient(135deg,#ff5252,#ff1744);border-radius:10px;box-shadow:0 2px 4px #e74c3c66;color:#fff;font-size:10px;font-weight:700;padding:1px 7px}.avatar-wrap{position:relative}.unread-badge{align-items:center;background:#ff5252;border:2px solid #0d1421;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-8px;top:-8px;z-index:10}.friend-requests-block{background:#e74c3c0d;border-bottom:1px solid #e74c3c33}.friend-requests-block .section-title{align-items:center;color:#ff5252;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.request-item{align-items:center;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.request-item:hover{background:#ffffff08}.avatar-frame{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;padding:3px}.message-row .avatar-frame{align-self:flex-start;height:40px;margin-top:4px;width:40px}.request-item img{border-radius:6px;height:38px;object-fit:cover;width:38px}.request-user-info{flex:1 1;min-width:0}.request-user-name{color:#e8eaed;display:block;font-size:13px;font-weight:500}.request-user-id{color:#5f6368;display:block;font-size:11px;margin-top:2px}.request-actions{display:flex;gap:6px}.request-accept-btn{background:linear-gradient(135deg,#00a344,#00c853);border:none;border-radius:6px;box-shadow:0 2px 6px #2ecc714d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s}.request-accept-btn:hover{background:linear-gradient(135deg,#00c853,#00a344);transform:scale(1.05)}.request-reject-btn{background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:6px;color:#ff5252;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s}.request-reject-btn:hover{background:#e74c3c40}.sidebar-list{flex:1 1;overflow-y:auto;padding:4px 0}.section-header{align-items:center;color:#5f6368;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.8px;padding:8px 12px;text-transform:uppercase}.online-dot{background:linear-gradient(135deg,#69f0ae,#00e676);box-shadow:0 0 6px #2ecc7199}.offline-dot,.online-dot{border-radius:50%;height:8px;width:8px}.offline-dot{background:#5f6368}.friend-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:9px 12px;position:relative;transition:all .15s}.friend-item:hover{background:#4fc3f70d}.friend-item.active{background:#4fc3f714;border-left:3px solid #4fc3f7}.friend-item.offline{opacity:.55}.friend-item .avatar-wrap{flex-shrink:0;position:relative}.friend-item .avatar-wrap img{background:#4fc3f714;border-radius:6px;height:40px;object-fit:cover;width:40px}.friend-item .avatar-wrap .status-dot{border:3px solid #0a0e17d9;border-radius:50%;bottom:-2px;box-shadow:0 0 4px #0000004d;height:14px;position:absolute;right:-2px;width:14px}.friend-item .friend-info{flex:1 1;min-width:0}.friend-item .friend-name{align-items:center;color:#e8eaed;display:flex;font-size:13px;font-weight:500;gap:6px}.friend-item .friend-status{color:#5f6368;display:block;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item .friend-status.online{color:#69f0ae}.friend-item .friend-status.in-game{color:#f39c12}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:1px 6px}.friend-item .friend-preview{color:#5f6368;flex-shrink:0;font-size:11px;margin-left:auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-friend-btn{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:6px;color:#ff5252;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;position:absolute;right:12px;transition:all .2s}.friend-item:hover .delete-friend-btn{opacity:1}.delete-friend-btn:hover{background:#e74c3c33}.empty-state{color:#5f6368;padding:40px 20px;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.4}.empty-state p{font-size:13px;margin:0}.empty-state .empty-hint{font-size:11px;margin-top:6px;opacity:.7}.friend-skeleton-list .skeleton-item{cursor:default;pointer-events:none}.skeleton-avatar{border-radius:6px;height:40px;width:40px}.skeleton-avatar,.skeleton-line{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#4fc3f70d 25%,#4fc3f721 37%,#4fc3f70d 63%);background-size:400% 100%}.skeleton-line{border-radius:4px;height:12px}.skeleton-line-short{height:10px;margin-top:6px;width:30%}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state-retry{cursor:pointer;transition:color .15s}.empty-state-retry:hover{color:#4fc3f7}.chat-area{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e17d9;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.chat-header{align-items:center;background:#00000026;border-bottom:1px solid #4fc3f71a;display:flex;justify-content:space-between;padding:14px 18px}.chat-header .chat-user-info{align-items:center;display:flex;gap:12px}.chat-header .chat-avatar-wrap{position:relative}.chat-header .chat-avatar-wrap .avatar-frame{height:50px;width:50px}.chat-header .chat-avatar-wrap img{background:#4fc3f714;border-radius:6px;height:44px;object-fit:cover;width:44px}.chat-header .chat-avatar-wrap .status-dot{border:3px solid #0a0e17d9;border-radius:50%;bottom:-2px;box-shadow:0 0 4px #0000004d;height:14px;position:absolute;right:-2px;width:14px}.chat-header .chat-name-block{display:flex;flex-direction:column}.chat-header .chat-name{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px}.chat-header .chat-status-text{color:#5f6368;font-size:12px}.chat-header .chat-header-actions{display:flex;gap:8px}.chat-header .action-btn{align-items:center;background:#4fc3f714;border:1px solid #4fc3f726;border-radius:8px;color:#4fc3f7;cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.chat-header .action-btn:hover{background:#4fc3f726;transform:scale(1.05)}.messages-container{background:#0000001a;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:10px}.messages-container .empty-chat{align-items:center;color:#5f6368;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.messages-container .empty-chat svg{margin-bottom:16px;opacity:.3}.messages-container .empty-chat p{font-size:15px;font-weight:500}.message-row{animation:messageFadeIn .3s ease;display:flex;gap:10px;max-width:100%}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-row.sent{align-self:flex-end;flex-direction:row-reverse}.message-row.received{align-self:flex-start}.message-row .msg-avatar{background:#4fc3f714;border-radius:6px;flex-shrink:0;height:34px;object-fit:cover;width:34px}.message-row .msg-body{display:flex;flex-direction:column;gap:4px}.message-row.sent .msg-body{align-items:flex-end}.message-row.received .msg-body{align-items:flex-start}.message-row .msg-bubble{border-radius:14px;box-shadow:0 2px 8px #0003;line-height:1.5;max-width:100%;padding:10px 14px;word-break:break-word}.message-row.sent .msg-bubble{background:linear-gradient(135deg,#4fc3f7,#4fc3f7);border-bottom-right-radius:4px;color:#fff}.message-row.received .msg-bubble{background:#4fc3f714;border-bottom-left-radius:4px;color:#e8eaed}.message-row .msg-bubble p{margin:0}.message-row .msg-time{color:#5f6368;font-size:10px;padding:0 4px}.message-row .msg-recall-btn{background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;margin-left:4px;opacity:0;padding:2px 4px;transition:opacity .2s,background .2s}.message-row:hover .msg-recall-btn{opacity:1}.message-row .msg-recall-btn:hover{background:#e74c3c1a;color:#ff5252}.message-row.ai-generated .msg-bubble{border:1px solid #4fc3f740}.ai-disclaimer{align-items:center;background:#4fc3f70f;border-radius:6px;color:#5f6368;display:flex;font-size:11px;gap:4px;margin-top:3px;max-width:280px;padding:5px 10px}.message-row.sent .ai-disclaimer{align-self:flex-end}.message-row .msg-recalled{align-items:center;color:#5f6368;display:flex;font-size:12px;font-style:italic;gap:4px;opacity:.6}.message-row .msg-image{border-radius:10px;box-shadow:0 2px 8px #0000004d;cursor:pointer;margin:4px 0;max-height:160px;max-width:220px;transition:transform .2s}.message-row .msg-image:hover{transform:scale(1.02)}.msg-image-wrap{display:inline-block}.msg-image-expired{align-items:center;background:#1a2332;border:1px dashed #555;border-radius:10px;color:#888;display:none;font-size:13px;gap:6px;margin:4px 0;max-width:220px;padding:12px 18px}.msg-image-expired svg{color:#ff5252;flex-shrink:0}.message-row .msg-video{border-radius:10px;box-shadow:0 2px 8px #0000004d;margin:4px 0;max-height:180px;max-width:260px}.message-row .msg-emoticon{max-height:200px;max-width:200px;vertical-align:middle}.media-preview-bar{align-items:center;background:#0003;border-top:1px solid #4fc3f71a;display:flex;gap:10px;padding:10px 16px}.media-preview-bar img,.media-preview-bar video{border-radius:8px;box-shadow:0 2px 6px #0000004d;cursor:pointer;max-height:80px;max-width:120px;object-fit:cover}.media-preview-bar .remove-media-btn{align-items:center;background:#e74c3ccc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.media-preview-bar .remove-media-btn:hover{background:#e74c3c;transform:scale(1.1)}.chat-input-area{background:#00000026;border-top:1px solid #4fc3f71a;padding:10px 14px}.chat-input-area .tool-buttons{display:flex;gap:6px;margin-bottom:10px}.chat-input-area .tool-btn{align-items:center;background:#4fc3f70f;border:1px solid #4fc3f71f;border-radius:8px;color:#5f6368;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.chat-input-area .tool-btn:hover{background:#4fc3f71f;color:#4fc3f7;transform:scale(1.08)}.chat-input-area .input-form{display:flex;gap:10px}.chat-input-area .input-form input,.chat-input-area .input-form textarea{background:#111827b8;border:1px solid #4fc3f714;border-radius:10px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:11px 16px;transition:border-color .2s}.chat-input-area .input-form input:focus,.chat-input-area .input-form textarea:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.chat-input-area .input-form input::placeholder,.chat-input-area .input-form textarea::placeholder{color:#4a5568}.chat-input-area .input-form button{align-items:center;background:linear-gradient(135deg,#4fc3f7,#4fc3f7);border:none;border-radius:10px;box-shadow:0 2px 8px #2a6d8f66;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.chat-input-area .input-form button:hover:not(:disabled){background:linear-gradient(135deg,#4fc3f7,#4fc3f7);transform:scale(1.05)}.chat-input-area .input-form button:disabled{cursor:not-allowed;opacity:.4}.transfer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transfer-dialog{animation:slideUp .3s ease;background:#0a0e17d9;border:1px solid #2ecc714d;border-radius:14px;box-shadow:0 8px 32px #00000080;overflow:hidden;width:360px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transfer-dialog .transfer-dialog-header{align-items:center;background:#2ecc7114;color:#69f0ae;display:flex;font-weight:600;gap:10px;padding:14px 18px}.transfer-dialog .transfer-dialog-header span{flex:1 1}.transfer-dialog .close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.transfer-dialog .close-btn:hover{background:#ffffff0d;color:#e8eaed}.transfer-dialog .transfer-recipient{background:#0003;color:#5f6368;font-size:13px;padding:12px 18px}.transfer-dialog .transfer-recipient strong{color:#e8eaed;margin-left:6px}.transfer-dialog .form-field{padding:12px 18px}.transfer-dialog .form-field label{color:#5f6368;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.transfer-dialog .form-field input{background:#111827b8;border:1px solid #4fc3f714;border-radius:8px;box-sizing:border-box;color:#e8eaed;font-size:16px;padding:10px 14px;transition:border-color .2s;width:100%}.transfer-dialog .form-field input:focus{border-color:#69f0ae;box-shadow:0 0 0 3px #2ecc711a;outline:none}.transfer-dialog .transfer-submit-btn{align-items:center;background:linear-gradient(135deg,#00e676,#69f0ae);border:none;border-radius:10px;box-shadow:0 4px 12px #2ecc7166;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:0 18px 18px;padding:13px;transition:all .2s;width:calc(100% - 36px)}.transfer-dialog .transfer-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#69f0ae,#00e676);transform:translateY(-2px)}.transfer-dialog .transfer-submit-btn:disabled{cursor:not-allowed;opacity:.5}.large-transfer-warning-dialog{animation:ltwIn .35s cubic-bezier(.34,1.56,.64,1);background:#1a2332;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 20px 60px #00000080,0 4px 16px #0000004d;padding:32px 28px 24px;position:relative;width:380px}@keyframes ltwIn{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ltw-close-btn{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#5f6368;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s;width:30px}.ltw-close-btn:hover{background:#ffffff1f;color:#e8eaed}.ltw-icon-wrap{margin-bottom:18px;text-align:center}.ltw-icon{align-items:center;border-radius:50%;display:inline-flex;height:72px;justify-content:center;width:72px}.ltw-icon-normal{background:linear-gradient(135deg,#ffb43226,#ff78001a);border:2px solid #ffb43240;color:#ff9800}.ltw-icon-super{animation:ltwPulse 1.8s ease-in-out infinite;background:linear-gradient(135deg,#dc262626,#ef44441a);border:2px solid #dc26264d;color:#ff5252}@keyframes ltwPulse{0%,to{box-shadow:0 0 0 0 #dc26264d}50%{box-shadow:0 0 0 12px #dc262600}}.ltw-title{color:#e8eaed;font-size:20px;font-weight:700;letter-spacing:.3px;margin:0 0 16px;text-align:center}.ltw-amount-row{align-items:baseline;background:#00000040;border:1px solid #ffffff0a;border-radius:12px;display:flex;gap:6px;justify-content:center;margin-bottom:16px;padding:14px 20px}.ltw-amount-label{color:#5f6368;font-size:13px}.ltw-amount-value{font-feature-settings:"tnum";color:#e8eaed;font-size:32px;font-variant-numeric:tabular-nums;font-weight:800}.ltw-amount-super{color:#ff5252}.ltw-amount-unit{color:#7a8ba5;font-size:14px;font-weight:600}.ltw-warning-text{align-items:center;background:#fbbf2414;border-left:3px solid #f59e0b;border-radius:8px;color:#fbbf24;display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:12px;padding:10px 16px}.ltw-extra-tip{color:#5f6368;font-size:12px;line-height:1.5;margin-bottom:20px;text-align:center}.ltw-extra-tip strong{color:#ff5252}.ltw-btn-area{display:flex;flex-direction:column;gap:10px}.ltw-super-btn-container{height:56px;position:relative;width:100%}.ltw-confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 24px;transition:all .25s ease;width:100%}.ltw-confirm-btn:not(.ltw-confirm-super){background:linear-gradient(135deg,#4fc3f7,#3b82f6);box-shadow:0 4px 14px #2563eb66;color:#fff}.ltw-confirm-btn:not(.ltw-confirm-super):hover{box-shadow:0 6px 20px #2563eb8c;transform:translateY(-2px)}.ltw-confirm-btn:not(.ltw-confirm-super):active{transform:translateY(0)}.ltw-confirm-super{background:linear-gradient(135deg,#dc2626,#ff5252);box-shadow:0 4px 14px #dc262680;color:#fff;min-width:120px}.ltw-confirm-super:hover{box-shadow:0 6px 22px #dc262699}.ltw-cancel-btn{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;color:#7a8ba5;cursor:pointer;font-size:14px;font-weight:600;padding:11px 24px;transition:all .2s;width:100%}.ltw-cancel-btn:hover{background:#ffffff14;border-color:#ffffff2e;color:#e8eaed}.no-chat-selected{align-items:center;animation:fadeIn .5s ease;color:#5f6368;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.no-chat-selected svg{margin-bottom:16px;opacity:.3}.no-chat-selected h2{color:#7a8ba5;font-size:18px;font-weight:500;margin:0 0 6px}.no-chat-selected p{font-size:13px;margin:0}.messages-container::-webkit-scrollbar,.search-results::-webkit-scrollbar,.sidebar-list::-webkit-scrollbar{width:5px}.messages-container::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track,.sidebar-list::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb,.sidebar-list::-webkit-scrollbar-thumb{background:#4fc3f733;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover,.sidebar-list::-webkit-scrollbar-thumb:hover{background:#4fc3f759}@media (max-width:768px){.social-page{flex-direction:column;gap:8px;padding:8px}.social-sidebar{height:auto;max-height:40vh;min-width:0;width:100%}.chat-area{flex:1 1;min-height:50vh}}.ai-header-notice{align-items:center;background:linear-gradient(135deg,#4fc3f71a,#b388ff1a);border:1px solid #4fc3f74d;border-radius:8px;display:flex;justify-content:center;margin-right:12px;padding:6px 12px}.ai-notice-text{color:#4fc3f7;font-size:11px;font-weight:500;letter-spacing:.3px}.ai-contact-footer{align-items:center;background:#4fc3f70d;border:1px solid #4fc3f71a;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:8px 12px}.ai-contact-footer,.ai-contact-footer .ai-disclaimer{color:#5f6368;font-size:11px}.ai-contact-footer .ai-wechat{color:#4fc3f7;font-size:11px;font-weight:500}.msg-image{border-radius:4px;cursor:pointer;max-height:200px;max-width:200px;transition:transform .15s}.msg-image:hover{transform:scale(1.02)}.msg-video{border-radius:4px;max-height:200px;max-width:300px}.msg-emoticon{border-radius:4px;max-height:120px;max-width:120px;vertical-align:middle}.action-btn-danger{color:#ff5252!important}.action-btn-danger:hover{background:#e74c3c26!important}.msg-text{display:block;word-break:break-word}.msg-image,.msg-video{display:block;margin:4px 0}.input-wrapper{flex:1 1;position:relative}.msg-textarea{background:#111827b8;border:1px solid #4fc3f714;border-radius:8px;caret-color:#4fc3f7;color:#e8eaed;font-family:inherit;font-size:14px;line-height:1.5;max-height:200px;min-height:36px;outline:none;overflow-y:auto;padding:8px 12px;resize:none;transition:border-color .2s,box-shadow .2s;width:100%}.msg-textarea:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f733}.msg-textarea::placeholder{color:#5f6368}.char-counter{bottom:4px;pointer-events:none;position:absolute;right:8px}.block-countdown,.char-counter{color:#ff5252;font-size:12px;font-weight:700}.block-countdown{margin-left:8px;white-space:nowrap}.msg-bubble.diamond-bubble{animation:diamond-shimmer 2s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d!important;border:1px solid #fff3;box-shadow:0 0 8px #c8dcff33,inset 0 0 8px #ffffff0d}.message-row.received .msg-bubble.frame-chat_default,.message-row.sent .msg-bubble.frame-chat_default{background:#1a2332!important;border:1px solid #4fc3f714!important}.message-row.received .msg-bubble.frame-chat_cloud,.message-row.sent .msg-bubble.frame-chat_cloud{background:#3a5a6a!important;border:1px solid #b8d4e8!important;box-shadow:0 0 10px #b8d4e84d!important}.message-row.received .msg-bubble.frame-chat_rainbow,.message-row.sent .msg-bubble.frame-chat_rainbow{background:linear-gradient(135deg,#4a5edc,#5e3da2)!important;border:1px solid #667eea!important;box-shadow:0 0 12px #667eea66!important}.message-row.received .msg-bubble.frame-chat_purple,.message-row.sent .msg-bubble.frame-chat_purple{background:linear-gradient(135deg,#7b4dc5,#5a35a5)!important;border:1px solid #9370db!important;box-shadow:0 0 12px #9370db66!important}.message-row.received .msg-bubble.frame-chat_sparkle,.message-row.sent .msg-bubble.frame-chat_sparkle{background:linear-gradient(135deg,#e850a0,#c54560)!important;border:1px solid #f093fb!important;box-shadow:0 0 12px #f093fb66!important}.message-row.received .msg-bubble.frame-chat_fire,.message-row.sent .msg-bubble.frame-chat_fire{background:linear-gradient(135deg,#c30,#c60)!important;border:1px solid #ff4500!important;box-shadow:0 0 12px #ff450066!important}.message-row.received .msg-bubble.frame-chat_gold,.message-row.sent .msg-bubble.frame-chat_gold{background:linear-gradient(135deg,#b7953f,#fcf6ba,#b38728)!important;border:2px solid gold!important;box-shadow:0 0 20px #ffd70080,inset 0 0 30px #bf953f4d!important;color:#111827!important}.message-row.received .msg-bubble.frame-chat_pink,.message-row.sent .msg-bubble.frame-chat_pink{background:linear-gradient(135deg,#c45,#c78)!important;border:1px solid #ff6a88!important;box-shadow:0 0 12px #ff6a8866!important}.message-row.received .msg-bubble.frame-chat_star,.message-row.sent .msg-bubble.frame-chat_star{background:linear-gradient(135deg,#4fc3f7,#0ab)!important;border:1px solid #4facfe!important;box-shadow:0 0 15px #4facfe66!important}.message-row.received .msg-bubble.frame-chat_diamond,.message-row.sent .msg-bubble.frame-chat_diamond{animation:diamond-shimmer 2s ease-in-out infinite;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#b4c8e640!important;border:1px solid #ffffff80!important;box-shadow:0 0 12px #c8dcff66,inset 0 0 12px #ffffff26!important}.message-row.received .msg-bubble.frame-chat_cosmic,.message-row.sent .msg-bubble.frame-chat_cosmic{animation:cosmic-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#201a5a,#3a4edc)!important;border:1px solid #667eea!important;box-shadow:0 0 20px #667eea80!important}@keyframes cosmic-pulse{0%,to{box-shadow:0 0 10px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes diamond-shimmer{0%,to{box-shadow:0 0 8px #c8dcff33,inset 0 0 8px #ffffff0d}50%{box-shadow:0 0 14px #dcf0ff66,inset 0 0 12px #ffffff1a}}.message-row.received .msg-bubble.frame-chat_gold_gradient,.message-row.sent .msg-bubble.frame-chat_gold_gradient{animation:goldSweep 3s linear infinite!important;background-image:linear-gradient(135deg,#b7953f,#fcf6ba,#b38728,#fbf5b7,#a9771c)!important;background-size:400% 400%!important;border:2px solid gold!important;box-shadow:0 0 20px #ffd70099!important;color:#111827!important}.transfer-envelope{align-items:center;background:linear-gradient(135deg,#ff5252,#ff1744);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin:4px 0;max-width:300px;padding:8px 14px;transition:transform .15s,box-shadow .15s}.transfer-envelope:hover{box-shadow:0 4px 16px #e74c3c66;transform:scale(1.03)}.transfer-envelope.accepted{background:linear-gradient(135deg,#5f6368,#5f6368);cursor:default}.transfer-envelope.accepted:hover{box-shadow:none;transform:none}.transfer-icon{font-size:20px}.transfer-amount{font-weight:700;white-space:nowrap}.transfer-note{font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-action{background:#fff3;border-radius:4px;font-size:12px;padding:2px 8px}.transfer-done{font-size:12px}.message-row.sent .transfer-envelope{background:linear-gradient(135deg,#ff5252,#ff1744)}.message-row.sent .transfer-envelope.accepted{background:linear-gradient(135deg,#5f6368,#5f6368)}.red-envelope-msg{font-size:14px;gap:8px;margin:4px 0;max-width:220px;padding:8px 14px;transition:transform .15s,box-shadow .15s}.red-envelope-msg:hover{box-shadow:0 4px 16px #e74c3c66;transform:scale(1.03)}.red-envelope-msg.claimed{background:linear-gradient(135deg,#00e676,#00c853);cursor:default}.red-envelope-msg.claimed:hover{box-shadow:none;transform:none}.red-icon{font-size:20px}.red-amount{font-weight:700}.red-action{background:#fff3;border-radius:4px;padding:2px 8px}.red-action,.red-done{font-size:12px}.message-row.sent .red-envelope-msg{background:linear-gradient(135deg,#ff5252,#ff1744)}.message-row.sent .red-envelope-msg.claimed{background:linear-gradient(135deg,#00e676,#00a344)}.msg-menu-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.msg-menu{animation:msgMenuIn .2s ease-out;background:#1a2332;border:1px solid #4fc3f726;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:280px;min-width:200px;overflow:hidden;position:fixed;z-index:1001}@keyframes msgMenuIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.msg-menu-header{border-bottom:1px solid #4fc3f71a;color:#e8eaed;font-size:15px;font-weight:600;padding:14px 16px 10px}.msg-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#e8eaed;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;touch-action:manipulation;transition:background .15s;width:100%}.msg-menu-item:hover{background:#4fc3f71a}.msg-menu-item:active{background:#4fc3f733}.msg-menu-recall{color:#ff5252}.msg-menu-recall:hover{background:#e74c3c1a}.msg-menu-report{color:#ff5252}.msg-menu-report:hover{background:#e74c3c1a}.msg-menu-cancel{border-top:1px solid #4fc3f71a;color:#8a9ba8}.msg-menu-cancel:hover{background:#8a9ba81a}.report-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.report-modal{animation:rmFadeIn .2s ease-out;background:#0a0e17d9;border:1px solid #4fc3f71a;border-radius:16px;box-shadow:0 32px 80px #0009;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:100%;overflow:hidden;width:480px}@keyframes rmFadeIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.report-modal-header{align-items:center;background:linear-gradient(135deg,#4fc3f70f,#0000 60%);border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.report-modal-title{align-items:center;color:#e8eaed;display:flex;font-size:15px;font-weight:600;gap:10px}.rm-title-icon{background:#4fc3f71f;border-radius:8px;color:#4fc3f7}.report-modal-close,.rm-title-icon{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.report-modal-close{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#ffffff59;cursor:pointer;padding:0;transition:all .15s}.report-modal-close:hover{background:#ffffff1a;color:#ffffffb3}.report-modal-body{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:20px 22px;scrollbar-width:none}.report-modal-body::-webkit-scrollbar{display:none}.rm-section{display:flex;flex-direction:column}.rm-section-label{align-items:center;display:flex;gap:6px;margin-bottom:10px}.rm-label-text{color:#ffffffa6;font-size:13px;font-weight:500}.rm-required{color:#4fc3f7;font-size:13px;font-weight:600}.rm-optional{color:#ffffff4d;font-size:12px}.rm-category-grid{display:flex;flex-direction:column;gap:6px}.rm-cat-item{align-items:center;background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 14px;transition:all .15s;-webkit-user-select:none;user-select:none}.rm-cat-item:hover{background:#ffffff0d;border-color:#ffffff1f}.rm-cat-item.selected{background:#4fc3f714;border-color:#4fc3f7;color:#e8eaed}.rm-cat-radio{align-items:center;border:2px solid #ffffff26;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .15s;width:16px}.rm-cat-item.selected .rm-cat-radio{border-color:#4fc3f7}.rm-radio-dot{background:#4fc3f7;border-radius:50%;height:8px;width:8px}.rm-cat-text{font-size:13px;line-height:1.4}.rm-textarea{background:#ffffff08;border:1.5px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#e8eaed;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:12px 14px;resize:vertical;transition:border-color .15s;width:100%}.rm-textarea:focus{background:#ffffff0d;border-color:#4fc3f766}.rm-textarea::placeholder{color:#fff3}.rm-upload-area{display:flex;flex-direction:column}.rm-upload-trigger{align-items:center;border:2px dashed #4fc3f726;border-radius:12px;color:#ffffff4d;cursor:pointer;display:flex;flex-direction:row;font-size:13px;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s}.rm-upload-trigger:hover{background:#4fc3f708;border-color:#4fc3f74d;color:#ffffff80}.rm-upload-preview{align-self:flex-start;display:inline-block;position:relative}.rm-upload-preview img{border:1px solid #ffffff1a;border-radius:10px;display:block;max-height:150px;max-width:200px}.rm-upload-remove{align-items:center;background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .15s;width:22px}.rm-upload-remove:hover{background:#ff1744;transform:scale(1.1)}.report-modal-footer{background:#00000026;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 22px}.rm-cancel-btn{background:#0000;border:1px solid #ffffff1a;border-radius:9px;color:#ffffff80;cursor:pointer;font-size:14px;padding:9px 22px;transition:all .15s}.rm-cancel-btn:hover{background:#ffffff0f;color:#ffffffbf}.rm-submit-btn{align-items:center;background:linear-gradient(135deg,#00c853,#00a344);border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:9px 22px;transition:all .15s}.rm-submit-btn:hover{background:linear-gradient(135deg,#52b788,#00c853);box-shadow:0 4px 16px #40916c4d}.rm-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.red-envelope-msg{align-items:center;background:linear-gradient(135deg,#ff5252,#ff1744);border-radius:8px;box-shadow:0 2px 8px #e74c3c40;color:#fff;cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:13px;font-weight:500;gap:5px;padding:5px 10px;transition:transform .12s,box-shadow .15s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.red-envelope-msg:hover{box-shadow:0 4px 14px #e74c3c59;transform:translateY(-1px)}.red-envelope-msg:active{transform:scale(.97)}.re-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.re-icon,.re-icon svg{height:22px;width:22px}.re-icon svg{display:block}.re-type-label{background:#ffffff2e;border-radius:4px;flex-shrink:0;font-size:10px;font-weight:600;padding:1px 5px;white-space:nowrap}.re-amount{font-feature-settings:"tnum";flex-shrink:0;font-variant-numeric:tabular-nums}.re-action{background:#ffffff38;border-radius:6px;font-size:11px;margin-left:1px;padding:1px 7px}.re-action,.re-random-label{flex-shrink:0;font-weight:600}.re-random-label{background:#ffffff21;border-radius:4px;padding:1px 5px}.re-random-label,.re-remaining{font-size:10px;white-space:nowrap}.re-remaining{flex-shrink:0;margin-left:2px;opacity:.82}.re-action-done{flex-shrink:0;font-size:11px;font-weight:600;margin-left:1px;opacity:.55}.re-sender-label{flex-shrink:0;font-size:10px;margin-left:1px;opacity:.72}.re-result-overlay{align-items:center;animation:reFadeIn .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes reFadeIn{0%{opacity:0}to{opacity:1}}.re-result-modal{animation:rePopIn .25s cubic-bezier(.17,.67,.29,1.2);background:linear-gradient(160deg,#3a0a0a,#1a0000);border:1px solid #ff5a5a59;border-radius:18px;box-shadow:0 8px 40px #00000073;color:#ffe0e0;max-width:340px;min-width:280px;padding:36px 32px 28px;text-align:center}@keyframes rePopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.re-result-icon{filter:drop-shadow(0 2px 8px rgba(255,80,80,.35));font-size:52px;margin-bottom:10px}.re-result-title{color:#ff6b6b;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.re-result-amount{font-feature-settings:"tnum";color:gold;font-size:30px;font-variant-numeric:tabular-nums;font-weight:800;margin-bottom:6px;text-shadow:0 2px 12px #ffd70040}.re-result-from{color:#ffe0e0a6;font-size:13px;margin-bottom:22px}.re-result-close{background:linear-gradient(135deg,#ff8a80,#ff5252);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 36px;transition:background .15s,transform .1s}.re-result-close:hover{background:linear-gradient(135deg,#f77,#ff8a80)}.re-result-close:active{transform:scale(.96)}.upload-progress-toast{animation:slideInRight .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#14141ef2;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 8px 32px #00000080;color:#e0e0e0;font-size:13px;max-width:360px;min-width:280px;padding:14px 20px;position:fixed;right:20px;top:60px;z-index:99999}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.upload-progress-inner{align-items:center;display:flex;gap:12px}.upload-progress-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.upload-progress-icon .spinner{animation:spin .8s linear infinite;border:3px solid #00c87840;border-radius:50%;border-top-color:#00c878;height:22px;width:22px}.upload-progress-info{flex:1 1;min-width:0}.upload-progress-filename{color:#ccc;font-size:13px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-bar-wrap{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:relative}.upload-progress-bar{background:linear-gradient(90deg,#00c878,#00e88a);border-radius:3px;height:100%;transition:width .25s ease-out}.upload-progress-pct{color:#00c878;font-size:18px;font-weight:700;margin-top:2px}.upload-progress-done{color:#00c878;font-size:13px;font-weight:500}.upload-progress-err{color:#ff8a80;font-size:12px;margin-top:4px;word-break:break-all}.lightbox-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.lightbox-backdrop,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:16px;top:16px;width:44px;z-index:1}.lightbox-close:hover{background:#fff3}.lightbox-image,.lightbox-video{border-radius:8px;max-height:85vh;max-width:90vw;object-fit:contain}.lightbox-video{background:#000}.transfer-envelope.expired{background:linear-gradient(135deg,#5f6368,#5f6368);cursor:default}.transfer-envelope.expired:hover{box-shadow:none;transform:none}.transfer-expired{color:#5f6368;font-size:12px}.message-row.sent .transfer-envelope.expired{background:linear-gradient(135deg,#5f6368,#5f6368)}.social-confirm-overlay{align-items:center;animation:socialConfirmFadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:100000}@keyframes socialConfirmFadeIn{0%{opacity:0}to{opacity:1}}.social-confirm-dialog{animation:socialConfirmSlide .25s ease;background:#111827b8;border:1px solid #4fc3f726;border-radius:16px;box-shadow:0 12px 48px #0009;padding:28px 24px 20px;text-align:center;width:340px}@keyframes socialConfirmSlide{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.social-confirm-icon{display:flex;justify-content:center;margin-bottom:14px}.social-confirm-message{color:#e8eaed;font-size:15px;line-height:1.6;margin-bottom:24px;word-break:break-word}.social-confirm-actions{display:flex;gap:12px;justify-content:center}.social-confirm-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.social-confirm-cancel{background:#ffffff14;color:#8f98a0}.social-confirm-cancel:hover{background:#ffffff24;color:#e8eaed}.social-confirm-ok{background:linear-gradient(135deg,#4fc3f7,#4fc3f7);color:#fff}.social-confirm-ok:hover{box-shadow:0 4px 20px #4fc3f766;transform:translateY(-1px)}.social-confirm-danger{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff}.social-confirm-danger:hover{box-shadow:0 4px 20px #e74c3c66;transform:translateY(-1px)}.mails-page{-ms-overflow-style:none;margin:0 auto;max-width:1060px;min-height:100vh;padding:36px 20px 60px;position:relative;scrollbar-width:none}.mails-page::-webkit-scrollbar{display:none}.mails-page:before{background:radial-gradient(circle at 30% 40%,#4fc3f72e,#0000 60%),radial-gradient(circle at 70% 60%,#b388ff29,#0000 60%);border-radius:50%;content:"";filter:blur(20px);height:320px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:600px;z-index:-1}.mails-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:26px;padding-bottom:18px;position:relative}.mails-header:after{background:linear-gradient(90deg,var(--accent),var(--accent-purple),#0000);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:120px}.mails-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:26px;font-weight:700;gap:14px;letter-spacing:1px;margin:0}.mails-header h1 svg{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.mails-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11182799;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff0a;display:flex;gap:12px;margin-bottom:24px;padding:14px}.mails-tabs button{align-items:center;background:#0000;border:1px solid #4fc3f72e;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:9px 18px;transition:var(--transition)}.mails-tabs button:hover{background:#4fc3f71a;border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);color:var(--accent)}.mails-tabs button.active{background:linear-gradient(135deg,#4fc3f740,#b388ff40);border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow),inset 0 0 12px #4fc3f726;color:var(--accent)}.mails-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;min-height:500px}.mails-list{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);max-height:600px;overflow-y:auto;position:relative}.mail-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:var(--transition)}.mail-item:hover{background:#4fc3f714}.mail-item.unread{background:#4fc3f70f;border-left:3px solid var(--accent)}.mail-item.unread .mail-user{color:var(--accent);font-weight:700}.mail-item.selected{background:#4fc3f724;border-left:3px solid var(--accent);box-shadow:inset 0 0 18px #4fc3f71a}.mail-avatar{flex-shrink:0}.mail-avatar img{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow);height:40px;object-fit:cover;transition:var(--transition);width:40px}.mail-item:hover .mail-avatar img{border-color:var(--accent-purple);box-shadow:0 0 18px var(--accent-purple-glow)}.mail-info{flex:1 1;min-width:0}.mail-user{color:var(--text-primary);font-size:14px;margin-bottom:2px}.mail-title{color:var(--text-secondary);font-size:13px}.mail-preview,.mail-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{color:var(--text-muted);font-size:12px}.mail-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.mail-time{color:var(--text-muted);font-size:11px;white-space:nowrap}.mail-delete{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:4px;transition:var(--transition)}.mail-delete:hover{background:#ff52521f;box-shadow:0 0 10px #ff525240;color:#ff5252}.mail-detail{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827b3;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:22px;position:relative}.mail-detail:before{background:linear-gradient(90deg,#0000,#4fc3f766,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.mail-detail-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.mail-detail-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.back-btn{align-items:center;background:#4fc3f70f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;padding:7px 12px;transition:var(--transition)}.back-btn:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);color:var(--accent)}.mail-detail-info{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.mail-detail-info img{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent-glow);height:48px;object-fit:cover;width:48px}.mail-detail-user{color:var(--text-primary);font-size:16px;font-weight:600}.mail-detail-time{color:var(--text-muted);font-size:12px}.mail-detail-content{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.mail-detail-content p{margin:0 0 8px}.compose-modal{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080fd1;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compose-form{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#111827eb;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000080,0 0 32px var(--accent-glow);max-width:calc(100vw - 40px);overflow:hidden;padding:26px;position:relative;width:500px}.compose-form:before{background:linear-gradient(90deg,#0000,#4fc3f780,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.compose-form h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:20px;gap:8px;margin:0 0 16px}.compose-form h2 svg{-webkit-text-fill-color:initial;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.compose-hint{background:#f39c121a;border:1px solid #f39c1240;border-radius:var(--radius-sm);color:#f39c12;font-size:12px;padding:10px 12px}.compose-field,.compose-hint{margin-bottom:16px}.compose-field label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:6px}.compose-field input,.compose-field textarea{background:#0a0e17cc;border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:var(--transition);width:100%}.compose-field input:focus,.compose-field textarea:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);outline:none}.compose-field textarea{min-height:120px;resize:vertical}.user-search{position:relative}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f2;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000080;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:9px 12px;transition:var(--transition)}.search-result-item:hover{background:#4fc3f71f}.search-result-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.search-result-item span{color:var(--text-primary);font-size:14px}.user-code{color:var(--text-muted);font-size:12px}.selected-user{background:#4fc3f71a;border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 12px var(--accent-glow);color:var(--accent);font-size:14px;margin-top:8px;padding:9px 12px}.compose-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.empty-state svg{animation:msgPulse 3s ease-in-out infinite;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent-glow));opacity:.35}.empty-state p{font-size:15px;letter-spacing:.5px}.loading{padding:60px}.spinner{box-shadow:0 0 12px var(--accent-glow);height:32px;width:32px}@keyframes msgPulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:860px){.mails-content{grid-template-columns:1fr}.mails-list{max-height:380px}}@media (max-width:640px){.mails-page{padding:24px 14px 50px}.mails-header{align-items:flex-start;flex-direction:column;gap:14px}.mails-header h1{font-size:22px}.mails-tabs{flex-wrap:wrap}}.feedback-page{background:linear-gradient(135deg,#0a0a2a,#1a1a4a 50%,#0a0a2a);color:#fff;min-height:100vh;padding:40px 20px}.feedback-container{margin:0 auto;max-width:800px}.feedback-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;font-size:32px;margin-bottom:8px;text-align:center}.feedback-desc{color:#88a;font-size:15px;margin-bottom:30px;text-align:center}.reward-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:30px;padding:20px}.reward-info h3{color:gold;font-size:18px;margin:0 0 4px}.reward-hint{color:#4da6ff;font-size:12px;margin:0 0 16px}.reward-grid{display:flex;flex-wrap:wrap;gap:12px}.reward-item{background:#ffffff0d;border:1px solid #ffd70033;border-radius:12px;flex:1 1;min-width:100px;padding:12px;text-align:center}.reward-stars{color:gold;display:block;font-size:14px;margin-bottom:6px}.reward-amount{color:#0f8;font-size:18px;font-weight:700}.feedback-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-size:14px;margin-bottom:8px}.required{color:#f44}.form-group textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#00d4ff}.char-count{color:#666;display:block;font-size:12px;margin-top:4px;text-align:right}.rating-select{display:flex;flex-wrap:wrap;gap:10px}.rating-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:gold;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 16px;transition:all .2s}.rating-btn:hover{background:#ffd7001a;border-color:#ffd70066}.rating-btn.active{background:#ffd70026;border-color:gold;box-shadow:0 0 15px #ffd70033}.rating-label{color:#aaa;font-size:12px}.rating-btn.active .rating-label{color:#fff}.image-preview{display:inline-block;margin-top:10px;position:relative}.image-preview img{border:1px solid #fff3;border-radius:10px;max-height:200px;max-width:300px}.image-preview button{background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;position:absolute;right:8px;top:8px}.feedback-msg{border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 16px}.feedback-msg.error{background:#ff444426;border:1px solid #ff44444d;color:#ff6b6b}.feedback-msg.success{background:#00cc6626;border:1px solid #00cc664d;color:#0c6}.btn-submit{background:linear-gradient(135deg,#00d4ff,#7b2ff7);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .3s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 8px 25px #00d4ff4d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.today-done{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:50px 30px;text-align:center}.done-icon{margin-bottom:16px}.done-icon svg{color:#0c6;height:60px;width:60px}.today-done h3{color:#0c6;font-size:22px;margin-bottom:10px}.today-done p{color:#88a}.my-feedbacks{margin-top:20px}.my-feedbacks h2{color:#fff;font-size:22px;margin-bottom:20px}.no-data{color:#666;padding:40px;text-align:center}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:20px}.fb-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.fb-rating{color:gold;font-size:16px}.fb-status{font-size:13px;font-weight:700}.fb-date{color:#666;font-size:12px;margin-left:auto}.fb-content{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.fb-image img{border-radius:10px;margin-bottom:12px;max-height:300px;max-width:100%}.fb-review-note{background:#ffffff0d;border-radius:8px;color:#aaa;font-size:13px;margin-bottom:12px;padding:10px 14px}.fb-footer{display:flex;justify-content:flex-end}.btn-claim{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px;transition:all .2s}.btn-claim:hover{box-shadow:0 4px 15px #ffd70066;transform:scale(1.05)}.claimed-tag{color:#0c6;font-size:14px;font-weight:700}.header-icon,.msg-icon{margin-right:6px;vertical-align:middle}.btn-icon{margin-right:4px;vertical-align:middle}.type-select{display:flex;flex-wrap:wrap;gap:10px}.type-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#ccc;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.type-btn:hover{background:#ffffff1a;border-color:var(--type-color)}.type-btn.active{background:#ffffff1f;border-color:var(--type-color);box-shadow:0 0 12px color-mix(in srgb,var(--type-color) 30%,#0000);color:#fff}.type-icon{height:18px;width:18px}.type-btn.active .type-icon{color:var(--type-color)}.type-label{font-weight:500}.type-reward{color:#0f8;font-size:12px;font-weight:700}.fb-type{border-radius:12px;font-size:12px;font-weight:500;padding:2px 10px}.fb-type.type-bug{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:#ff6b6b}.fb-type.type-suggestion{background:#ffd70026;border:1px solid #ffd7004d;color:gold}.fb-type.type-ux{background:#00cc6626;border:1px solid #00cc664d;color:#0c6}.fb-type.type-other{background:#8888aa26;border:1px solid #8888aa4d;color:#88a}.claim-success-modal{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.claim-success-box{animation:claimBounce .5s ease;background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f44d;border-radius:16px;box-shadow:0 0 50px #00d4ff4d;min-width:320px;padding:40px;text-align:center}@keyframes claimBounce{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.claim-icon{font-size:64px;margin-bottom:16px}.claim-success-box h3{color:#00d4ff;font-size:24px;font-weight:700;margin-bottom:12px}.claim-amount{color:#fff;font-size:18px;margin:12px 0}.claim-amount strong{color:gold;font-size:24px;margin:0 4px}.claim-balance{color:#8f98a0;font-size:14px;margin-bottom:24px}.claim-balance strong{color:#66c0f4}.claim-goto-wallet{background:linear-gradient(135deg,#66c0f4,#4a9cd8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding:12px;transition:all .3s;width:100%}.claim-goto-wallet:hover{box-shadow:0 4px 15px #66c0f466;transform:translateY(-2px)}.claim-close{background:none;border:1px solid #2a3a4a;border-radius:8px;color:#8f98a0;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.claim-close:hover{border-color:#66c0f4;color:#66c0f4}@keyframes nebulaDrift{0%{background-position:0 0,0 0}50%{background-position:100% 50%,100% 50%}to{background-position:0 0,0 0}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}@keyframes greenGlowPulse{0%{text-shadow:0 0 10px #0f8,0 0 40px #0f8,0 0 80px #00ff8854}to{text-shadow:0 0 20px #0f8,0 0 60px #0f8,0 0 120px #00ff8878}}@keyframes borderNeonFlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes burstUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-200px) scale(0)}}.dc-page{color:#e0e0f0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;margin:0 auto;max-width:1000px;min-height:calc(100vh - 200px);padding:0 0 60px;position:relative}.dc-page:before{animation:nebulaDrift 60s ease-in-out infinite;background:radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(2px 2px at 40% 70%,#ffffffb3,#0000),radial-gradient(1px 1px at 60% 20%,#fffc,#0000),radial-gradient(1px 1px at 80% 50%,#fff9,#0000),radial-gradient(2px 2px at 10% 80%,#ffffffb3,#0000),radial-gradient(1px 1px at 90% 10%,#ffffff80,#0000),radial-gradient(1px 1px at 50% 50%,#fff6,#0000),radial-gradient(2px 2px at 70% 90%,#fff9,#0000);background-color:#0a0a1a;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dc-header{padding:48px 20px 28px;position:relative;text-align:center;z-index:1}.dc-header h1{color:#fff;font-size:32px;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 10px #0cf,0 0 30px #00ccff87}.dc-subtitle{color:#aab0cc;font-size:14px;letter-spacing:1px;margin-top:10px}.dc-header-line{animation:neonFlicker 3s infinite;background:linear-gradient(90deg,#0000,#0f8,#f0f,#0cf,#0000);bottom:0;box-shadow:0 0 12px #0f8,0 0 24px #f0f;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:320px}.dc-main{display:flex;gap:20px;padding:24px 20px 0;position:relative;z-index:1}.dc-col-left{display:flex;flex:0 0 380px;flex-direction:column;gap:20px}.dc-col-right{display:flex;flex:1 1;flex-direction:column;gap:20px}@media (max-width:860px){.dc-main{flex-direction:column}.dc-col-left{flex:none}}.dc-card{background:linear-gradient(165deg,#0d0d2b,#1a0a3e 40%,#0d0d2b);border:1px solid #0f86;border-radius:16px;box-shadow:0 8px 48px #0009,0 0 40px #00ff881a,inset 0 1px 0 #00ff8826;overflow:hidden;padding:28px;position:relative}.dc-card-neon{animation:borderNeonFlow 3s linear infinite;background:linear-gradient(90deg,#0f8,#0cf 25%,#f0f 50%,#0cf 75%,#0f8);background-size:200% 100%;box-shadow:0 0 12px #0f8,0 0 24px #0cf;height:3px;left:0;position:absolute;right:0;top:0}.dc-card-neon.purple{background:linear-gradient(90deg,#0000,#f0f 40%,#0cf);background-size:200% 100%;box-shadow:0 0 8px #f0f}.dc-card-neon.blue{background:linear-gradient(90deg,#0cf,#0f8 50%,#0cf);background-size:200% 100%;box-shadow:0 0 8px #0cf}.dc-card-title{color:#e0e0f0;font-size:18px;font-weight:800;letter-spacing:1px;margin:0 0 20px;text-shadow:0 0 8px #0cf6}.dc-balance-card{animation:cardFloat 4s ease-in-out infinite}.dc-balance-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dc-label{color:#0f8;display:block;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:6px;text-shadow:0 0 8px #0f8;text-transform:uppercase}.dc-balance-num{animation:greenGlowPulse 2s ease-in-out infinite alternate;color:#0f8;display:block;font-family:Fira Code,Courier New,monospace;font-size:clamp(14px,3.5vw,36px);font-weight:900;line-height:1.1;overflow:hidden;text-shadow:0 0 10px #0f8,0 0 40px #0f8,0 0 80px #0f86;white-space:nowrap}.dc-balance-info{flex:1 1;min-width:0;overflow:hidden}.dc-streak-badge{align-items:center;background:#00ff8814;border:1px solid #00ff8840;border-radius:10px;display:flex;gap:6px;padding:8px 16px}.dc-streak-n{color:#0f8;font-size:24px;font-weight:900;text-shadow:0 0 10px #0f8}.dc-streak-t{color:#aab0cc;font-size:13px}.dc-next-ms{background:#ffffff08;border-left:3px solid #0cf;border-radius:10px;color:#88a;font-size:13px;padding:12px 16px}.dc-hl{color:#f0b90b;font-weight:700;text-shadow:0 0 8px #f0b90b66}.dc-checkin-btn{animation:neonFlicker 5s infinite;background:linear-gradient(135deg,#0f8,#0cf 50%,#0f8);background-size:200% 200%;border:none;border-radius:12px;box-shadow:0 4px 20px #00ff8880,0 0 40px #0cf3;color:#0a0a1a;cursor:pointer;font-size:18px;font-weight:900;letter-spacing:1px;padding:18px;transition:all .2s ease;width:100%}.dc-checkin-btn:hover:not(:disabled){background-position:100% 0;box-shadow:0 8px 36px #00ff88b3,0 0 80px #00ccff4d;transform:translateY(-3px)}.dc-checkin-btn:active:not(:disabled){transform:translateY(0)}.dc-checkin-btn.dc-btn-done{animation:none;background:#ffffff0a;border:1px solid #0cf3;box-shadow:none;color:#666680;cursor:default}.dc-progress-wrap{align-items:center;display:flex;gap:12px;margin-bottom:20px}.dc-progress-bar{background:#1a1a3e;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.dc-progress-fill{background:linear-gradient(90deg,#0f8,#0cf);border-radius:3px;box-shadow:0 0 10px #0f8;height:100%;transition:width .5s ease}.dc-pct{color:#0f8;font-size:13px;font-weight:700;min-width:36px;text-align:right;text-shadow:0 0 8px #0f8}.dc-ms-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.dc-ms-item{background:#ffffff08;border:1px solid #00ccff1f;border-radius:12px;padding:16px 8px;position:relative;text-align:center;transition:all .2s}.dc-ms-item:hover{border-color:#0f86;box-shadow:0 0 16px #00ff881a}.dc-ms-item.dc-ms-done{background:#00ff880f;border-color:#00ff884d}.dc-ms-item.dc-ms-next{background:#f0b90b0a;border-color:#f0b90b80;box-shadow:0 0 20px #f0b90b1a}.dc-ms-check{align-items:center;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;color:#0a0a1a;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.dc-ms-check:empty{display:none}.dc-ms-days{color:#88a;display:block;font-size:13px;margin-bottom:6px}.dc-ms-coin{color:#f0b90b;display:block;font-family:Fira Code,monospace;font-size:18px;font-weight:900;text-shadow:0 0 8px #f0b90b66}.dc-ms-done .dc-ms-coin{color:#0f8;text-shadow:0 0 8px #0f86}.dc-cal-card{flex:1 1}.dc-cal{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.dc-cal-hdr{color:#666680;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.dc-day{align-items:center;aspect-ratio:1;background:#ffffff08;border:1px solid #00ccff14;border-radius:10px;display:flex;justify-content:center;transition:all .15s}.dc-day-num{color:#6a6a90;font-size:14px;font-weight:600}.dc-day.dc-today{border-color:#0cf;box-shadow:0 0 12px #0cf3}.dc-day.dc-today .dc-day-num{color:#0cf;font-weight:700;text-shadow:0 0 8px #0cf6}.dc-day.dc-signed{background:linear-gradient(135deg,#0f83,#00ccff1a);border-color:#0f86;box-shadow:0 0 12px #00ff8826}.dc-day.dc-signed .dc-day-num{color:#0f8;font-weight:700;text-shadow:0 0 8px #0f86}.dc-day.dc-future{opacity:.3}.dc-cal-legend{border-top:1px solid #00ccff1a;color:#88a;display:flex;font-size:12px;gap:20px;justify-content:center;padding-top:12px}.dc-cal-legend span{align-items:center;display:flex;gap:6px}.dc-lg-dot{border-radius:3px;display:inline-block;height:10px;width:10px}.dc-rules{flex-direction:column}.dc-rule,.dc-rules{display:flex;gap:12px}.dc-rule{align-items:center;color:#88a;font-size:13px}.dc-rule-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:8px;width:8px}.dc-rule-dot.green{color:#0f8}.dc-rule-dot.blue{color:#0cf}.dc-rule-dot.purple{color:#f0f}.dc-rule-dot.pink{color:#f0b90b}.dc-reward-burst{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.dc-burst-particle{animation:burstUp ease-out forwards;border-radius:50%;box-shadow:0 0 10px currentColor;height:8px;position:absolute;top:40%;width:8px}.dc-toast{animation:cardFloat .3s ease;background:linear-gradient(165deg,#0d0d2b,#1a0a3e);border:1px solid #00ff8880;border-radius:12px;bottom:80px;box-shadow:0 8px 40px #00ff884d;color:#0f8;font-size:16px;font-weight:800;left:50%;padding:14px 32px;position:fixed;text-shadow:0 0 10px #0f8;transform:translateX(-50%);white-space:nowrap;z-index:10000}.dc-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;position:relative;z-index:1}.dc-loading span{color:#0f8;font-size:18px;letter-spacing:2px;text-shadow:0 0 10px #0f8}.dc-loading-spin{animation:dcSpin .8s linear infinite;border:3px solid #1a1a3e;border-radius:50%;border-top-color:#0f8;box-shadow:0 0 12px #0f8;height:36px;width:36px}@keyframes dcSpin{to{transform:rotate(1turn)}}.dc-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.dc-modal{animation:cardFloat .3s ease;background:linear-gradient(165deg,#0d0d2b,#1a0a3e);border:1px solid #00ccff4d;border-radius:16px;box-shadow:0 20px 60px #0009,0 0 30px #00ccff1a;max-width:90vw;min-width:280px;padding:28px 32px;position:relative}.dc-modal-close{background:none;border:none;color:#88a;cursor:pointer;font-size:22px;line-height:1;padding:4px;position:absolute;right:14px;top:10px;transition:color .2s}.dc-modal-close:hover{color:#fff}.dc-modal-title{color:#0cf;font-size:18px;font-weight:800;margin-bottom:20px;text-align:center;text-shadow:0 0 12px #0cf6}.dc-modal-body{align-items:center;display:flex;flex-direction:column;gap:14px}.dc-modal-badge{border-radius:20px;font-size:15px;font-weight:700;padding:8px 24px}.dc-modal-signed{background:#00ff8826;border:1px solid #0f86;box-shadow:0 0 16px #0f83;color:#0f8}.dc-modal-missed{background:#ff326426;border:1px solid #ff326466;box-shadow:0 0 16px #ff326433;color:#ff3264}.dc-modal-row{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:8px 0;width:100%}.dc-modal-row:last-child{border-bottom:none}.dc-modal-label{color:#88a;font-size:14px}.dc-modal-val{color:#fff;font-size:15px;font-weight:700}.dc-modal-coin{color:#f0f;text-shadow:0 0 8px #f0f6}.dc-modal-hint{color:#0cf;font-size:16px;font-weight:700}.dc-modal-note{color:#669;font-size:13px;text-align:center}.dc-maint-page{align-items:center;background:#06060b;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.dc-maint-bg{animation:dcMaintBg 12s ease-in-out infinite alternate;background:radial-gradient(ellipse 50% 60% at 20% 50%,#667eea1f 0,#0000 70%),radial-gradient(ellipse 50% 60% at 80% 50%,#764ba21a 0,#0000 70%);inset:0;position:absolute}@keyframes dcMaintBg{0%{opacity:.6}to{opacity:1}}.dc-maint-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 8px 60px #00000080;max-width:560px;padding:64px 80px;position:relative;text-align:center;width:90%;z-index:1}.dc-maint-line{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin:28px 0}.dc-maint-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;margin:0}.dc-maint-desc{color:#ffffff73;font-size:16px;line-height:1.8;margin:0}.dc-maint-divider{background:linear-gradient(90deg,#0000,#667eea4d,#0000);height:1px;margin:28px 0}.dc-maint-footer{color:#ffffff40;font-size:13px;margin:0}.ach-progress-box{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border:1px solid #6366f133;border-radius:14px;margin-bottom:28px;padding:20px 24px}.ach-progress-info{display:flex;flex-direction:column;gap:6px}.ach-progress-title{color:#e0e0e0;font-size:22px;font-weight:700}.ach-progress-detail{align-items:center;color:#888;display:flex;font-size:13px;gap:8px}.ach-progress-divider{color:#444}.ach-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.ach-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .4s ease}.ach-page{margin:0 auto;max-width:720px;padding:32px 20px}.ach-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ach-header h2{color:#f0f0f0;font-size:22px;font-weight:700;margin:0}.ach-header-count{color:#888;font-size:13px}.ach-tabs{display:flex;gap:8px;margin-bottom:20px}.ach-tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;color:#888;cursor:pointer;font-size:13px;padding:7px 18px;transition:all .2s}.ach-tab:hover{border-color:#ffffff26;color:#ccc}.ach-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;color:#fff}.ach-list{display:flex;flex-direction:column;gap:10px}.ach-empty{color:#666;font-size:14px;padding:60px 0;text-align:center}.ach-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:14px;padding:14px 18px;transition:all .2s}.ach-card.unlocked{background:#3b82f60f;border-color:#3b82f626}.ach-card:hover{background:#ffffff0f;transform:translateY(-1px)}.ach-card.unlocked:hover{background:#3b82f61a}.ach-card-legendary{animation:legendary-gold-shimmer 6s ease-in-out infinite;background:linear-gradient(135deg,#8b6914,#c9a227 12%,#f5d16b 22%,#fff8dc 32%,#f5d16b 42%,#d4a843 52%,#fff8dc 62%,#f5d16b 72%,#c9a227 82%,#8b6914 92%,#c9a227)!important;background-size:300% 300%;border-color:#d4af37cc!important;box-shadow:0 0 40px #d4af3759,0 0 80px #d4af3726,0 0 120px #f5d16b14,inset 0 0 40px #fff8dc2e;overflow:hidden;position:relative}.ach-card-legendary:before{animation:legendary-gold-sheen 5s ease-in-out infinite;background:linear-gradient(105deg,#0000 15%,#fff8dc99 30%,#ffffff40 38%,#0000 52%),linear-gradient(260deg,#0000 20%,#fff8dc59 42%,#0000 60%);background-size:350% 100%,280% 100%;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.ach-card-legendary:after{animation:legendary-gold-dust 5s ease-in-out infinite alternate;background:#fff8dc;border-radius:50%;box-shadow:14px 6px 0 0 gold,48px 20px 0 0 #f5d16be6,82px 4px 0 1px #fff8dc,116px 24px 0 0 #d4af37cc,150px 10px 0 0 #ffd700e6,184px 28px 0 0 #f5d16bb3,218px 7px 0 1px #fff8dce6,252px 22px 0 0 #d4af37e6,286px 16px 0 0 #ffd700cc,320px 30px 0 0 #f5d16b99,354px 5px 0 1px #fff8dce6,388px 26px 0 0 #d4af37b3,422px 12px 0 0 gold,456px 24px 0 0 #f5d16bcc,490px 8px 0 1px #fff8dccc,524px 20px 0 0 #d4af37e6,558px 14px 0 0 #ffd700cc,592px 28px 0 0 #f5d16b99,28px 40px 0 0 #ffd700b3,66px 54px 0 1px #f5d16be6,104px 36px 0 0 #fff8dc99,142px 50px 0 0 #d4af37cc,180px 42px 0 1px #ffd700e6,218px 56px 0 0 #f5d16bb3,256px 38px 0 0 #fff8dccc,294px 52px 0 0 #d4af3799,332px 44px 0 1px gold,370px 58px 0 0 #f5d16bcc,408px 40px 0 0 #fff8dcb3,446px 54px 0 0 #d4af37e6,484px 46px 0 1px #ffd700cc,522px 60px 0 0 #f5d16b99,560px 42px 0 0 #fff8dce6,598px 56px 0 0 #d4af37b3,42px 68px 0 0 #ffd70099,98px 62px 0 1px #f5d16bcc,154px 70px 0 0 #fff8dc80,210px 64px 0 0 #d4af37b3,266px 72px 0 1px #ffd700e6,322px 66px 0 0 #f5d16b99,378px 74px 0 0 #fff8dccc,434px 68px 0 1px #d4af37e6,490px 76px 0 0 #ffd700b3,546px 70px 0 0 #f5d16b80,602px 64px 0 1px #fff8dccc;content:"";height:2px;opacity:1;pointer-events:none;position:absolute;width:2px;z-index:2}.ach-card-legendary:hover{background-size:340% 340%!important;box-shadow:0 0 60px #d4af3780,0 0 110px #d4af3738,0 0 160px #f5d16b1f,0 0 220px #fff8dc0f;transform:translateY(-4px) scale(1.025)}.ach-card-legendary .ach-card-progress-fill{animation:legendary-text-flow 3s linear infinite;background:linear-gradient(90deg,#8b6914,#c9a227,#f5d16b,#fff8dc,#f5d16b,#c9a227,#8b6914)!important;background-size:250% 100%;box-shadow:0 0 14px #d4af37b3,0 0 28px #f5d16b4d}.ach-card-legendary .ach-card-icon{animation:legendary-icon-glow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#8b69148c,#f5d16b8c)!important;box-shadow:0 0 22px #d4af378c,0 0 44px #f5d16b38,inset 0 0 14px #fff8dc59;color:#fff8dc!important}.ach-card-legendary .ach-card-rarity{background:linear-gradient(135deg,#8b691459,#f5d16b59)!important;border-color:#d4af37a6!important;font-weight:800;text-shadow:0 0 12px #f5d16b80,0 0 24px #d4af374d}.ach-card-legendary .ach-card-xp:not(.locked){background:linear-gradient(135deg,#8b691466,#f5d16b66)!important;box-shadow:0 0 16px #d4af3766;color:#fff8dc!important}.ach-card-legendary .ach-card-title{color:#3d2a00!important;text-shadow:0 0 6px #fff8dc99,0 0 18px #d4af3759}.ach-card-legendary .ach-card-desc{color:#5c3d00!important;text-shadow:0 0 6px #fff8dc66}.ach-card-legendary .ach-card-progress-text{color:#5c3d00!important}.ach-card-legendary .ach-card-xp-display{font-weight:700}.ach-card-legendary .ach-card-claim-btn{background:linear-gradient(135deg,#3d2a00,#5c3d00,#3d2a00)!important;box-shadow:0 0 12px #d4af374d}.ach-card-legendary .ach-card-claim-btn:hover{background:linear-gradient(135deg,#5c3d00,#7a4f00,#5c3d00)!important;box-shadow:0 0 20px #d4af3773}@keyframes legendary-gold-shimmer{0%{background-position:0 0}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}to{background-position:0 0}}@keyframes legendary-gold-sheen{0%{background-position:250% 0,200% 0}to{background-position:-250% 0,-200% 0}}@keyframes legendary-gold-dust{0%{filter:brightness(1) saturate(1);opacity:.6;transform:translateX(0)}50%{filter:brightness(2.5) saturate(1.3);opacity:1}to{filter:brightness(1.5) saturate(1.1);opacity:.8;transform:translateX(4px)}}.ach-card-common{animation:common-gray-shimmer 6s ease-in-out infinite;background:linear-gradient(135deg,#1a1a2e,#252540 25%,#2d2d44 50%,#252540 75%,#1a1a2e)!important;background-size:200% 200%;border-color:#9ca3af59!important;box-shadow:0 0 12px #9ca3af14,0 0 30px #9ca3af08,inset 0 0 15px #9ca3af0a;overflow:hidden;position:relative}.ach-card-common:before{animation:common-nebula 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 30%,#d1d5db14 0,#0000 55%),radial-gradient(ellipse at 70% 65%,#9ca3af0f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#d1d5db0a 0,#0000 45%);border-radius:12px;bottom:0;left:0;right:0;top:0;z-index:1}.ach-card-common:after,.ach-card-common:before{content:"";pointer-events:none;position:absolute}.ach-card-common:after{animation:common-stardust 5s ease-in-out infinite alternate;background:#d1d5dbb3;border-radius:50%;box-shadow:26px 16px 0 0 #9ca3af80,64px 34px 0 0 #d1d5db66,102px 14px 0 0 #e5e7eb99,140px 32px 0 0 #9ca3af80,178px 20px 0 0 #d1d5db80,216px 38px 0 0 #e5e7eb66,254px 24px 0 0 #9ca3af99,292px 42px 0 0 #d1d5db80,330px 18px 0 0 #e5e7eb80,368px 34px 0 0 #9ca3af66,406px 26px 0 0 #d1d5db99,444px 40px 0 0 #e5e7eb80,482px 22px 0 0 #9ca3af80,520px 36px 0 0 #d1d5db66,558px 28px 0 0 #e5e7eb99,596px 44px 0 0 #9ca3af80,44px 54px 0 0 #d1d5db80,86px 64px 0 0 #e5e7eb99,128px 48px 0 0 #9ca3af66,170px 62px 0 0 #d1d5db80,212px 52px 0 0 #e5e7eb66,254px 66px 0 0 #9ca3af99,296px 50px 0 0 #d1d5db80,338px 64px 0 0 #e5e7eb80,380px 54px 0 0 #9ca3af66,422px 68px 0 0 #d1d5db99,464px 56px 0 0 #e5e7eb80,506px 48px 0 0 #9ca3af80,548px 62px 0 0 #d1d5db66,590px 54px 0 0 #e5e7eb99;height:2px;opacity:.6;width:2px;z-index:2}.ach-card-common:hover{background-size:220% 220%!important;box-shadow:0 0 22px #9ca3af26,0 0 55px #9ca3af0f,0 0 85px #d1d5db08;transform:translateY(-2px) scale(1.015)}.ach-card-common .ach-card-progress-fill{animation:common-text-flow 3s linear infinite;background:linear-gradient(90deg,#6b7280,#9ca3af,#d1d5db,#9ca3af,#6b7280)!important;background-size:200% 100%;box-shadow:0 0 6px #9ca3af40}.ach-card-common .ach-card-icon{animation:common-icon-glow 3.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#6b728040,#9ca3af40)!important;box-shadow:0 0 8px #9ca3af33,0 0 18px #d1d5db0f,inset 0 0 6px #e5e7eb1a;color:#d1d5db!important}.ach-card-common .ach-card-rarity{background:linear-gradient(135deg,#6b728024,#9ca3af24)!important;border-color:#9ca3af4d!important;color:#d1d5db!important;text-shadow:0 0 4px #d1d5db26}.ach-card-common .ach-card-xp:not(.locked){background:linear-gradient(135deg,#6b72802e,#9ca3af2e)!important;box-shadow:0 0 8px #9ca3af26;color:#d1d5db!important}.ach-card-common .ach-card-title{color:#e5e7eb!important;font-weight:700;text-shadow:0 0 4px #d1d5db26}.ach-card-common .ach-card-desc{color:#9ca3af!important;text-shadow:0 0 3px #d1d5db1a}.ach-card-common .ach-card-rarity{color:#e5e7eb!important}.ach-card-common .ach-card-progress-text,.ach-card-common .ach-card-xp-display{color:#9ca3af!important}@keyframes common-gray-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes common-nebula{0%{opacity:.4;transform:scale(1)}to{opacity:.75;transform:scale(1.02)}}@keyframes common-stardust{0%{filter:brightness(.7);opacity:.35}50%{filter:brightness(1.2);opacity:.65}to{filter:brightness(.9);opacity:.45}}@keyframes common-icon-glow{0%{box-shadow:0 0 8px #9ca3af33,0 0 18px #d1d5db0f}to{box-shadow:0 0 14px #9ca3af52,0 0 28px #d1d5db1f,0 0 42px #e5e7eb0d}}@keyframes common-text-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.ach-card-uncommon{animation:uncommon-green-shimmer 5s ease-in-out infinite;background:linear-gradient(135deg,#0a2e1a,#14532d 25%,#166534 50%,#14532d 75%,#0a2e1a)!important;background-size:200% 200%;border-color:#22c55e73!important;box-shadow:0 0 16px #22c55e21,0 0 40px #22c55e0d,inset 0 0 18px #22c55e0d;overflow:hidden;position:relative}.ach-card-uncommon:before{animation:uncommon-nebula 7s ease-in-out infinite alternate;background:radial-gradient(ellipse at 28% 28%,#4ade8024 0,#0000 55%),radial-gradient(ellipse at 72% 68%,#22c55e1a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#6ee7b70d 0,#0000 45%);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.ach-card-uncommon:after{animation:uncommon-stardust 4s ease-in-out infinite alternate;background:#4ade80e6;border-radius:50%;box-shadow:20px 14px 0 0 #22c55eb3,58px 32px 0 0 #4ade8080,96px 12px 0 0 #6ee7b7cc,134px 30px 0 0 #22c55e99,172px 18px 0 0 #4ade80b3,210px 36px 0 0 #6ee7b780,248px 22px 0 0 #22c55ecc,286px 40px 0 0 #4ade8099,324px 16px 0 0 #6ee7b7b3,362px 32px 0 0 #22c55e80,400px 24px 0 0 #4ade80cc,438px 38px 0 0 #6ee7b799,476px 20px 0 0 #22c55eb3,514px 34px 0 0 #4ade8080,552px 26px 0 0 #6ee7b7cc,590px 42px 0 0 #22c55e99,38px 52px 0 0 #4ade8099,80px 62px 0 0 #6ee7b7cc,122px 46px 0 0 #22c55e80,164px 60px 0 0 #4ade80b3,206px 50px 0 0 #6ee7b799,248px 64px 0 0 #22c55ecc,290px 48px 0 0 #4ade8099,332px 62px 0 0 #6ee7b7b3,374px 52px 0 0 #22c55e80,416px 66px 0 0 #4ade80cc,458px 54px 0 0 #6ee7b799,500px 46px 0 0 #22c55eb3,542px 60px 0 0 #4ade8080,584px 52px 0 0 #6ee7b7cc;content:"";height:2px;opacity:.7;pointer-events:none;position:absolute;width:2px;z-index:2}.ach-card-uncommon:hover{background-size:220% 220%!important;box-shadow:0 0 28px #22c55e38,0 0 60px #22c55e14,0 0 90px #4ade800a;transform:translateY(-2px) scale(1.015)}.ach-card-uncommon .ach-card-progress-fill{animation:uncommon-text-flow 2.5s linear infinite;background:linear-gradient(90deg,#16a34a,#4ade80,#6ee7b7,#4ade80,#16a34a)!important;background-size:200% 100%;box-shadow:0 0 8px #22c55e4d}.ach-card-uncommon .ach-card-icon{animation:uncommon-icon-glow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#16a34a47,#4ade8047)!important;box-shadow:0 0 10px #22c55e47,0 0 20px #4ade8014,inset 0 0 8px #6ee7b726;color:#6ee7b7!important}.ach-card-uncommon .ach-card-rarity{background:linear-gradient(135deg,#16a34a29,#4ade8029)!important;border-color:#22c55e61!important;color:#6ee7b7!important;text-shadow:0 0 6px #4ade8033}.ach-card-uncommon .ach-card-xp:not(.locked){background:linear-gradient(135deg,#16a34a33,#4ade8033)!important;box-shadow:0 0 10px #22c55e33;color:#6ee7b7!important}.ach-card-uncommon .ach-card-title{color:#bbf7d0!important;font-weight:700;text-shadow:0 0 6px #4ade8038}.ach-card-uncommon .ach-card-desc{color:#86efac!important;text-shadow:0 0 4px #4ade8026}.ach-card-uncommon .ach-card-rarity{color:#bbf7d0!important}.ach-card-uncommon .ach-card-progress-text{color:#86efac!important}.ach-card-uncommon .ach-card-xp-display{color:#4ade80!important}@keyframes uncommon-green-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes uncommon-nebula{0%{opacity:.5;transform:scale(1)}to{opacity:.9;transform:scale(1.03)}}@keyframes uncommon-stardust{0%{filter:brightness(.8);opacity:.4}50%{filter:brightness(1.4);opacity:.8}to{filter:brightness(1.1);opacity:.55}}@keyframes uncommon-icon-glow{0%{box-shadow:0 0 10px #22c55e47,0 0 20px #4ade8014}to{box-shadow:0 0 16px #22c55e6b,0 0 32px #4ade8026,0 0 48px #6ee7b70f}}@keyframes uncommon-text-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.ach-card-rare{animation:rare-blue-shimmer 5s ease-in-out infinite;background:linear-gradient(135deg,#0c1e3d,#1e3a5f 25%,#1e40af 50%,#1e3a5f 75%,#0c1e3d)!important;background-size:200% 200%;border-color:#3b82f673!important;box-shadow:0 0 18px #3b82f626,0 0 45px #3b82f60f,inset 0 0 20px #3b82f60f;overflow:hidden;position:relative}.ach-card-rare:before{animation:rare-nebula 7s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 25%,#60a5fa29 0,#0000 55%),radial-gradient(ellipse at 70% 70%,#3b82f61f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#60a5fa0f 0,#0000 45%);border-radius:12px;bottom:0;left:0;right:0;top:0;z-index:1}.ach-card-rare:after,.ach-card-rare:before{content:"";pointer-events:none;position:absolute}.ach-card-rare:after{animation:rare-stardust 4s ease-in-out infinite alternate;background:#60a5fae6;border-radius:50%;box-shadow:22px 12px 0 0 #3b82f6b3,60px 30px 0 0 #60a5fa80,98px 10px 0 0 #93c5fdcc,136px 28px 0 0 #3b82f699,174px 16px 0 0 #60a5fab3,212px 34px 0 0 #93c5fd80,250px 20px 0 0 #3b82f6cc,288px 38px 0 0 #60a5fa99,326px 14px 0 0 #93c5fdb3,364px 30px 0 0 #3b82f680,402px 22px 0 0 #60a5facc,440px 36px 0 0 #93c5fd99,478px 18px 0 0 #3b82f6b3,516px 32px 0 0 #60a5fa80,554px 24px 0 0 #93c5fdcc,592px 40px 0 0 #3b82f699,40px 50px 0 0 #60a5fa99,82px 60px 0 0 #93c5fdcc,124px 44px 0 0 #3b82f680,166px 58px 0 0 #60a5fab3,208px 48px 0 0 #93c5fd99,250px 62px 0 0 #3b82f6cc,292px 46px 0 0 #60a5fa99,334px 60px 0 0 #93c5fdb3,376px 50px 0 0 #3b82f680,418px 64px 0 0 #60a5facc,460px 52px 0 0 #93c5fd99,502px 44px 0 0 #3b82f6b3,544px 58px 0 0 #60a5fa80,586px 50px 0 0 #93c5fdcc;height:2px;opacity:.75;width:2px;z-index:2}.ach-card-rare:hover{background-size:220% 220%!important;box-shadow:0 0 30px #3b82f640,0 0 65px #3b82f61a,0 0 95px #60a5fa0d;transform:translateY(-2px) scale(1.015)}.ach-card-rare .ach-card-progress-fill{animation:rare-text-flow 2.5s linear infinite;background:linear-gradient(90deg,#2563eb,#60a5fa,#93c5fd,#60a5fa,#2563eb)!important;background-size:200% 100%;box-shadow:0 0 8px #3b82f659}.ach-card-rare .ach-card-icon{animation:rare-icon-glow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#2563eb4d,#60a5fa4d)!important;box-shadow:0 0 10px #3b82f64d,0 0 22px #60a5fa1a,inset 0 0 8px #93c5fd2e;color:#93c5fd!important}.ach-card-rare .ach-card-rarity{background:linear-gradient(135deg,#2563eb2e,#60a5fa2e)!important;border-color:#3b82f666!important;color:#93c5fd!important;text-shadow:0 0 6px #60a5fa38}.ach-card-rare .ach-card-xp:not(.locked){background:linear-gradient(135deg,#2563eb38,#60a5fa38)!important;box-shadow:0 0 10px #3b82f638;color:#93c5fd!important}.ach-card-rare .ach-card-title{color:#bfdbfe!important;font-weight:700;text-shadow:0 0 6px #60a5fa40}.ach-card-rare .ach-card-desc{color:#93c5fd!important;text-shadow:0 0 4px #60a5fa2e}.ach-card-rare .ach-card-rarity{color:#bfdbfe!important}.ach-card-rare .ach-card-progress-text{color:#93c5fd!important}.ach-card-rare .ach-card-xp-display{color:#60a5fa!important}@keyframes rare-blue-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rare-nebula{0%{opacity:.55;transform:scale(1)}to{opacity:.95;transform:scale(1.03)}}@keyframes rare-stardust{0%{filter:brightness(.8);opacity:.45}50%{filter:brightness(1.4);opacity:.85}to{filter:brightness(1.1);opacity:.6}}@keyframes rare-icon-glow{0%{box-shadow:0 0 10px #3b82f64d,0 0 22px #60a5fa1a}to{box-shadow:0 0 18px #3b82f673,0 0 35px #60a5fa2e,0 0 50px #93c5fd12}}@keyframes rare-text-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.ach-card-epic{animation:epic-purple-shimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#1a0a3e,#3b1d8e 20%,#6d28d9 40%,#7c3aed 55%,#6d28d9 70%,#3b1d8e 85%,#1a0a3e)!important;background-size:250% 250%;border-color:#8b5cf6a6!important;box-shadow:0 0 30px #8b5cf647,0 0 70px #7c3aed1f,inset 0 0 35px #8b5cf61f;overflow:hidden;position:relative}.ach-card-epic:before{animation:epic-nebula 6s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 25%,#a78bfa47 0,#0000 60%),radial-gradient(ellipse at 80% 70%,#c084fc38 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#8b5cf61f 0,#0000 50%),radial-gradient(ellipse at 65% 30%,#d8b4fe1a 0,#0000 45%);border-radius:12px;bottom:0;left:0;right:0;top:0;z-index:1}.ach-card-epic:after,.ach-card-epic:before{content:"";pointer-events:none;position:absolute}.ach-card-epic:after{animation:epic-stardust 3s ease-in-out infinite alternate;background:#d8b4fe;border-radius:50%;box-shadow:18px 8px 0 0 #a78bfae6,52px 22px 0 0 #c084fcb3,86px 6px 0 1px #d8b4fe,120px 25px 0 0 #8b5cf6cc,154px 12px 0 0 #a78bfae6,188px 30px 0 0 #c084fcb3,222px 9px 0 1px #d8b4fee6,256px 24px 0 0 #8b5cf6cc,290px 18px 0 0 #a78bfacc,324px 32px 0 0 #c084fc99,358px 7px 0 1px #d8b4fee6,392px 28px 0 0 #8b5cf6b3,426px 14px 0 0 #a78bfae6,460px 26px 0 0 #c084fcb3,494px 9px 0 0 #d8b4fecc,528px 22px 0 1px #8b5cf6e6,562px 16px 0 0 #a78bfab3,596px 30px 0 0 #c084fccc,32px 42px 0 0 #d8b4feb3,70px 55px 0 1px #a78bfacc,108px 38px 0 0 #c084fc99,146px 52px 0 0 #8b5cf6cc,184px 44px 0 1px #d8b4fee6,222px 58px 0 0 #a78bfab3,260px 40px 0 0 #c084fccc,298px 54px 0 0 #8b5cf6b3,336px 46px 0 1px #d8b4fecc,374px 60px 0 0 #a78bfae6,412px 42px 0 0 #c084fcb3,450px 56px 0 0 #8b5cf6cc,488px 48px 0 1px #d8b4fee6,526px 62px 0 0 #a78bfa99,564px 44px 0 0 #c084fccc,602px 58px 0 0 #8b5cf6b3;height:2px;opacity:.95;width:2px;z-index:2}.ach-card-epic:hover{background-size:280% 280%!important;box-shadow:0 0 50px #8b5cf666,0 0 100px #7c3aed2e,0 0 140px #a78bfa1a;transform:translateY(-3px) scale(1.02)}.ach-card-epic .ach-card-progress-fill{animation:epic-text-flow 2s linear infinite;background:linear-gradient(90deg,#7c3aed,#a78bfa,#c084fc,#e0e7ff,#c084fc,#a78bfa,#7c3aed)!important;background-size:250% 100%;box-shadow:0 0 12px #8b5cf699,0 0 24px #a78bfa40}.ach-card-epic .ach-card-icon{animation:epic-icon-glow 2.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#7c3aed73,#a78bfa73)!important;box-shadow:0 0 18px #8b5cf680,0 0 36px #a78bfa2e,inset 0 0 12px #c084fc4d;color:#e0e7ff!important}.ach-card-epic .ach-card-rarity{background:linear-gradient(135deg,#7c3aed4d,#a78bfa4d)!important;border-color:#8b5cf699!important;color:#e0e7ff!important;font-weight:700;text-shadow:0 0 10px #a78bfa80,0 0 20px #8b5cf640}.ach-card-epic .ach-card-xp:not(.locked){background:linear-gradient(135deg,#7c3aed59,#a78bfa59)!important;box-shadow:0 0 14px #8b5cf659;color:#c084fc!important}.ach-card-epic .ach-card-title{color:#f5f3ff!important;font-weight:800;text-shadow:0 0 10px #a78bfa66,0 0 20px #8b5cf633}.ach-card-epic .ach-card-desc{color:#e0e7ff!important;text-shadow:0 0 6px #a78bfa40}.ach-card-epic .ach-card-progress-text{color:#c4b5fd!important}.ach-card-epic .ach-card-xp-display{color:#a78bfa!important}@keyframes epic-purple-shimmer{0%{background-position:0 0}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}to{background-position:0 0}}@keyframes epic-nebula{0%{opacity:.7;transform:scale(1) rotate(0deg)}to{opacity:1;transform:scale(1.05) rotate(3deg)}}@keyframes epic-stardust{0%{filter:brightness(1);opacity:.6}50%{filter:brightness(2);opacity:1}to{filter:brightness(1.4);opacity:.75}}@keyframes epic-icon-glow{0%{box-shadow:0 0 18px #8b5cf680,0 0 36px #a78bfa2e}to{box-shadow:0 0 30px #8b5cf6a6,0 0 55px #a78bfa47,0 0 75px #c084fc1f}}@keyframes epic-text-flow{0%{background-position:0 50%}to{background-position:250% 50%}}.ach-card-mythic{animation:mythic-breathe 4s ease-in-out infinite alternate;border-color:#a855f780!important;box-shadow:0 0 25px #a855f733,0 0 50px #3b82f61a,inset 0 0 30px #a855f70f,0 0 80px #8b5cf60f;overflow:hidden;position:relative}.ach-card-mythic:before{animation:mythic-nebula 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 30%,#7832ff21 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#ec48991a 0,#0000 45%),radial-gradient(ellipse at 50% 50%,#3b82f614 0,#0000 40%);border-radius:12px;bottom:0;left:0;right:0;top:0;z-index:0}.ach-card-mythic:after,.ach-card-mythic:before{content:"";pointer-events:none;position:absolute}.ach-card-mythic:after{animation:mythic-stars-twinkle 2.5s ease-in-out infinite alternate;background:#fff;border-radius:50%;box-shadow:18px 8px 0 0 #ffffffe6,56px 18px 0 0 #c8b4ffb3,94px 5px 0 0 #fff9,132px 22px 0 0 #ffdcffcc,170px 12px 0 0 #ffffff80,208px 28px 0 0 #b4c8ffb3,246px 7px 0 0 #fff9,284px 20px 0 0 #dcb4ffcc,322px 15px 0 0 #ffffffb3,360px 30px 0 0 #ffc8ff99,398px 9px 0 0 #ffffffe6,436px 25px 0 0 #c8b4ffb3,474px 13px 0 0 #fff9,512px 6px 0 0 #ffdcffcc,550px 21px 0 0 #ffffffb3,588px 16px 0 0 #b4c8ff80,626px 29px 0 0 #fff9,32px 42px 0 0 #ffffff80,75px 50px 0 0 #dcb4ffb3,118px 38px 0 0 #fff9,161px 52px 0 0 #c8c8ff80,204px 35px 0 0 #fffc,247px 48px 0 0 #ffc8ff99,290px 42px 0 0 #ffffffb3,333px 55px 0 0 #b4b4ffcc,376px 40px 0 0 #ffffff80,419px 53px 0 0 #dcc8ffb3,462px 45px 0 0 #fff9,505px 58px 0 0 #ffb4ffcc,548px 38px 0 0 #ffffffb3,591px 52px 0 0 #c8b4ff80,634px 44px 0 0 #fff9,10px 68px 0 0 #ffffff4d,48px 75px 0 0 #c8b4ff66,86px 62px 0 0 #ffffff4d,124px 78px 0 0 #ffc8ff66,162px 66px 0 0 #ffffff80,200px 80px 0 0 #b4b4ff4d,238px 64px 0 0 #fff6,276px 76px 0 0 #dcb4ff80,314px 68px 0 0 #fff6,352px 82px 0 0 #ffffff4d,390px 72px 0 0 #c8c8ff66,428px 66px 0 0 #ffffff4d,466px 78px 0 0 #ffb4ff66,504px 70px 0 0 #ffffff80,542px 84px 0 0 #b4c8ff4d,580px 74px 0 0 #fff6,618px 80px 0 0 #dcc8ff66;height:2px;opacity:.8;width:2px;z-index:1}.ach-card-mythic:hover{box-shadow:0 0 35px #a855f759,0 0 70px #3b82f62e,0 0 100px #ec48991f,inset 0 0 40px #a855f71a;transform:translateY(-3px) scale(1.015)}@keyframes mythic-breathe{0%{box-shadow:0 0 25px #a855f733,0 0 50px #3b82f61a}to{box-shadow:0 0 35px #ec489940,0 0 65px #a855f726}}@keyframes mythic-nebula{0%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}to{opacity:.7;transform:scale(1)}}@keyframes mythic-stars-twinkle{0%{filter:brightness(.6);opacity:.3}20%{filter:brightness(1.6);opacity:.9}40%{filter:brightness(.9);opacity:.5}60%{filter:brightness(2);opacity:1}80%{filter:brightness(.7);opacity:.4}to{filter:brightness(1.2);opacity:.7}}.ach-card-legendary .ach-card-title{color:#4a3200!important;font-weight:800;letter-spacing:.3px;text-shadow:0 0 4px #fff8dc80,0 0 12px #d4af374d}.ach-card-legendary .ach-card-desc{color:#6b4d00!important;font-weight:500;text-shadow:0 0 4px #fff8dc59}.ach-card-legendary .ach-card-rarity{background:linear-gradient(135deg,#4a32008c,#64480080)!important;border-color:#d4af3780!important;color:#fff8dc!important;font-weight:600;text-shadow:0 1px 2px #0000004d}.ach-card-legendary .ach-card-progress-text{color:#5c4000!important;font-weight:600;text-shadow:0 0 4px #fff8dc4d}.ach-card-legendary .ach-card-xp-display{color:#4a3200!important;font-weight:800;text-shadow:0 0 8px #fff8dc66}.ach-card-legendary .ach-card-status{color:#6b4d00!important;font-weight:600}.ach-card-legendary .ach-card-status-xp{color:#4a3200!important;font-weight:700}.ach-card-legendary .ach-card-claim-btn{background:linear-gradient(135deg,#4a3200,#6b4d00,#4a3200)!important;border:1px solid #d4af3780;box-shadow:0 2px 12px #4a32004d;color:#f5d16b!important;font-weight:700;text-shadow:0 0 6px #f5d16b4d}.ach-card-legendary .ach-card-claim-btn:hover{background:linear-gradient(135deg,#6b4d00,#8a6800,#6b4d00)!important;box-shadow:0 4px 20px #4a320066;color:#fff8dc!important;transform:translateY(-1px)}.ach-card-icon{align-items:center;background:#ffffff0d;border-radius:10px;color:#555;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;position:relative;width:42px;z-index:3}.ach-card.unlocked .ach-card-icon{background:linear-gradient(135deg,#3b82f633,#8b5cf633);color:#8b5cf6}.ach-card-mythic .ach-card-icon{animation:icon-pulse 2.5s ease-in-out infinite alternate;background:radial-gradient(circle at 50% 50%,#c896ff66,#a855f740)!important;box-shadow:0 0 15px #a855f766,0 0 30px #a855f726,inset 0 0 8px #c896ff33;color:#f0e0ff!important;position:relative;z-index:3}.ach-card-legendary .ach-card-icon{animation:legendary-icon-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#4a320080,#6b4d0073)!important;border:1px solid #d4af3759;box-shadow:0 0 10px #d4af374d,inset 0 0 6px #fff8dc1a;color:#f5d16b!important}.ach-card.locked .ach-card-icon{color:#444}@keyframes icon-pulse{0%{box-shadow:0 0 15px #a855f766,0 0 30px #a855f726}to{box-shadow:0 0 22px #ec489973,0 0 40px #a855f733}}@keyframes legendary-icon-glow{0%{box-shadow:0 0 10px #d4af3740,inset 0 0 4px #fff8dc0d}to{box-shadow:0 0 18px #d4af3766,0 0 30px #f5d16b26,inset 0 0 8px #fff8dc1a}}.ach-card-body{flex:1 1;min-width:0;position:relative;z-index:3}.ach-card-title{color:#e0e0e0;font-size:14px;font-weight:600;margin-bottom:3px}.ach-card.locked .ach-card-title{color:#666}.ach-card-desc{color:#777;font-size:12px}.ach-rarity-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ach-rarity-label{color:#888;font-size:12px;margin-right:4px}.ach-rarity-pill{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:16px;color:#888;cursor:pointer;display:flex;font-size:12px;gap:5px;overflow:hidden;padding:5px 12px;position:relative;transition:all .25s}.ach-rarity-pill:hover{background:#ffffff0f!important;transform:translateY(-1px)}.ach-rarity-pill.active{border-left:3px solid;box-shadow:0 0 12px #ffffff1f;font-weight:700;padding-left:9px!important}.ach-rarity-pill-legendary{animation:rarity-pill-legendary-glow 2.5s ease-in-out infinite alternate}.ach-rarity-pill-legendary:hover{box-shadow:0 0 18px #ffd70066!important;transform:translateY(-2px) scale(1.04)}.ach-rarity-pill-legendary.active{box-shadow:0 0 22px #ffd70080,0 0 44px #ffd7002e!important}@keyframes rarity-pill-legendary-glow{0%{box-shadow:0 0 10px #ffd70033}to{box-shadow:0 0 20px #ffa50059,0 0 40px #ffd7001f}}.ach-rarity-pill-mythic{animation:rarity-pill-mythic-glow 3s ease-in-out infinite alternate}.ach-rarity-pill-mythic:before{animation:rarity-pill-mythic-rotate 5s linear infinite;background:conic-gradient(from 0deg,#0000 0,#a855f72e 20%,#0000 40%,#ec48992e 60%,#0000 80%,#0000 100%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.ach-rarity-pill-mythic,.ach-rarity-pill-mythic span{position:relative;z-index:1}.ach-rarity-pill-mythic:hover{box-shadow:0 0 22px #a855f766,0 0 44px #ec48992e!important;transform:translateY(-2px) scale(1.05)}.ach-rarity-pill-mythic.active{box-shadow:0 0 28px #a855f78c,0 0 56px #ec489938,inset 0 0 20px #a855f71f!important}@keyframes rarity-pill-mythic-glow{0%{box-shadow:0 0 14px #a855f738,0 0 28px #ec48991a}to{box-shadow:0 0 24px #ec48994d,0 0 44px #a855f72e}}@keyframes rarity-pill-mythic-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.legendary-text{-webkit-text-fill-color:#0000;animation:legendary-text-flow 2.5s linear infinite;background:linear-gradient(90deg,#d4af37,gold,#f5e642,#d4af37);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;display:inline-block;font-weight:700}@keyframes legendary-text-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.mythic-text{-webkit-text-fill-color:#0000;animation:mythic-text-flow 3s linear infinite;background:linear-gradient(90deg,#f472b6,#c084fc,#60a5fa,#fbbf24,#f472b6);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;display:inline-block;font-weight:700}@keyframes mythic-text-flow{0%{background-position:0 50%}to{background-position:300% 50%}}.ach-card-rarity{border:1px solid;border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;padding:2px 8px}.ach-card-progress{align-items:center;display:flex;gap:8px;margin-top:8px}.ach-card-progress-bar{background:#ffffff0f;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.ach-card-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;height:100%;transition:width .4s ease}.ach-card-mythic .ach-card-progress-fill{background:linear-gradient(90deg,#a855f7,#3b82f6,#ec4899)!important;box-shadow:0 0 8px #a855f780}.ach-card-legendary .ach-card-progress-fill{background:linear-gradient(90deg,#eab308,#f97316)!important;box-shadow:0 0 8px #ffd70066}.ach-card-progress-text{color:#666;font-size:11px;white-space:nowrap}.ach-card-xp{border-radius:8px;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px;position:relative;white-space:nowrap;z-index:3}.ach-card-xp.locked{background:#ffffff08;color:#555}.ach-card-mythic .ach-card-xp:not(.locked){background:#a855f740!important;box-shadow:0 0 10px #a855f740;color:#e0e0ff!important}.ach-card-legendary .ach-card-xp:not(.locked){background:#ffd70040!important;box-shadow:0 0 10px #ffd70040;color:gold!important}.ach-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.ach-spinner{animation:ach-spin .8s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top-color:#3b82f6;height:28px;margin-bottom:12px;width:28px}@keyframes ach-spin{to{transform:rotate(1turn)}}.ach-card-xp-container{align-items:center;display:flex;justify-content:flex-end;min-width:100px;position:relative;z-index:3}.ach-card-claim-btn{border:none;border-radius:6px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease}.ach-card-claim-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.ach-card-claim-btn:active{transform:translateY(0)}.ach-card-xp.claimed{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px}.ach-card-status{align-items:center;border-radius:8px;display:flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.ach-card-status.locked{background:#ffffff08;color:#777}.ach-card-status.claimed{background:#ffffff0d;color:#777}.ach-card-status-check{color:#4ade80;font-weight:700}.ach-card-status-xp{font-weight:600;margin-left:4px}.ach-card-claim-wrapper{align-items:center;display:flex;gap:8px}.ach-card-xp-display{background:#ffffff0d;border-radius:6px;font-size:13px;font-weight:700;padding:4px 8px}.ach-toast{animation:toast-in .3s ease;border-radius:8px;font-size:14px;font-weight:600;left:50%;padding:10px 24px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.ach-toast-success{background:#4ade80e6;color:#111}.ach-toast-error{background:#f87171e6;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.customer-service-page{margin:0 auto;max-width:800px;min-height:calc(100vh - 120px);padding:30px 20px 60px}.cs-header{border-bottom:1px solid #ffffff0f;margin-bottom:40px;padding-bottom:30px;text-align:center}.cs-header h1{align-items:center;color:#4fc3f7;color:var(--accent,#4fc3f7);display:flex;font-size:28px;gap:12px;justify-content:center;margin:0 0 10px}.cs-header h1 svg{font-size:32px}.cs-header p{color:#6b7b8d;color:var(--text-muted,#6b7b8d);font-size:14px;margin:0 0 24px}.cs-search{margin:0 auto;max-width:500px}.cs-search input{background:#1b2838;background:var(--bg-card,#1b2838);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:#c6d4df;color:var(--text-primary,#c6d4df);font-size:15px;outline:none;padding:14px 24px;transition:all .3s ease;width:100%}.cs-search input::placeholder{color:#6b7b8d99}.cs-search input:focus{border-color:#4fc3f7;border-color:var(--accent,#4fc3f7);box-shadow:0 2px 16px #4fc3f726}.cs-faq-content{display:flex;flex-direction:column;gap:32px}.cs-faq-category{background:#1b2838;background:var(--bg-card,#1b2838);border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 4px 20px #00000026;padding:24px;transition:border-color .3s ease}.cs-faq-category:hover{border-color:#4fc3f726}.cs-category-title{align-items:center;border-bottom:1px solid #ffffff0f;color:#c6d4df;color:var(--text-primary,#c6d4df);display:flex;font-size:18px;gap:10px;margin:0 0 20px;padding-bottom:14px}.cs-category-title svg{color:#4fc3f7;color:var(--accent,#4fc3f7);font-size:22px}.cs-faq-list{display:flex;flex-direction:column;gap:8px}.cs-faq-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;overflow:hidden;transition:all .3s ease}.cs-faq-item:hover{background:#ffffff0a;border-color:#ffffff14}.cs-question-btn{align-items:center;background:none;border:none;color:#c6d4df;color:var(--text-primary,#c6d4df);cursor:pointer;display:flex;font-family:inherit;font-size:15px;gap:12px;justify-content:space-between;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.cs-question-btn:hover{color:#4fc3f7;color:var(--accent,#4fc3f7)}.cs-question-text{flex:1 1;line-height:1.5}.cs-question-btn svg{color:#6b7b8d;color:var(--text-muted,#6b7b8d);flex-shrink:0;font-size:18px;transition:color .2s ease}.cs-question-btn:hover svg{color:#4fc3f7;color:var(--accent,#4fc3f7)}.cs-answer{animation:slideDown .3s ease-out;padding:0 20px 20px}.cs-answer p{color:#8b9bb0;color:var(--text-secondary,#8b9bb0);font-size:14px;line-height:1.8;margin:0 0 8px}.cs-answer p:last-child{margin-bottom:0}.cs-no-results{color:#6b7b8d;color:var(--text-muted,#6b7b8d);font-size:15px;padding:60px 20px;text-align:center}.cs-contact-section{background:linear-gradient(135deg,#4fc3f714,#9b59b614);border:1px solid #4fc3f726;border-radius:16px;margin-top:48px;padding:32px;text-align:center}.cs-contact-section h3{color:#c6d4df;color:var(--text-primary,#c6d4df);font-size:20px;margin:0 0 8px}.cs-contact-section>p{color:#6b7b8d;color:var(--text-muted,#6b7b8d);font-size:14px;margin:0 0 24px}.cs-contact-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cs-contact-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#c6d4df;color:var(--text-primary,#c6d4df);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:12px 28px;text-decoration:none;transition:all .3s ease}.cs-contact-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.cs-contact-btn.primary{background:linear-gradient(135deg,#4fc3f7,#9b59b6cc);background:linear-gradient(135deg,var(--accent,#4fc3f7),#9b59b6cc);border:none;box-shadow:0 4px 16px #4fc3f74d;color:#fff}.cs-contact-btn.primary:hover{box-shadow:0 6px 24px #4fc3f766;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.customer-service-page{padding:20px 16px 40px}.cs-header h1{font-size:22px}.cs-faq-category{padding:18px}.cs-question-btn{font-size:14px;padding:14px 16px}.cs-contact-section{padding:24px 20px}.cs-contact-buttons{flex-direction:column}.cs-contact-btn{justify-content:center;width:100%}}.changelog-page{background:#0d1117;color:#c9d1d9;min-height:calc(100vh - 60px);padding:60px 20px}.changelog-container{margin:0 auto;max-width:800px}.changelog-title{color:#e6edf3;font-size:2rem;font-weight:600;margin-bottom:8px}.changelog-subtitle{color:#8b949e;font-size:14px;margin-bottom:48px}.changelog-empty{align-items:center;color:#8b949e;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.changelog-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.changelog-empty p{font-size:14px}.changelog-list{display:flex;flex-direction:column;gap:32px}.changelog-version{border-left:2px solid #30363d;padding-left:24px;position:relative}.changelog-version:before{background:#238636;border:2px solid #0d1117;border-radius:50%;content:"";height:12px;left:-7px;position:absolute;top:4px;width:12px}.changelog-version-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.changelog-version-tag{background:#1b2838;border:1px solid #30363d;border-radius:12px;color:#58a6ff;font-size:13px;font-weight:600;padding:2px 10px}.changelog-version-date{color:#8b949e;font-size:13px}.changelog-items{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.changelog-items li{color:#c9d1d9;font-size:14px;padding-left:16px;position:relative}.changelog-items li:before{color:#8b949e;content:"•";left:0;position:absolute}.interactive-editor{background:#0e1a26;color:#c6d4df;display:flex;flex-direction:column;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;width:100vw}.ie-topbar{align-items:center;background:#1b2838;border-bottom:1px solid #2a3f55;display:flex;flex-shrink:0;height:52px;padding:0 20px}.ie-back-btn{background:#0000;border:1px solid #4a6b8a;border-radius:6px;color:#c6d4df;cursor:pointer;font-size:13px;margin-right:16px;padding:6px 14px}.ie-back-btn:hover{background:#2a3f55}.ie-title{flex:1 1;font-size:16px;font-weight:600}.ie-topbar-actions{display:flex;gap:10px}.ie-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:7px 20px;transition:all .15s}.ie-btn-save{background:#2a3f55;color:#c6d4df}.ie-btn-save:hover{background:#3a4f65}.ie-btn-publish{background:linear-gradient(135deg,#66c0f4,#3a8fcc);color:#0e1a26}.ie-btn-publish:hover{opacity:.9}.ie-body{display:flex;flex:1 1;overflow:hidden}.ie-sidebar{background:#1b2838;border-right:1px solid #2a3f55;flex-shrink:0;overflow-y:auto;padding:12px;width:220px}.ie-panel{background:#0e1a26;border-radius:8px;padding:12px}.ie-panel-title{color:#66c0f4;font-size:13px;font-weight:600;margin-bottom:10px}.ie-upload-btn{background:#2a3f55;border:1px dashed #4a6b8a;border-radius:6px;color:#c6d4df;cursor:pointer;display:block;font-size:12px;margin-bottom:10px;padding:8px;text-align:center;transition:all .15s;width:100%}.ie-upload-btn:hover{background:#3a4f65;border-color:#66c0f4}.ie-media-list{display:flex;flex-direction:column;gap:8px}.ie-media-item{background:#1b2838;border:1px solid #2a3f55;border-radius:6px;cursor:pointer;padding:6px;transition:all .15s}.ie-media-item.active,.ie-media-item:hover{border-color:#4c9b5f}.ie-media-name{color:#c6d4df;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-media-meta{color:#8f98a0;font-size:10px;margin-top:2px}.ie-media-add-btn{background:#2a4a3a;border:1px solid #4c9b5f;border-radius:4px;color:#4c9b5f;cursor:pointer;font-size:11px;margin-top:6px;padding:4px;width:100%}.ie-media-add-btn:hover{background:#3a5a4a}.ie-media-del-btn{background:#3a1a1a;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:11px;margin-top:6px;padding:4px;width:100%}.ie-media-del-btn:hover{background:#4a2a2a}.ie-button-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.ie-button-item{align-items:center;background:#1b2838;border:1px solid #2a3f55;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;transition:all .15s}.ie-button-item.active,.ie-button-item:hover{background:#1a3250;border-color:#66c0f4}.ie-btn-label{color:#c6d4df;flex:1 1}.ie-btn-time{color:#8f98a0;font-size:10px}.ie-btn-delete{background:#0000;border:none;color:#e74c3c;cursor:pointer;font-size:14px;padding:0 4px}.ie-btn-delete:hover{color:#ff6b6b}.ie-main,.ie-preview{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ie-preview{padding:12px}.ie-preview-screen{align-items:center;aspect-ratio:16/9;background:#000;border-radius:8px;display:flex;justify-content:center;margin:0 auto;max-width:640px;overflow:hidden;position:relative;width:100%}.ie-preview-placeholder{color:#4a6b8a;font-size:14px}.ie-play-controls{align-items:center;display:flex;flex-shrink:0;gap:10px;padding:8px 0}.ie-play-controls button{align-items:center;background:#2a3f55;border:none;border-radius:50%;color:#c6d4df;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .15s;width:36px}.ie-play-controls button:hover{background:#3a4f65}.ie-time-display{color:#8f98a0;font-size:12px;min-width:80px;text-align:center}.ie-play-controls input[type=range]{accent-color:#66c0f4;flex:1 1;height:4px}.ie-timeline{background:#1b2838;border-top:1px solid #2a3f55;display:flex;flex-direction:column;flex-shrink:0;height:150px}.ie-timeline-header{align-items:center;border-bottom:1px solid #2a3f55;color:#8f98a0;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:6px 12px}.ie-timeline-body{flex:1 1;overflow-x:auto;overflow-y:hidden;position:relative}.ie-timeline-ruler{background:#0e1a26;border-bottom:1px solid #2a3f55;height:20px;position:relative}.ie-ruler-mark{border-left:1px solid #2a3f55;color:#4a6b8a;font-size:9px;height:100%;line-height:20px;padding-left:3px;position:absolute;top:0}.ie-playhead-line{background:#66c0f4;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.ie-playhead-line:before{background:#66c0f4;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:8px;left:-4px;position:absolute;top:-3px;width:10px}.ie-tracks{position:relative}.ie-track{border-bottom:1px solid #1b2838;display:flex;height:44px}.ie-track-label{align-items:center;background:#0e1a26;border-right:1px solid #2a3f55;color:#4a6b8a;display:flex;flex-shrink:0;font-size:10px;justify-content:center;width:70px}.ie-track-content{background:#0e1a26;flex:1 1;position:relative}.ie-timeline-clip{align-items:center;background:linear-gradient(135deg,#2a4a6a,#1a3a5a);border:1px solid #4a8aba;border-radius:4px;color:#c6d4df;cursor:pointer;display:flex;font-size:10px;gap:6px;height:calc(100% - 6px);overflow:hidden;padding:0 6px;position:absolute;top:3px}.ie-clip-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-clip-duration{color:#8f98a0;flex-shrink:0;font-size:9px}.ie-clip-handle{bottom:0;cursor:ew-resize;position:absolute;top:0;width:6px;z-index:2}.ie-clip-handle-left{left:0}.ie-clip-handle-right{right:0}.ie-clip-handle:hover{background:#66c0f44d}.ie-timeline-btn-marker{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;position:absolute;top:0;z-index:5}.ie-btn-marker-dot{background:#e67e22;border:2px solid #f39c12;border-radius:50%;height:10px;margin-top:4px;width:10px}.ie-btn-marker-label{color:#f39c12;font-size:8px;margin-top:2px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-preview-button{animation:btnFadeIn .3s ease}@keyframes btnFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ie-properties{background:#1b2838;border-left:1px solid #2a3f55;flex-shrink:0;overflow-y:auto;padding:12px;width:240px}.ie-prop-group{margin-bottom:10px}.ie-prop-group label{color:#8f98a0;display:block;font-size:11px;margin-bottom:4px}.ie-prop-group input[type=number],.ie-prop-group input[type=text],.ie-prop-group select,.ie-prop-group textarea{background:#0e1a26;border:1px solid #2a3f55;border-radius:4px;box-sizing:border-box;color:#c6d4df;font-size:12px;padding:6px 8px;width:100%}.ie-prop-group input[type=range]{accent-color:#66c0f4;vertical-align:middle;width:65%}.ie-prop-group input[type=color]{appearance:none;border:1px solid #2a3f55;border-radius:4px;cursor:pointer;height:28px;padding:0;vertical-align:middle;width:36px}.ie-prop-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ie-prop-group input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.ie-prop-group span{color:#8f98a0;font-size:11px;margin-left:6px}.ie-btn-delete-full{background:#0000;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:12px;padding:8px;width:100%}.ie-btn-delete-full:hover{background:#e74c3c1a}#root,body,html{margin:0;min-height:100vh;overflow-y:auto;padding:0}*,:after,:before{box-sizing:border-box}@media (orientation:portrait){body:before{align-items:center;background:#0a0e17;bottom:0;color:#4fc3f7;content:"请将设备旋转至横屏使用";display:flex;font-size:20px;font-weight:700;justify-content:center;left:0;padding:20px;position:fixed;right:0;text-align:center;top:0;z-index:999999}body>*{display:none!important}body:before{display:flex!important}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{max-width:100vw;overflow-x:hidden}body{overflow-y:auto}:root{--bg-primary:#0a0e17;--bg-secondary:#0d1421;--bg-card:#111827;--bg-card-hover:#1a2332;--bg-glass:#111827cc;--accent:#4fc3f7;--accent-hover:#81d4fa;--accent-glow:#4fc3f74d;--accent-purple:#b388ff;--accent-purple-glow:#b388ff4d;--accent-green:#69f0ae;--accent-green-glow:#69f0ae4d;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-muted:#5f6368;--border:#4fc3f726;--border-hover:#4fc3f74d;--border-color:#4fc3f726;--card-bg:#111827;--card-color:#111827;--bg-elevated:#111827e6;--bg-tertiary:#0d1421;--bg-dark:#0a0e17;--bg-hover:#4fc3f714;--text-tertiary:#5f6368;--glow-blue:0 0 20px #4fc3f766;--glow-purple:0 0 20px #b388ff66;--glow-green:0 0 20px #69f0ae66;--radius:12px;--radius-lg:20px;--radius-sm:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:linear-gradient(135deg,#0a0e17,#0d1421);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background-attachment:fixed;color:#e8eaed;color:var(--text-primary);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,-apple-system,sans-serif;line-height:1.6;max-width:100vw;min-height:100vh;overflow-x:hidden}body:before{animation:twinkle 8s ease-in-out infinite alternate;background-image:radial-gradient(2px 2px at 20px 30px,#fff3,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff26,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff40,#0000),radial-gradient(2px 2px at 160px 120px,#4fc3f733,#0000),radial-gradient(1px 1px at 230px 80px,#ffffff26,#0000),radial-gradient(2px 2px at 300px 150px,#b388ff33,#0000),radial-gradient(1px 1px at 380px 200px,#ffffff1a,#0000),radial-gradient(2px 2px at 450px 50px,#fff3,#0000);background-size:500px 300px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}button{cursor:pointer;font-family:inherit}img{max-width:100%}::-webkit-scrollbar{background:#0000;height:0;width:0}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar-corner{background:#0000}.btn-primary{background:linear-gradient(135deg,#4fc3f7,#29b6f6);background:linear-gradient(135deg,var(--accent) 0,#29b6f6 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 0 20px #4fc3f766;box-shadow:var(--glow-blue);color:#0a0e17;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-primary:hover{box-shadow:0 8px 25px #4fc3f780;transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-green{background:linear-gradient(135deg,#69f0ae,#00e676);background:linear-gradient(135deg,var(--accent-green) 0,#00e676 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 0 20px #69f0ae66;box-shadow:var(--glow-green);color:#0a0e17;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-green:hover{box-shadow:0 8px 25px #69f0ae80;transform:translateY(-2px)}.btn-ghost{background:#0000;border:2px solid #4fc3f7;border:2px solid var(--accent);border-radius:12px;border-radius:var(--radius);color:#4fc3f7;color:var(--accent);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-ghost:hover{background:#4fc3f729;border-color:#4fc3f78c;box-shadow:0 4px 16px #4fc3f733;color:#7ee8fa;transform:translateY(-2px)}.btn-purple{background:linear-gradient(135deg,#b388ff,#7c4dff);background:linear-gradient(135deg,var(--accent-purple) 0,#7c4dff 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 0 20px #b388ff66;box-shadow:var(--glow-purple);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-purple:hover{box-shadow:0 8px 25px #b388ff80;transform:translateY(-2px)}input,select,textarea{background:#111827;background:var(--bg-card);border:2px solid #4fc3f726;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e8eaed;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:#4fc3f7;border-color:var(--accent);box-shadow:0 0 0 3px #4fc3f74d;box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:#5f6368;color:var(--text-muted)}.card{background:#111827;background:var(--bg-card);border:1px solid #4fc3f726;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{border-color:#4fc3f7;border-color:var(--accent);box-shadow:0 12px 40px #0006,0 0 20px #4fc3f766;box-shadow:0 12px 40px #0006,var(--glow-blue);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827cc;background:var(--bg-glass);border:1px solid #4fc3f726;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg)}.container{margin:0 auto;max-width:1400px;padding:0 24px}.page-title{align-items:center;color:#e8eaed;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:24px}.page-title:before{background:linear-gradient(180deg,#4fc3f7,#7ee8fa 35%,#b388ff 70%,#9c64ff);border-radius:3px;box-shadow:0 0 8px #4fc3f780,0 0 18px #b388ff40;content:"";display:inline-block;flex-shrink:0;height:28px;position:relative;width:3px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#b388ff);background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text}.loading{align-items:center;color:#9aa0a6;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;min-height:200px}.spinner{animation:spin .8s linear infinite;border:3px solid #4fc3f726;border-top-color:#4fc3f7;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;margin-right:12px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.tag{background:linear-gradient(135deg,#4fc3f726,#b388ff26);border:1px solid #4fc3f726;border:1px solid var(--border);border-radius:20px;color:#4fc3f7;color:var(--accent);display:inline-block;font-size:12px;margin:2px;padding:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tag:hover{background:#4fc3f729;border-color:#4fc3f78c;color:#7ee8fa}.price,.price-free{color:#69f0ae;color:var(--accent-green);font-size:18px;font-weight:700;text-shadow:0 0 10px #69f0ae4d;text-shadow:0 0 10px var(--accent-green-glow)}.price-original{color:#5f6368;color:var(--text-muted);font-size:14px;margin-right:8px;text-decoration:line-through}.rating-positive{color:#69f0ae;color:var(--accent-green)}.rating-mixed{color:var(--gold)}.rating-negative{color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}@media (max-width:1200px){.container{max-width:100%}}@media (max-width:992px){.container{padding:0 16px}.page-title{font-size:24px}.btn-green,.btn-primary,.btn-purple{font-size:13px;padding:10px 20px}input,select,textarea{font-size:14px;padding:10px 14px}}@media (max-width:768px){.container{padding:0 12px}.page-title{font-size:20px}.page-title:before{border-radius:2px;height:22px}.btn-green,.btn-primary,.btn-purple{font-size:13px;padding:10px 18px}input,select,textarea{font-size:14px;padding:10px 12px}.tag{font-size:11px;padding:3px 10px}}@media (max-width:640px){.container{padding:0 10px}.page-title{font-size:18px;margin-bottom:16px}.page-title:before{border-radius:2px;height:18px;width:2px}.btn-green,.btn-primary,.btn-purple{font-size:12px;padding:8px 14px}input,select,textarea{font-size:14px;padding:8px 10px}}@media (max-width:480px){.container{padding:0 8px}.page-title{font-size:16px;gap:8px;margin-bottom:12px}.btn-green,.btn-primary,.btn-purple{border-radius:8px;font-size:12px;padding:8px 12px}input,select,textarea{border-radius:8px;font-size:14px;padding:8px 10px}}.text-center{text-align:center}.text-muted{color:#5f6368;color:var(--text-muted)}.text-accent{color:#4fc3f7;color:var(--accent)}.text-purple{color:#b388ff;color:var(--accent-purple)}.text-green{color:#69f0ae;color:var(--accent-green)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.divider{background:linear-gradient(90deg,#0000,#4fc3f726,#0000);background:linear-gradient(90deg,#0000,var(--border),#0000);height:1px;margin:24px 0}ruby{ruby-merge:collapse;ruby-position:over}.pinyin-rt{color:#feca57;font-family:Segoe UI,sans-serif;font-size:.55em;letter-spacing:.5px;white-space:nowrap}ruby:has(.pinyin-rt){display:inline-block;vertical-align:middle}svg{flex-shrink:0;vertical-align:middle}.icon-button{gap:4px;justify-content:center}.button-with-icon,.icon-button{align-items:center;display:inline-flex}.button-with-icon{gap:6px}
/*# sourceMappingURL=main.aeb4d819.css.map*/