.blog-container[data-v-c824f282]{align-items:center;display:flex;flex-direction:column;gap:40px;width:100%}.blog-toolbar[data-v-c824f282]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;position:relative;width:100%}.category-tabs[data-v-c824f282]{align-items:center;background-color:#f1f1f4;border-radius:9999px;display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:6px}.category-tab[data-v-c824f282]{background-color:transparent;border-radius:9999px;color:#6b6b72;cursor:pointer;font-size:15px;font-weight:600;min-width:84px;padding:9px 20px;transition:all .2s}.category-tab[data-v-c824f282]:hover{color:#1a1a1a}.category-tab.active[data-v-c824f282]{background-color:#fff;box-shadow:0 1px 3px #0000001f;color:#1a1a1a}.blog-search[data-v-c824f282]{align-items:center;border-bottom:1px solid #3d3d3d;display:flex;min-width:260px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.blog-search input[data-v-c824f282]{background:transparent;border:none;flex:1;font-size:14px;height:38px;outline:none}.blog-search-btn[data-v-c824f282]{align-items:center;color:#333;cursor:pointer;display:flex;font-size:18px}.blog-grid-wrap[data-v-c824f282]{width:100%}.blog-grid[data-v-c824f282]{display:grid;gap:30px;grid-template-columns:repeat(4,1fr);width:100%}.blog-card[data-v-c824f282]{background-color:#f6f6f6;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:background-color .2s}.blog-card[data-v-c824f282]:hover{background-color:#ececec}.blog-card-image[data-v-c824f282]{aspect-ratio:16 / 10;background-color:#0a0a14;background-position:50%;background-size:cover;position:relative;width:100%}.blog-card-badge[data-v-c824f282]{background-color:#000000a6;border-radius:4px;bottom:10px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:4px 10px;position:absolute}.blog-card-body[data-v-c824f282]{display:flex;flex-direction:column;gap:10px;padding:18px 18px 22px}.blog-card-title[data-v-c824f282]{color:#222;display:-webkit-box;font-size:16px;font-weight:700;height:44px;-webkit-line-clamp:2;line-height:1.4;overflow:hidden;-webkit-box-orient:vertical;word-break:keep-all}.blog-card-date[data-v-c824f282]{color:#999;font-size:13px}.blog-empty[data-v-c824f282]{color:#999;padding:60px 0;text-align:center;width:100%}.blog-pagination[data-v-c824f282] .el-pager li.is-active,.blog-pagination[data-v-c824f282] .el-pager li:hover{color:#d20a11!important}@media(max-width:1024px){.blog-grid[data-v-c824f282]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.blog-grid[data-v-c824f282]{gap:20px;grid-template-columns:repeat(2,1fr)}.category-tab[data-v-c824f282]{font-size:14px;min-width:60px;padding:8px 12px}.blog-search[data-v-c824f282]{position:static;transform:none;width:100%}}@media(max-width:480px){.blog-grid[data-v-c824f282]{grid-template-columns:1fr}}