.page-container[data-v-27cd4351]{padding-top:80px;min-height:calc(100vh - 80px);box-sizing:border-box}.content-wrapper[data-v-27cd4351]{width:80%;display:flex;flex-direction:column;align-items:center}.xbb[data-v-27cd4351]{width:100%;border-radius:24px;margin:0 auto 40px;max-width:1200px;padding:50px 0 30px 0;min-height:300px}.glass-effect[data-v-27cd4351],.xbb[data-v-27cd4351]{background:hsla(0,0%,100%,.15);backdrop-filter:blur(12px);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.sort-warp[data-v-27cd4351]{width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.sorts-grid[data-v-27cd4351]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sort-card[data-v-27cd4351]{background:#fff;border-radius:20px;cursor:pointer;transition:all .35s cubic-bezier(.2,.9,.4,1.1);box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.03)}.sort-card[data-v-27cd4351]:hover{transform:translateY(-6px);box-shadow:0 20px 30px -12px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.sort-card.is-active[data-v-27cd4351]{background:linear-gradient(135deg,#f5f7ff,#fff);border:1px solid #667eea;box-shadow:0 12px 28px -8px rgba(102,126,234,.3)}.sort-card-inner[data-v-27cd4351]{padding:20px 24px;display:flex;align-items:center;gap:16px}.sort-card-icon[data-v-27cd4351]{background:linear-gradient(135deg,#f0f2ff,#e9ecff);border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sort-card:hover .sort-card-icon[data-v-27cd4351]{background:linear-gradient(135deg,#667eea,#764ba2)}.sort-card:hover .sort-card-icon svg path[data-v-27cd4351]:first-child{fill:#ffb347}.sort-card:hover .sort-card-icon svg path[data-v-27cd4351]:last-child{fill:#ffe0a3}.sort-card-info[data-v-27cd4351]{flex:1}.sort-card-name[data-v-27cd4351]{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 6px 0;transition:color .3s}.sort-card.is-active .sort-card-name[data-v-27cd4351]{color:#667eea}.sort-card-desc[data-v-27cd4351]{font-size:13px;color:#8a9bb0;margin:0 0 8px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sort-card-count[data-v-27cd4351]{font-size:12px;color:#a0b3c9;background:#f5f7fa;padding:4px 10px;border-radius:20px;display:inline-block}.sort-card-arrow[data-v-27cd4351]{opacity:0;transform:translateX(-8px);transition:all .3s ease}.sort-card:hover .sort-card-arrow[data-v-27cd4351]{opacity:1;transform:translateX(0)}.sort-card-arrow svg path[data-v-27cd4351]{fill:#667eea}.tags-card[data-v-27cd4351]{background:#fff;border-radius:24px;padding:24px 28px;box-shadow:0 8px 25px rgba(0,0,0,.05);margin-top:8px;border:1px solid rgba(102,126,234,.15);transition:all .3s ease}.tags-card[data-v-27cd4351]:hover{box-shadow:0 15px 35px -12px rgba(102,126,234,.2);border-color:rgba(102,126,234,.3)}.tags-grid[data-v-27cd4351]{display:flex;flex-wrap:wrap;gap:14px}.tag-chip-card[data-v-27cd4351]{background:#f8f9fc;border-radius:40px;padding:10px 20px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.2,.9,.4,1.1);border:1px solid transparent}.tag-chip-card[data-v-27cd4351]:hover{background:#f0f3ff;transform:translateY(-2px);border-color:#667eea}.tag-chip-card.is-active[data-v-27cd4351]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px -8px rgba(102,126,234,.4)}.tag-chip-card.is-active .tag-name[data-v-27cd4351]{color:#fff}.tag-chip-card.is-active .tag-count-badge[data-v-27cd4351]{background:hsla(0,0%,100%,.25);color:#fff}.tag-name[data-v-27cd4351]{font-size:14px;font-weight:500;color:#4a5b6e;transition:color .2s}.tag-count-badge[data-v-27cd4351]{font-size:12px;font-weight:600;background:#eef2f7;padding:2px 8px;border-radius:30px;color:#667eea;transition:all .2s}.article-wrap[data-v-27cd4351]{width:1000px;margin:50px auto;border-radius:16px}.sort-article-container[data-v-27cd4351]{margin-top:40px}.article-flex-container[data-v-27cd4351]{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.article-flex-item[data-v-27cd4351]{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px);cursor:pointer;transition:all .3s ease}.article-flex-item[data-v-27cd4351]:hover{transform:translateY(-5px)}.custom-article-card[data-v-27cd4351]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.06);transition:all .35s ease;height:100%;display:flex;flex-direction:column}.article-flex-item:hover .custom-article-card[data-v-27cd4351]{box-shadow:0 20px 35px -12px rgba(0,0,0,.15)}.article-cover[data-v-27cd4351]{position:relative;height:180px;overflow:hidden}.article-cover-image[data-v-27cd4351]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.article-flex-item:hover .article-cover-image[data-v-27cd4351]{transform:scale(1.05)}.image-slot[data-v-27cd4351]{width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;align-items:center;justify-content:center;color:#fff}.error-text[data-v-27cd4351]{font-size:20px;line-height:1.8;letter-spacing:8px;color:#00f}.error-text-div[data-v-27cd4351]{background-image:var(--listback);-webkit-background-clip:text;animation:jianBian 999s linear infinite;color:transparent}.no-cover[data-v-27cd4351]{width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;font-size:16px}.hasVideo[data-v-27cd4351],.no-cover[data-v-27cd4351]{display:flex;align-items:center;justify-content:center}.hasVideo[data-v-27cd4351]{position:absolute;bottom:12px;right:12px;background:hsla(0,0%,100%,.9);border-radius:50%;padding:5px}.article-content[data-v-27cd4351]{flex:1;padding:22px;display:flex;flex-direction:column}.post-meta[data-v-27cd4351]{font-size:12px;color:#8a9bb0;margin-bottom:12px;display:flex;align-items:center;gap:6px}.article-sort[data-v-27cd4351]{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.article-sort span[data-v-27cd4351]{background:#f0f7ff;color:#409eff;padding:4px 12px;border-radius:30px;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px}.article-sort span[data-v-27cd4351]:hover{background:#409eff;color:#fff}.custom-article-card h4[data-v-27cd4351]{font-size:18px;font-weight:700;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 .2s}.article-flex-item:hover .custom-article-card h4[data-v-27cd4351]{color:#667eea}.article-desc[data-v-27cd4351]{font-size:14px;color:#5d7186;line-height:1.6;margin:0 0 18px 0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-27cd4351]{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #f0f0f0;font-size:12px;color:#8a9bb0;flex-wrap:wrap;gap:10px}.meta-item[data-v-27cd4351]{display:flex;align-items:center;gap:5px}.full-pagination-wrap[data-v-27cd4351]{margin-top:60px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:block}.pagination-info[data-v-27cd4351]{text-align:center;color:#909399;font-size:14px;margin-bottom:20px}.pagination-controls[data-v-27cd4351]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.pagination-btn[data-v-27cd4351]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:40px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:80px}.pagination-btn[data-v-27cd4351]:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#f0f3ff}.page-numbers[data-v-27cd4351]{display:flex;align-items:center;gap:8px}.page-number[data-v-27cd4351]{width:40px;height:40px;border:1px solid #dcdfe6;border-radius:40px;background:#fff;color:#606266;cursor:pointer;transition:all .2s;font-size:14px}.page-number[data-v-27cd4351]:hover{border-color:#667eea;color:#667eea}.page-number.active[data-v-27cd4351]{background:#667eea;border-color:#667eea;color:#fff}.page-ellipsis[data-v-27cd4351]{color:#909399;padding:0 5px}.page-jump[data-v-27cd4351]{display:flex;align-items:center;gap:8px;margin-left:20px}.jump-input[data-v-27cd4351]{width:60px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:40px;text-align:center;font-size:14px}.jump-input[data-v-27cd4351]:focus{outline:none;border-color:#667eea}.jump-btn[data-v-27cd4351]{padding:8px 16px;border:1px solid #667eea;border-radius:40px;background:#667eea;color:#fff;cursor:pointer;transition:all .2s;font-size:14px}.jump-btn[data-v-27cd4351]:hover{background:#5a6fd8;border-color:#5a6fd8}.simple-pagination-wrap[data-v-27cd4351]{display:none;margin-top:40px;padding:15px;background:#fff;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.05);justify-content:space-between;align-items:center}.simple-pagination-btn[data-v-27cd4351]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:40px;background:#fff;color:#606266;cursor:pointer;transition:all .3s;font-size:14px;min-width:80px}.simple-pagination-btn[data-v-27cd4351]:hover:not(:disabled){border-color:#667eea;color:#667eea}.simple-pagination-btn[data-v-27cd4351]:disabled{opacity:.5;cursor:not-allowed}.simple-page-info[data-v-27cd4351]{color:#606266;font-size:14px;font-weight:500}.no-content[data-v-27cd4351]{text-align:center;padding:60px 20px;color:#909399;font-size:18px}@media screen and (max-width:1200px){.article-wrap[data-v-27cd4351],.sort-warp[data-v-27cd4351],.xbb[data-v-27cd4351]{width:90%}.sorts-grid[data-v-27cd4351]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media screen and (max-width:900px){.article-flex-item[data-v-27cd4351]{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}.full-pagination-wrap[data-v-27cd4351]{display:none}.simple-pagination-wrap[data-v-27cd4351]{display:flex}}@media screen and (max-width:768px){.article-flex-item[data-v-27cd4351]{flex:0 0 100%;max-width:100%}.sorts-grid[data-v-27cd4351]{grid-template-columns:1fr}.sort-card-inner[data-v-27cd4351]{padding:16px 20px}.tags-card[data-v-27cd4351]{padding:20px}.tags-grid[data-v-27cd4351]{gap:10px}.tag-chip-card[data-v-27cd4351]{padding:8px 16px}.tag-name[data-v-27cd4351]{font-size:13px}}