.site-container[data-v-e444c57c]{max-width:1200px;margin:0 auto;padding:30px 15px;background:linear-gradient(135deg,#f8f9fb,#f0f2f5);min-height:100vh;box-sizing:border-box}.header[data-v-e444c57c]{text-align:center;margin:25px 0 30px}.header h1[data-v-e444c57c]{font-size:32px;font-weight:700;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-.5px}.subtitle[data-v-e444c57c]{color:#7f8c8d;font-size:16px;font-weight:400}.category-stats[data-v-e444c57c]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.category-card[data-v-e444c57c]{background:#fff;border-radius:12px;padding:12px 22px;box-shadow:0 4px 12px rgba(0,0,0,.06);cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.category-card[data-v-e444c57c]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));opacity:0;transition:opacity .3s ease}.category-card[data-v-e444c57c]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.category-card[data-v-e444c57c]:hover:before{opacity:1}.category-card.active[data-v-e444c57c]{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 6px 16px rgba(0,114,255,.3)}.cat-name[data-v-e444c57c]{font-weight:600;font-size:14px}.cat-count[data-v-e444c57c]{background:hsla(0,0%,100%,.25);border-radius:10px;padding:4px 10px;font-size:12px;font-weight:600;color:#fff}.category-card:not(.active) .cat-count[data-v-e444c57c]{background:rgba(52,152,219,.1);color:#3498db}.filters[data-v-e444c57c]{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.search-box[data-v-e444c57c]{width:320px}[data-v-e444c57c] .search-box .el-input__inner{border-radius:12px;border:1px solid #e1e8ed;padding-left:40px;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.04)}[data-v-e444c57c] .search-box .el-input__inner:focus{border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.2)}[data-v-e444c57c] .search-box .el-input__prefix{left:12px}[data-v-e444c57c] .search-box .el-icon-search:before{color:#95a5a6}.sub-tags[data-v-e444c57c]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;min-height:40px;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.sub-tags.hidden[data-v-e444c57c]{opacity:0;transform:translateY(-10px)}.sub-tag-btn[data-v-e444c57c]{background:#fff;border:1px solid #e1e8ed;border-radius:20px;padding:8px 18px;font-size:13px;color:#5a6c7d;cursor:pointer;transition:all .25s;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.03)}.sub-tag-btn[data-v-e444c57c]:hover{background:#f8f9fa;border-color:#3498db;color:#3498db;transform:translateY(-1px);box-shadow:0 4px 8px rgba(52,152,219,.1)}.sub-tag-btn.active[data-v-e444c57c]{background:linear-gradient(135deg,#2ecc71,#1abc9c);border-color:#2ecc71;color:#fff;box-shadow:0 4px 10px rgba(46,204,113,.3)}.fade-enter-active[data-v-e444c57c],.fade-leave-active[data-v-e444c57c]{transition:opacity .3s}.fade-enter[data-v-e444c57c],.fade-leave-to[data-v-e444c57c]{opacity:0}.site-grid[data-v-e444c57c]{margin-top:10px}.site-card[data-v-e444c57c]{background:#fff;border-radius:16px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06);margin:5px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.03)}.site-card[data-v-e444c57c]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1));opacity:0;transition:opacity .3s ease}.site-card[data-v-e444c57c]:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.12)}.site-card[data-v-e444c57c]:hover:before{opacity:1}.logo-container[data-v-e444c57c]{width:70px;height:70px;margin:0 auto 15px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;box-shadow:0 4px 8px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease}.site-card:hover .logo-container[data-v-e444c57c]{transform:scale(1.05)}.site-logo[data-v-e444c57c]{width:70px;height:70px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.site-info h3[data-v-e444c57c]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.3}.site-info p[data-v-e444c57c]{font-size:13px;color:#7f8c8d;min-height:40px;line-height:1.5;margin-bottom:12px}.site-tags[data-v-e444c57c]{margin:10px 0}@media screen and (max-width:768px){.site-card[data-v-e444c57c]{padding:18px}.header h1[data-v-e444c57c]{font-size:26px}.search-box[data-v-e444c57c]{width:100%}.category-card[data-v-e444c57c]{padding:10px 16px}}.fade-height-enter-active[data-v-e444c57c],.fade-height-leave-active[data-v-e444c57c]{transition:max-height .35s ease,opacity .35s ease;overflow:hidden}.fade-height-enter-from[data-v-e444c57c],.fade-height-leave-to[data-v-e444c57c]{max-height:0;opacity:0}.fade-height-enter-to[data-v-e444c57c],.fade-height-leave-from[data-v-e444c57c]{max-height:200px;opacity:1}.card-move[data-v-e444c57c]{transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s ease}.card-move-move[data-v-e444c57c]{transition:transform .4s cubic-bezier(.25,1,.5,1)}