@import"https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f7f9fe;color:#374151;margin:0;padding:0;width:100%;overflow-x:hidden}img{max-width:100%;display:block}.fade-leave-active{transition:opacity .8s ease}.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s ease}.slide-left-enter-from,.slide-left-leave-to{transform:translate(-100%)}.header-container,.main-container,.footer-container{width:100%;padding-left:12px;padding-right:12px;margin-left:0;margin-right:auto}@media (min-width: 640px){.header-container,.main-container,.footer-container{padding-left:16px;padding-right:16px}}@media (min-width: 1024px){.header-container,.main-container,.footer-container{padding-left:24px;padding-right:24px}}@media (min-width: 1280px){.header-container,.main-container,.footer-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}@media (max-width: 320px){.header-container,.main-container,.footer-container{padding-left:8px!important;padding-right:8px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1c1}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.card-long-press{transform:scale(.95)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.fade-btn-enter-active,.fade-btn-leave-active{transition:opacity .4s ease}.fade-btn-enter-from,.fade-btn-leave-to{opacity:0}.sidebar-category-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.sidebar-category-item:hover{background-color:#f3f4f6}.sidebar-category-item.sorting-mode{cursor:grab}.sidebar-category-item.sorting-mode:active{cursor:grabbing}.sidebar-category-item.dragging{opacity:.5;background-color:#e5e7eb}.sidebar-category-item.drag-over{border-left-color:#425aef;background-color:#eff6ff}[data-theme=dark] body{background-color:#000;color:#fff}[data-theme=dark] .bg-white{background-color:#121212!important}[data-theme=dark] .bg-gray-50{background-color:#1a1a1a!important}[data-theme=dark] .bg-gray-200{background-color:#2d2d2d!important}[data-theme=dark] .text-dark{color:#fff!important}[data-theme=dark] .text-gray-500{color:#a0a0a0!important}[data-theme=dark] .text-gray-600{color:silver!important}[data-theme=dark] .text-gray-700{color:#e0e0e0!important}[data-theme=dark] .border-border,[data-theme=dark] .border-gray-100{border-color:#242424!important}[data-theme=dark] .border-gray-200{border-color:#2d2d2d!important}[data-theme=dark] .border-gray-300{border-color:#3a3a3a!important}[data-theme=dark] .card-transition:hover{border-color:#fff!important;background-color:#1a1a1a!important}[data-theme=dark] .nav-item-active{background-color:#425aef!important;color:#fff!important}[data-theme=dark] .nav-item-inactive{color:#e0e0e0!important}[data-theme=dark] .nav-item-inactive:hover{background-color:#242424!important;color:#fff!important}[data-theme=dark] .bottom-nav-item-active{color:#fff!important}[data-theme=dark] .bottom-nav-item-inactive{color:#a0a0a0!important}[data-theme=dark] .mobile-nav-scrolled{background-color:#000c!important;border-color:#24242480!important}[data-theme=dark] .nav-scrolled{background-color:#121212cc!important;border-color:#24242480!important}.dropdown-enter-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-leave-active{transition:all .15s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translate(-50%) translateY(-5px) scale(.98)}.more-dropdown:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background-color:inherit;border-top:1px solid;border-left:1px solid;border-color:inherit;transform:translate(-50%) rotate(45deg);z-index:-1}[data-theme=dark] .sidebar-category-item{color:#e0e0e0!important;border-left-color:transparent!important}[data-theme=dark] .sidebar-category-item:hover{background-color:#242424!important}[data-theme=dark] .sidebar-category-item.drag-over{border-left-color:#fff!important;background-color:#1a1a1a!important}[data-theme=dark] .context-menu{background-color:#121212!important;border-color:#242424!important}[data-theme=dark] .context-menu-item:hover{background-color:#242424!important}[data-theme=dark] .toast{background-color:#1a1a1a!important;border:1px solid #242424!important}[data-theme=dark] .pagination-btn{background-color:#121212!important;color:#e0e0e0!important;border-color:#242424!important}[data-theme=dark] .pagination-btn:hover{background-color:#242424!important;color:#fff!important}[data-theme=dark] .sort-btn{background-color:#121212!important;color:#e0e0e0!important;border-color:#242424!important}[data-theme=dark] .sort-btn:hover{background-color:#242424!important;color:#fff!important}[data-theme=dark] .recommended-badge{background-color:#fff!important;color:#000!important}[data-theme=dark] footer{background-color:#121212!important;border-color:#242424!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:#121212!important;color:#fff!important;border-color:#2d2d2d!important}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff1a!important}[data-theme=dark] .bg-gray-300{background-color:#3a3a3a!important}[data-theme=dark] .theme-progress-bg{background-color:#2d2d2d!important}[data-theme=dark] .theme-progress-bar{background-color:#fff!important}[data-theme=dark] .btn-primary{background-color:#fff!important;color:#000!important}[data-theme=dark] .btn-primary:hover{background-color:#e0e0e0!important}[data-theme=dark] a{color:#fff!important}[data-theme=dark] a:hover{color:silver!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#121212}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3a3a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a4a4a}[data-theme=dark] .game-modal-header{background-color:#121212!important;border-color:#242424!important}[data-theme=dark] .game-modal-btn-fullscreen{background-color:#242424!important;color:#fff!important}[data-theme=dark] .game-modal-btn-fullscreen:hover{background-color:#2d2d2d!important}[data-theme=dark] .game-modal-btn-close{background-color:#fff!important;color:#000!important}[data-theme=dark] .game-modal-btn-close:hover{background-color:#e0e0e0!important}[data-theme=dark] nav.fixed.bottom-0{background-color:#000c!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-top-color:#1a1a1a!important}[data-theme=dark] .bottom-nav-item{color:#a0a0a0!important}[data-theme=dark] .bottom-nav-item-active,[data-theme=dark] .bottom-nav-item:hover{color:#425aef!important}[data-theme=dark] .safe-area-bottom{background-color:#000c!important}[data-theme=dark] .bg-gray-100{background-color:#242424!important}[data-theme=dark] .text-gray-600{color:#a0a0a0!important}[data-theme=dark] .hover\:text-gray-900:hover{color:#fff!important}.article-content{line-height:1.8;color:#374151}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.3;color:#1f2937}.article-content h1{font-size:2rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content p{margin-bottom:1.25rem}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto;display:block}.article-content a{color:#425aef;text-decoration:underline}.article-content blockquote{border-left:4px solid #425aef;padding-left:1rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.article-content ul,.article-content ol{margin:1.25rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content code{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.875rem}.article-content pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background-color:transparent;padding:0;color:inherit}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.article-content th,.article-content td{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.article-content th{background-color:#f9fafb;font-weight:600}[data-theme=dark] .article-content{color:#e5e7eb}[data-theme=dark] .article-content h1,[data-theme=dark] .article-content h2,[data-theme=dark] .article-content h3,[data-theme=dark] .article-content h4,[data-theme=dark] .article-content h5,[data-theme=dark] .article-content h6{color:#f9fafb}[data-theme=dark] .article-content blockquote{color:#9ca3af}[data-theme=dark] .article-content code{background-color:#374151}[data-theme=dark] .article-content pre{background-color:#111827}[data-theme=dark] .article-content th,[data-theme=dark] .article-content td{border-color:#374151}[data-theme=dark] .article-content th{background-color:#1f2937}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.z-40{z-index:40}.z-50{z-index:50}[data-theme=dark] .more-dropdown{background-color:#121212!important;border-color:#242424!important;box-shadow:0 10px 40px #00000080!important}[data-theme=dark] .more-dropdown a{color:#e0e0e0!important}[data-theme=dark] .more-dropdown a:hover{background-color:#242424!important;color:#fff!important}[data-theme=dark] .more-dropdown a.text-\[\#425aef\]{color:#425aef!important;background-color:#425aef1a!important}[data-theme=dark] .more-dropdown{background-color:#121212b3!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-color:#24242480!important}[data-theme=light] .more-dropdown{background-color:#425aefe6!important;border-color:#425aef80!important}[data-theme=light] .more-dropdown .nav-item-inactive{color:#fff!important}[data-theme=light] .more-dropdown .nav-item-inactive:hover{background-color:#fff3!important;color:#fff!important}[data-theme=light] .more-dropdown .nav-item-active{background-color:#fff!important;color:#425aef!important}[data-theme=light] .more-dropdown:before{background-color:#425aefe6!important;border-color:#425aef80!important}@layer utilities{.content-auto{content-visibility:auto}.avatar-ring{@apply ring-2 ring-white ring-offset-2 ring-offset-gray-100;}.card-transition{@apply transition-all duration-300 ease-in-out;}.slider-container{@apply overflow-hidden w-full;}.slider-track{@apply flex transition-transform duration-500 ease-in-out w-full;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.slider-page{@apply w-full flex-shrink-0;}.btn-disabled{@apply opacity-50 cursor-not-allowed pointer-events-none;}.context-menu{@apply absolute z-50 bg-white rounded-lg border border-border py-2 px-3 min-w-[120px];}.context-menu-item{@apply flex items-center space-x-2 py-2 px-3 hover:bg-gray-100 rounded cursor-pointer transition-colors whitespace-nowrap;}.toast{@apply fixed bottom-20 md:bottom-8 left-1/2 transform -translate-x-1/2 bg-dark text-white px-4 sm:px-6 py-3 rounded-lg z-50 flex items-center space-x-2 max-w-[90vw] break-words;animation:fadeInOut 2.5s ease-in-out forwards}.nav-item-active{@apply bg-blue-500 text-white rounded-full px-3 py-1.5 font-bold;}.nav-item-inactive{@apply text-gray-600 hover:text-dark hover:bg-gray-100 rounded-full px-3 py-1.5 font-bold transition-colors;}.bottom-nav-item{@apply flex flex-col items-center justify-center py-2 px-3 transition-colors;}.bottom-nav-item-active{@apply text-blue-500;}.bottom-nav-item-inactive{@apply text-gray-500;}.nav-scrolled{@apply bg-white/80 backdrop-blur-md border border-border/50 rounded-full px-4 py-2 transition-all duration-300;}.mobile-nav-scrolled{@apply bg-white/80 backdrop-blur-md border-b border-border/50 transition-all duration-300;}.sort-btn{@apply px-4 py-2 bg-white text-gray-800 rounded-full text-sm font-medium border border-border hover:bg-gray-50 transition-colors;}.pagination-btn{@apply w-10 h-10 bg-white text-gray-600 rounded-full border border-border hover:bg-gray-50 transition-colors flex items-center justify-center text-base;}.parse-failed{@apply text-orange-500 text-xs;}.category-count{@apply text-blue-500 font-normal;}.card-description-hidden .card-desc{display:none}.recommended-badge{@apply absolute top-1 right-1 bg-red-500 text-white text-xs font-bold px-1.5 py-0.5 rounded-bl-lg rounded-tr-xl;}.btn-primary{@apply bg-[#425aef] text-white hover:bg-blue-600 transition-colors;}}.game-search-box{position:relative}.game-search-input{padding:8px 32px 8px 12px;border:1px solid #555555;border-radius:20px;font-size:14px;width:180px;outline:none;transition:all .3s ease;background-color:#fff;box-shadow:0 0 0 3px #5555551a}.game-search-input:focus{border-color:#555;background-color:#fff;box-shadow:0 0 0 3px #55555526}.game-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px;pointer-events:none}.game-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:10000;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.game-modal-overlay.show{display:flex}.game-modal{width:100%;max-width:1200px;height:90vh;background-color:#1a1a2e;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.game-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#333;border-bottom:1px solid #444444;padding-top:calc(10px + env(safe-area-inset-top,0px))}.game-modal-title{color:#fff;font-size:16px;font-weight:600;margin:0}.game-modal-buttons{display:flex;gap:10px}.game-modal-btn{padding:5px 10px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.game-modal-btn-fullscreen{background-color:#555;color:#fff}.game-modal-btn-fullscreen:hover{background-color:#444}.game-modal-btn-close{background-color:#e74c3c;color:#fff}.game-modal-btn-close:hover{background-color:#c0392b}.game-modal-content{flex:1;position:relative;background-color:#f5f5f5}.game-modal-iframe{width:100%;height:100%;border:none}.section-title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:50px;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;position:relative}.section-title-wrapper:before{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#555,#888);border-radius:2px}@media (max-width: 768px){.game-search-input{width:120px}.game-modal-overlay{padding:0}.game-modal{width:100%;max-width:100%;height:100vh;border-radius:0}.game-modal-btn .btn-text{display:none}.game-modal-btn .btn-icon{display:inline}}.custom-badge{position:absolute!important;top:5px!important;right:10px!important;font-size:14px;font-weight:700}