.page-container[data-v-89b0c288]{padding-top:80px;min-height:calc(100vh - 80px);box-sizing:border-box}.content-wrapper[data-v-89b0c288]{width:80%;display:flex;flex-direction:column;align-items:center}.xbb[data-v-89b0c288]{background:rgba(248,248,255,.6);width:100%;border-radius:16px;margin:0 auto 40px;max-width:1200px;padding:50px 0 30px 0;min-height:300px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.sort-warp[data-v-89b0c288]{width:1000px;margin:0 auto;padding:35px 40px;border-radius:16px;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 6px 25px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.1);border:1px solid hsla(0,0%,100%,.7)}.sort-warp[data-v-89b0c288]:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-5px)}.sort-title[data-v-89b0c288]{margin-bottom:30px;padding-bottom:20px;background:linear-gradient(90deg,transparent,#f8f9fa,transparent);border-radius:8px}.sort-name[data-v-89b0c288]{font-size:28px;font-weight:700;display:block;margin-bottom:12px;text-align:center;letter-spacing:-.5px;background:linear-gradient(135deg,red,#00f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sort-description[data-v-89b0c288]{font-size:16px;color:#000;line-height:1.7;display:block;text-align:center;max-width:800px;margin:0 auto;font-weight:400}.tags-container[data-v-89b0c288]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:10px 0}.tag-item[data-v-89b0c288]{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center;flex:0 1 auto}.tag-item[data-v-89b0c288]:hover{transform:translateY(-6px) scale(1.08)}.tag-item:hover .tag-chip[data-v-89b0c288]{box-shadow:0 10px 25px rgba(64,158,255,.25)}.tag-item:hover .tag-count[data-v-89b0c288],.tag-item:hover .tag-name[data-v-89b0c288]{color:#000}.tag-chip[data-v-89b0c288]{display:inline-flex;align-items:center;padding:12px 24px;background:linear-gradient(145deg,#f8f8f8,#f0f);border-radius:50px;transition:all .4s ease;border:1px solid hsla(0,0%,87.8%,.5);min-width:140px;max-width:200px;justify-content:center;gap:10px;position:relative;overflow:hidden}.tag-chip[data-v-89b0c288]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#f0f,#f8f8f8);z-index:1;opacity:0;transition:opacity .3s ease}.tag-chip[data-v-89b0c288]:hover:before{opacity:1}.tag-name[data-v-89b0c288]{font-size:15px;font-weight:600;color:#00f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;position:relative;z-index:2}.tag-count[data-v-89b0c288]{font-size:13px;font-weight:600;color:#00f;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4px 10px;border-radius:20px;min-width:28px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;z-index:2;transition:all .3s ease}.tag-item.isActive .tag-chip[data-v-89b0c288]{background:linear-gradient(135deg,#ff0,#0f0);border-color:rgba(64,158,255,.3);box-shadow:0 8px 25px rgba(64,158,255,.3)}.tag-item.isActive:hover .tag-chip[data-v-89b0c288]{background:linear-gradient(135deg,#0f0,#ff0);border-color:rgba(255,255,0,.5);box-shadow:0 10px 30px rgba(255,255,0,.4)}.tag-item.isActive:hover .tag-count[data-v-89b0c288],.tag-item.isActive:hover .tag-name[data-v-89b0c288]{color:red}.tag-item.isActive .tag-chip[data-v-89b0c288]:before{display:none}.tag-item.isActive .tag-name[data-v-89b0c288]{color:#000;font-weight:700}.tag-item.isActive .tag-count[data-v-89b0c288]{background:hsla(0,0%,100%,.25);color:#000;box-shadow:0 2px 12px hsla(0,0%,100%,.2)}@keyframes scale-89b0c288{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tag-item.isActive[data-v-89b0c288]{animation:scale-89b0c288 2.5s ease-in-out infinite}.article-wrap[data-v-89b0c288]{width:1000px;margin:50px auto;border-radius:16px}.sort-article-container[data-v-89b0c288]{margin-top:40px}.article-flex-container[data-v-89b0c288]{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.article-flex-item[data-v-89b0c288]{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px);cursor:pointer;transition:all .3s ease}.article-flex-item[data-v-89b0c288]:hover{transform:translateY(-5px)}.custom-article-card[data-v-89b0c288]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.article-flex-item:hover .custom-article-card[data-v-89b0c288]{box-shadow:0 8px 25px rgba(0,0,0,.12)}.article-cover[data-v-89b0c288]{position:relative;height:180px;overflow:hidden}.article-cover-image[data-v-89b0c288]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.article-flex-item:hover .article-cover-image[data-v-89b0c288]{transform:scale(1.05)}.image-slot[data-v-89b0c288]{width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;align-items:center;justify-content:center;color:#fff}.error-text[data-v-89b0c288]{font-size:20px;line-height:1.8;letter-spacing:8px;color:#00f}.error-text-div[data-v-89b0c288]{background-image:var(--listback);-webkit-background-clip:text;animation:jianBian 999s linear infinite;color:transparent}.no-cover[data-v-89b0c288]{width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;font-size:16px}.hasVideo[data-v-89b0c288],.no-cover[data-v-89b0c288]{display:flex;align-items:center;justify-content:center}.hasVideo[data-v-89b0c288]{position:absolute;bottom:10px;right:10px;background:hsla(0,0%,100%,.9);border-radius:50%;padding:5px}.article-content[data-v-89b0c288]{flex:1;padding:20px;display:flex;flex-direction:column}.post-meta[data-v-89b0c288]{font-size:12px;color:#00f;margin-bottom:10px;display:flex;align-items:center;gap:5px}.article-sort[data-v-89b0c288]{display:flex;justify-content:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.article-sort span[data-v-89b0c288]{background:#f0f7ff;color:#409eff;padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.article-sort span[data-v-89b0c288]:hover{background:#409eff;color:#fff}.custom-article-card h4[data-v-89b0c288]{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 12px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.article-flex-item:hover .custom-article-card h4[data-v-89b0c288]{color:#409eff}.article-desc[data-v-89b0c288]{font-size:14px;color:#5d7186;line-height:1.6;margin:0 0 15px 0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-89b0c288]{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #f0f0f0;font-size:12px;color:#00f;flex-wrap:wrap;gap:10px}.meta-item[data-v-89b0c288]{display:flex;align-items:center;gap:4px}.no-content[data-v-89b0c288]{text-align:center;padding:60px 20px;color:#909399;font-size:18px}.full-pagination-wrap[data-v-89b0c288]{margin-top:60px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:block}.pagination-info[data-v-89b0c288]{text-align:center;color:#909399;font-size:14px;margin-bottom:20px}.pagination-controls[data-v-89b0c288]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.pagination-btn[data-v-89b0c288]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:80px}.pagination-btn[data-v-89b0c288]:hover:not(:disabled){border-color:#409eff;color:#409eff;background:#f0f7ff}.pagination-btn[data-v-89b0c288]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-89b0c288]{display:flex;align-items:center;gap:8px}.page-number[data-v-89b0c288]{width:40px;height:40px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;font-size:14px}.page-number[data-v-89b0c288]:hover{border-color:#409eff;color:#409eff}.page-number.active[data-v-89b0c288]{background:#409eff;border-color:#409eff;color:#fff}.page-ellipsis[data-v-89b0c288]{color:#909399;padding:0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-jump[data-v-89b0c288]{display:flex;align-items:center;gap:8px;margin-left:20px}.jump-input[data-v-89b0c288]{width:60px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:6px;text-align:center;font-size:14px}.jump-input[data-v-89b0c288]:focus{outline:none;border-color:#409eff}.jump-btn[data-v-89b0c288]{padding:8px 16px;border:1px solid #409eff;border-radius:6px;background:#409eff;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px}.jump-btn[data-v-89b0c288]:hover{background:#66b1ff;border-color:#66b1ff}.simple-pagination-wrap[data-v-89b0c288]{display:none;margin-top:40px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);justify-content:space-between;align-items:center}.simple-pagination-btn[data-v-89b0c288]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:80px}.simple-pagination-btn[data-v-89b0c288]:hover:not(:disabled){border-color:#409eff;color:#409eff;background:#f0f7ff}.simple-pagination-btn[data-v-89b0c288]:disabled{opacity:.5;cursor:not-allowed}.simple-page-info[data-v-89b0c288]{color:#606266;font-size:14px;font-weight:500}@media screen and (min-width:1600px){.xbb[data-v-89b0c288]{max-width:90%}.sort-warp[data-v-89b0c288]{max-width:1200px}.tags-container[data-v-89b0c288]{gap:20px}.tag-chip[data-v-89b0c288]{min-width:160px;padding:14px 28px}}@media screen and (max-width:1200px){.page-container[data-v-89b0c288]{padding-top:70px}.xbb[data-v-89b0c288]{width:90%;max-width:1000px}.sort-warp[data-v-89b0c288]{width:80%;max-width:900px;padding:30px}.article-flex-item[data-v-89b0c288]{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}}@media screen and (max-width:900px){.page-container[data-v-89b0c288]{padding-top:65px}.sort-warp[data-v-89b0c288]{width:80%;padding:25px}.article-wrap[data-v-89b0c288]{width:96%}.tags-container[data-v-89b0c288]{gap:12px}.tag-chip[data-v-89b0c288]{padding:10px 20px;min-width:130px}.sort-name[data-v-89b0c288]{font-size:24px}.sort-description[data-v-89b0c288]{font-size:15px}.full-pagination-wrap[data-v-89b0c288]{display:none}.simple-pagination-wrap[data-v-89b0c288]{display:flex}}@media screen and (max-width:768px){.article-flex-item[data-v-89b0c288]{flex:0 0 100%;max-width:100%}}@media screen and (max-width:600px){.page-container[data-v-89b0c288]{padding-top:60px}.xbb[data-v-89b0c288]{width:90%;padding:30px 0 20px 0;border-radius:12px;margin:0 auto 30px}.sort-warp[data-v-89b0c288]{padding:20px;border-radius:12px;width:80%}.sort-name[data-v-89b0c288]{font-size:22px;margin-bottom:10px}.sort-description[data-v-89b0c288]{font-size:14px;line-height:1.6}.tags-container[data-v-89b0c288]{gap:10px;justify-content:center}.tag-chip[data-v-89b0c288]{padding:8px 16px;min-width:110px;max-width:150px}.tag-name[data-v-89b0c288]{font-size:14px;max-width:80px}.tag-count[data-v-89b0c288]{font-size:12px;padding:3px 8px;min-width:24px}.article-wrap[data-v-89b0c288]{margin:35px auto}.sort-article-container[data-v-89b0c288]{margin-top:30px}.simple-pagination-wrap[data-v-89b0c288]{margin-top:30px;padding:12px}.simple-pagination-btn[data-v-89b0c288]{padding:8px 15px;min-width:70px;font-size:13px}.simple-page-info[data-v-89b0c288]{font-size:13px}}@media screen and (max-width:400px){.page-container[data-v-89b0c288]{padding-top:55px}.xbb[data-v-89b0c288]{width:90%;padding:20px 0 15px 0}.sort-warp[data-v-89b0c288]{padding:15px}.tags-container[data-v-89b0c288]{gap:8px;justify-content:space-between}.tag-chip[data-v-89b0c288]{flex:1;min-width:auto;max-width:48%;padding:8px 12px}.tag-name[data-v-89b0c288]{font-size:13px;max-width:70px}.tag-count[data-v-89b0c288]{font-size:11px;padding:2px 6px;min-width:20px}.sort-name[data-v-89b0c288]{font-size:20px}.sort-description[data-v-89b0c288]{font-size:13px}.article-sort[data-v-89b0c288]{flex-direction:column;align-items:flex-start;gap:6px}.simple-pagination-btn[data-v-89b0c288]{padding:6px 12px;min-width:60px;font-size:12px}.simple-page-info[data-v-89b0c288]{font-size:12px}}@media screen and (max-width:360px){.tags-container[data-v-89b0c288]{flex-direction:column;align-items:center}.tag-chip[data-v-89b0c288]{width:90%;max-width:300px;margin-bottom:8px}.sort-name[data-v-89b0c288]{font-size:18px}}.el-image[data-v-89b0c288]{display:flex;align-items:center;justify-content:center}