.apps[data-v-e5a3266e]{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-e5a3266e]{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 var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card[data-v-e5a3266e]{--bg: linear-gradient(145deg, #ffffff, #f8fafc);--hover-bg: linear-gradient(145deg, #667eea, #764ba2);--hover-text: #ffffff;--shadow-color: rgba(102, 126, 234, .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 var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card[data-v-e5a3266e]:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:50%;transition:all .4s ease;z-index:1}.card[data-v-e5a3266e]:after{content:"";position:absolute;bottom:-30px;left:-30px;width:60px;height:60px;background:linear-gradient(45deg,#667eea0d,#764ba20d);border-radius:50%;transition:all .4s ease;z-index:1}.tags-container[data-v-e5a3266e]{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:15}.tag[data-v-e5a3266e]{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-e5a3266e]: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-e5a3266e]:hover:before{left:100%}.tag-free[data-v-e5a3266e]{background:linear-gradient(135deg,#00c851,#00a63f);box-shadow:0 4px 15px #00c8514d}.tag-opensource[data-v-e5a3266e]{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 15px #007bff4d}.tag-premium[data-v-e5a3266e]{background:linear-gradient(135deg,#ff8f00,#ff6f00);box-shadow:0 4px 15px #ff8f004d}.tag-default[data-v-e5a3266e]{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 15px #6c757d4d}.icon[data-v-e5a3266e]{margin-top:.8em;flex-shrink:0;position:relative;z-index:10;transition:all .3s ease}.icon img[data-v-e5a3266e]{transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card-title[data-v-e5a3266e]{display:block;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:.3em 0;text-align:center;color:var(--text-primary);position:relative;z-index:10;transition:all .3s ease}.card__body[data-v-e5a3266e]{color:var(--text-secondary);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-e5a3266e]>:not(.hover-text){transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hover-text[data-v-e5a3266e]{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-e5a3266e]{top:0}.card[data-v-e5a3266e]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px var(--shadow-color),0 8px 16px #0000001a;cursor:pointer}.card[data-v-e5a3266e]:hover:before{transform:scale(1.2);opacity:.3}.card[data-v-e5a3266e]:hover:after{transform:scale(1.5);opacity:.2}.card:hover .icon img[data-v-e5a3266e]{transform:scale(1.1) rotate(5deg)}.card:hover>div[data-v-e5a3266e]:not(.hover-text),.card:hover>strong[data-v-e5a3266e],.card:hover .tags-container[data-v-e5a3266e]{opacity:0;transform:scale(.9)}.card[data-v-e5a3266e]:active{transform:translateY(-4px) scale(1.01)}@media (max-width: 1200px){.apps[data-v-e5a3266e]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:95%}}@media (max-width: 768px){.apps[data-v-e5a3266e]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:95%;padding:20px 0}.card[data-v-e5a3266e],.app[data-v-e5a3266e]{min-height:300px;padding:2.2em 1.2em 1.2em}.card-title[data-v-e5a3266e]{font-size:1.2rem}.card__body[data-v-e5a3266e]{font-size:.85rem}}@media (max-width: 480px){.apps[data-v-e5a3266e]{grid-template-columns:1fr;gap:12px;width:95%}.card[data-v-e5a3266e],.app[data-v-e5a3266e]{min-height:280px}}@keyframes cardSlideIn-e5a3266e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card[data-v-e5a3266e]{animation:cardSlideIn-e5a3266e .6s ease forwards}.card[data-v-e5a3266e]:nth-child(1){animation-delay:.1s}.card[data-v-e5a3266e]:nth-child(2){animation-delay:.2s}.card[data-v-e5a3266e]:nth-child(3){animation-delay:.3s}.card[data-v-e5a3266e]:nth-child(4){animation-delay:.4s}.card[data-v-e5a3266e]:nth-child(5){animation-delay:.5s}.card[data-v-e5a3266e]:nth-child(6){animation-delay:.6s}.card[data-v-e5a3266e]:nth-child(7){animation-delay:.7s}.card[data-v-e5a3266e]:nth-child(8){animation-delay:.8s}.card[data-v-e5a3266e]:nth-child(9){animation-delay:.9s}.card[data-v-e5a3266e]:nth-child(10){animation-delay:1s}.card[data-v-e5a3266e]:nth-child(11){animation-delay:1.1s}.filter-bar[data-v-e5a3266e]{transition:background-color .2s ease,border-color .2s ease}.filter-bar[data-v-e5a3266e]{border:1px solid var(--border-color)}.filter-bar[data-v-e5a3266e]:hover{border-color:var(--accent-yellow)}.filter-bar span[data-v-e5a3266e]{color:var(--text-primary);font-weight:700;font-size:14px;letter-spacing:.02em}.filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper,.filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper{background:var(--surface-bg);box-shadow:0 0 0 1px var(--border-color) inset;transition:box-shadow .18s ease;border-radius:8px}.filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper:hover,.filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--accent-yellow) inset}.filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper.is-focus,.filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--accent-yellow) inset,0 0 0 3px #ffcc4126}.filter-bar[data-v-e5a3266e] .el-select__placeholder,.filter-bar[data-v-e5a3266e] .el-input__placeholder,.filter-bar[data-v-e5a3266e] .el-input__inner{color:var(--text-secondary)}.filter-bar[data-v-e5a3266e] .el-select__selected-item,.filter-bar[data-v-e5a3266e] .el-input__inner{color:var(--text-primary)}.filter-bar .el-button[data-v-e5a3266e]{font-weight:700;border-radius:8px;transition:all .18s ease}.filter-bar .el-button[data-v-e5a3266e]:hover{transform:translateY(-1px)}@media (prefers-color-scheme: dark){.filter-bar[data-v-e5a3266e]{background:var(--surface-bg);border-color:#4a4e57;box-shadow:0 8px 24px #00000073}.filter-bar[data-v-e5a3266e]:hover{border-color:#fbbf24}.filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper,.filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper{background:#1f2329;box-shadow:0 0 0 1px #4a4e57 inset}.filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper.is-focus,.filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #fbbf24 inset,0 0 0 3px #ffbb242e}}:root[data-theme=dark] .filter-bar[data-v-e5a3266e]{background:var(--surface-bg);border-color:#4a4e57;box-shadow:0 8px 24px #00000073}:root[data-theme=dark] .filter-bar[data-v-e5a3266e] .el-select .el-input__wrapper,:root[data-theme=dark] .filter-bar[data-v-e5a3266e] .el-input .el-input__wrapper{background:#1f2329;box-shadow:0 0 0 1px #4a4e57 inset}.card[data-v-e5a3266e]:nth-child(12){animation-delay:1.2s}.filter-bar[data-v-e5a3266e]{width:90%;max-width:1400px;margin:20px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;background:var(--surface-bg);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-e5a3266e]{font-weight:600;color:var(--text-secondary)}.filter-bar .el-select[data-v-e5a3266e],.filter-bar .el-input[data-v-e5a3266e]{width:160px}.filter-bar .el-button[data-v-e5a3266e]{min-width:80px}@media (prefers-color-scheme: dark){.app[data-v-e5a3266e]:not(.card),.card[data-v-e5a3266e]{box-shadow:0 8px 32px #0000008c,0 1px 3px #0006}.card[data-v-e5a3266e]:hover{box-shadow:0 24px 56px #000000b3,0 8px 16px #00000080}.app[data-v-e5a3266e]:not(.card),.card[data-v-e5a3266e]{background:linear-gradient(145deg,var(--surface-bg),color-mix(in srgb,var(--surface-bg) 95%,#000000 5%))}.card[data-v-e5a3266e]{--bg: linear-gradient(145deg, var(--surface-bg), color-mix(in srgb, var(--surface-bg) 95%, #000000 5%))}}:root[data-theme=dark] .app[data-v-e5a3266e]:not(.card),:root[data-theme=dark] .card[data-v-e5a3266e]{background:var(--surface-bg);--bg: linear-gradient(145deg, var(--surface-bg), color-mix(in srgb, var(--surface-bg) 95%, #000000 5%));box-shadow:0 8px 32px #0000008c,0 1px 3px #0006}:root[data-theme=dark] .card[data-v-e5a3266e]:hover{box-shadow:0 24px 56px #000000b3,0 8px 16px #00000080}@media (prefers-color-scheme: dark){.card-title[data-v-e5a3266e]{color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}.card__body[data-v-e5a3266e]{color:#c8cbd0}}:root[data-theme=dark] .card-title[data-v-e5a3266e]{color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}:root[data-theme=dark] .card__body[data-v-e5a3266e]{color:#c8cbd0}