.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:2px solid var(--border);border-radius:var(--radius);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:80px;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{display:flex;gap:10px}.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:none}.navbar-search{max-width:180px;min-width:80px}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}}@media (max-width:900px){.navbar-search,.user-name{display:none}.navbar-actions{gap:6px}}@media (max-width:640px){.navbar-inner{gap:8px;height:50px;padding:0 10px}.logo-sub{display:none}.logo-main{font-size:15px}}@media (max-width:380px){.navbar-inner{gap:6px;padding:0 8px}.logo-main{font-size:13px;letter-spacing:1px}}.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-wechat{color:var(--text-muted);font-size:12px;text-align:center}.footer-wechat{margin-top:4px}.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}.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-bg,.hero-overlay{inset:0;position:absolute}.hero-overlay{background:linear-gradient(90deg,#1b2838f2 30%,#1b283880)}.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;font-size:14px;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}@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)}}.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 #66c0f466;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:#66c0f41a;color:#c5d4de}.category-tab.active{background:linear-gradient(135deg,#66c0f433,#4a9cd833);border-color:#66c0f4;box-shadow:0 4px 20px #66c0f433;color:#66c0f4}.category-icon{font-size:24px}.category-name{font-size:15px}.store-main{min-height:400px}.loading{flex-direction:column;padding:80px}.spinner{border:3px solid #66c0f44d;margin-bottom:16px}.empty-state{color:#4a5a69}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state p{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,#1b2838,#2a3a4a);border:1px solid #66c0f433;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.store-item-card:hover{border-color:#66c0f480;box-shadow:0 8px 30px #66c0f44d;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-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-footer{align-items:center;display:flex;gap:8px}.item-price{color:#66c0f4;font-size:18px;font-weight:700}.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))}}.game-detail{padding:24px 20px}.gd-header{margin-bottom:20px}.gd-title{color:#c6d4df;font-size:28px;font-weight:900;margin-bottom:8px}.gd-meta{color:#4a5a69;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.gd-meta span:before{content:""}.gd-layout{align-items:flex-start;display:flex;gap:24px}.gd-main{flex:1 1;min-width:0}.gd-hero-img{border-radius:6px;margin-bottom:16px;width:100%}.gd-desc{color:#8f98a0;font-size:14px;line-height:1.7;margin-bottom:14px}.gd-tags{margin-bottom:16px}.gd-info-grid{background:#0003;border:1px solid #2a475e;border-radius:4px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:14px}.gd-info-item{align-items:center;color:#8f98a0;display:flex;font-size:13px;gap:6px}.gd-reviews h3{border-bottom:1px solid #2a475e;color:#c6d4df;font-size:16px;margin-bottom:16px;padding-bottom:8px}.review-item{background:#0003;border:1px solid #2a475e;border-radius:4px;margin-bottom:12px;padding:14px}.review-header{flex-wrap:wrap;gap:10px}.review-avatar{border-radius:4px;height:32px;width:32px}.review-username{color:#66c0f4;font-size:13px;text-decoration:none}.review-username:hover{text-decoration:underline}.review-pos{color:#5ba32b;font-size:12px}.review-neg{color:#e74c3c;font-size:12px}.review-stars{display:inline-flex;flex-wrap:nowrap;font-size:13px;white-space:nowrap}.review-content{color:#8f98a0;line-height:1.6}.review-form{background:#0003;border:1px solid #2a475e;border-radius:4px;margin-top:20px;padding:16px}.review-form h4{color:#c6d4df;font-size:15px;margin-bottom:12px}.review-form-row{align-items:center;color:#8f98a0;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.star-select{cursor:pointer;display:flex;gap:4px}.star{cursor:pointer;font-size:16px;opacity:.3;transition:opacity .15s}.star.active{opacity:1}.gd-sidebar{flex-shrink:0;position:sticky;top:70px;width:260px}.gd-buy-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;margin-bottom:12px;padding:16px}.gd-sidebar-cover{border-radius:3px;margin-bottom:10px;width:100%}.gd-buy-desc{color:#4a5a69;font-size:12px;line-height:1.5;margin-bottom:10px}.gd-rating-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.gd-rating-label{font-size:13px;font-weight:600}.gd-rating-count,.gd-rec-rate{color:#4a5a69;font-size:11px}.gd-rec-rate{margin-bottom:12px}.gd-price-section{margin:12px 0}.gd-discount-row{align-items:center;display:flex;gap:6px;margin-bottom:4px}.gd-details-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;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:#4a5a69}.gd-detail-row span:last-child{color:#8f98a0;max-width:140px;text-align:right}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;color:#fff}.back-btn:hover{background:#000000e6;border-color:#fff6}@media (max-width:900px){.gd-layout{flex-direction:column-reverse}.gd-sidebar{position:static;width:100%}.back-btn{font-size:13px;left:10px!important;padding:6px 12px;position:fixed!important;top:60px!important;z-index:999!important}.game-detail{padding:70px 12px 24px}.gd-title{font-size:22px}}.report-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.report-modal{animation:modalSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;gap:8px;margin:0}.report-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px;transition:var(--transition)}.report-modal-close:hover{color:var(--text-primary)}.report-target-info{background:#e74c3c1a;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px;padding:12px 24px}.report-target-info strong{color:var(--text-primary)}.report-modal form{padding:24px}.report-form-group{margin-bottom:20px}.report-form-group>label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:10px}.report-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.report-type-item{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:var(--transition)}.report-type-item:hover{border-color:var(--accent)}.report-type-item.selected{background:#e74c3c1a;border-color:#e74c3c}.report-type-item input{display:none}.report-type-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.report-type-desc{color:var(--text-muted);font-size:12px}.report-form-group textarea{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.report-form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.report-image-item{border:1px solid var(--border);border-radius:var(--radius);height:80px;overflow:hidden;position:relative;width:80px}.report-image-item img{height:100%;object-fit:cover;width:100%}.report-image-item button{background:#000000b3;border:none;border-radius:50%;color:#fff;height:24px;position:absolute;right:4px;top:4px;width:24px}.report-add-image,.report-image-item button{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center}.report-add-image{background:var(--bg-dark);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;gap:4px;height:80px;transition:var(--transition);width:80px}.report-add-image:hover{border-color:var(--accent);color:var(--accent)}.report-modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:var(--transition)}.btn-danger:hover{box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:640px){.report-type-grid{grid-template-columns:1fr}}.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}.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{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.search-box{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:10px;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:2px solid var(--border);border-radius:var(--radius-sm);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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0;overflow-y:auto;z-index:2000}.community-post-modal{animation:fadeIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:580px;overflow-y:auto;padding:28px;position:relative;width:100%}.community-post-modal::-webkit-scrollbar{width:6px}.community-post-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.community-post-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.community-post-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.drawer-handle{cursor:grab;display:none;margin-bottom:-8px;padding:8px 0}.drawer-bar{background:var(--border);border-radius:2px;height:4px;margin:0 auto;width:40px}.drawer-close{align-items:center!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;width:36px!important}.drawer-close:hover{background:#e74c3c33!important}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.community-post-modal{animation:slideUp .3s ease-out;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;max-width:100%;padding:20px 16px 24px}.drawer-handle{display:block}.drawer-close{position:absolute;right:12px;top:12px}.modal-header{padding-right:48px}}@media (max-width:480px){.community-post-modal{max-height:80vh;padding:16px 12px 20px}.drawer-close{font-size:16px!important;height:32px!important;width:32px!important}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:24px;padding:4px;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.game-rating-section{background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:12px;padding:12px}.rating-stars{align-items:center;display:flex;gap:4px}.rating-stars .star{color:var(--text-muted);cursor:pointer;font-size:24px;transition:var(--transition)}.rating-stars .star.active,.rating-stars .star:hover{color:#ffd54f;text-shadow:0 0 10px #ffd54f80}.rating-text{color:var(--text-secondary);font-size:14px;margin-left:12px}.media-upload-section{margin-bottom:16px}.media-buttons{display:flex;gap:10px;margin-top:8px}.media-btn{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:var(--transition)}.media-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.media-album-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:10px 0}.media-album-item{aspect-ratio:1;background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;overflow:hidden;position:relative}.media-album-item img,.media-album-item video{height:100%;object-fit:cover;width:100%}.media-remove-btn{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;width:22px}.media-remove-btn:hover{background:#e74c3c}.media-add-btn{align-items:center;background:#0000;border:2px dashed #2a3a4a;border-radius:8px;color:#56708f;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:12px;transition:all .2s;width:100%}.media-add-btn:hover{background:#4fc3f70d;border-color:#4fc3f7;color:#4fc3f7}@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)}.post-settings-panel{background:#141e2b;border:1px solid #2a3a4a;border-radius:8px;margin-top:12px;overflow:hidden;padding:12px}.post-settings-title{color:#66c0f4;font-size:13px;font-weight:600;margin-bottom:10px}.post-settings-sub{padding-left:12px}.post-setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;min-height:28px}.post-setting-row:last-child{margin-bottom:0}.post-setting-label{align-items:center;color:#c6d4df;display:flex;flex-shrink:0;font-size:13px;gap:6px}.post-settings-sub .post-setting-label{color:#8f98a0;font-size:12px}label.toggle.toggle-sm{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;width:14px}.toggle.toggle-sm input:checked+.toggle-slider:before{transform:translateX(18px)}label.toggle.toggle-xs{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;width:12px}.toggle.toggle-xs input:checked+.toggle-slider:before{transform:translateX(16px)}@media (min-width:1400px){.community{max-width:1400px}.community-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}.community-post-modal{max-width:95%;padding:24px}}@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}.community-post-modal{padding:16px 12px 24px}.modal-header h3{font-size:18px}.post-settings-panel{padding:10px}.post-settings-title{font-size:12px}.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}.modal{margin:5px;max-height:80vh;padding:14px 10px}.modal-header{margin-bottom:14px}.modal-header h3{font-size:16px}.modal-close{font-size:20px;padding:2px}.post-settings-panel{padding:8px}.post-settings-title{font-size:11px;margin-bottom: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}.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:2px solid #e74c3c;border-radius:12px;box-shadow:0 0 30px #e74c3c33;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}.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}.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}.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{gap:10px;margin-top:20px}.btn-cancel{background:#0000;border:1px solid #3d5a73;border-radius:6px;color:#8f98a0;padding:10px 16px;transition:all .2s}.btn-cancel:hover{border-color:#66c0f4;color:#66c0f4}.btn-submit{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:6px;display:flex;flex:1 1;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226)}.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 .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;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:12px;transition:all .2s}.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}.emoticon-picker-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.emoticon-picker{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:70vh;max-width:500px;overflow:hidden;width:100%}.emoticon-picker-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.emoticon-tabs{display:flex;gap:8px}.emoticon-tab{align-items:center;background:#0000;border:none;border-radius:20px;color:#fff9;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.emoticon-tab.active{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.emoticon-upload-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;gap:6px}.emoticon-cancel-btn,.emoticon-upload-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.emoticon-cancel-btn{background:#ffffff1a}.emoticon-upload-area{display:flex;flex:1 1;flex-direction:column;padding:20px}.emoticon-dropzone{border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.emoticon-dropzone:hover{background:#6366f11a;border-color:#6366f1}.emoticon-dropzone p{color:#fffc;margin:12px 0 4px}.emoticon-dropzone span{color:#ffffff80;font-size:12px}.emoticon-preview{text-align:center}.emoticon-preview img{border-radius:12px;margin-bottom:16px;max-height:150px;max-width:150px}.emoticon-name-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;margin-bottom:12px;padding:10px 14px;width:100%}.emoticon-name-input:focus{border-color:#6366f1;outline:none}.emoticon-upload-actions{display:flex;gap:12px;justify-content:center}.emoticon-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(5,1fr);overflow-y:auto;padding:16px}.emoticon-item{aspect-ratio:1;background:#ffffff0d;border-radius:8px;overflow:hidden;position:relative}.emoticon-item img{cursor:pointer;height:100%;object-fit:cover;transition:transform .2s;width:100%}.emoticon-item img:hover{transform:scale(1.1)}.emoticon-actions{display:flex;gap:2px;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s}.emoticon-item:hover .emoticon-actions{opacity:1}.emoticon-actions button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;width:22px}.emoticon-actions button:hover{background:#6366f1}.emoticon-added{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:10px;height:22px;justify-content:center;width:22px}.emoticon-empty{color:#ffffff80;grid-column:1/-1;padding:40px;text-align:center}.emoticon-empty p{margin-top:12px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-weight:500}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{border:1px solid #fff3;border-radius:8px;color:#fff;padding:10px 20px}@media (max-width:480px){.emoticon-grid{grid-template-columns:repeat(4,1fr)}.emoticon-picker{max-height:80vh}}.post-detail{margin:0 auto;max-width:900px;overflow-x:hidden;padding:32px 20px}.back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);display:inline-flex;font-size:14px;gap:6px;margin-bottom:20px;padding:8px 16px;text-decoration:none;transition:var(--transition)}.back-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.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:#e74c3c;cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s}.pd-delete-btn:hover{background:#e74c3c26;transform:scale(1.05)}.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:#8f98a0;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:2px solid var(--border);border-radius:50%;height:32px;object-fit:cover;width:32px}.pd-author-name{color:var(--text-primary)}.pd-level{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-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}.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;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:12px 0 24px}.pd-media-image{object-fit:cover}.pd-media-image,.pd-media-video{border:1px solid var(--border);border-radius:var(--radius);max-height:200px;width:100%}.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:#e74c3c;color:#e74c3c}.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:1px solid var(--border);border-radius:var(--radius-sm);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:#e74c3c}.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{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:#1b2838;border:1px solid #2a3a4a;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:6px 10px}.comment-form .reply-hint span{color:#8f98a0;font-size:12px}.comment-form .reply-hint button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:12px;margin-left:auto}.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,#e74c3c,#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,#66c0f4,#4a9cd8);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)}.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{border-radius:8px;max-height:85vh;max-width:90vw;object-fit:contain}.pd-media-image{cursor:pointer}.profile{overflow-x:hidden}.profile-banner{background:linear-gradient(135deg,#0d1621,#1b3a5c 50%,#0d1621);border-bottom:1px solid #2a475e;margin-bottom:0;overflow:hidden;padding:40px 0;position:relative}.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;position:absolute}.profile-hero{align-items:flex-end;display:flex;gap:24px;padding-bottom:0;position:relative}.profile-avatar-wrap{flex-shrink:0;position:relative}.avatar-frame{background:linear-gradient(135deg,#4a6b8a,#6a8baa);border-radius:8px;box-shadow:0 4px 20px #00000080;padding:3px;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{border-radius:6px;display:block;height:100px;object-fit:cover;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}.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:#ffffff1a!important;display:inline-flex;font-size:13px;padding:4px 12px}.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}@keyframes cosmicFlow{0%{background-position:0 50%}to{background-position:300% 50%}}.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-actions{display:flex;flex-shrink:0;gap:10px}.btn-follow{align-items:center;background:linear-gradient(135deg,#1a9fff,#0d7dd5);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s}.btn-follow:hover{background:linear-gradient(135deg,#4db8ff,#1a9fff);box-shadow:0 4px 12px #1a9fff66;transform:translateY(-1px)}.btn-follow.following{background:linear-gradient(135deg,#2ecc71,#27ae60)}.btn-follow.following:hover{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-follow.following:hover:after{content:"取消"}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:24px 0}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:16px;text-align:center}.stat-num{color:#66c0f4;font-size:26px;font-weight:800}.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:var(--accent);border-color:var(--accent);color:#fff}.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;color:#8f98a0;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .15s;white-space:nowrap}.profile-tab.active,.profile-tab:hover{border-bottom-color:#66c0f4;color:#66c0f4}.profile-games-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-game-item{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:block;overflow:hidden;text-decoration:none;transition:border-color .2s}.profile-game-item:hover{border-color:var(--accent)}.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:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:16px 10px;text-decoration:none;transition:border-color .2s}.friend-card:hover{border-color:var(--accent)}.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:var(--bg-card);border:1px solid #0000;border-radius:3px;display:flex;gap:10px;padding:12px 14px;text-decoration:none;transition:all .15s}.profile-post-item:hover{background:var(--bg-hover);border-color:var(--border)}.profile-post-title{color:#c6d4df;flex:1 1;font-size:14px}.profile-post-item:hover .profile-post-title{color:#66c0f4}.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}.library{padding:30px 20px}.library-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.library-stats{color:#4a5a69;display:flex;font-size:13px;gap:20px}.library-search{display:block;margin-bottom:20px;width:260px}.library-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.library-item{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:block;overflow:hidden;position:relative;text-decoration:none;transition:border-color .2s}.library-item:hover{border-color:var(--accent)}.library-item img{aspect-ratio:16/7.5;display:block;object-fit:cover;width:100%}.library-item-info{padding:10px 12px}.library-item-title{color:#c6d4df;font-size:14px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-time{color:#4a5a69;font-size:12px}.library-item-hover{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.library-item:hover .library-item-hover{opacity:1}.library-item-hover span{color:#66c0f4;font-size:15px;font-weight:700}.cart{padding:30px 20px}.cart-empty{align-items:center;color:#4a5a69;display:flex;flex-direction:column;font-size:16px;gap:16px;padding:60px;text-align:center}.cart-layout{align-items:flex-start;display:flex;gap:24px}.cart-items{display:flex;flex:1 1;flex-direction:column;gap:4px}.cart-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:flex;gap:16px;padding:12px}.cart-item-img{border-radius:2px;flex-shrink:0;height:69px;object-fit:cover;width:184px}.cart-item-info{flex:1 1;min-width:0}.cart-item-title{color:#c6d4df;display:block;font-size:15px;margin-bottom:6px;text-decoration:none}.cart-item-title:hover{color:#66c0f4}.cart-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.cart-remove{background:none;border:none;border-radius:3px;color:#4a5a69;cursor:pointer;font-size:16px;padding:4px;transition:all .15s}.cart-remove:hover{background:#e74c3c1a;color:#e74c3c}.cart-summary{flex-shrink:0;position:sticky;top:70px;width:280px}.summary-box{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:20px}.summary-title{border-bottom:1px solid #2a475e;color:#c6d4df;font-size:16px;font-weight:700;margin-bottom:14px;padding-bottom:10px}.summary-row{color:#8f98a0;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.summary-discount{color:#5ba32b;font-size:13px;text-align:right}.summary-total{border-top:1px solid #2a475e;color:#c6d4df;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.summary-total,.wallet-info{align-items:center;display:flex;justify-content:space-between}.wallet-info{background:#0d1520;border-radius:6px;color:#8a9aaa;font-size:14px;margin-top:10px;padding:10px}.wallet-balance{color:#4caf50;font-size:16px;font-weight:700}.balance-warning{color:#f44336;font-size:12px;margin-top:6px;text-align:center}.link-btn{background:none;border:none;color:#2196f3;cursor:pointer;font-size:12px;text-decoration:underline}@media (max-width:768px){.cart-layout{flex-direction:column}.cart-summary{position:static;width:100%}.cart-item-img{height:45px;width:120px}}.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 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)}.studio{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:520px;padding:0 20px 20px}.studio-topbar{align-items:center;background:#1e1e2e;border:1px solid #333;border-bottom:none;border-radius:6px 6px 0 0;display:flex;gap:12px;padding:10px 16px}.studio-title{color:#ccc;font-size:13px;font-weight:600;white-space:nowrap}.studio-select{background:#2a2a3c;border:1px solid #444;border-radius:4px;color:#ddd;cursor:pointer;font-size:12px;min-width:150px;padding:6px 12px}.studio-gap{flex:1 1}.studio-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 18px;transition:filter .15s}.studio-btn:disabled{cursor:not-allowed;opacity:.35}.studio-btn:hover:not(:disabled){filter:brightness(1.15)}.studio-btn-run{background:#0eaa50;color:#fff}.studio-btn-save{background:#4a6cf7;color:#fff}.studio-body{border:1px solid #333;border-radius:0 0 6px 6px;display:flex;flex:1 1;min-height:0;overflow:hidden}.studio-editor{flex:1 1;min-width:0}.studio-loading{align-items:center;background:#1e1e2e;color:#888;display:flex;font-size:14px;height:100%;justify-content:center}.studio-preview{background:#fff;border-left:1px solid #333;display:flex;flex-direction:column;width:440px}.studio-preview-head{background:#1e1e2e;color:#aaa;font-size:11px;font-weight:600;letter-spacing:1px;padding:8px 14px;text-transform:uppercase}.studio-iframe{border:none;flex:1 1;width:100%}.studio-preview-blank{align-items:center;color:#bbb;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.studio-preview-blank svg{font-size:28px;opacity:.2}.studio-preview-blank p{font-size:13px}@media (max-width:900px){.studio{height:auto}.studio-body{flex-direction:column}.studio-preview{border-left:none;border-top:1px solid #333;height:300px;width:100%}}.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}.empty-state p{font-size:15px;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;font-size:14px;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}}.wallet-page{margin:0 auto;max-width:1000px;min-height:calc(100vh - 200px);padding:0 0 60px}.wallet-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;height:50vh;justify-content:center}.wallet-header{padding:48px 20px 24px;text-align:center}.wallet-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center}.wallet-header .subtitle,.wallet-header h1 svg{color:var(--accent-green)}.wallet-header .subtitle{font-size:15px;margin-top:8px;opacity:.8}.wallet-main-grid{display:flex;flex-direction:column;gap:16px;padding:0 20px}.balance-card{background:linear-gradient(135deg,#69f0ae1a,#111827e6);border:1px solid #69f0ae33;border-radius:var(--radius-lg);box-shadow:0 8px 40px #0000004d,var(--glow-green);padding:32px}.balance-top{gap:24px;margin-bottom:28px}.balance-icon,.balance-top{align-items:center;display:flex}.balance-icon{background:linear-gradient(135deg,var(--accent-green),#00e676);border-radius:50%;box-shadow:0 4px 20px var(--accent-green-glow);color:#0a0e17;font-size:32px;height:72px;justify-content:center;width:72px}.balance-info{flex:1 1}.balance-label{color:var(--text-secondary);display:block;font-size:14px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.balance-amount{color:var(--text-primary);display:block;font-size:52px;font-weight:800;line-height:1;text-shadow:0 0 30px var(--accent-green-glow)}.balance-currency{background:#69f0ae33;border-radius:var(--radius-sm);color:var(--accent-green);display:inline-block;font-size:13px;font-weight:600;margin-top:10px;padding:4px 12px}.balance-stats{border-bottom:1px solid #69f0ae1a;border-top:1px solid #69f0ae1a;display:flex;gap:32px;margin-bottom:24px;padding:20px 0}.bstat{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:10px}.bstat strong{color:var(--text-primary)}.bstat .green{color:var(--accent-green)}.balance-actions{display:flex;gap:12px}.btn-deposit{align-items:center;background:linear-gradient(135deg,var(--accent-green),#00e676);border:none;border-radius:var(--radius);box-shadow:var(--glow-green);color:#0a0e17;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 32px;transition:var(--transition)}.btn-deposit:hover{box-shadow:0 8px 30px #69f0ae80;transform:translateY(-2px)}.btn-shop{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:15px;padding:14px 32px;transition:var(--transition)}.btn-shop:hover{border-color:var(--accent);color:var(--accent)}.deposit-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.deposit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.deposit-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.deposit-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:22px;transition:var(--transition)}.deposit-header button:hover{color:var(--text-primary)}.deposit-hint{color:var(--text-muted);font-size:13px;margin-bottom:18px}.deposit-amounts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.deposit-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:var(--transition)}.deposit-chip:hover{background:#69f0ae1a;border-color:var(--accent-green);color:var(--accent-green)}.deposit-input-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;margin-bottom:14px;overflow:hidden}.dollar-prefix{background:var(--bg-primary);border-right:1px solid var(--border);color:var(--accent-green);font-size:18px;font-weight:700;padding:12px 16px}.deposit-input-row input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:18px;outline:none;padding:12px 16px}.btn-deposit-confirm{background:linear-gradient(135deg,var(--accent-green),#00e676);border:none;border-radius:var(--radius);color:#0a0e17;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:var(--transition);width:100%}.btn-deposit-confirm:hover{box-shadow:0 8px 30px #69f0ae80;transform:translateY(-2px)}.redeem-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.redeem-panel h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:8px}.redeem-panel h3 svg{color:#ffd54f}.redeem-hint{color:var(--text-muted);font-size:13px;margin-bottom:16px}.redeem-input-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.redeem-input-row input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex:1 1;font-family:Fira Code,monospace;font-size:16px;letter-spacing:1px;outline:none;padding:12px 16px;transition:var(--transition)}.redeem-input-row input:focus{border-color:#ffd54f;box-shadow:0 0 0 3px #ffd54f33}.btn-redeem{align-items:center;background:linear-gradient(135deg,#ffd54f,#ffb300);border:none;border-radius:var(--radius);color:#0a0e17;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:var(--transition);width:48px}.btn-redeem:hover{box-shadow:0 4px 20px #ffd54f66;transform:scale(1.05)}.redeem-codes-hint{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.hint-code{background:#ffd54f1a;border:1px solid #ffd54f4d;border-radius:var(--radius-sm);color:#ffd54f;cursor:pointer;font-family:Fira Code,monospace;font-size:13px;padding:4px 12px;transition:var(--transition)}.hint-code:hover{background:#ffd54f33}.transactions-section{padding:24px 20px}.transactions-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:18px}.empty-txns{color:var(--text-muted);padding:48px 20px;text-align:center}.empty-txns .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-txns p{color:var(--text-secondary);font-size:15px}.empty-txns small{color:var(--text-muted);font-size:12px}.txns-list{display:flex;flex-direction:column;gap:10px}.txn-row{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;padding:16px 18px;transition:var(--transition)}.txn-row:hover{border-color:var(--accent);transform:translateX(4px)}.txn-icon-wrap{align-items:center;border-radius:50%;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:#69f0ae26}.txn-row.purchase .txn-icon-wrap,.txn-row.purchase_code .txn-icon-wrap{background:#f4433626}.txn-icon.in{color:var(--accent-green);font-size:22px}.txn-icon.out{color:#ef5350;font-size:22px}.txn-info{flex:1 1}.txn-desc{color:var(--text-primary);display:block;font-size:14px;font-weight:500}.txn-date{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.txn-amount{font-family:Fira Code,monospace;font-size:16px;font-weight:700}.txn-amount.positive{color:var(--accent-green)}.txn-amount.negative{color:#ef5350}.promo-section{padding:0 20px}.promo-card{background:linear-gradient(135deg,#4fc3f71a,#b388ff1a);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center}.promo-card h3{color:var(--text-primary);font-size:16px;margin-bottom:8px}.promo-card p{color:var(--text-secondary);font-size:13px}@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%}}.payment-type-switch{display:flex;gap:8px;margin-bottom:16px}.ptype-btn{background:#0000;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.ptype-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.ptype-btn.active{background:#4fc3f71a;border-color:var(--accent);color:var(--accent)}.qr-manual-note{background:#f39c121a;border-radius:6px;color:#f39c12;font-size:12px;margin-top:8px;padding:8px}.qr-payment-area{padding:20px 0;text-align:center}.qr-hint{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.qr-code-wrap{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;display:inline-block;padding:16px}.qr-code-img{display:block;height:220px;width:220px}.qr-amount{color:var(--accent);font-size:28px;font-weight:700;margin:16px 0 8px}.qr-waiting{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:16px}.qr-waiting .spin{animation:spin 1s linear infinite}.btn-cancel-qr{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 24px}.btn-cancel-qr:hover{border-color:#e74c3c;color:#e74c3c}.qr-paid-success{padding:30px 0;text-align:center}.check-circle{align-items:center;animation:scaleIn .3s ease;background:#2ecc71;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.qr-paid-success h3{color:#2ecc71;font-size:20px;margin-bottom:8px}.qr-paid-success p{color:var(--text-secondary);font-size:14px}.deposit-chip.active{background:var(--accent);border-color:var(--accent);color:#0a0e17;font-weight:700;transform:scale(1.05)}.mapstore-page{background:#1b2838;min-height:100vh;padding-bottom:60px}.mapstore-header{background:linear-gradient(180deg,#1b3a5c,#1b2838);padding:40px 20px;text-align:center}.mapstore-header h1{align-items:center;display:flex;font-size:36px;gap:15px;justify-content:center;margin-bottom:10px}.mapstore-header .subtitle{color:#8ba1b5;font-size:16px}.mapstore-tabs{background:#171d25;border-bottom:1px solid #2a3a4a;display:flex;flex-wrap:wrap;gap:10px;padding:20px}.mapstore-tabs button{align-items:center;background:#2a3a4a;border:none;border-radius:6px;color:#c6d4df;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .2s}.mapstore-tabs button:hover{background:#3a4a5a}.mapstore-tabs button.active{background:#4a6b8a;color:#fff}.browse-section{padding:20px}.browse-toolbar{margin-bottom:20px}.search-wrap{margin-bottom:15px}.search-icon{color:#8ba1b5;left:15px}.search-wrap input{background:#171d25;border:1px solid #2a3a4a;border-radius:6px;color:#c6d4df;padding:12px 15px 12px 45px}.search-wrap input:focus{border-color:#4a6b8a}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{background:#2a3a4a;border:none;border-radius:4px;color:#c6d4df;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s}.filter-buttons button:hover{background:#3a4a5a}.filter-buttons button.active{background:#4a6b8a;color:#fff}.maps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.map-card{background:#171d25;border-radius:10px;overflow:hidden;transition:all .3s}.map-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.map-cover{height:160px;overflow:hidden;position:relative}.map-cover img{height:100%;object-fit:cover;width:100%}.map-price{background:#000c;border-radius:4px;color:#2ecc71;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;right:10px;top:10px}.map-info{padding:15px}.map-info h3{font-size:16px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-genre{color:#8ba1b5;font-size:12px;margin-bottom:10px}.map-meta{font-size:12px;gap:15px}.my-section{padding:20px}.my-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.my-header h2{font-size:24px}.btn-create{align-items:center;background:linear-gradient(180deg,#5c8f3a,#3d6a22);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 24px}.btn-create:hover{background:linear-gradient(180deg,#6ba845,#4a8028)}.map-card.my-map{position:relative}.map-status{background:#1b2838;padding:10px 15px}.map-status .status{border-radius:4px;font-size:12px;padding:4px 10px}.map-status .status.pending{background:#f39c12;color:#fff}.map-status .status.approved{background:#2ecc71;color:#fff}.map-status .status.rejected{background:#e74c3c;color:#fff}.map-actions{display:flex;gap:10px;padding:10px 15px}.map-actions button{background:#2a3a4a;border:none;border-radius:4px;color:#c6d4df;cursor:pointer;flex:1 1;font-size:12px;padding:8px}.empty-state{color:#8ba1b5;padding:80px 20px}.empty-state svg{margin-bottom:20px}.empty-state p{font-size:18px;margin-bottom:10px}.empty-state .btn-green{background:linear-gradient(180deg,#5c8f3a,#3d6a22);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:15px 30px}.loading{color:#8ba1b5;text-align:center}.map-detail-page{background:#1b2838;min-height:100vh}.map-detail-error,.map-detail-loading{align-items:center;color:#c6d4df;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a3a4a;border-radius:50%;border-top-color:#4a6b8a;height:40px;width:40px}.map-detail-nav{background:#171d25;border-bottom:1px solid #2a3a4a;padding:15px 20px}.map-detail-nav button{align-items:center;background:#2a3a4a;border:none;border-radius:6px;color:#c6d4df;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background .2s}.map-detail-nav button:hover{background:#3a4a5a}.map-cover-section{height:300px;overflow:hidden;position:relative}.map-cover-img{height:100%;object-fit:cover;width:100%}.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:#8ba1b5;display:flex;gap:20px}.map-meta span{align-items:center;display:flex;gap:5px}.btn-play{background:linear-gradient(180deg,#5c8f3a,#3d6a22);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-info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:#171d25;border-radius:10px;padding:20px}.info-card h3{color:#8ba1b5;font-size:14px;margin-bottom:10px}.info-card p{color:#c6d4df;line-height:1.6}.genre-tag{background:#2a3a4a;border-radius:20px;color:#c6d4df;display:inline-block;font-size:14px;padding:5px 15px}.price-tag{color:#2ecc71;font-size:24px;font-weight:600}.map-review-section{display:flex;flex-direction:column;gap:20px}.comments-card,.rating-card{background:#171d25;border-radius:10px;padding:20px}.comments-card h3,.rating-card h3{color:#c6d4df;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:#8ba1b5;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{gap:5px}.star-btn{background:#2a3a4a;border:none;border-radius:6px;color:#8ba1b5;cursor:pointer;font-size:20px;height:36px;transition:all .2s;width:36px}.star-btn.active{background:#3a4a5a;color:#f39c12}.btn-rate{align-items:center;background:#4a6b8a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 20px}.btn-rate:hover{background:#5a7b9a}.owner-hint{color:#8ba1b5;font-size:14px;margin-top:10px}.comment-form{margin-bottom:20px}.comment-form textarea{background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;color:#c6d4df;font-size:14px;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#4a6b8a;outline:none}.comment-form button{align-items:center;background:#4a6b8a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px}.comment-form button:hover{background:#5a7b9a}.comments-list{display:flex;flex-direction:column;gap:15px}.no-comments{color:#8ba1b5;padding:30px;text-align:center}.comment-item{background:#1b2838;border-radius:8px;padding:15px}.comment-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.comment-avatar{background:#2a3a4a;border-radius:50%;height:32px;width:32px}.comment-user{color:#c6d4df;font-weight:600}.comment-time{color:#8ba1b5;font-size:12px;margin-left:auto}.comment-content{color:#c6d4df;line-height:1.6}.new-map-page{background:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.editor-container{display:flex;flex-direction:column;height:100vh}.editor-body{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.editor-header{align-items:center;background:#252540;border-bottom:1px solid #3a3a5a;display:flex;gap:20px;height:60px;padding:0 20px}.btn-back{background:#0000;border:1px solid #4a4a6a;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.btn-back:hover{background:#3a3a5a}.map-name-input{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;flex:1 1;font-size:16px;max-width:300px;padding:10px 15px}.map-name-input:focus{border-color:#667eea;outline:none}.header-actions{display:flex;gap:10px}.btn-test{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-test:hover{box-shadow:0 4px 15px #f5576c66;transform:translateY(-2px)}.btn-save{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.btn-save:hover{background:#45a049}.editor-toolbar{background:#252540;border-right:1px solid #3a3a5a;box-sizing:border-box;height:100%;min-width:260px;overflow-y:auto;padding:15px;width:260px}.tool-section{margin-bottom:25px}.tool-section h3{color:#888;font-size:13px;margin-bottom:12px;text-transform:uppercase}.object-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.object-btn{align-items:center;background:#3a3a5a;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:12px 8px;transition:all .2s}.object-btn:hover{background:#4a4a6a;transform:translateY(-2px)}.object-btn .obj-icon{font-size:24px}.object-btn .obj-name{color:#aaa;font-size:11px}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.color-btn{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.color-btn:hover{border-color:#fff;transform:scale(1.1)}.prop-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.prop-group label{color:#888;font-size:12px;width:30px}.prop-group input[type=range]{flex:1 1}.prop-group span{color:#aaa;font-size:11px;text-align:right;width:40px}.btn-delete{background:#e74c3c;border:none;border-radius:8px;color:#fff;margin-top:10px;padding:10px;width:100%}.btn-delete:hover{background:#c0392b}.editor-canvas{background:#1a1a2e;flex:1 1;height:100%;overflow:hidden;position:relative}.editor-canvas canvas{height:100%!important;width:100%!important}.background-selector{align-items:center;background:#252540f2;border-radius:25px;bottom:20px;box-shadow:0 4px 20px #0006;display:flex;gap:15px;left:50%;padding:10px 15px;position:absolute;transform:translateX(-50%);z-index:10}.bg-label{color:#888;font-size:12px}.bg-options{display:flex;gap:8px}.bg-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .2s;width:28px}.bg-option:hover{border-color:#fff;transform:scale(1.15)}.bg-option.active{border-color:#667eea;box-shadow:0 0 10px #667eea80}.move-dpad{align-items:center;bottom:80px;display:flex;flex-direction:column;gap:2px;left:20px;position:absolute}.move-dpad .dpad-down,.move-dpad .dpad-left,.move-dpad .dpad-right,.move-dpad .dpad-up{align-items:center;background:#252540f2;border:1px solid #4a4a6a;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:all .1s;-webkit-user-select:none;user-select:none;width:50px}.move-dpad .dpad-down:hover,.move-dpad .dpad-left:hover,.move-dpad .dpad-right:hover,.move-dpad .dpad-up:hover{background:#4a4a6a;color:#fff}.move-dpad .dpad-down:active,.move-dpad .dpad-left:active,.move-dpad .dpad-right:active,.move-dpad .dpad-up:active{background:#667eea;color:#fff}.move-dpad .dpad-row{display:flex;gap:2px}.move-dpad .dpad-center{align-items:center;background:#252540f2;border:1px solid #3a3a5a;border-radius:8px;display:flex;height:40px;justify-content:center;width:50px}.height-controls{display:flex;flex-direction:column;gap:10px;position:absolute;right:240px;top:50%;transform:translateY(-50%)}.height-btn{background:#252540f2;border:1px solid #4a4a6a;border-radius:10px;color:#888;cursor:pointer;font-size:14px;height:50px;transition:all .1s;width:60px}.height-btn:hover{background:#4a4a6a;color:#fff}.height-btn:active{background:#667eea;color:#fff}.objects-panel{background:#252540f2;border-left:1px solid #3a3a5a;bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:220px}.panel-header{align-items:center;border-bottom:1px solid #3a3a5a;display:flex;font-size:13px;justify-content:space-between;padding:15px}.panel-header .count{background:#667eea;border-radius:10px;font-size:11px;padding:2px 8px}.objects-list{flex:1 1;overflow-y:auto;padding:10px}.obj-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:10px}.obj-item:hover{background:#3a3a5a}.obj-item.selected{background:linear-gradient(135deg,#667eea,#764ba2)}.obj-item .obj-icon{font-size:18px}.obj-item .obj-name{flex:1 1;font-size:12px}.obj-delete{background:#0000;border:none;color:#888;cursor:pointer;font-size:18px;opacity:0}.obj-item:hover .obj-delete{opacity:1}.obj-delete:hover{color:#e74c3c}.empty-hint{color:#666;font-size:12px;padding:30px;text-align:center}.step-select{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}.step-select h1{font-size:32px;margin-bottom:40px}.mode-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);max-width:700px}.mode-card{background:#252540;border:2px solid #0000;border-radius:20px;cursor:pointer;padding:40px;text-align:center;transition:all .3s}.mode-card:hover{border-color:#667eea;box-shadow:0 10px 40px #667eea4d;transform:translateY(-5px)}.mode-icon{font-size:60px;margin-bottom:20px}.mode-card h2{margin-bottom:10px}.mode-card p{color:#888;margin-bottom:20px}.step-info,.step-review{background:#252540;border-radius:20px;margin:40px auto;max-width:500px;padding:30px}.step-info h2,.step-review h2{margin-bottom:25px}.form-group label{color:#888}.form-group input,.form-group select,.form-group textarea{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:10px;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);flex:1 1;font-size:16px;padding:14px}.btn-primary:hover{box-shadow:0 5px 20px #667eea66}.btn-secondary{background:#3a3a5a;border:none;border-radius:12px;flex:1 1;font-size:16px;padding:14px}.btn-secondary:hover{background:#4a4a6a}.review-card{background:#1a1a2e;border-radius:15px;margin-bottom:20px;padding:20px}.review-card h3{color:#667eea;margin-bottom:15px}.review-card p{color:#aaa;margin:8px 0}.review-notice{background:#667eea33;border-radius:10px;margin-bottom:20px;padding:15px}.review-notice p{color:#aaa;font-size:13px}.fp-mode-toast{align-items:center;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #667eea80;border-radius:10px;box-shadow:0 4px 20px #0000004d;color:#fff;display:flex;font-size:14px;gap:12px;padding:12px 20px;position:absolute;right:20px;top:20px;z-index:100}.fp-mode-toast .toast-icon{font-size:20px}.fp-mode-toast .toast-text{color:#667eea;font-weight:500}.fp-mode-toast .toast-key{background:#ff6b6b;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.fp-mode-toast .toast-exit-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 14px;touch-action:manipulation}.fp-mode-toast .toast-exit-btn:active{background:#ff5252;transform:scale(.95)}.mobile-touch-controls{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.mobile-joystick-zone{bottom:40px;height:140px;left:20px;pointer-events:auto;position:absolute;touch-action:none;width:140px}.joystick-base{align-items:center;background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;width:120px}.joystick-indicator{color:#ffffffb3;font-size:40px;text-shadow:0 0 10px #667eeacc}.joystick-hint{color:#fff9;font-size:12px;margin-top:8px;text-align:center}.mobile-look-zone{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;bottom:40px;display:flex;height:140px;justify-content:center;pointer-events:auto;position:absolute;right:20px;touch-action:none;width:140px}.look-hint{color:#fff9;font-size:12px;text-align:center}.mobile-height-controls{display:flex;flex-direction:column;gap:10px;pointer-events:auto;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.mobile-height-btn{background:#667eeab3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;touch-action:manipulation;width:60px}.mobile-height-btn:active{background:#667eeae6;transform:scale(.95)}@media (max-width:768px){.height-controls,.move-dpad{display:none!important}.editor-canvas{bottom:0;left:0;position:fixed;right:0;top:60px}}.code-editor-container{background:#1a1a2e;display:flex;flex-direction:column;height:100vh;overflow:hidden}.code-editor-container .editor-header{align-items:center;background:#252540;border-bottom:1px solid #3a3a5a;display:flex;flex-shrink:0;gap:20px;height:60px;padding:0 20px}.code-editor-container .editor-header h2{font-size:18px;margin:0}.code-editor-body{display:flex;flex:1 1;overflow:hidden;position:relative}.course-list{background:#252540;border-right:1px solid #3a3a5a;min-width:220px;overflow-y:auto;padding:15px;width:220px}.course-list h3{color:#888;font-size:12px;margin-bottom:15px;text-transform:uppercase}.course-item{background:#3a3a5a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:10px 12px;transition:all .2s}.course-item:hover{background:#4a4a6a}.course-item.active{background:linear-gradient(135deg,#667eea,#764ba2)}.course-num{color:#888;font-size:10px}.course-item.active .course-num{color:#ffffffb3}.course-title{color:#fff;font-size:13px;font-weight:500}.tutorial-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.tutorial-content .code-header{align-items:center;background:#2d2d4a;border-bottom:1px solid #3a3a5a;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 15px}.tutorial-content .code-header span{color:#667eea;font-size:14px;font-weight:600}.code-actions{display:flex;gap:10px}.copy-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.copy-btn:hover{background:#5a6fd6}.tutorial-body{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow:hidden;padding:15px}.tutorial-explanation{background:#252540;border-radius:12px;flex-shrink:0;max-height:40%;overflow-y:auto;padding:15px}.tutorial-desc{color:#667eea;font-size:15px;font-weight:500;margin-bottom:15px}.tutorial-text{color:#ccc;font-size:13px;line-height:1.8}.tut-heading{color:#667eea;font-size:15px;font-weight:600;margin:15px 0 8px}.tut-bold{color:gold;font-weight:600;margin:8px 0}.tut-list{color:#aaa;margin:4px 0;padding-left:15px}.tut-bullet{color:#888;margin:2px 0;padding-left:15px}.tut-tip{background:#44ff881a;border-radius:6px;color:#4f8;margin:10px 0;padding:8px 12px}.tut-line{color:#aaa;margin:4px 0}.tut-line code{background:#1a1a2e;border-radius:4px;color:#f8f;font-family:Monaco,monospace;padding:2px 6px}.tutorial-code{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.code-editor-area{background:#1e1e2e;border-radius:10px;flex:1 1;min-height:0;overflow:hidden}.code-textarea{font-size:13px;height:100%;width:100%}.copy-full-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .2s}.copy-full-btn:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.code-preview{background:#252540;border:2px solid #3a3a5a;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.preview-header{background:#2d2d4a;border-bottom:1px solid #3a3a5a;font-size:12px;justify-content:space-between;padding:10px 12px}.preview-header span{align-items:center;color:#667eea;display:flex;font-weight:600;gap:8px}.icon-eye{height:16px;width:16px}.drag-handle{cursor:move;touch-action:none}.preview-controls{align-items:center;gap:6px}.preview-controls button{background:#3a3a5a;height:28px;justify-content:center;transition:background .2s;width:28px}.preview-controls button svg{height:14px;width:14px}.preview-controls button:hover{background:#4a4a6a}.preview-content{align-items:center;background:#1a1a2e;display:flex;flex:1 1;justify-content:center;overflow:hidden}.preview-canvas{background:linear-gradient(45deg,#1a1a2e 25%,#1e1e35 0,#1e1e35 50%,#1a1a2e 0,#1a1a2e 75%,#1e1e35 0);background-size:20px 20px;height:100%;overflow:hidden;position:relative;width:100%}.preview-hint{background:#1a1a2ee6;border-radius:10px;bottom:10px;color:#666;font-size:11px;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%)}.preview-error{align-items:center;display:flex;flex-direction:column;padding:15px;text-align:center}.error-icon-svg{color:#ff6b6b;height:40px;margin-bottom:8px;width:40px}.error-text{color:#ff6b6b;font-size:11px;text-align:center;word-break:break-all}.preview-empty{align-items:center;color:#666;display:flex;flex-direction:column;font-size:12px;gap:8px}.empty-icon{height:32px;opacity:.5;width:32px}.preview-footer{background:#2d2d4a;border-top:1px solid #3a3a5a;display:flex;gap:8px;justify-content:center;padding:8px}.preview-footer button{align-items:center;background:#3a3a5a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:6px 12px;transition:background .2s}.preview-footer button svg{height:12px;width:12px}.preview-footer button:hover{background:#4a4a6a}.publish-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.publish-modal{background:#252540;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:90vw;overflow-y:auto;width:500px}.publish-header{align-items:center;border-bottom:1px solid #3a3a5a;display:flex;justify-content:space-between;padding:20px}.publish-header h2{font-size:20px;margin:0}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:28px;line-height:1;padding:0}.close-btn:hover{color:#fff}.publish-form{padding:20px}.form-row{margin-bottom:15px}.form-row label{color:#888;display:block;font-size:13px;margin-bottom:6px}.form-row input,.form-row select,.form-row textarea{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;width:100%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#667eea;outline:none}.form-row textarea{min-height:80px;resize:vertical}.form-row-group{display:flex;gap:15px}.form-row.half{flex:1 1}.cover-preview{background:#1a1a2e;border-radius:10px;height:120px;margin-top:10px;overflow:hidden;width:100%}.cover-preview img{height:100%;object-fit:cover;width:100%}.publish-actions{border-top:1px solid #3a3a5a;display:flex;gap:15px;padding:20px}.btn-cancel{background:#3a3a5a;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:12px}.btn-cancel:hover{background:#4a4a6a}.btn-publish{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.btn-publish:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.code-sidebar{background:#252540;border-right:1px solid #3a3a5a;overflow-y:auto;padding:15px;width:240px}.code-sidebar h3{color:#888;font-size:12px;margin:15px 0 10px;text-transform:uppercase}.code-sidebar h3:first-child{margin-top:0}.code-sidebar button{background:#3a3a5a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;margin-bottom:8px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.code-sidebar button:hover{background:#4a4a6a}.props-list,.type-list{color:#aaa;font-size:12px}.props-list div,.type-list div{padding:4px 0}.code-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.code-main code-main{display:contents}.code-main.free-content,.code-main.tutorial-content{display:flex;flex-direction:column;height:100%}.code-main.free-content .free-body,.code-main.free-content .free-code,.code-main.tutorial-content .tutorial-body,.code-main.tutorial-content .tutorial-code{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.code-main.free-content .code-editor-area,.code-main.tutorial-content .code-editor-area{display:flex;flex:1 1}.code-main.free-content .code-textarea,.code-main.tutorial-content .code-textarea{flex:1 1;min-height:200px;width:100%}.code-header{align-items:center;background:#2d2d4a;border-bottom:1px solid #3a3a5a;display:flex;justify-content:space-between;padding:10px 15px}.code-header span{color:#667eea;font-size:13px}.code-header button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px}.code-header button:hover{background:#5a6fd6}.code-textarea{background:#1e1e2e;border:none;color:#d4d4d4;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;outline:none;padding:15px;resize:none;tab-size:2}.code-textarea::selection{background:#264f78}.code-footer{background:#252540;border-top:1px solid #3a3a5a;display:flex;justify-content:flex-end;padding:15px 20px}.code-footer .btn-secondary{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.code-footer .btn-secondary:hover{background:#45a049}.mode-tabs{display:flex;gap:8px}.mode-tab{align-items:center;background:#3a3a5a;border:none;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.mode-tab svg{height:16px;width:16px}.mode-tab:hover{background:#4a4a6a;color:#fff}.mode-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.free-content{padding:0}.free-body,.free-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.free-tip{align-items:flex-start;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:12px;color:#a8b3cf;display:flex;font-size:14px;gap:12px;line-height:1.6;margin:0 20px 20px;padding:16px 20px}.free-tip svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.free-tip code{background:#667eea4d;border-radius:4px;color:#fff;font-family:Monaco,Menlo,monospace;padding:2px 6px}.free-code{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 20px 20px}.free-code .code-editor-area{border-radius:12px;flex:1 1;overflow:hidden}@media screen and (max-width:1024px){.code-editor-container{flex-direction:column}.code-sidebar{display:flex;flex-wrap:wrap;gap:8px;height:auto;max-height:150px;padding:10px;width:100%}.code-sidebar h3{margin:0;width:100%}.code-sidebar button{flex:1 1;margin:0;min-width:100px;width:auto}.code-preview{border-radius:8px;height:250px!important;margin-top:10px;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.mode-tabs{flex-wrap:wrap;justify-content:center}.mode-tab{font-size:12px;padding:6px 12px}.mode-tab svg{height:14px;width:14px}}@media screen and (max-width:768px){.editor-header{flex-wrap:wrap;gap:10px;padding:10px}.editor-header h2{align-items:center;display:flex;font-size:16px;gap:8px;justify-content:center;text-align:center;width:100%}.editor-header h2 svg{height:20px;width:20px}.btn-back{font-size:12px;padding:6px 12px}.btn-back svg{height:14px;width:14px}.header-actions{justify-content:center;width:100%}.btn-save{font-size:12px;padding:8px 16px}.btn-save svg{height:14px;width:14px}.mode-tabs{gap:6px}.mode-tab{font-size:11px;padding:6px 10px}.code-main{padding:10px}.code-header{flex-wrap:wrap;gap:8px}.code-header span{font-size:12px;width:100%}.code-header span svg{height:14px;width:14px}.code-actions,.copy-btn{width:100%}.copy-btn{font-size:11px;padding:6px 10px}.copy-btn svg{height:12px;width:12px}.free-tip{font-size:12px;margin:0 10px 15px;padding:12px 15px}.free-tip svg{height:16px;width:16px}.free-code{padding:0 10px 10px}.code-textarea{font-size:12px;padding:10px}.code-preview{height:200px!important;margin:10px;width:calc(100% - 20px)!important}.preview-header{font-size:11px;padding:8px 10px}.preview-controls button{height:24px;width:24px}.preview-footer button{font-size:10px;padding:5px 8px}.preview-footer button svg{height:10px;width:10px}.resize-label{display:none}.tutorial-body{flex-direction:column}.tutorial-explanation{max-height:150px;overflow-y:auto;padding:10px}.tutorial-code{padding:10px}.copy-full-btn{font-size:11px;padding:8px;width:100%}.copy-full-btn svg{height:12px;width:12px}.course-item{font-size:11px;padding:8px}.course-num{font-size:10px}}@media screen and (max-width:480px){.editor-header{padding:8px}.editor-header h2{font-size:14px}.mode-tab{font-size:10px;padding:5px 8px}.mode-tab span:not(.mode-tab svg){display:none}.mode-tab svg{margin:0}.code-preview{height:180px!important}.preview-footer{flex-wrap:wrap;gap:4px}.preview-footer button{flex:1 1;min-width:60px}}.codemarket-page{margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:20px}.codemarket-header{margin-bottom:30px;text-align:center}.codemarket-header h1{align-items:center;color:#fff;display:flex;font-size:32px;gap:12px;justify-content:center;margin-bottom:8px}.codemarket-header .subtitle{color:#8b949e;font-size:14px}.publish-buttons-bar{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.publish-buttons-bar button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-publish-code{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#000}.btn-publish-code:hover{background:linear-gradient(135deg,#29b6f6,#03a9f4);transform:translateY(-2px)}.codemarket-tabs{border-bottom:1px solid #30363d;display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px}.codemarket-tabs button{background:#0000;border:none;border-radius:6px;color:#8b949e;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.codemarket-tabs button:hover{background:#21262d;color:#fff}.codemarket-tabs button.active{background:#1e3a52;color:#4fc3f7}.browse-section{margin-bottom:30px}.search-wrap{margin-bottom:20px;position:relative}.search-wrap input{background:#21262d;border:1px solid #30363d;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px 12px 44px;width:100%}.search-wrap input:focus{border-color:#4fc3f7;outline:none}.search-icon{color:#8b949e;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filters-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-group{flex:1 1;min-width:150px}.filter-group label{color:#8b949e;display:block;font-size:12px;margin-bottom:6px}.filter-group select{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;width:100%}.snippets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.snippet-card{background:#161b22;border:1px solid #30363d;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.snippet-card:hover{border-color:#4fc3f7;box-shadow:0 8px 24px #4fc3f726;transform:translateY(-4px)}.model-cover{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.model-cover img{height:100%;object-fit:cover;width:100%}.model-cover-placeholder{align-items:center;color:#4fc3f7;display:flex;flex-direction:column;gap:8px}.model-cover-placeholder span{color:#8b949e;font-size:12px}.model-price-badge{background:#000000b3;color:#fff;font-weight:600;right:12px}.model-pending-badge,.model-price-badge{border-radius:20px;font-size:12px;padding:4px 10px;position:absolute;top:12px}.model-pending-badge{background:#ffc107e6;color:#000;left:12px}.snippet-content{padding:16px}.snippet-content h4{color:#fff;font-size:16px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8b949e;display:-webkit-box;overflow:hidden}.model-meta,.snippet-desc{font-size:13px;margin-bottom:12px}.model-meta{align-items:center;display:flex;gap:12px}.model-category{background:#21262d;border-radius:4px;color:#4fc3f7;font-size:11px;padding:2px 8px}.model-rating{color:#ffc107}.model-downloads{align-items:center;color:#8b949e;display:flex;gap:4px}.star-rating{display:flex;gap:2px}.star-rating .star{color:#444}.star-rating .star.filled{color:#ffc107}.snippet-footer{border-top:1px solid #30363d;justify-content:space-between;padding-top:12px}.author-info,.snippet-footer{align-items:center;display:flex}.author-info{color:#8b949e;cursor:pointer;font-size:13px;gap:8px}.author-info:hover{color:#4fc3f7}.author-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.purchased-badge{align-items:center;background:#238636;border-radius:4px;color:#fff;display:flex;font-size:11px;gap:4px;padding:2px 8px}.code-empty,.code-loading{color:#8b949e;padding:60px 20px;text-align:center}.my-section,.purchased-section{margin-top:20px}.section-header{justify-content:space-between;margin-bottom:20px}.section-header h3{color:#fff;font-size:20px}.my-snippets{display:flex;flex-direction:column;gap:12px}.my-snippet-row,.purchased-row{background:#161b22;border:1px solid #30363d;gap:16px;padding:16px}.model-cover-mini,.my-snippet-row,.purchased-row{align-items:center;border-radius:8px;display:flex}.model-cover-mini{background:#21262d;color:#4fc3f7;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.model-cover-mini img{height:100%;object-fit:cover;width:100%}.my-snippet-info,.purchased-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.my-snippet-info strong,.purchased-info strong{color:#fff;font-size:15px}.my-snippet-info span,.purchased-info span{color:#8b949e;font-size:13px}.status-badge{display:inline-block;padding:2px 8px;width:fit-content}.status-badge[data-status=approved]{background:#238636;color:#fff}.status-badge[data-status=pending]{background:#ffc107;color:#000}.status-badge[data-status=rejected]{background:#f85149;color:#fff}.row-actions{display:flex;gap:8px}.row-actions button{align-items:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px}.row-actions button.danger:hover{border-color:#f85149;color:#f85149}.detail-modal{max-width:900px;width:95%}.detail-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.detail-layout{grid-template-columns:1fr}}.detail-preview{background:#0d1117;border-radius:12px;overflow:hidden;position:relative}.detail-preview .model-3d-preview{height:350px}.model-preview-placeholder{align-items:center;color:#4fc3f7;display:flex;flex-direction:column;gap:12px;height:350px;justify-content:center}.preview-controls{bottom:12px;display:flex;gap:8px;position:absolute;right:12px}.preview-controls button{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px}.detail-info{display:flex;flex-direction:column;gap:16px}.snippet-detail-meta{align-items:center;display:flex;gap:12px}.model-category-badge{background:#1e3a52;border-radius:20px;color:#4fc3f7;font-size:13px;padding:4px 12px}.author-section{align-items:center;background:#21262d;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px}.author-section:hover{background:#30363d}.author-avatar-lg{border-radius:50%;height:40px;object-fit:cover;width:40px}.author-name{color:#fff;display:block;font-weight:600}.author-label{color:#8b949e;font-size:12px}.stats-row{background:#161b22;border-radius:8px;display:flex;gap:20px;padding:12px}.stat-item{align-items:center;color:#8b949e;display:flex;font-size:14px;gap:6px}.stat-item span{color:#fff}.tags-row{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#21262d;border-radius:16px;color:#8b949e;padding:4px 10px}.reviews-section{border-top:1px solid #30363d;margin-top:16px;padding-top:16px}.reviews-section h4{color:#fff;font-size:14px;margin-bottom:12px}.review-item{background:#161b22;border-radius:8px;margin-bottom:8px;padding:12px}.review-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.review-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.review-author{color:#fff;flex:1 1;font-size:13px}.review-content{color:#8b949e;font-size:13px;margin:0}.add-review{border-top:1px solid #30363d;margin-top:16px;padding-top:16px}.add-review h4{color:#fff;font-size:14px;margin-bottom:12px}.review-form{display:flex;flex-direction:column;gap:12px}.rating-select{align-items:center;color:#fff;gap:8px}.review-form textarea{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#fff;font-size:13px;padding:10px;resize:vertical;width:100%}.review-form button{align-self:flex-end}.buy-actions,.owner-actions,.purchased-actions{display:flex;gap:12px;margin-top:auto;padding-top:16px}.publish-modal{max-width:600px}.publish-modal .modal-body{max-height:70vh;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{color:#8b949e;font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#21262d;border:1px solid #30363d;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4fc3f7;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.upload-area{display:flex;flex-direction:column;gap:8px}.upload-area input[type=file]{display:none}.upload-area textarea{font-family:monospace;font-size:12px}.cover-preview{border-radius:8px;max-height:120px;max-width:200px;object-fit:cover}.publish-note{background:#ffc1071a;border-radius:6px;color:#ffc107;font-size:12px;padding:10px}.file-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.file-upload-row input[type=file]{background:#21262d;border:1px dashed #4fc3f7;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;width:auto}.file-upload-row input[type=file]:hover{background:#30363d}.file-name{color:#4fc3f7;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary{align-items:center;border-radius:6px;color:#000;display:flex;gap:6px;padding:10px 20px}.btn-primary:hover{background:linear-gradient(135deg,#29b6f6,#03a9f4)}.btn-secondary{background:#21262d;border:1px solid #30363d;border-radius:6px;display:flex;padding:10px 20px}.btn-secondary:hover{background:#30363d}.btn-buy-code{align-items:center;background:linear-gradient(135deg,#238636,#2ea043);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px}.btn-buy-code:hover{background:linear-gradient(135deg,#2ea043,#3fb950)}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#161b22;border:1px solid #30363d;border-radius:12px;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.code-modal .modal-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:16px 20px}.code-modal .modal-header h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:8px}.code-modal .modal-header button{background:none;border:none;color:#8b949e;cursor:pointer;font-size:24px}.code-modal .modal-header button:hover{color:#fff}.code-modal .modal-body{padding:20px}.code-modal .modal-footer{border-top:1px solid #30363d;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.model-3d-preview{background:radial-gradient(circle at center,#1a1a2e,#0d1117);height:100%;width:100%}.model-3d-preview canvas{cursor:grab}.model-3d-preview canvas:active{cursor:grabbing}.ci-admin{padding:20px 0}.ci-tabs{display:flex;gap:8px;margin-bottom:20px}.ci-tabs button{background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;color:#8f9daa;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.ci-tabs button:hover{background:#2a3a4a;color:#fff}.ci-tabs button.active{background:#66c0f4;border-color:#66c0f4;color:#fff}.ci-config-header{align-items:center;border-bottom:1px solid #2a3a4a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ci-config-header h4{color:#fff;font-size:16px}.ci-hint{color:#6c7a8a;font-size:12px;margin-bottom:16px}.ci-config-actions{display:flex;gap:8px}.ci-add-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.ci-add-btn:hover{background:#2ecc71}.ci-save-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.ci-save-btn:hover{background:#388e3c}.ci-save-btn:disabled{cursor:not-allowed;opacity:.5}.ci-config-list{display:flex;flex-direction:column;gap:10px}.ci-config-row{align-items:center;background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.ci-day{color:#66c0f4;font-size:14px;font-weight:700;min-width:60px}.ci-config-row input,.ci-config-row select{background:#0d1117;border:1px solid #3d4452;border-radius:6px;color:#fff;font-size:13px;padding:8px 10px}.ci-config-row input{width:120px}.ci-config-row input:focus,.ci-config-row select:focus{border-color:#66c0f4;outline:none}.ci-preview{color:gold;font-size:13px;min-width:80px}.ci-remove-btn{background:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.ci-remove-btn:hover{background:#c9302c}.ci-records h4{color:#fff;font-size:16px;margin-bottom:16px}.ci-table{background:#1b2838;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.ci-table th{background:#2a3a4a;color:#8f9daa;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.ci-table td{border-bottom:1px solid #2a3a4a;color:#c5d4de;font-size:13px;padding:10px 12px}.ci-table tr:hover{background:#ffffff05}.ci-user-cell{align-items:center;display:flex;gap:8px}.ci-user-cell img{border-radius:50%;height:28px;object-fit:cover;width:28px}.ci-streak{color:#ff9800;font-weight:600}.ci-bonus{color:#4caf50;font-weight:600}.ci-empty{color:#6c7a8a;padding:40px 0;text-align:center}.lb-admin{padding:20px 0}.lb-admin-tabs{display:flex;gap:8px;margin-bottom:20px}.lb-admin-tabs button{background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;color:#8f9daa;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.lb-admin-tabs button:hover{background:#2a3a4a;color:#fff}.lb-admin-tabs button.active{background:#66c0f4;border-color:#66c0f4;color:#fff}.lb-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lb-list-header h4{color:#fff;font-size:16px}.lb-create-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.lb-create-btn:hover{background:linear-gradient(135deg,#ab47bc,#9c27b0)}.lb-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.lb-card{background:#1b2838;border:1px solid #2a3a4a;border-radius:12px;padding:16px;transition:all .2s}.lb-card:hover{border-color:#66c0f4}.lb-card.disabled{opacity:.5}.lb-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.lb-card-name{color:#fff;font-size:15px;font-weight:600}.lb-card-status.on{color:#4caf50;font-size:12px}.lb-card-status.off{color:#f44336;font-size:12px}.lb-card-desc{color:#8f9daa;font-size:13px;margin-bottom:8px}.lb-card-price{color:gold;font-size:14px;font-weight:600;margin-bottom:12px}.lb-prizes-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.lb-prize-tag{background:#66c0f426;border-radius:4px;color:#67c1f5;font-size:11px;padding:2px 8px}.lb-card-actions{display:flex;gap:8px}.lb-edit-btn{background:#2196f3}.lb-edit-btn,.lb-toggle-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:6px}.lb-toggle-btn{background:#ff9800}.lb-del-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:6px}.lb-empty{color:#6c7a8a;padding:40px 0;text-align:center}.lb-logs h4{color:#fff;font-size:16px;margin-bottom:16px}.lb-log-table{background:#1b2838;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.lb-log-table th{background:#2a3a4a;color:#8f9daa;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.lb-log-table td{border-bottom:1px solid #2a3a4a;color:#c5d4de;font-size:13px;padding:10px 12px}.lb-user-cell{align-items:center;display:flex;gap:8px}.lb-user-cell img{border-radius:50%;height:28px;object-fit:cover;width:28px}.lb-prize-name{color:gold;font-size:13px}.lb-type-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px}.lb-type-badge.xp{background:#4caf5033;color:#4caf50}.lb-type-badge.usd{background:#ffd70033;color:gold}.lb-type-badge.item{background:#9c27b033;color:#ce93d8}.lb-prize-value{color:#4caf50;font-weight:600}.lb-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}.lb-modal{background:#1b2838;border:1px solid #2a3a4a;border-radius:12px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;width:520px}.lb-modal h4{color:#fff;font-size:16px;margin-bottom:16px}.lb-modal label{color:#8f9daa;display:block;font-size:12px;margin-bottom:4px}.lb-modal input[type=number],.lb-modal input[type=text]{background:#0d1117;border:1px solid #3d4452;border-radius:6px;box-sizing:border-box;color:#fff;font-size:13px;margin-bottom:12px;padding:8px 12px;width:100%}.lb-modal input:focus,.lb-modal select:focus{border-color:#66c0f4;outline:none}.lb-modal select{background:#0d1117;border:1px solid #3d4452;border-radius:6px;color:#fff;font-size:13px;margin-bottom:12px;padding:8px 12px}.lb-modal h5{color:#8f9daa;font-size:13px;margin:12px 0 8px}.lb-prize-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.lb-prize-row input{flex:1 1}.lb-prize-row input,.lb-prize-row select{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px}.lb-prize-remove{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.lb-add-prize{background:#4caf5033;border:1px solid #4caf5066;border-radius:6px;color:#4caf50;cursor:pointer;font-size:12px;margin-bottom:12px;padding:6px 12px}.lb-modal-actions{display:flex;gap:10px;margin-top:16px}.lb-save-btn{background:linear-gradient(135deg,#4caf50,#388e3c);font-weight:600}.lb-cancel-btn,.lb-save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:10px}.lb-cancel-btn{background:#3d4452}.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-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}.admin-lock-screen{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px}.lock-card{background:#1a1a2e;border:1px solid #4fc3f74d;border-radius:16px;box-shadow:0 8px 40px #0006;box-sizing:border-box;max-width:400px;padding:40px 32px;text-align:center;width:100%}@media (max-width:480px){.admin-lock-screen{padding:12px}.lock-card{border-radius:12px;margin:0;padding:24px 16px}.lock-icon{height:64px;margin-bottom:20px;width:64px}.lock-icon svg{height:32px;width:32px}.lock-card h2{font-size:18px;margin-bottom:8px}.lock-card p{font-size:13px;margin-bottom:24px}.lock-form{flex-direction:column;gap:10px}.lock-form input{box-sizing:border-box;font-size:16px;min-width:0;min-width:auto;padding:14px 16px;width:100%}.lock-form button{font-size:16px;padding:14px 24px;width:100%}}@media (min-width:481px) and (max-width:768px){.lock-card{max-width:360px;padding:32px 24px}}.lock-icon{align-items:center;background:linear-gradient(135deg,#4fc3f733,#b388ff33);border-radius:50%;color:#4fc3f7;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.lock-card h2{color:#fff;font-size:22px;margin-bottom:12px}.lock-card p{color:#888;font-size:14px;margin-bottom:32px}.lock-form{display:flex;gap:12px;width:100%}.lock-form input{background:#0a0a1a;border:1px solid #4fc3f74d;border-radius:8px;color:#fff;flex:1 1;flex-shrink:0;font-size:14px;min-width:0;outline:none;padding:12px 16px}.lock-form input:focus{border-color:#4fc3f7}.lock-form button{background:linear-gradient(135deg,#4fc3f7,#b388ff);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:12px 24px;transition:opacity .2s;white-space:nowrap}.lock-form button:hover{opacity:.9}.admin-login{align-items:center;background:linear-gradient(135deg,#1b2838,#2a475e);display:flex;justify-content:center;min-height:100vh}.admin-login-box{background:#1b2838;border-radius:8px;box-shadow:0 8px 32px #0006;padding:40px;width:360px}.admin-login-box h1{color:#fff;font-size:24px;margin-bottom:30px;text-align:center}.admin-login-box form{display:flex;flex-direction:column;gap:15px}.admin-login-box input{background:#171d25;border:1px solid #3d4452;border-radius:4px;color:#fff;font-size:14px;padding:12px 16px}.admin-login-box input:focus{border-color:#66c0f4;outline:none}.admin-login-box button{background:linear-gradient(180deg,#5c8ed9,#4a7ab8);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background .2s}.admin-login-box button:hover{background:linear-gradient(180deg,#66c0f4,#5c8ed9)}.admin-hint{color:#8f9daa;font-size:12px;margin-top:20px;text-align:center}.admin-panel{background:#171d25;min-height:100vh}.admin-header{align-items:center;background:#1b2838;border-bottom:1px solid #2a3a4a;display:flex;justify-content:space-between;padding:20px 40px}.admin-header h1{color:#fff;font-size:24px;margin:0}.admin-actions{display:flex;gap:10px}.admin-btn-secondary{background:#3d4452}.admin-btn-danger,.admin-btn-secondary{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.admin-btn-danger{background:#c74e4e}.admin-tabs{background:#1b2838;border-bottom:1px solid #2a3a4a;display:flex;flex-wrap:wrap;gap:5px;padding:0 40px}.admin-tabs button{background:#0000;border:none;color:#8f9daa;cursor:pointer;font-size:14px;padding:15px 20px;position:relative;transition:all .2s}.admin-tabs button:hover{background:#ffffff0d;color:#fff}.admin-tabs button.active{border-bottom:2px solid #66c0f4;color:#fff}.admin-tabs .badge{background:#c74e4e;border-radius:10px;color:#fff;font-size:11px;padding:2px 6px;position:absolute;right:8px;top:8px}.admin-content{color:#c5c5c5;padding:30px 40px}.sub-tabs{background:#16202d;border-radius:8px;display:flex;gap:5px;margin-bottom:20px;padding:10px}.sub-tabs button{background:#0000;border:none;border-radius:6px;color:#8f9daa;cursor:pointer;font-size:13px;padding:10px 20px;transition:all .2s}.sub-tabs button:hover{background:#ffffff1a;color:#fff}.sub-tabs button.active{background:#66c0f4;color:#fff}.admin-content h3{color:#fff;font-size:18px;margin:20px 0 15px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#1b2838;border-radius:8px}.stat-card h3{font-size:16px;margin:0 0 15px}.stat-card p{font-size:14px;margin:8px 0}.stat-card .pending{color:#f0ad4e}.stat-card .approved{color:#5cb85c}.stat-card .rejected{color:#d9534f}.admin-table{background:#1b2838;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.admin-table th{background:#2a3a4a;color:#fff;font-weight:500;text-align:left}.admin-table td,.admin-table th{font-size:13px;padding:12px 15px}.admin-table td{border-bottom:1px solid #2a3a4a}.admin-table tr:hover{background:#ffffff05}.admin-table .approved{color:#5cb85c}.admin-table .rejected{color:#d9534f}.admin-table .pending{color:#f0ad4e}.admin-table .positive{color:#5cb85c}.admin-table .negative{color:#d9534f}.admin-table code{background:#2a3a4a;border-radius:4px;padding:2px 8px}.pending-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.pending-item{background:#1b2838;border-radius:8px;display:flex;gap:20px;padding:20px}.pending-cover{border-radius:4px;height:94px;object-fit:cover;width:200px}.pending-info{flex:1 1}.pending-info h4{color:#fff;font-size:18px;margin:0 0 10px}.pending-info .creator{color:#66c0f4;font-size:13px;margin-bottom:8px}.pending-info .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8f9daa;display:-webkit-box;font-size:13px;margin-bottom:10px;overflow:hidden}.pending-info .meta{color:#6c7a8a;display:flex;font-size:12px;gap:20px;margin-bottom:15px}.code-preview{margin:10px 0}.code-preview summary{color:#66c0f4;cursor:pointer;font-size:13px}.code-preview pre{background:#0d1117;border-radius:4px;color:#c9d1d9;font-size:12px;max-height:200px;overflow-x:auto;padding:15px}.review-actions{align-items:center;display:flex;gap:10px;margin-top:15px}.review-actions input{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-size:13px;padding:8px 12px}.approve-btn{background:#5cb85c}.approve-btn,.reject-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.reject-btn{background:#d9534f}.delete-btn{background:#d9534f}.delete-btn,.restore-btn{font-size:12px;padding:6px 12px}.restore-btn{background:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer}.reduce-btn{background:#f0ad4e}.end-btn,.reduce-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.end-btn{background:#d9534f}button:disabled{cursor:not-allowed;opacity:.5}.create-code-form{background:#1b2838;border-radius:8px;margin-bottom:20px;padding:20px}.create-code-form form{display:flex;flex-wrap:wrap;gap:10px}.create-code-form input{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-size:14px;min-width:150px;padding:10px 14px}.create-code-form button{background:linear-gradient(180deg,#5c8ed9,#4a7ab8);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.empty-state{background:#1b2838;border-radius:8px;color:#6c7a8a}.admin-reports .report-item{flex-direction:column}.report-header{align-items:center;border-bottom:1px solid #2a3a4a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.report-type{background:#c74e4e;border-radius:4px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.report-time{color:#6c7a8a;font-size:12px}.report-body{margin-bottom:15px}.report-info{color:#8f9daa;font-size:13px;margin-bottom:10px}.report-info strong{color:#fff}.report-target{background:#0d1117;border-radius:4px;margin:10px 0;padding:12px}.report-target p{font-size:13px;margin:5px 0}.report-content{color:#6c7a8a;font-style:italic}.report-desc{color:#f0ad4e;font-size:13px;margin:10px 0}.report-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.report-images img{border:1px solid #3d4452;border-radius:4px;height:100px;object-fit:cover;width:100px}.approve-btn.danger{background:#c74e4e}.admin-table .note{color:#6c7a8a;font-size:11px}.admin-tabs .badge.danger{background:#c74e4e}@media (max-width:768px){.admin-header{flex-direction:column;gap:15px;padding:15px 20px}.admin-tabs{overflow-x:auto;padding:0 20px}.admin-content{padding:20px}.pending-item{flex-direction:column}.pending-cover{height:auto;width:100%}}.admin-punishments{padding:20px 0}.search-box{background:#1b2838;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:20px}.search-box input{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:12px 16px}.search-box button{background:linear-gradient(180deg,#5c8ed9,#4a7ab8);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.search-result{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.user-info-card{background:#1b2838;border-radius:8px;padding:20px}.user-info-card h4{color:#66c0f4;margin:0 0 15px}.user-info-card p{color:#8f9daa;font-size:14px;margin:8px 0}.user-info-card .danger{color:#e74c3c;font-weight:600}.user-info-card .warning{color:#f39c12;font-weight:600}.user-info-card .success{color:#2ecc71;font-weight:600}.punish-form{background:#1b2838;border-radius:8px;padding:20px}.punish-form h4{color:#66c0f4;margin:0 0 15px}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.checkbox-item{align-items:center;background:#ffffff0d;border-radius:6px;color:#8f9daa;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.checkbox-item:hover{background:#ffffff1a;color:#fff}.checkbox-item input[type=checkbox]{accent-color:#66c0f4;cursor:pointer;height:18px;width:18px}.checkbox-item:has(input:checked){background:#66c0f433;border:1px solid #66c0f480;color:#fff}.punishment-types{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.radio-group{display:flex;flex-wrap:wrap;gap:15px}.radio-item{align-items:center;background:#ffffff0d;border-radius:6px;color:#8f9daa;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.radio-item:hover{background:#ffffff1a;color:#fff}.radio-item input[type=radio]{accent-color:#66c0f4;cursor:pointer;height:18px;width:18px}.radio-item:has(input:checked){background:#66c0f433;border:1px solid #66c0f480;color:#fff}.notification-settings{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.notification-settings label{color:#fff;font-weight:700}.punish-form textarea{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical}.punish-form textarea:focus{border-color:#66c0f4;outline:none}.form-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.form-row label{color:#8f9daa;min-width:80px}.form-row input,.form-row select{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:10px 12px}.form-row .hint{color:#6c7a8a;font-size:12px}.punish-btn{border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 24px}.punish-btn.danger{background:#e74c3c;color:#fff}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-appeals{padding:20px 0}.appeals-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.appeal-card{background:#1b2838;border-left:4px solid #f39c12;border-radius:8px;padding:20px}.appeal-header{align-items:center;border-bottom:1px solid #2a3a4a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.appeal-id{color:#f39c12;font-weight:600}.appeal-time{color:#6c7a8a;font-size:12px}.appeal-body{margin-bottom:15px}.appeal-info p{color:#8f9daa;font-size:14px;margin:5px 0}.appeal-info strong{color:#fff}.appeal-content{background:#0d1117;border-radius:4px;margin-top:10px;padding:12px}.appeal-content strong{color:#66c0f4;font-size:13px}.appeal-content p{color:#c6d4df;line-height:1.5;margin:8px 0 0}.admin-admins{padding:20px 0}.admin-admins h3{align-items:center;color:gold;display:flex;gap:8px;margin-bottom:8px}.admin-desc{color:#8f98a0;font-size:14px;margin-bottom:24px}.current-admins{margin-bottom:30px}.current-admins h4{color:#c6d4df;font-size:16px;margin-bottom:16px}.admin-list{display:flex;flex-wrap:wrap;gap:16px}.admin-card{align-items:center;background:#1b2838;border:2px solid #2a3a4a;border-radius:8px;display:flex;gap:12px;min-width:280px;padding:16px 20px}.admin-card.gold{background:linear-gradient(135deg,#1b2838,#2d2416);border-color:gold}.admin-avatar{border:2px solid gold;border-radius:50%;height:48px;width:48px}.admin-info{flex:1 1}.admin-name{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px}.admin-badge{background:linear-gradient(135deg,gold,#fa0);border-radius:10px;color:#1b2838;font-size:11px;font-weight:700;padding:2px 8px}.admin-meta{color:#8f98a0;font-size:12px;margin-top:4px}.cancel-admin-btn,.remove-admin-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.cancel-admin-btn:hover,.remove-admin-btn:hover{background:#c0392b}.self-badge{background:#2a3a4a;border-radius:10px;color:#8f98a0;font-size:11px;padding:4px 10px}.set-new-admin h4{color:#c6d4df;font-size:16px}.admin-search-box,.set-new-admin h4{margin-bottom:16px}.admin-search-box input{background:#171d25;border:1px solid #3d4452;border-radius:6px;color:#fff;font-size:14px;padding:12px 16px;width:100%}.admin-search-box input:focus{border-color:#66c0f4;outline:none}.user-select-list{background:#171d25;border:1px solid #2a3a4a;border-radius:8px;max-height:400px;overflow-y:auto}.user-select-item{align-items:center;border-bottom:1px solid #2a3a4a;display:flex;gap:12px;padding:12px 16px}.user-select-item:last-child{border-bottom:none}.user-select-item img{border-radius:50%;height:40px;width:40px}.user-select-info{flex:1 1}.user-select-info .username{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.admin-badge-small{background:linear-gradient(135deg,gold,#fa0);border-radius:8px;color:#1b2838;font-size:10px;font-weight:700;padding:2px 6px}.user-id{color:#8f98a0;font-size:12px;margin-top:2px}.set-admin-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.set-admin-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60)}.user-select-item .cancel-admin-btn{background:#e74c3c}.user-select-item .cancel-admin-btn:hover{background:#c0392b}.appeal-actions{align-items:center;display:flex;gap:10px;margin-top:15px}.appeal-actions input{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:10px 14px}.admin-punishments .approve-btn{background:#5cb85c}.admin-punishments .approve-btn,.admin-punishments .reject-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.admin-punishments .reject-btn{background:#d9534f}.admin-settings{padding:20px}.admin-settings h2{color:#fff;margin-bottom:8px}.settings-list{display:flex;flex-direction:column;gap:16px;max-width:600px}.setting-item{align-items:center;background:#1b2838cc;border:1px solid #4a6b8a4d;border-radius:8px;display:flex;justify-content:space-between;padding:20px 24px}.setting-info h4{color:#fff;font-size:15px;margin-bottom:4px}.setting-info p{color:#5c6b7a;font-size:13px;margin:0}.time-range{align-items:center;background:#ffffff08;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px}.time-range label{color:#8f9daa;font-size:12px}.time-range input[type=datetime-local]{background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#fff;color-scheme:dark;font-size:12px;padding:6px 10px}.time-range input[type=datetime-local]:focus{border-color:#66c0f4;outline:none}.time-hint{color:#f39c12;font-size:11px;margin-top:4px;width:100%}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#3d4f5f;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;bottom:3px;height:22px;left:3px;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#66c0f4}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.create-code-simple{background:linear-gradient(135deg,#1b2838,#2a3a4a);border:1px solid #66c0f433;border-radius:12px;margin-bottom:24px;padding:24px}.create-code-simple h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:8px;margin:0 0 20px}.create-code-simple h4{color:#8f9daa;font-size:14px;margin:20px 0 12px}.simple-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.create-code-simple .form-group{display:flex;flex-direction:column;gap:8px}.create-code-simple .form-group label{color:#8f9daa;font-size:13px;font-weight:500}.create-code-simple .form-group input,.create-code-simple .form-group select{background:#0d1117;border:1px solid #3d4452;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.create-code-simple .form-group input:hover,.create-code-simple .form-group select:hover{border-color:#66c0f4}.create-code-simple .form-group input:focus,.create-code-simple .form-group select:focus{border-color:#66c0f4;box-shadow:0 0 0 3px #66c0f433;outline:none}.simple-form-actions{display:flex;gap:12px;margin-bottom:20px}.btn-create-codes{align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-create-codes:hover{background:linear-gradient(135deg,#ab47bc,#9c27b0);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:8px;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.manual-code-input{background:#0d111780;border-radius:8px;padding:16px}.code-input{background:#0d1117;border:1px solid #3d4452;border-radius:8px;color:#fff;font-family:monospace;font-size:16px;letter-spacing:2px;margin-bottom:8px;padding:12px 16px;text-transform:uppercase;width:100%}.code-input:focus{border-color:#66c0f4;box-shadow:0 0 0 3px #66c0f433;outline:none}.code-hint{color:#6c7a8a;font-size:12px}.user-action-select{background:#2a3a4a;border:1px solid #3d4452;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;min-width:120px;padding:6px 10px}.user-action-select:hover{border-color:#66c0f4}.user-action-select:focus{border-color:#66c0f4;box-shadow:0 0 0 2px #66c0f433;outline:none}.admin-models{padding:20px}.admin-models h3{font-size:20px}.models-section{margin-bottom:30px}.models-section h4{color:#8f9daa;font-size:14px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.pending-models-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.model-review-card{background:#1b2838;border:1px solid #3d4452;border-radius:8px;overflow:hidden;transition:all .2s}.model-review-card.pending{border-color:#ffc107}.model-review-card:hover{border-color:#66c0f4;transform:translateY(-2px)}.model-review-card .model-cover{align-items:center;background:#0d1117;display:flex;height:160px;justify-content:center;overflow:hidden}.model-review-card .model-cover img{height:100%;object-fit:cover;width:100%}.model-review-card .cover-placeholder{color:#3d4452;font-size:48px}.model-review-card .model-info{padding:15px}.model-review-card .model-info h5{color:#fff;font-size:16px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-review-card .model-category{color:#66c0f4;font-size:12px;margin-bottom:8px}.model-review-card .model-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8f9daa;display:-webkit-box;font-size:13px;margin-bottom:10px;overflow:hidden}.model-review-card .model-author{align-items:center;display:flex;gap:8px;margin-bottom:8px}.model-review-card .author-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.model-review-card .model-price{color:#4caf50;font-weight:600;margin:0}.model-review-card .model-actions{border-top:1px solid #3d4452;display:flex;flex-direction:column;gap:10px;padding:15px}.model-review-card .model-actions input{background:#0d1117;border:1px solid #3d4452;border-radius:4px;color:#fff;font-size:13px;padding:8px 12px;width:100%}.model-review-card .model-actions input:focus{border-color:#66c0f4;outline:none}.model-review-card .model-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.model-review-card .model-actions .approve-btn{background:linear-gradient(180deg,#5c8ed9,#4a7ab8);color:#fff}.model-review-card .model-actions .reject-btn{background:#dc3545;color:#fff}.models-filter{margin-bottom:15px}.models-filter select{background:#1b2838;border:1px solid #3d4452;border-radius:4px;color:#fff;font-size:14px;padding:8px 16px}.model-cell{align-items:center;display:flex;gap:10px}.model-thumb{border-radius:4px;height:40px;object-fit:cover;width:40px}.danger-btn{background:#dc3545!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer;font-size:12px;padding:4px 8px!important}.danger-btn:hover{background:#c82333!important}.admin-comment-records,.admin-envelope-records,.admin-registration-records{padding:20px}.admin-comment-records h3,.admin-envelope-records h3,.admin-registration-records h3{color:#fff;margin-bottom:20px}.record-card{background:#1b2838;border:1px solid #3d4452;border-radius:8px;margin-bottom:16px;padding:16px}.record-header{align-items:center;border-bottom:1px solid #3d4452;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.record-title{color:#fff;font-weight:700}.record-status{border-radius:12px;font-size:12px;padding:4px 12px}.record-status.open{background:#28a745;color:#fff}.record-status.closed{background:#6c757d;color:#fff}.record-info{color:#8b9bb4;font-size:14px;line-height:1.8}.claims-list{border-top:1px solid #3d4452;margin-top:12px;padding-top:12px}.claims-list h4{color:#fff;font-size:14px;margin-bottom:8px}.claim-item{align-items:center;background:#2a3a4a;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.claimer-name{color:#4fc3f7;font-weight:700}.claim-amount{color:gold;font-weight:700}.claim-time{color:#6c757d;font-size:12px}.content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell{gap:8px}.level-badge{background:linear-gradient(180deg,#4fc3f7,#0288d1)}.level-badge,.official-badge{border-radius:10px;font-size:11px;font-weight:700;padding:2px 6px}.official-badge{background:linear-gradient(180deg,gold,#ff8c00);color:#000}.banned-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px}.empty-state{color:#6c757d;font-size:16px}.admin-models{padding:20px 0}.admin-models h3{color:#fff;margin-bottom:20px}.admin-models .admin-table{border-collapse:collapse;width:100%}.admin-models .admin-table td,.admin-models .admin-table th{border-bottom:1px solid var(--border);color:#c5d4de;font-size:13px;padding:12px 8px;text-align:left}.admin-models .admin-table th{background:var(--bg-dark);color:#8f98a0;font-weight:600}.admin-models .admin-table tr:hover{background:#67c1f40d}.status-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.status-badge.approved{background:#4caf5033;color:#4caf50}.status-badge.pending{background:#ffc10733;color:#ffc107}.status-badge.rejected{background:#f4433633;color:#f44336}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tags-cell .tag{background:#67c1f426;border-radius:4px;color:#67c1f5;font-size:11px;padding:2px 6px}.action-buttons{gap:6px}.online-btn{background:#4caf50}.offline-btn,.online-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px}.offline-btn{background:#f44336}.edit-btn{background:#2196f3}.delete-btn,.edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px}.delete-btn{background:#9e9e9e}.edit-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:90%;padding:24px;width:400px}.edit-modal-content h4{color:#fff;margin-bottom:8px}.edit-modal-content .model-name{color:#67c1f5;font-size:14px;margin-bottom:16px}.edit-modal-content .form-group{margin-bottom:16px}.edit-modal-content .form-group label{color:#8f98a0;display:block;font-size:13px;margin-bottom:6px}.edit-modal-content .form-group input{background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:#c5d4de;font-size:14px;padding:10px 12px;width:100%}.edit-modal-content .form-group input:focus{border-color:#67c1f5;outline:none}.edit-modal-actions{display:flex;gap:10px;justify-content:flex-end}.edit-modal-actions .save-btn{background:#4caf50}.edit-modal-actions .cancel-btn,.edit-modal-actions .save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 20px}.edit-modal-actions .cancel-btn{background:#666}.model-thumb-preview{align-items:center;background:radial-gradient(circle at 50% 30%,#1e2a4a 0,#0f1520 100%);border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.model-thumb-icon{font-size:60px;margin-bottom:10px}.model-thumb-type{color:#67c1f5;font-size:12px;margin-bottom:4px}.model-thumb-category{color:#8f98a0;font-size:13px}.admin-reports{padding:20px 0}.admin-reports h3{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin-bottom:20px}.admin-reports h3 svg{color:#c74e4e}.reports-section{margin-bottom:30px}.reports-section h4{color:#8f9daa;font-size:14px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.reports-section.handled{border-top:1px solid #2a3a4a;margin-top:40px;padding-top:30px}.reports-section.handled h4{color:#6c7a8a}.admin-reports .admin-table{background:#1b2838;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.admin-reports .admin-table th{background:#2a3a4a;color:#fff;font-size:13px;font-weight:500;padding:12px 15px;text-align:left}.admin-reports .admin-table td{border-bottom:1px solid #2a3a4a;color:#c5d4de;font-size:13px;padding:12px 15px}.admin-reports .admin-table tr:hover{background:#ffffff05}.type-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.type-badge.post{background:#66c0f433;color:#66c0f4}.type-badge.comment{background:#9c27b033;color:#ce93d8}.type-badge.model{background:#ff980033;color:#ffb74d}.report-target{display:flex;flex-direction:column;gap:4px}.report-target .target-title{color:#fff;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-target .target-author{color:#6c7a8a;font-size:12px}.admin-reports .action-buttons{display:flex;gap:6px}.admin-reports .approve-btn,.admin-reports .reject-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s}.admin-reports .approve-btn{background:#4caf50}.admin-reports .approve-btn:hover{background:#388e3c}.admin-reports .reject-btn{background:#f44336}.admin-reports .reject-btn:hover{background:#d32f2f}.result-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.result-badge.approved{background:#4caf5033;color:#4caf50}.result-badge.rejected{background:#f4433633;color:#f44336}.admin-reports .empty-state{background:#1b2838;border-radius:8px;padding:60px 20px;text-align:center}.admin-reports .empty-state svg{color:#4caf50;margin-bottom:15px}.admin-reports .empty-state p{color:#6c7a8a;font-size:16px;margin:0}.admin-reports .admin-table .approve-btn,.admin-reports .admin-table .reject-btn{padding:8px 16px}.admin-balance{padding:20px 0}.admin-balance h3{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin-bottom:20px}.admin-balance h3 svg{color:#4caf50}.balance-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}.adjust-section h4,.user-select-section h4{color:#8f9daa;font-size:14px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.user-list{background:#1b2838;border-radius:8px;overflow:hidden}.user-list .admin-table{width:100%}.user-list .admin-table th{background:#2a3a4a;color:#fff;font-size:13px;font-weight:500;padding:12px 15px;text-align:left}.user-list .admin-table td{border-bottom:1px solid #2a3a4a;color:#c5d4de;font-size:13px;padding:12px 15px}.user-list .admin-table tr.selected{background:#4caf5026}.user-list .admin-table tr:hover{background:#ffffff05}.balance-cell{align-items:center;color:#4caf50;display:flex;font-weight:600;gap:4px}.select-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.select-btn:hover{background:#1976d2}.adjust-section{position:sticky;top:20px}.adjust-form{background:#1b2838;border:1px solid #2a3a4a;border-radius:12px;padding:24px}.selected-user-info{align-items:center;background:#0d1117;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.user-avatar-large{align-items:center;background:#2a3a4a;border-radius:50%;color:#8f9daa;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-details{flex:1 1}.user-details .username{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.user-details .user-id{color:#6c7a8a;font-size:12px;margin:0 0 8px}.user-details .current-balance{color:#8f9daa;font-size:14px;margin:0}.user-details .current-balance span{color:#4caf50;font-size:16px;font-weight:600}.adjust-form .form-group{margin-bottom:16px}.adjust-form .form-group label{color:#8f9daa;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.adjust-form .form-group input,.adjust-form .form-group textarea{background:#0d1117;border:1px solid #3d4452;border-radius:6px;color:#fff;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.adjust-form .form-group input:focus,.adjust-form .form-group textarea:focus{border-color:#66c0f4;box-shadow:0 0 0 3px #66c0f426;outline:none}.adjust-form .form-group textarea{min-height:80px;resize:vertical}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.quick-actions span{color:#8f9daa;font-size:13px;margin-right:4px}.quick-actions button{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.quick-actions button:nth-child(-n+4){background:#4caf5033;color:#4caf50}.quick-actions button:nth-child(-n+4):hover{background:#4caf5066}.quick-actions button:nth-last-child(-n+2){background:#f4433633;color:#f44336}.quick-actions button:nth-last-child(-n+2):hover{background:#f4433666}.quick-actions button:disabled{cursor:not-allowed;opacity:.5}.notification-toggle label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px}.notification-toggle input[type=checkbox]{accent-color:#4caf50;height:18px;width:18px}.action-buttons{display:flex;gap:12px;margin-top:20px}.btn-confirm{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.btn-confirm:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-reset{background:#3d4452;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s}.btn-reset:hover{background:#4a5568}.no-user-selected{background:#1b2838;border-radius:12px;color:#6c7a8a;padding:60px 20px;text-align:center}.no-user-selected svg{color:#3d4452;margin-bottom:16px}.no-user-selected p{font-size:14px;margin:0}@media (max-width:900px){.balance-container{grid-template-columns:1fr}.adjust-section{position:static}}.admin-feedbacks{padding:0}.admin-feedbacks h3{align-items:center;display:flex;gap:8px;margin-bottom:20px}.feedback-rules{background:#ffd7000d;border:1px solid #ffd70026;border-radius:12px;margin-bottom:24px;padding:16px 20px}.feedback-rules h4{color:gold;font-size:14px;margin:0 0 12px}.reward-list{display:flex;flex-wrap:wrap;gap:20px}.reward-list span{align-items:center;color:#ccc;display:flex;font-size:13px;gap:4px}.feedback-section{margin-bottom:30px}.feedback-section h4{color:#c6d4df;font-size:15px;margin-bottom:12px}.feedback-rating{align-items:center;color:gold;display:flex;font-size:14px;gap:6px}.reward-tag{background:#00cc6626;border-radius:6px;color:#0c6;font-size:11px;font-weight:700;padding:1px 6px}.feedback-content{color:#888;font-size:12px;max-width:200px}.feedback-thumb{border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;height:50px;object-fit:cover;width:50px}.img-link{display:inline-block}.note-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#c6d4df;font-size:12px;padding:4px 8px;width:120px}.user-cell{align-items:center;display:flex;gap:6px}.user-cell img{border-radius:50%;height:28px;width:28px}.action-btns{display:flex;gap:4px}.btn-approve-reward{background:linear-gradient(135deg,#0c6,#0a5);border:none;border-radius:6px;color:#fff;font-weight:700}.btn-approve,.btn-approve-reward{cursor:pointer;font-size:11px;padding:4px 8px}.btn-approve{background:#08c3;border:1px solid #08c6;border-radius:6px;color:#4da6ff}.btn-reject{background:#f443;border:1px solid #f446;color:#ff6b6b;font-size:11px;padding:4px 8px}.feedback-status{font-size:12px;font-weight:700}.feedback-status.rejected{color:#ff6b6b}.feedback-status.approved_no_reward{color:#4da6ff}.feedback-status.approved_with_reward{color:#0c6}.reward-amount{color:#0c6;font-size:13px}.ai-config-form{flex-direction:column;max-width:700px}.ai-config-form,.ai-config-form .form-row{display:flex;gap:16px}.ai-config-form .form-row .form-group{flex:1 1}.ai-config-form .form-group label{color:#8f98a0;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.ai-config-form input[type=text],.ai-config-form select,.ai-config-form textarea{background:#0d1117;border:1px solid #3d5a73;border-radius:6px;box-sizing:border-box;color:#c6d4df;font-size:14px;padding:10px 14px;width:100%}.ai-config-form textarea{font-family:inherit;resize:vertical}.ai-config-form input:focus,.ai-config-form select:focus,.ai-config-form textarea:focus{border-color:#a855f7;box-shadow:0 0 8px #a855f733;outline:none}.avatar-upload-row{align-items:center;display:flex;gap:12px}.ai-avatar-preview{border:2px solid #a855f7;border-radius:50%;height:64px;object-fit:cover;width:64px}.upload-btn{align-items:center;background:#2a3a4a;border-radius:6px;color:#c6d4df;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:background .2s}.upload-btn:hover{background:#3d5a73}.btn-row{display:flex;gap:12px}.btn-preview,.btn-publish{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-preview{background:#2a3a4a;color:#c6d4df}.btn-preview:hover{background:#3d5a73}.btn-publish{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.btn-publish:hover:not(:disabled){box-shadow:0 0 16px #a855f780;transform:scale(1.02)}.btn-publish:disabled{cursor:not-allowed;opacity:.5}.preview-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.preview-chat{background:#1b2838;border:1px solid #a855f7;border-radius:12px;box-shadow:0 0 30px #a855f74d;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:400px}.preview-header{align-items:center;background:#152232;border-bottom:1px solid #2a3a4a;color:#c6d4df;display:flex;font-weight:600;gap:8px;padding:12px 16px}.preview-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:400px;min-height:200px;overflow-y:auto;padding:16px}.preview-msg{display:flex}.preview-msg.received{align-self:flex-start}.preview-bubble{background:#2a3a4a;border-radius:12px;border-bottom-left-radius:4px;color:#c6d4df;font-size:13px;max-width:80%;padding:10px 14px}.preview-msg.thinking .preview-bubble{font-style:italic;opacity:.5}.preview-input{border-top:1px solid #2a3a4a;display:flex;gap:8px;padding:12px}.preview-input input{background:#0d1117;border:1px solid #3d5a73;border-radius:20px;color:#c6d4df;flex:1 1;font-size:13px;outline:none;padding:8px 16px}.preview-input button{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.preview-note{border-top:1px solid #2a3a4a;color:#8b9cad;font-size:11px;margin:0;padding:8px;text-align:center}.rules-page{background:#171d25;min-height:100vh}.rules-container{margin:0 auto;max-width:1000px;padding:0 20px}.rules-header{background:linear-gradient(135deg,#1b2838,#2a475e);border-bottom:1px solid #2a3a4a;padding:60px 0;text-align:center}.rules-header h1{color:#fff;font-size:36px;margin-bottom:15px}.rules-header p{color:#8f9daa;font-size:18px}.rules-content{padding:50px 0}.rules-section{margin-bottom:50px}.rules-section h2{border-bottom:2px solid #66c0f4;color:#fff;font-size:24px;margin-bottom:20px;padding-bottom:10px}.rules-section>p{color:#c5c5c5;font-size:16px;margin-bottom:20px}.rules-card{background:#1b2838;border-radius:8px;padding:25px}.rules-card p{color:#c5c5c5;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:#c5c5c5;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:#66c0f4;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:#c5c5c5;padding:8px 0 8px 25px;position:relative}.rules-card li:before{color:#66c0f4;content:"•";font-weight:700;left:0;position:absolute}.tips{background:#66c0f41a;border-left:3px solid #66c0f4;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:#1b2838;border-left:4px solid;border-radius:8px;padding:25px}.forbidden-violence{border-color:#e74c3c}.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:#c5c5c5;font-size:14px;padding:6px 0 6px 20px;position:relative}.forbidden-card li:before{color:#e74c3c;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:#1b2838;border:1px solid #2a3a4a;border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .3s}.encouraged-card:hover{border-color:#5cb85c;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:#8f9daa;font-size:14px;margin:0}.process-timeline{padding-left:60px;position:relative}.process-timeline:before{background:linear-gradient(180deg,#66c0f4,#5cb85c);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,#66c0f4,#5cb85c);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:#1b2838;border-radius:8px;padding:20px}.step-content h4{color:#fff;font-size:16px;margin-bottom:8px}.step-content p{color:#8f9daa;font-size:14px;margin:0}.contact-card{background:#1b2838;border-radius:8px;padding:25px}.contact-card>p{color:#c5c5c5;margin-bottom:20px}.contact-methods{display:flex;flex-wrap:wrap;gap:20px}.contact-item{align-items:center;background:#171d25;border-radius:6px;color:#c5c5c5;display:flex;font-size:14px;gap:10px;padding:12px 20px}.contact-item span:first-child{font-size:20px}.rules-footer{background:#1b2838;border-radius:8px;margin-top:50px;padding:40px;text-align:center}.rules-footer p{color:#c5c5c5;font-size:16px;margin-bottom:25px}.footer-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-primary{background:linear-gradient(180deg,#5c8ed9,#4a7ab8);border-radius:4px;color:#fff;padding:12px 30px;text-decoration:none;transition:all .3s}.btn-primary:hover{background:linear-gradient(180deg,#66c0f4,#5c8ed9)}.btn-secondary{background:#3d4452;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}}.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:var(--accent);border-color:var(--accent);color:#0a0e17;font-weight:600}.settings-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.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}@keyframes goldSweep{0%{left:-120%}to{left:120%}}.gold-shimmer{background:linear-gradient(105deg,#0000 30%,#ffffff0d 40%,#ffffff40 45%,#fff0c859 50%,#ffffff40 55%,#ffffff0d 60%,#0000 70%);height:140%;pointer-events:none;position:absolute;top:-20%;transform:skewX(-20deg);width:40%;z-index:1}@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)}}@keyframes goldParticleTwinkle{0%,to{opacity:.2}50%{opacity:1}}.gold-particle{border-radius:50%;pointer-events:none;position:absolute}.gold-particle.float{animation:goldParticleFloat 2s ease-out infinite}.gold-particle.twinkle{animation:goldParticleTwinkle 1.5s ease-in-out infinite}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;flex-wrap:wrap;gap:8px}.settings-tab{flex:1 1;justify-content:center;min-width:120px}}.messages-page{background:#0e1621;min-height:100vh;padding:30px 0}.messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.messages-header h1{color:#fff;margin:0}.messages-actions,.messages-filter{display:flex;gap:10px}.messages-filter{background:#1b2838;border-radius:8px;margin-bottom:20px;padding:15px}.filter-btn{background:#0000;border:1px solid #3d5a73;border-radius:4px;color:#8b9cad;cursor:pointer;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#2a3a4a;color:#fff}.filter-btn.active{background:#66c0f4;border-color:#66c0f4;color:#fff}.messages-list{display:flex;flex-direction:column;gap:12px}.message-card{align-items:flex-start;background:#1b2838;border-left:4px solid #3d5a73;border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .2s}.message-card.unread{background:linear-gradient(135deg,#1b2838,#1e3a4d);border-left-color:#66c0f4}.message-card:hover{box-shadow:0 4px 15px #0000004d;transform:translateX(5px)}.message-icon{flex-shrink:0;font-size:24px}.message-body{flex:1 1;min-width:0}.message-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.message-type-badge{background:#2a3a4a;border-radius:4px;color:#8b9cad;font-size:12px;padding:2px 8px}.message-time{color:#5c6b7a;font-size:12px}.message-title{color:#fff;font-size:16px;margin:0 0 8px}.message-content{color:#8b9cad;font-size:14px;line-height:1.5;margin:0}.message-actions{display:flex;flex-shrink:0;gap:8px}.action-btn{background:#0000;border:1px solid #3d5a73;border-radius:4px;color:#8b9cad;cursor:pointer;padding:8px;transition:all .2s}.action-btn:hover{background:#2a3a4a;color:#66c0f4}.action-btn.delete:hover{color:#e74c3c}.profile-messages{padding:20px 0}.message-list{display:flex;flex-direction:column;gap:12px}.message-item{background:#1b2838;border-left:3px solid #3d5a73;border-radius:8px;padding:15px}.message-item.unread{background:linear-gradient(135deg,#1b2838,#1e3a4d);border-left-color:#66c0f4}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-header .message-type{background:#2a3a4a;border-radius:4px;color:#8b9cad;font-size:12px;padding:2px 8px}.message-header .message-time{color:#5c6b7a;font-size:12px}.message-item .message-title{color:#fff;font-size:14px;margin:0 0 5px}.message-item .message-content{color:#8b9cad;font-size:13px;margin:0}.profile-appeal{padding:20px 0}.appeal-status{background:#1b2838;border-radius:8px;margin-bottom:15px;padding:20px}.appeal-status.ban{border-left:4px solid #e74c3c}.appeal-status.post-ban{border-left:4px solid #e67e22}.appeal-status h4{color:#fff;margin:0 0 10px}.appeal-status p{color:#8b9cad;margin:5px 0}.btn-secondary{align-items:center;background:#2a3a4a;border:1px solid #3d5a73;border-radius:4px;color:#c6d4df;cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#3a4a5a;border-color:#4a6a7a}.btn-feedback{align-items:center;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:4px;color:#000;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-right:8px;padding:8px 16px}.btn-feedback:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.messages-tabs{background:#1b2838;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.tab-btn{align-items:center;background:#0000;border:1px solid #3d5a73;border-radius:6px;color:#8b9cad;cursor:pointer;display:flex;gap:8px;padding:10px 20px;position:relative;transition:all .2s}.tab-btn:hover{background:#2a3a4a;color:#fff}.tab-btn.active{background:#66c0f4;border-color:#66c0f4;color:#fff}.tab-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:11px;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.friend-requests{display:flex;flex-direction:column;gap:15px}.friend-request-card{align-items:center;background:#1b2838;border:1px solid #3d5a73;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.friend-request-card:hover{border-color:#66c0f4;box-shadow:0 4px 20px #66c0f41a}.request-user{align-items:center;display:flex;flex:1 1;gap:15px;text-decoration:none}.request-user img{border:2px solid #3d5a73;border-radius:50%;height:60px;object-fit:cover;width:60px}.request-info{min-width:0}.request-name{color:#fff;font-size:16px;font-weight:600;gap:8px;margin-bottom:5px}.request-name,.request-time{align-items:center;display:flex}.request-time{color:#8b9cad;font-size:13px;gap:10px}.request-level{background:#2a3a4a;border-radius:4px;color:#66c0f4;padding:2px 8px}.request-actions{gap:10px}.btn-accept{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:10px 20px;transition:all .2s}.btn-accept:hover{box-shadow:0 4px 15px #2ecc714d;transform:translateY(-2px)}.btn-reject{align-items:center;background:#0000;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;gap:6px;padding:10px 20px;transition:all .2s}.btn-reject:hover{background:#e74c3c;color:#fff}.btn-view-profile{background:#2a3a4a;border:1px solid #3d5a73;border-radius:6px;color:#8b9cad;cursor:pointer;padding:10px 20px;transition:all .2s}.btn-view-profile:hover{background:#3d5a73;color:#fff}.official-v-inline{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.empty-state{color:#8b9cad}.empty-state svg{margin-bottom:15px;opacity:.5}.notifications-page{margin:0 auto;max-width:800px;padding:32px 20px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notifications-header h1{align-items:center;display:flex;font-size:24px;gap:12px}.notifications-actions{display:flex;gap:10px}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:14px;padding:16px 20px;transition:var(--transition)}.notification-item:hover{border-color:var(--accent)}.notification-item.unread{background:linear-gradient(90deg,var(--accent-glow),#0000);border-left:3px solid var(--accent)}.notification-item.read{opacity:.7}.notif-icon{align-items:center;background:var(--accent-glow);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notif-content{cursor:pointer;flex:1 1;min-width:0}.notif-text{color:var(--text-primary);font-size:14px;margin:0 0 6px}.notif-time{color:var(--text-muted);font-size:12px}.notif-actions{display:flex;flex-shrink:0;gap:8px}.notif-actions button{background:none;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-size:16px;padding:8px;transition:var(--transition)}.notif-actions button:hover{background:var(--accent-glow);color:var(--accent)}.empty-state{color:var(--text-muted);padding:60px}.empty-state p{margin-top:16px}@media (max-width:640px){.notifications-header{align-items:flex-start;flex-direction:column;gap:16px}.notification-item{padding:12px}}.level-benefits-page{background:linear-gradient(180deg,#0f0c29,#302b63 50%,#24243e);min-height:100vh}.level-header{color:#fff;overflow:hidden;padding:40px 20px;position:relative}.level-header:before{background:inherit;bottom:0;content:"";filter:blur(20px);left:0;position:absolute;right:0;top:0;z-index:0}.level-header-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.current-rank-display{align-items:center;display:flex;gap:20px;margin-bottom:30px}.rank-icon-big{animation:cosmicFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5));font-size:72px}.rank-icon-inline{margin-right:8px}@keyframes cosmicFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.rank-info h1{font-size:36px;margin:0;text-shadow:2px 2px 4px #0000004d}.rank-title{font-size:18px;margin-top:5px;opacity:.9}.level-progress-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:16px;padding:20px}.progress-label{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#fff3;border-radius:6px;height:12px}.progress-fill{border-radius:6px;box-shadow:0 0 10px currentColor;transition:width .5s ease}.progress-range{display:flex;font-size:12px;justify-content:space-between;margin-top:8px;opacity:.8}.level-tabs{background:#0003;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.level-tabs button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .3s}.level-tabs button:hover{background:#fff3}.level-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.level-content{margin:0 auto;max-width:1000px;padding:30px 20px}.level-content h2{align-items:center;color:#fff;display:flex;gap:10px;margin-bottom:20px}.upgrade-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.upgrade-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:transform .3s,box-shadow .3s}.upgrade-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.upgrade-card .card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.xp-card .card-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.year-card .card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.spend-card .card-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.upgrade-card h3{color:#fff;font-size:18px;margin:0 0 8px}.upgrade-card p{color:#fffc;font-size:14px;margin:0}.upgrade-card strong{color:gold}.mini-bar{background:#fff3;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.mini-fill{background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:2px;height:100%;transition:width .5s}.hint{color:#fff9;font-size:12px}.benefits-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.benefits-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.benefit-item{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:13px;gap:8px;padding:12px}.no-benefits{color:#ffffff80;padding:30px;text-align:center}.ranks-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rank-card{border-radius:16px;color:#fff;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.rank-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.rank-card:hover:before{left:100%}.rank-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.rank-card.current{box-shadow:0 0 20px #ffffff4d}.rank-card.achieved{opacity:.7}.rank-card.claimable{animation:claimPulse 2s ease-in-out infinite;cursor:pointer}.rank-card.claimable:hover{transform:translateY(-5px) scale(1.02)}@keyframes claimPulse{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #2ecc7199}}.current-badge{background:#ffffffe6;color:#1b2838;font-size:11px}.claimed-badge{background:#2ecc71}.claim-badge,.claimed-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px}.claim-badge{animation:claimBlink 1s ease-in-out infinite;background:linear-gradient(135deg,#f39c12,#e67e22)}@keyframes claimBlink{0%,to{opacity:1}50%{opacity:.7}}.locked-badge{background:#00000080;border-radius:12px;color:#8f98a0;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:10px;top:10px}.rank-card-icon{font-size:40px;margin-bottom:8px}.rank-card-info h3{font-size:20px;margin:0 0 5px}.rank-card-info p{font-size:13px;margin:0;opacity:.9}.level-range{background:#0003;display:inline-block;margin-top:8px}.current-badge,.level-range{border-radius:12px;font-size:12px;padding:4px 10px}.current-badge{background:gold;color:#000;font-weight:700;position:absolute;right:10px;top:10px}.rank-detail-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rank-detail-content{border-radius:20px;color:#fff;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:100%}.rank-detail-content .close-btn{background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;position:absolute;right:15px;top:15px;width:32px}.detail-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.detail-rank-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.4));font-size:80px}.detail-icon{font-size:60px}.detail-title h2{font-size:28px;margin:0}.level-badge{background-size:200% 100%;border-radius:20px;color:#fff;display:inline-block;font-size:14px;margin-top:8px;padding:6px 14px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.level-badge.cosmic,.rank-detail-content.cosmic{animation:cosmicFlowBadge 4s linear infinite;box-shadow:0 0 20px #667eea80,0 0 40px #764ba24d;text-shadow:0 0 10px #ffffff80}.rank-card.cosmic{box-shadow:0 0 20px #667eea66}@keyframes cosmicFlowBadge{0%{background-position:0 50%}to{background-position:300% 50%}}.detail-benefits h3{font-size:18px;margin:0 0 15px}.detail-benefits ul{list-style:none;margin:0;padding:0}.detail-benefits li{background:#0003;border-radius:8px;font-size:14px;margin-bottom:8px;padding:10px}.benefit-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.benefit-section h3{color:#fff;font-size:18px;margin:0 0 16px}.unlocked-benefit{text-align:center}.color-preview{border-radius:8px;color:#fff;display:inline-block;margin-bottom:10px;padding:10px 20px;text-shadow:1px 1px 2px #00000080}.locked-benefit{background:#ffffff0d;border-radius:12px;color:#ffffff80;padding:20px;text-align:center}.badges-list,.frames-list{display:flex;flex-wrap:wrap;gap:12px}.badge-item,.frame-item{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:10px;padding:12px 16px}.badge-icon{font-size:24px}.badge-level,.frame-level{color:#ffffff80;font-size:12px}.frame-preview{align-items:center;border-radius:50%;display:flex;font-size:12px;height:50px;justify-content:center;width:50px}.coupons-list{grid-gap:12px;display:grid;gap:12px}.coupon-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;overflow:hidden}.coupon-left{align-items:center;background:#0003;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:16px}.coupon-percent{font-size:28px;font-weight:700}.coupon-off{font-size:12px}.coupon-right{padding:16px}.coupon-name{font-size:14px;font-weight:700;margin:0}.coupon-condition{font-size:12px;margin:5px 0 0;opacity:.8}.privileges-list{grid-gap:12px;display:grid;gap:12px}.privilege-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;padding:16px}.privilege-item svg{color:#ff69b4;flex-shrink:0}.privilege-item div{flex:1 1}.privilege-item strong{color:#fff}.privilege-item p{color:#fff9;font-size:12px;margin:3px 0 0}.priv-level{background:#0003;border-radius:8px;color:#ffffff80;font-size:12px;padding:4px 8px}.upgrade-methods{grid-gap:20px;display:grid;gap:20px}.method-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;padding:24px}.method-card.highlight{background:linear-gradient(135deg,#ffd7001a,#ff69b41a);border-color:#ffd7004d}.method-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.method-info{flex:1 1}.method-info h3{color:#fff;font-size:18px;margin:0 0 8px}.method-info p{color:#ffffffb3;font-size:14px;margin:0 0 12px}.method-info ul{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.method-info li{color:#fffc;font-size:13px;padding:4px 0}.method-progress{color:#ffffffb3;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;text-align:right}@media (max-width:768px){.level-header{padding:30px 15px}.rank-icon{font-size:48px}.rank-info h1{font-size:28px}.level-tabs{padding:15px}.level-tabs button{font-size:13px;padding:10px 16px}.method-info ul{grid-template-columns:1fr}.method-card{flex-direction:column}.method-progress{flex-direction:row;gap:20px;text-align:left}}.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}.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{border-radius:var(--radius);font-size:16px;margin-top:8px;padding:14px 0;width:100%}.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}.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);border-radius:12px;gap:16px}.stat-icon{align-items:center;background:linear-gradient(135deg,#4fc3f7,#b388ff);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.stat-num{color:var(--text-primary);font-size:28px}.stat-label{color:var(--text-secondary)}.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,#0f1923,#1a2838);box-sizing:border-box;display:flex;gap:16px;height:calc(100vh - 60px);padding:16px}.social-sidebar{background:#16202d;border:1px solid #66c0f426;border-radius:12px;box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;min-width:340px;overflow:visible;position:relative;width:340px}.sidebar-search{border-bottom:1px solid #66c0f41a;display:flex;gap:8px;padding:12px;position:relative;z-index:100}.sidebar-search .search-input-wrap{align-items:center;background:#1b2838;border:1px solid #2a3a4a;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:#66c0f4}.sidebar-search .search-input-wrap input{background:#0000;border:none;color:#c6d4df;flex:1 1;font-size:13px;outline:none;padding:9px 0;width:100%}.sidebar-search .search-input-wrap input::placeholder{color:#56708f}.sidebar-search .search-input-wrap svg{color:#56708f;flex-shrink:0}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#56708f;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.search-clear-btn:hover{background:#ffffff0d;color:#c6d4df}.search-add-btn{align-items:center;background:linear-gradient(135deg,#2d6a4f,#40916c);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,#40916c,#2d6a4f);transform:scale(1.05)}.search-results{background:#1e2d3d;border:1px solid #66c0f433;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:#66c0f414}.search-result-item img{border:2px solid #66c0f44d;height:36px;width:36px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:#c6d4df;display:block;font-size:13px;font-weight:500}.search-result-id{color:#56708f;display:block;font-size:11px;margin-top:2px}.add-user-btn{align-items:center;background:linear-gradient(135deg,#2d6a4f,#40916c);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,#40916c,#2d6a4f);transform:scale(1.05)}.sidebar-tabs{background:#00000026;border-bottom:1px solid #66c0f41a;display:flex}.sidebar-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#56708f;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:#c6d4df}.sidebar-tab.active{background:#66c0f40d;border-bottom-color:#66c0f4;color:#66c0f4}.sidebar-tab .tab-count{background:#66c0f426;border-radius:10px;font-size:11px;font-weight:600;padding:1px 8px}.sidebar-tab .tab-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:10px;box-shadow:0 2px 4px #e74c3c66;color:#fff;font-size:10px;font-weight:700;padding:1px 7px}.friend-requests-block{background:#e74c3c0d;border-bottom:1px solid #e74c3c33}.friend-requests-block .section-title{align-items:center;color:#e74c3c;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}.request-item img{border:2px solid #e74c3c4d;border-radius:50%;height:38px;object-fit:cover;width:38px}.request-user-info{flex:1 1;min-width:0}.request-user-name{color:#c6d4df;display:block;font-size:13px;font-weight:500}.request-user-id{color:#56708f;display:block;font-size:11px;margin-top:2px}.request-actions{display:flex;gap:6px}.request-accept-btn{background:linear-gradient(135deg,#2d6a4f,#40916c);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,#40916c,#2d6a4f);transform:scale(1.05)}.request-reject-btn{background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;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:#56708f;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,#2ecc71,#27ae60);box-shadow:0 0 6px #2ecc7199}.offline-dot,.online-dot{border-radius:50%;height:8px;width:8px}.offline-dot{background:#95a5a6}.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:#66c0f40d}.friend-item.active{background:#66c0f414;border-left:3px solid #66c0f4}.friend-item.offline{opacity:.55}.friend-item .avatar-wrap{flex-shrink:0;position:relative}.friend-item .avatar-wrap img{background:#2a3a4a;border:2px solid #66c0f433;border-radius:50%;height:40px;object-fit:cover;width:40px}.friend-item .avatar-wrap .status-dot{border:3px solid #16202d;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:#c6d4df;display:flex;font-size:13px;font-weight:500;gap:6px}.friend-item .friend-status{color:#56708f;display:block;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item .friend-status.online{color:#2ecc71}.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:#56708f;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:#e74c3c;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:#56708f;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}.chat-area{background:#16202d;border:1px solid #66c0f426;border-radius:12px;box-shadow:0 4px 24px #0000004d;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chat-header{align-items:center;background:#00000026;border-bottom:1px solid #66c0f41a;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 img{background:#2a3a4a;border:3px solid #66c0f44d;border-radius:50%;height:44px;object-fit:cover;width:44px}.chat-header .chat-avatar-wrap .status-dot{border:3px solid #16202d;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:#56708f;font-size:12px}.chat-header .chat-header-actions{display:flex;gap:8px}.chat-header .action-btn{align-items:center;background:#66c0f414;border:1px solid #66c0f426;border-radius:8px;color:#66c0f4;cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.chat-header .action-btn:hover{background:#66c0f426;transform:scale(1.05)}.messages-container{background:#0000001a;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.messages-container .empty-chat{align-items:center;color:#56708f;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:65%}@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:#2a3a4a;border:2px solid #66c0f433;border-radius:50%;flex-shrink:0;height:34px;margin-top:4px;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,#2a6d8f,#1a9dd6);border-bottom-right-radius:4px;color:#fff}.message-row.received .msg-bubble{background:#2a3a4a;border-bottom-left-radius:4px;color:#c6d4df}.message-row .msg-bubble p{margin:0}.message-row .msg-time{color:#56708f;font-size:10px;padding:0 4px}.message-row.ai-generated .msg-bubble{border:1px solid #66c0f440}.ai-disclaimer{align-items:center;background:#66c0f40f;border-radius:6px;color:#56708f;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:#95a5a6;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)}.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:80px;max-width:80px;vertical-align:middle}.media-preview-bar{align-items:center;background:#0003;border-top:1px solid #66c0f41a;display:flex;gap:10px;padding:10px 16px}.media-preview-bar img,.media-preview-bar video{border-radius:8px;box-shadow:0 2px 6px #0000004d;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 #66c0f41a;padding:14px 18px}.chat-input-area .tool-buttons{display:flex;gap:6px;margin-bottom:10px}.chat-input-area .tool-btn{align-items:center;background:#66c0f40f;border:1px solid #66c0f41f;border-radius:8px;color:#56708f;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.chat-input-area .tool-btn:hover{background:#66c0f41f;color:#66c0f4;transform:scale(1.08)}.chat-input-area .input-form{display:flex;gap:10px}.chat-input-area .input-form input{background:#1b2838;border:1px solid #2a3a4a;border-radius:10px;color:#c6d4df;flex:1 1;font-size:14px;outline:none;padding:11px 16px;transition:border-color .2s}.chat-input-area .input-form input:focus{border-color:#66c0f4;box-shadow:0 0 0 3px #66c0f41a}.chat-input-area .input-form input::placeholder{color:#56708f}.chat-input-area .input-form button{align-items:center;background:linear-gradient(135deg,#2a6d8f,#1a9dd6);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,#1a9dd6,#2a6d8f);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:#16202d;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:#2ecc71;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:#56708f;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.transfer-dialog .close-btn:hover{background:#ffffff0d;color:#c6d4df}.transfer-dialog .transfer-recipient{background:#0003;color:#56708f;font-size:13px;padding:12px 18px}.transfer-dialog .transfer-recipient strong{color:#c6d4df;margin-left:6px}.transfer-dialog .form-field{padding:12px 18px}.transfer-dialog .form-field label{color:#56708f;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.transfer-dialog .form-field input{background:#1b2838;border:1px solid #2a3a4a;border-radius:8px;box-sizing:border-box;color:#c6d4df;font-size:16px;padding:10px 14px;transition:border-color .2s;width:100%}.transfer-dialog .form-field input:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.transfer-dialog .transfer-submit-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);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,#2ecc71,#27ae60);transform:translateY(-2px)}.transfer-dialog .transfer-submit-btn:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected{align-items:center;animation:fadeIn .5s ease;color:#56708f;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:#66c0f433;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover,.sidebar-list::-webkit-scrollbar-thumb:hover{background:#66c0f459}@media (max-width:768px){.social-page{flex-direction:column;gap:8px;padding:8px}.social-sidebar{height:280px;min-width:0;width:100%}.search-results{max-height:200px;top:58px}.chat-area{flex:1 1;min-height:400px}}.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:#66c0f4;font-size:11px;font-weight:500;letter-spacing:.3px}.ai-contact-footer{align-items:center;background:#66c0f40d;border:1px solid #66c0f41a;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:#56708f;font-size:11px}.ai-contact-footer .ai-wechat{color:#66c0f4;font-size:11px;font-weight:500}.image-modal-overlay{align-items:center;background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-img{border-radius:8px;max-height:90vh;max-width:90vw;object-fit:contain}.image-modal-close{background:none;border:none;color:#fff;cursor:pointer;opacity:.7;position:absolute;right:0;top:-40px;transition:opacity .2s}.image-modal-close:hover{opacity:1}.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{height:24px;vertical-align:middle;width:24px}.action-btn-danger{color:#e74c3c!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:#1a1a2e;border:1px solid #333;border-radius:8px;color:#e0e0e0;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;width:100%}.msg-textarea:focus{border-color:#66c0f4}.char-counter{bottom:4px;pointer-events:none;position:absolute;right:8px}.block-countdown,.char-counter{color:#e74c3c;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}.msg-bubble.frame-chat_default{border:1px solid #2a3a4a}.msg-bubble.frame-chat_cloud{border:1px solid #b8d4e8;box-shadow:0 0 6px #b8d4e833}.msg-bubble.frame-chat_rainbow{border:1px solid #667eea;box-shadow:0 0 8px #667eea4d}.msg-bubble.frame-chat_purple{border:1px solid #9370db;box-shadow:0 0 8px #9370db4d}.msg-bubble.frame-chat_sparkle{border:1px solid #f093fb;box-shadow:0 0 8px #f093fb4d}.msg-bubble.frame-chat_fire{border:1px solid #ff4500;box-shadow:0 0 8px #ff45004d}.msg-bubble.frame-chat_gold{border:1px solid gold;box-shadow:0 0 10px #ffd7004d}.msg-bubble.frame-chat_pink{border:1px solid #ff6a88;box-shadow:0 0 8px #ff6a884d}.msg-bubble.frame-chat_star{border:1px solid #4facfe;box-shadow:0 0 10px #4facfe4d}.msg-bubble.frame-chat_diamond{animation:diamond-shimmer 2s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08!important;border:1px solid #fff3;box-shadow:0 0 8px #c8dcff33,inset 0 0 8px #ffffff0d}.msg-bubble.frame-chat_cosmic{animation:cosmic-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#302b634d,#667eea4d)!important;border:1px solid #667eea;box-shadow:0 0 15px #667eea66}@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}}.msg-bubble.frame-chat_gold_gradient{animation:goldSweep 3s linear infinite!important;background:linear-gradient(135deg,#bf953f33,#fcf6ba1a,#b3872826,#fbf5b71a,#aa771c33)!important;background-size:400% 400%!important;border:1px solid #bf953f66!important;box-shadow:0 0 15px #bf953f4d!important}.mails-page{background:#0d1117;min-height:100vh;padding:20px 0 40px}.mails-header{justify-content:space-between;margin-bottom:20px}.mails-header,.mails-header h1{align-items:center;display:flex}.mails-header h1{color:#c6d4df;font-size:24px;gap:10px}.mails-tabs{border-bottom:1px solid #2a475e;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.mails-tabs button{align-items:center;background:none;border:none;border-radius:4px;color:#8f98a0;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s}.mails-tabs button:hover{background:#66c0f41a;color:#c6d4df}.mails-tabs button.active{background:#66c0f426;border-bottom:2px solid #66c0f4;color:#66c0f4}.mails-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;min-height:500px}.mails-list{background:#1b2838;border-radius:8px;max-height:600px;overflow-y:auto}.mail-item{align-items:center;border-bottom:1px solid #2a475e;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.mail-item:hover{background:#66c0f414}.mail-item.unread{background:#66c0f40d}.mail-item.unread .mail-user{color:#66c0f4;font-weight:700}.mail-item.selected{background:#66c0f426;border-left:3px solid #66c0f4}.mail-avatar{flex-shrink:0}.mail-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.mail-info{flex:1 1;min-width:0}.mail-user{color:#c6d4df;font-size:14px;margin-bottom:2px}.mail-title{color:#8f98a0;font-size:13px}.mail-preview,.mail-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{color:#5c7a90;font-size:12px}.mail-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.mail-time{color:#5c7a90;font-size:11px;white-space:nowrap}.mail-delete{background:none;border:none;border-radius:4px;color:#5c7a90;cursor:pointer;padding:2px;transition:all .2s}.mail-delete:hover{background:#e74c3c1a;color:#e74c3c}.mail-detail{background:#1b2838;border-radius:8px;padding:20px}.mail-detail-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.mail-detail-header h2{color:#c6d4df;font-size:18px}.back-btn{align-items:center;background:none;border:1px solid #3d5a73;border-radius:4px;color:#8f98a0;cursor:pointer;display:flex;padding:6px 10px;transition:all .2s}.back-btn:hover{border-color:#66c0f4;color:#66c0f4}.mail-detail-info{align-items:center;border-bottom:1px solid #2a475e;display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.mail-detail-info img{border-radius:50%;height:48px;object-fit:cover;width:48px}.mail-detail-user{color:#c6d4df;font-size:16px;font-weight:600}.mail-detail-time{color:#5c7a90;font-size:12px}.mail-detail-content{color:#acb5bd;line-height:1.6;margin-bottom:20px}.mail-detail-content p{margin:0 0 8px}.compose-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compose-form{background:#1b2838;border:1px solid #2a475e;border-radius:12px;padding:24px;width:500px}.compose-form h2{align-items:center;color:#66c0f4;display:flex;gap:8px;margin:0 0 16px}.compose-hint{background:#e67e221a;border-radius:4px;color:#e67e22;font-size:12px;padding:8px}.compose-field,.compose-hint{margin-bottom:16px}.compose-field label{color:#8f98a0;display:block;font-size:13px;margin-bottom:6px}.compose-field input,.compose-field textarea{background:#0d1117;border:1px solid #3d5a73;border-radius:4px;box-sizing:border-box;color:#c6d4df;font-size:14px;padding:10px;width:100%}.compose-field input:focus,.compose-field textarea:focus{border-color:#66c0f4;outline:none}.compose-field textarea{min-height:120px;resize:vertical}.user-search{position:relative}.search-results{background:#1b2838;border:1px solid #2a475e;border-radius:4px;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:8px 12px;transition:background .2s}.search-result-item:hover{background:#66c0f41a}.search-result-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.search-result-item span{color:#c6d4df;font-size:14px}.user-code{color:#8f98a0;font-size:12px}.selected-user{background:#66c0f41a;border:1px solid #66c0f4;border-radius:4px;color:#66c0f4;font-size:14px;margin-top:8px;padding:8px 12px}.compose-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.empty-state{align-items:center;color:#5c7a90;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.empty-state p{font-size:16px}.loading{color:#8f98a0;padding:60px}.spinner{border:3px solid #2a475e;border-top-color:#66c0f4;height:32px;width:32px}.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}.daily-page{margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.daily-header{margin-bottom:30px;text-align:center}.daily-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:28px;margin-bottom:8px}.daily-header .subtitle{color:#888;font-size:14px}.daily-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:16px;display:flex;gap:15px;padding:20px}.stat-icon{color:#667eea;font-size:32px}.stat-icon.gold{color:#f59e0b}.stat-icon.green{color:#10b981}.stat-info{display:flex;flex-direction:column}.stat-value{color:#333;font-size:28px;font-weight:700}.stat-label{color:#888;font-size:12px}.checkin-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.checkin-btn{align-items:center;background:#fff;border:none;border-radius:30px;color:#667eea;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:16px 40px;transition:transform .2s,box-shadow .2s}.checkin-btn:hover{box-shadow:0 10px 30px #0003;transform:scale(1.05)}.checked-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.checkin-section h2{font-size:24px;margin-bottom:10px}.reward-hint,.xp-hint{font-size:14px;margin-top:15px;opacity:.8}.calendar-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:20px}.calendar-section h3{font-size:16px;margin-bottom:15px}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-bottom:15px}.calendar-day{align-items:center;aspect-ratio:1;background:#f5f5f5;border-radius:8px;color:#999;display:flex;font-size:12px;justify-content:center;position:relative}.calendar-day.checked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.calendar-day.today{border:2px solid #667eea}.check-mark{font-size:10px;position:absolute;right:4px;top:2px}.calendar-legend{color:#666;display:flex;font-size:12px;gap:20px}.legend-dot{background:#f5f5f5;border-radius:50%;display:inline-block;height:12px;margin-right:5px;width:12px}.legend-dot.checked{background:linear-gradient(135deg,#667eea,#764ba2)}.legend-dot.today{background:#fff;border:2px solid #667eea}.rewards-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px}.rewards-section h3{font-size:16px;margin-bottom:15px}.rewards-table{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.reward-row{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.xp-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.xp-badge.gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.rewards-note{background:#fef3c7;border-radius:8px;color:#888;font-size:13px;padding:10px}@media (max-width:768px){.daily-stats{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,1fr)}}.achievements-page{margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.achievements-header{margin-bottom:30px;text-align:center}.achievements-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;font-size:28px;margin-bottom:8px}.achievements-header .subtitle{color:#888;font-size:14px}.progress-overview{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:20px}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px}.progress-text{color:#666;font-size:14px}.progress-percent{color:#f59e0b;font-size:18px;font-weight:700}.progress-bar{background:#f0f0f0;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:5px;height:100%;transition:width .3s}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:15px;text-align:center}.stat-num{color:#667eea;display:block;font-size:24px;font-weight:700;margin-bottom:5px}.stat-name{color:#888;font-size:12px}.achievement-section{margin-bottom:30px}.achievement-section h2{align-items:center;display:flex;font-size:18px;gap:8px;margin-bottom:15px}.achievement-grid{display:flex;flex-direction:column;gap:12px}.achievement-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:20px;transition:transform .2s,box-shadow .2s}.achievement-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.achievement-card.locked{opacity:.7}.achievement-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.achievement-card.locked .achievement-icon{background:#f5f5f5;filter:grayscale(1)}.achievement-info{flex:1 1}.achievement-info h3{color:#333;font-size:16px;margin-bottom:5px}.achievement-info p{color:#888;font-size:13px;margin-bottom:8px}.achievement-xp{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:3px 10px}.achievement-status{flex-shrink:0}.unlocked-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:6px 16px}.achievement-progress{flex-shrink:0;text-align:right}.progress-hint{color:#888;font-size:12px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.achievement-card{flex-wrap:wrap}.achievement-progress{margin-top:10px;text-align:left;width:100%}}*{box-sizing:border-box;margin:0;padding:0}: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;--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{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0e17;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4fc3f7,#b388ff);background:linear-gradient(180deg,var(--accent),var(--accent-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#81d4fa;background:var(--accent-hover)}.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:#4fc3f7;background:var(--accent);box-shadow:0 0 20px #4fc3f766;box-shadow:var(--glow-blue);color:#0a0e17}.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,#b388ff);background:linear-gradient(180deg,var(--accent),var(--accent-purple));border-radius:2px;content:"";height:28px;width:4px}.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:#4fc3f7;background:var(--accent);color:#0a0e17}.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{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{height:18px;width:3px}.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.cc62d04d.css.map*/