.game-list-page[data-v-229c26c9]{margin:0 auto;max-width:1300px;padding:24px 20px 40px}.page-header[data-v-229c26c9]{margin-bottom:40px;text-align:center}.page-title[data-v-229c26c9]{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 12px}.page-subtitle[data-v-229c26c9]{color:#6b7280;font-size:16px;margin:0}.filter-container[data-v-229c26c9]{align-items:center;background:#fff;border:1px solid #eceef2;border-radius:12px;box-shadow:0 4px 18px #1f29370a;display:flex;gap:24px;margin-bottom:24px;padding:18px 20px}.letter-nav[data-v-229c26c9]{display:flex;flex:1;flex-wrap:wrap;gap:4px}.letter-btn[data-v-229c26c9]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;height:32px;min-width:32px;padding:0 8px;transition:all .2s ease}.letter-btn[data-v-229c26c9]:hover{border-color:#4f46e5;color:#4f46e5}.letter-btn.active[data-v-229c26c9]{background:#4f46e5;border-color:#4f46e5;color:#fff}.search-section[data-v-229c26c9]{flex-shrink:0;width:180px}.search-box[data-v-229c26c9]{position:relative}.search-icon[data-v-229c26c9]{fill:none;height:16px;left:12px;position:absolute;stroke:#9ca3af;stroke-width:2;top:50%;transform:translateY(-50%);width:16px}.search-input[data-v-229c26c9]{border:1px solid #e5e7eb;border-radius:18px;font-size:13px;height:36px;outline:none;padding:0 36px;transition:all .3s ease;width:100%}.search-input[data-v-229c26c9]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.clear-btn[data-v-229c26c9]{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.clear-btn svg[data-v-229c26c9]{fill:none;height:16px;stroke:currentColor;stroke-width:2;width:16px}.clear-btn[data-v-229c26c9]:hover{color:#4b5563}.games-grid[data-v-229c26c9]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.game-card[data-v-229c26c9]{align-items:center;background:#fff;border:1px solid #f3dce3;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.game-card[data-v-229c26c9]:hover{border-color:#e11d48;box-shadow:0 8px 24px #e11d481f;transform:translateY(-4px)}.game-icon[data-v-229c26c9]{align-items:center;background:#fff7f9;border:1px solid #fce7ed;border-radius:14px;box-sizing:border-box;display:flex;height:80px;justify-content:center;overflow:hidden;padding:6px;width:80px}.game-icon img[data-v-229c26c9]{border-radius:9px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.default-icon[data-v-229c26c9]{fill:none;height:48px;stroke:#9ca3af;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:48px}.game-name[data-v-229c26c9]{color:#303642;font-size:14px;font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state[data-v-229c26c9],.loading-state[data-v-229c26c9]{padding:80px 20px;text-align:center}.loading-icon[data-v-229c26c9]{animation:spin-229c26c9 1s linear infinite;border:4px solid #e0e7ff;border-radius:50%;border-top-color:#4f46e5;display:inline-block;height:48px;width:48px}@keyframes spin-229c26c9{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty-icon[data-v-229c26c9]{fill:none;height:64px;margin-bottom:16px;stroke:#d1d5db;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:64px}.empty-state p[data-v-229c26c9],.loading-state p[data-v-229c26c9]{color:#6b7280;font-size:16px;margin-top:16px}@media(max-width:768px){.game-list-page[data-v-229c26c9]{padding:20px 16px}.page-title[data-v-229c26c9]{font-size:24px}.page-subtitle[data-v-229c26c9]{font-size:14px}.filter-container[data-v-229c26c9]{flex-direction:column;gap:16px}.search-section[data-v-229c26c9]{width:100%}.games-grid[data-v-229c26c9]{gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.letter-btn[data-v-229c26c9]{font-size:12px;height:36px;min-width:36px}}