.blog-list[data-v-0203bae1]{width:100%;min-height:calc(100vh - 180px);padding:40px 20px;box-sizing:border-box}.blog-subtitle[data-v-0203bae1]{text-align:center;color:var(--text-secondary);font-size:15px;margin-bottom:40px;line-height:1.6}.blog-grid[data-v-0203bae1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;max-width:1100px;margin:0 auto}.blog-card[data-v-0203bae1]{display:flex;flex-direction:column;padding:24px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .25s}.blog-card[data-v-0203bae1]:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow-color);border-color:#2c8cf0}.blog-card-header[data-v-0203bae1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-date[data-v-0203bae1]{font-size:13px;color:var(--text-muted)}.blog-tags[data-v-0203bae1]{display:flex;gap:6px}.blog-tag[data-v-0203bae1]{padding:2px 8px;background:var(--bg-secondary);border-radius:4px;font-size:11px;color:var(--text-secondary)}.blog-title[data-v-0203bae1]{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 10px;color:var(--text-color)}.blog-card:hover .blog-title[data-v-0203bae1]{color:#2c8cf0}.blog-desc[data-v-0203bae1]{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0 0 16px;flex:1}.blog-card-footer[data-v-0203bae1]{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-read-link[data-v-0203bae1]{font-size:13px;color:#2c8cf0;font-weight:500}.blog-tool-link[data-v-0203bae1]{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:3px 10px;border-radius:4px}@media (max-width: 768px){.blog-grid[data-v-0203bae1]{grid-template-columns:1fr}.blog-card[data-v-0203bae1]{padding:20px}}