html,body,#app{height:100%;font-family:Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff;background:#1a1a2e;-webkit-font-smoothing:antialiased}#app{height:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 15px}.header{background:#16213e;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000004d}.header .header-content{display:flex;align-items:center;justify-content:space-between}.header .header-content .logo{font-size:20px;font-weight:700;color:#409eff;display:flex;align-items:center;gap:8px}.header .header-content .search-box{flex:1;max-width:400px;margin:0 20px}.header .header-content .search-box input{width:100%;padding:10px 15px;border:1px solid #333;border-radius:20px;background:#0f0f23;color:#fff;outline:none;transition:border-color .3s}.header .header-content .search-box input:focus{border-color:#409eff}.header .header-content .search-box input::placeholder{color:#a0a0a0}.categories{background:#16213ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;position:sticky;top:60px;z-index:99}.categories .category-list{display:flex;gap:10px;overflow-x:auto;padding:5px 0;scrollbar-width:none}.categories .category-list::-webkit-scrollbar{display:none}.categories .category-list .category-item{padding:8px 20px;border-radius:20px;background:#0f0f23;color:#a0a0a0;white-space:nowrap;cursor:pointer;transition:all .3s;font-size:14px}.categories .category-list .category-item:hover,.categories .category-list .category-item.active{background:#409eff;color:#fff}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:20px 0}.game-grid .game-card{background:#16213e;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.game-grid .game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.game-grid .game-card .game-image{width:100%;aspect-ratio:1;object-fit:cover;background:#0f0f23}.game-grid .game-card .game-info{padding:12px}.game-grid .game-card .game-info .game-name{font-size:14px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (min-width: 768px){.container{padding:0 30px}.header .header-content .search-box{margin:0 40px}.categories{top:70px}.categories .category-list{justify-content:center;gap:15px}.categories .category-list .category-item{padding:10px 25px;font-size:15px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;padding:10px 0}.game-grid .game-card .game-info{padding:15px}.game-grid .game-card .game-info .game-name{font-size:15px}}.loading{display:flex;align-items:center;justify-content:center;padding:50px 0}.loading .spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#409eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:50px 0;color:#a0a0a0}.empty-state .empty-icon{font-size:60px;margin-bottom:15px}.empty-state p{font-size:16px}