.blog-list-page[data-v-4d29d4e4]{min-height:100vh;background:#f8fafc;padding-top:64px}.blog-container[data-v-4d29d4e4]{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.blog-header[data-v-4d29d4e4]{text-align:center;margin-bottom:32px}.blog-header h1[data-v-4d29d4e4]{font-size:36px;font-weight:700;margin:0 0 8px}.blog-header .subtitle[data-v-4d29d4e4]{color:#64748b;font-size:16px}.blog-filters[data-v-4d29d4e4]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px}.filter-search[data-v-4d29d4e4]{display:flex;gap:8px}.filter-search[data-v-4d29d4e4]>*:first-child{flex:1}.blog-loading[data-v-4d29d4e4],.blog-empty[data-v-4d29d4e4]{text-align:center;padding:80px 0;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.blog-grid[data-v-4d29d4e4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.blog-card[data-v-4d29d4e4]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:transform .15s,box-shadow .15s;cursor:pointer;display:flex;flex-direction:column}.blog-card[data-v-4d29d4e4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-cover[data-v-4d29d4e4]{width:100%;aspect-ratio:16/9;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-cover img[data-v-4d29d4e4]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-4d29d4e4]{display:flex;align-items:center;justify-content:center}.card-body[data-v-4d29d4e4]{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-title[data-v-4d29d4e4]{font-size:18px;font-weight:600;line-height:1.5;margin:0;color:#0f172a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-desc[data-v-4d29d4e4]{font-size:14px;color:#64748b;margin:0;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-footer[data-v-4d29d4e4]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#94a3b8;margin-top:auto;padding-top:8px}.card-date[data-v-4d29d4e4],.card-views[data-v-4d29d4e4]{display:flex;align-items:center;gap:4px}@media(max-width:768px){.blog-grid[data-v-4d29d4e4]{grid-template-columns:1fr}}