.article-block[data-v-306399ea]{container-type:inline-size;width:100%;padding:14px 16px 16px;border:1px solid var(--el-border-color-extra-light);border-radius:12px;background:var(--el-bg-color);box-shadow:0 10px 30px -24px #0f172a38}.article-block__header[data-v-306399ea]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.article-block__nav[data-v-306399ea]{display:flex;min-width:0;align-items:center;gap:12px}.article-block__title[data-v-306399ea]{margin:0;flex:0 0 auto;color:var(--el-text-color-primary);font-size:15px;font-weight:800;line-height:1.2}.article-block__tabs[data-v-306399ea]{display:flex;min-width:0;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}.article-block__tabs[data-v-306399ea]::-webkit-scrollbar{display:none}.article-block__tab[data-v-306399ea]{margin:0;padding:5px 12px;border:0;border-radius:999px;background:#f5f6fb;color:#6b7280;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.article-block__tab[data-v-306399ea]:hover{background:#eef2ff;color:#5966f2}.article-block__tab--active[data-v-306399ea]{background:linear-gradient(135deg,#6763ff,#5b6dff);color:#fff;box-shadow:0 8px 16px -12px #5050dccc}.article-block__more[data-v-306399ea]{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;color:var(--el-text-color-placeholder);font-size:12px;font-weight:650;line-height:1;transition:color .18s ease}.article-block__more[data-v-306399ea]:hover{color:var(--el-color-primary)}.article-block__grid[data-v-306399ea]{display:grid;grid-template-columns:repeat(var(--article-block-desktop-columns),minmax(0,1fr));gap:12px}.article-block__card[data-v-306399ea]{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--el-border-color-extra-light);border-radius:10px;background:var(--el-bg-color);color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-block__card[data-v-306399ea]:hover{transform:translateY(-2px);border-color:#5b6dff38;box-shadow:0 10px 24px -18px #0f172a59}.article-block__thumb[data-v-306399ea]{position:relative;width:100%;aspect-ratio:1.96;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#fff7f1)}.article-block__image[data-v-306399ea]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .24s ease}.article-block__card:hover .article-block__image[data-v-306399ea]{transform:scale(1.04)}.article-block__placeholder[data-v-306399ea]{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#9aa8d8;font-size:28px}.article-block__badge[data-v-306399ea]{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);padding:3px 8px;overflow:hidden;border-radius:999px;background:#ffffffe6;color:#4f63e8;font-size:11px;font-weight:750;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 6px 14px -12px #0f172a73}.article-block__content[data-v-306399ea]{display:flex;min-height:110px;min-width:0;flex:1;flex-direction:column;padding:10px 10px 9px}.article-block__card-title[data-v-306399ea]{display:block;width:100%;max-width:100%;margin:0;overflow:hidden;color:var(--el-text-color-primary);font-size:14px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease}.article-block__card:hover .article-block__card-title[data-v-306399ea]{color:var(--el-color-primary)}.article-block__excerpt[data-v-306399ea]{display:-webkit-box;min-height:34px;margin:6px 0 10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--el-text-color-secondary);font-size:12px;line-height:1.45}.article-block__meta[data-v-306399ea]{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--el-text-color-placeholder);font-size:11px;line-height:1}.article-block__author[data-v-306399ea],.article-block__views[data-v-306399ea]{display:inline-flex;min-width:0;align-items:center;gap:5px}.article-block__author[data-v-306399ea]{flex:1 1 auto}.article-block__views[data-v-306399ea]{flex:0 0 auto}.article-block__avatar[data-v-306399ea]{display:inline-flex;width:18px;height:18px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;background:#eef2ff;color:#7583e8;-o-object-fit:cover;object-fit:cover;font-size:10px}.article-block__author-name[data-v-306399ea]{min-width:0;overflow:hidden;color:var(--el-text-color-secondary);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.article-block__skeleton[data-v-306399ea]{min-height:214px;border-radius:10px;background:linear-gradient(90deg,var(--el-fill-color-light) 25%,var(--el-fill-color) 50%,var(--el-fill-color-light) 75%);background-size:200% 100%;animation:article-block-shimmer-306399ea 1.4s infinite}.article-block__empty[data-v-306399ea]{grid-column:1 / -1;display:flex;min-height:180px;align-items:center;justify-content:center;color:var(--el-text-color-secondary);font-size:13px}@keyframes article-block-shimmer-306399ea{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.article-block__grid[data-v-306399ea]{grid-template-columns:repeat(var(--article-block-tablet-columns),minmax(0,1fr))}}@container (max-width: 860px){.article-block__grid[data-v-306399ea]{grid-template-columns:repeat(var(--article-block-tablet-columns),minmax(0,1fr))}}@container (max-width: 520px){.article-block__grid[data-v-306399ea]{grid-template-columns:repeat(var(--article-block-mobile-columns),minmax(0,1fr))}}@container (min-width: 521px) and (max-width: 760px){.article-block__grid[data-v-306399ea]{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--article-block-card-min-width)),1fr))}}@media(max-width:640px){.article-block[data-v-306399ea]{padding:13px}.article-block__header[data-v-306399ea]{align-items:flex-start}.article-block__nav[data-v-306399ea]{flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:10px}.article-block__tabs[data-v-306399ea]{width:100%}}@media(max-width:480px){.article-block__grid[data-v-306399ea]{grid-template-columns:repeat(var(--article-block-mobile-columns),minmax(0,1fr))}}