.page-header[data-v-704878e9]{text-align:center;margin-bottom:2rem}.page-header h1[data-v-704878e9]{color:#fff;font-size:2rem;margin-bottom:.5rem}.page-header p[data-v-704878e9]{color:#a0a0a0;font-size:1.125rem}.search-bar[data-v-704878e9]{position:relative;max-width:600px;margin:0 auto 1.5rem}.search-input-wrap[data-v-704878e9]{position:relative}.search-icon[data-v-704878e9]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0a0a0;pointer-events:none;z-index:1}.search-input[data-v-704878e9]{width:100%;padding:.85rem 2.75rem;border:2px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.search-input[data-v-704878e9]:focus{border-color:#f5a623;background:#ffffff14;box-shadow:0 4px 16px #f5a6231a}.search-input[data-v-704878e9]::placeholder{color:#86909c}.search-clear[data-v-704878e9]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;transition:background .15s,color .15s}.search-clear[data-v-704878e9]:hover{background:#ffffff26;color:#fff}.search-panel[data-v-704878e9]{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;max-height:400px;overflow-y:auto;z-index:300;padding:.5rem 0}.sb-section[data-v-704878e9]{padding:.5rem 1rem}.sb-section+.sb-section[data-v-704878e9]{border-top:1px solid rgba(255,255,255,.06)}.sb-section-header[data-v-704878e9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;font-weight:600;color:#a0a0a0}.sb-clear-btn[data-v-704878e9]{font-size:.75rem;color:#86909c;cursor:pointer;background:none;border:none}.sb-clear-btn[data-v-704878e9]:hover{color:#fff}.sb-tags[data-v-704878e9]{display:flex;flex-wrap:wrap;gap:.4rem}.sb-tag[data-v-704878e9]{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.85rem;color:#e0e0e0;cursor:pointer;transition:all .15s}.sb-tag[data-v-704878e9]:hover{background:#ffffff1a;color:#fff}.sb-tag-hot[data-v-704878e9]{color:#f5a623;border-color:#f5a62333;background:#f5a62314}.sb-tag-hot[data-v-704878e9]:hover{background:#f5a62326}.sb-tag-del[data-v-704878e9]{font-size:.9rem;line-height:1;opacity:.4;margin-left:2px}.sb-tag-del[data-v-704878e9]:hover{opacity:1;color:#f87171}.sb-item[data-v-704878e9]{display:block;width:100%;padding:.65rem 1rem;text-align:left;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:background .1s}.sb-item[data-v-704878e9]:hover,.sb-item-active[data-v-704878e9]{background:#ffffff0f;border-left-color:#f5a623}.sb-item-main[data-v-704878e9]{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.sb-item-name[data-v-704878e9]{font-weight:600;font-size:.95rem;color:#fff}.sb-item-name[data-v-704878e9] mark{background:#f5a62333;color:#f5a623;padding:0 2px;border-radius:2px}.sb-item-en[data-v-704878e9]{font-size:.75rem;color:#86909c}.sb-item-genres[data-v-704878e9]{display:flex;gap:.3rem;flex-wrap:wrap}.sb-genre-tag[data-v-704878e9]{font-size:.7rem;padding:1px 6px;background:#f5a6231a;color:#f5a623;border-radius:3px}.sb-empty[data-v-704878e9]{padding:1.5rem 1rem;text-align:center;color:#a0a0a0}.sb-empty p[data-v-704878e9]{margin-bottom:.25rem}.sb-empty-hint[data-v-704878e9]{font-size:.85rem;color:#86909c}.sb-empty-tags[data-v-704878e9]{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.6rem}.sb-fade-enter-active[data-v-704878e9],.sb-fade-leave-active[data-v-704878e9]{transition:opacity .15s,transform .15s}.sb-fade-enter-from[data-v-704878e9],.sb-fade-leave-to[data-v-704878e9]{opacity:0;transform:translateY(-4px)}.filter-panel[data-v-704878e9]{background:#1e1e2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.filter-row[data-v-704878e9]{display:flex;align-items:flex-start;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.filter-row[data-v-704878e9]:last-child{border-bottom:none}.filter-label[data-v-704878e9]{flex-shrink:0;width:48px;color:#a0a0a0;font-size:.875rem;font-weight:500;padding-top:6px;text-align:right}.filter-tags[data-v-704878e9]{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-tag[data-v-704878e9]{padding:5px 14px;border-radius:6px;border:1px solid transparent;background:#ffffff0a;color:#e0e0e0;font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap;outline:none}.filter-tag[data-v-704878e9]:hover{background:#f5a6231a;border-color:#f5a6234d;color:#f5a623}.filter-tag.active[data-v-704878e9]{background:#f5a623;border-color:#f5a623;color:#fff;font-weight:500}.filter-tag.tag-all[data-v-704878e9]{background:#f5a62326;border-color:#f5a62366;color:#f5a623;font-weight:600}.filter-tag.tag-all[data-v-704878e9]:hover{background:#f5a62340}.filter-tag.tag-all.active[data-v-704878e9]{background:#f5a623;color:#fff}.filter-toggle-row[data-v-704878e9]{display:flex;justify-content:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.75rem}.toggle-btn[data-v-704878e9]{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:6px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#a0a0a0;font-size:13px;cursor:pointer;transition:all .2s ease;outline:none}.toggle-btn[data-v-704878e9]:hover{border-color:#f5a623;color:#f5a623;border-style:solid}.toggle-icon[data-v-704878e9]{transition:transform .2s ease}.toggle-icon.rotated[data-v-704878e9]{transform:rotate(180deg)}.game-grid[data-v-704878e9]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.game-card[data-v-704878e9]{text-decoration:none;display:flex;flex-direction:column;overflow:hidden;background:#16213e;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.game-card[data-v-704878e9]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.game-cover[data-v-704878e9]{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#1e1e2e}.game-cover img[data-v-704878e9]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-cover img[data-v-704878e9]{transform:scale(1.05)}.cover-placeholder[data-v-704878e9],.cover-fallback[data-v-704878e9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}.placeholder-content[data-v-704878e9]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.placeholder-icon[data-v-704878e9]{width:48px;height:48px;color:#ffffff40}.placeholder-initial[data-v-704878e9]{color:#fff9;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.cover-fallback[data-v-704878e9]{position:absolute;top:0;left:0;display:none}.cover-fallback.show[data-v-704878e9]{display:flex}.game-rating[data-v-704878e9]{position:absolute;top:.5rem;right:.5rem;background:#000000bf;color:#f5a623;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;backdrop-filter:blur(4px)}.game-info[data-v-704878e9]{padding:1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.game-info h2[data-v-704878e9]{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}.game-name-en[data-v-704878e9]{color:#a0a0a0;font-size:.75rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}.game-summary[data-v-704878e9]{color:#e0e0e0;font-size:.75rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.game-meta[data-v-704878e9]{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}.game-meta .tag[data-v-704878e9]{background:#f5a6231f;color:#f5a623;font-size:.7rem;padding:2px 8px;border-radius:4px}.platform-tag[data-v-704878e9]{display:flex;align-items:center;gap:4px}.platform-icon[data-v-704878e9]{font-size:14px}.platform-count[data-v-704878e9]{background:#ffffff1a;padding:1px 6px;border-radius:10px;font-size:11px;color:#a0a0a0;margin-left:2px}.filter-tag.active .platform-count[data-v-704878e9]{background:#ffffff40;color:#fff}.source-badges[data-v-704878e9]{position:absolute;bottom:.5rem;left:.5rem;display:flex;gap:4px}.source-badge[data-v-704878e9]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:50%;font-size:12px;backdrop-filter:blur(4px);transition:transform .2s ease}.source-badge[data-v-704878e9]:hover{transform:scale(1.15)}.source-more[data-v-704878e9]{font-size:10px;font-weight:600;color:#f5a623}.quality-badge[data-v-704878e9]{position:absolute;top:.5rem;left:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f5a623e6;border-radius:50%;font-size:12px;box-shadow:0 2px 8px #f5a62366}.multi-platform-hint[data-v-704878e9]{display:flex;align-items:center;gap:4px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.multi-icon[data-v-704878e9]{font-size:12px}.multi-text[data-v-704878e9]{color:#a0a0a0;font-size:.7rem}.empty-hint[data-v-704878e9]{color:#a0a0a0;text-align:center;padding:3rem}.pagination[data-v-704878e9]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:1rem 0}.page-btn[data-v-704878e9]{min-width:36px;height:36px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a0a0a0;font-size:.9rem;cursor:pointer;transition:all .2s ease}.page-btn[data-v-704878e9]:hover:not(:disabled):not(.active){background:#ffffff1a;color:#fff;border-color:#fff3}.page-btn.active[data-v-704878e9]{background:#f5a623;color:#fff;border-color:#f5a623}.page-btn[data-v-704878e9]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-704878e9]{margin-left:1rem;color:#86909c;font-size:.85rem}@media(max-width:1024px){.game-grid[data-v-704878e9]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.game-grid[data-v-704878e9]{grid-template-columns:repeat(2,1fr)}.pagination[data-v-704878e9]{flex-wrap:wrap}.page-info[data-v-704878e9]{width:100%;text-align:center;margin-left:0;margin-top:.5rem}}
