@keyframes fade-in-4c1780e9{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.article-card[data-v-4c1780e9]{backdrop-filter:blur(var(--glass-blur)) saturate(130%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-card-lg);overflow:hidden;transition:box-shadow var(--transition-bounce),transform var(--transition-bounce),background-color .3s,border-color .3s}.article-card[data-v-4c1780e9]:hover{border-color:transparent;box-shadow:var(--shadow-elevated),var(--shadow-glow);transform:translateY(-2px) scale(1.005)}.card-link[data-v-4c1780e9]{color:inherit;display:block;text-decoration:none}.cover[data-v-4c1780e9]{aspect-ratio:16/10;overflow:hidden;position:relative}.article-card--hero .card-link[data-v-4c1780e9]{display:flex;flex-direction:row}.article-card--hero .cover[data-v-4c1780e9]{aspect-ratio:2/1;flex:0 0 42%}.article-card--hero .content[data-v-4c1780e9]{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1.5rem 2rem}.article-card--hero .title[data-v-4c1780e9]{font-size:clamp(1.25rem,2.6vw,1.8rem);font-weight:700;-webkit-line-clamp:2;line-clamp:2;min-height:0}.article-card--hero .summary[data-v-4c1780e9]{-webkit-line-clamp:3;line-clamp:3}@media(max-width:640px){.article-card--hero .card-link[data-v-4c1780e9]{flex-direction:column}.article-card--hero .cover[data-v-4c1780e9]{aspect-ratio:16/10;flex:none}.article-card--hero .content[data-v-4c1780e9]{padding:1.25rem}}.cover-image[data-v-4c1780e9]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.4,0,.2,1);width:100%}.article-card:hover .cover-image[data-v-4c1780e9]{transform:scale(1.06)}.cover-badge[data-v-4c1780e9]{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--gradient-brand,linear-gradient(135deg,var(--color-category),var(--color-accent)));border-radius:999px;box-shadow:var(--shadow-glow);color:var(--gradient-brand-text,#fff);font-size:12px;font-weight:600;left:.75rem;letter-spacing:.5px;padding:4px .75rem;position:absolute;top:.75rem;z-index:1}.cover-placeholder[data-v-4c1780e9]{align-items:center;background:linear-gradient(135deg,var(--bg-code),var(--bg-hover));color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:10px;height:100%;justify-content:center;padding:0 16px;text-align:center;width:100%}.content[data-v-4c1780e9]{padding:1.25rem}.title[data-v-4c1780e9]{color:var(--text-primary);display:-webkit-box;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-height:3em;overflow:hidden;transition:color .2s}.article-card:hover .title[data-v-4c1780e9]{color:var(--color-link)}.summary[data-v-4c1780e9]{color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.7;margin-bottom:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.meta[data-v-4c1780e9]{color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:10px}.meta-top[data-v-4c1780e9]{flex-wrap:wrap;gap:10px;max-height:58px;overflow:hidden}.meta-bottom[data-v-4c1780e9],.meta-top[data-v-4c1780e9]{align-items:center;display:flex;min-height:24px}.meta-bottom[data-v-4c1780e9]{color:var(--text-muted);font-size:14px;justify-content:space-between}.meta-right[data-v-4c1780e9]{align-items:center;display:flex;gap:14px}.read-time[data-v-4c1780e9]{gap:4px}.meta-item[data-v-4c1780e9],.read-time[data-v-4c1780e9]{align-items:center;display:inline-flex}.meta-item[data-v-4c1780e9]{height:24px;line-height:24px}.category[data-v-4c1780e9]{background:var(--color-category-soft);color:var(--color-category-strong)}.category[data-v-4c1780e9],.tag[data-v-4c1780e9]{border-radius:4px;padding:2px 8px}.tag[data-v-4c1780e9]{background:var(--color-accent-light);color:var(--color-accent-deep);opacity:.8}.date[data-v-4c1780e9],.views[data-v-4c1780e9]{color:var(--text-muted);font-variant-numeric:tabular-nums}@media(max-width:640px){.article-card .content[data-v-4c1780e9]{padding:clamp(.71rem,2.5vw,1rem)}.article-card .title[data-v-4c1780e9]{font-size:1.14rem}.article-card .summary[data-v-4c1780e9]{font-size:.93rem;-webkit-line-clamp:1;line-clamp:1}.article-card--hero .summary[data-v-4c1780e9]{-webkit-line-clamp:2;line-clamp:2}.article-card .meta[data-v-4c1780e9]{font-size:clamp(.79rem,3.2vw,1rem);gap:clamp(.43rem,1.5vw,.71rem)}}@media(max-width:480px){.article-card .title[data-v-4c1780e9]{font-size:clamp(.95rem,3.4vw,1.05rem)}.article-card .summary[data-v-4c1780e9]{font-size:clamp(.86rem,3.2vw,.93rem)}.article-card--hero .content[data-v-4c1780e9]{padding:clamp(.86rem,3vw,1.14rem)}.article-card--hero .title[data-v-4c1780e9]{font-size:clamp(1.2rem,4.2vw,1.4rem)}}@keyframes fade-in-28be3781{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pagination[data-v-28be3781]{margin:28px 0}.pagination[data-v-28be3781],.pagination-inner[data-v-28be3781]{display:flex;justify-content:center;max-width:100%;min-width:0}.pagination-inner[data-v-28be3781]{align-items:center;flex-wrap:wrap;gap:20px}.pagination-left[data-v-28be3781]{align-items:center;display:flex;gap:12px}.total-badge[data-v-28be3781]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);display:inline-flex;font-size:13px;height:36px;padding:0 14px;white-space:nowrap}.total-badge strong[data-v-28be3781]{color:var(--text-secondary);font-weight:700;margin:0 2px}.size-select[data-v-28be3781]{width:110px}.size-select[data-v-28be3781] .el-select__wrapper{background:var(--bg-card);border-radius:8px;box-shadow:0 0 0 1px var(--border-color) inset;height:36px}.size-select[data-v-28be3781] .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--border-color) inset}.size-select[data-v-28be3781] .el-select__selected-item{color:var(--text-muted);font-size:13px}.pagination-pager[data-v-28be3781]{gap:4px}.pager-btn[data-v-28be3781],.pagination-pager[data-v-28be3781]{align-items:center;display:flex}.pager-btn[data-v-28be3781]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.pager-btn[data-v-28be3781]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.pager-btn[data-v-28be3781]:disabled{cursor:not-allowed;opacity:.35}.pager-num[data-v-28be3781]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.pager-num.active[data-v-28be3781],.pager-num[data-v-28be3781]:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.pager-num.active[data-v-28be3781]{font-weight:700}html.dark .pager-num.active[data-v-28be3781]{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.pager-ellipsis[data-v-28be3781]{align-items:center;color:var(--text-muted);display:inline-flex;font-size:14px;height:36px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:36px}.pager-num--input[data-v-28be3781]{cursor:text;padding:0}.pager-input[data-v-28be3781]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:transparent;border:none;color:inherit;font:inherit;font-weight:700;height:100%;min-width:36px;outline:none;padding:0 4px;text-align:center;width:100%}.pager-input[data-v-28be3781]::-webkit-inner-spin-button,.pager-input[data-v-28be3781]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pager-num--input[data-v-28be3781]:focus-within{border-color:var(--color-accent-deep);box-shadow:0 0 0 2px var(--color-category-soft)}@media(max-width:480px){.pagination[data-v-28be3781]{margin:1rem 0}.pagination-inner[data-v-28be3781]{flex-wrap:nowrap;gap:1rem}.pagination-left[data-v-28be3781],.size-select[data-v-28be3781]{min-width:0}.pagination-pager[data-v-28be3781]{gap:8px}.pager-btn[data-v-28be3781],.pager-ellipsis[data-v-28be3781],.pager-num[data-v-28be3781],.size-select[data-v-28be3781] .el-select__wrapper,.total-badge[data-v-28be3781]{position:relative}.pager-btn[data-v-28be3781]:after,.pager-ellipsis[data-v-28be3781]:after,.pager-num[data-v-28be3781]:after,.size-select[data-v-28be3781] .el-select__wrapper:after,.total-badge[data-v-28be3781]:after{content:"";inset:-4px;position:absolute}}