.apps[data-v-cc4ceb3c]{width:90%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:30px 0}.app[data-v-cc4ceb3c]{width:100%;min-height:320px;background:linear-gradient(145deg,#fff,#f8fafc);padding:2.5em 1.5em 1.5em;border-radius:20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1em;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card[data-v-cc4ceb3c]{--bg: linear-gradient(145deg, #ffffff, #f8fafc);--hover-bg: linear-gradient(145deg, #ff6b6b, #ee5a52);--hover-text: #ffffff;--shadow-color: rgba(255, 107, 107, .15);text-align:center;background:var(--bg);border-radius:20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1em;width:100%;min-height:320px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card[data-v-cc4ceb3c]:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:linear-gradient(45deg,#ff6b6b1a,#ee5a521a);border-radius:50%;transition:all .4s ease;z-index:1}.card[data-v-cc4ceb3c]:after{content:"";position:absolute;bottom:-30px;left:-30px;width:60px;height:60px;background:linear-gradient(45deg,#ff6b6b0d,#ee5a520d);border-radius:50%;transition:all .4s ease;z-index:1}.tags-container[data-v-cc4ceb3c]{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:15}.tag[data-v-cc4ceb3c]{padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.tag[data-v-cc4ceb3c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tag[data-v-cc4ceb3c]:hover:before{left:100%}.tag-free[data-v-cc4ceb3c]{background:linear-gradient(135deg,#00c851,#00a63f);box-shadow:0 4px 15px #00c8514d}.tag-paid[data-v-cc4ceb3c]{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 4px 15px #9c27b04d}.tag-casual[data-v-cc4ceb3c]{background:linear-gradient(135deg,#ff9800,#ff6f00);box-shadow:0 4px 15px #ff98004d}.tag-competitive[data-v-cc4ceb3c]{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f443364d}.tag-single[data-v-cc4ceb3c]{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 15px #2196f34d}.tag-online[data-v-cc4ceb3c]{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 15px #4caf504d}.tag-indie[data-v-cc4ceb3c]{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 4px 15px #9c27b04d}.tag-steam[data-v-cc4ceb3c]{background:linear-gradient(135deg,#2a2a2a,#1b1b1b);box-shadow:0 4px 15px #0000004d}.tag-default[data-v-cc4ceb3c]{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 15px #6c757d4d}.icon[data-v-cc4ceb3c]{margin-top:.8em;flex-shrink:0;position:relative;z-index:10;transition:all .3s ease}.icon img[data-v-cc4ceb3c]{transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card-title[data-v-cc4ceb3c]{display:block;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:.3em 0;text-align:center;color:#2d3748;position:relative;z-index:10;transition:all .3s ease}.card__body[data-v-cc4ceb3c]{color:#64748b;line-height:1.6;font-size:.9rem;text-align:center;flex-grow:1;display:flex;align-items:center;padding:0 1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;position:relative;z-index:10;transition:all .3s ease;font-weight:500}.card[data-v-cc4ceb3c]>:not(.hover-text){transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hover-text[data-v-cc4ceb3c]{position:absolute;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--hover-text);border-radius:20px;font-weight:700;font-size:1.2em;top:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:var(--hover-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;text-transform:uppercase;letter-spacing:1px}.card:hover .hover-text[data-v-cc4ceb3c]{top:0}.card[data-v-cc4ceb3c]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px var(--shadow-color),0 8px 16px #0000001a;cursor:pointer}.card[data-v-cc4ceb3c]:hover:before{transform:scale(1.2);opacity:.3}.card[data-v-cc4ceb3c]:hover:after{transform:scale(1.5);opacity:.2}.card:hover .icon img[data-v-cc4ceb3c]{transform:scale(1.1) rotate(5deg)}.card:hover>div[data-v-cc4ceb3c]:not(.hover-text),.card:hover>strong[data-v-cc4ceb3c],.card:hover .tags-container[data-v-cc4ceb3c]{opacity:0;transform:scale(.9)}.card[data-v-cc4ceb3c]:active{transform:translateY(-4px) scale(1.01)}@media (max-width: 1200px){.apps[data-v-cc4ceb3c]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:95%}}@media (max-width: 768px){.apps[data-v-cc4ceb3c]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:95%;padding:20px 0}.card[data-v-cc4ceb3c],.app[data-v-cc4ceb3c]{min-height:300px;padding:2.2em 1.2em 1.2em}.card-title[data-v-cc4ceb3c]{font-size:1.2rem}.card__body[data-v-cc4ceb3c]{font-size:.85rem}}@media (max-width: 480px){.apps[data-v-cc4ceb3c]{grid-template-columns:1fr;gap:12px;width:95%}.card[data-v-cc4ceb3c],.app[data-v-cc4ceb3c]{min-height:280px}}@keyframes cardSlideIn-cc4ceb3c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card[data-v-cc4ceb3c]{animation:cardSlideIn-cc4ceb3c .6s ease forwards}.card[data-v-cc4ceb3c]:nth-child(1){animation-delay:.1s}.card[data-v-cc4ceb3c]:nth-child(2){animation-delay:.2s}.card[data-v-cc4ceb3c]:nth-child(3){animation-delay:.3s}.card[data-v-cc4ceb3c]:nth-child(4){animation-delay:.4s}.card[data-v-cc4ceb3c]:nth-child(5){animation-delay:.5s}.card[data-v-cc4ceb3c]:nth-child(6){animation-delay:.6s}.card[data-v-cc4ceb3c]:nth-child(7){animation-delay:.7s}.card[data-v-cc4ceb3c]:nth-child(8){animation-delay:.8s}.card[data-v-cc4ceb3c]:nth-child(9){animation-delay:.9s}.card[data-v-cc4ceb3c]:nth-child(10){animation-delay:1s}.filter-bar[data-v-cc4ceb3c]{width:90%;max-width:1400px;margin:20px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;background:#fff9;padding:12px 24px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000d}.filter-bar span[data-v-cc4ceb3c]{font-weight:600;color:#4a5568}.filter-bar .el-select[data-v-cc4ceb3c],.filter-bar .el-input[data-v-cc4ceb3c]{width:160px}.filter-bar .el-button[data-v-cc4ceb3c]{min-width:80px}