.blog-page[data-v-66dabd31]{min-height:100vh;background:var(--landing-bg)}.blog-content[data-v-66dabd31]{max-width:1100px;margin:0 auto;padding:80px 32px 60px}.announcement-bar[data-v-66dabd31]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:14px;color:var(--landing-text)}.announcement-bar.info[data-v-66dabd31]{background:#165dff14}.announcement-bar.warning[data-v-66dabd31]{background:#ff7d0014}.announcement-bar.success[data-v-66dabd31]{background:#00b42a14}.announcement-bar.update[data-v-66dabd31]{background:#722ed114}.close-btn[data-v-66dabd31]{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:var(--landing-text-muted)}.blog-hero[data-v-66dabd31]{text-align:center;padding:32px 0 24px}.blog-hero h1[data-v-66dabd31]{font-size:32px;font-weight:700;color:var(--landing-text);margin:0 0 8px}.subtitle[data-v-66dabd31]{color:var(--landing-text-muted);font-size:15px;margin:0}.category-tabs[data-v-66dabd31]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.category-tabs button[data-v-66dabd31]{padding:6px 16px;border-radius:20px;border:1px solid var(--landing-card-border);background:none;color:var(--landing-text-muted);font-size:13px;cursor:pointer;transition:all .15s}.category-tabs button[data-v-66dabd31]:hover{border-color:var(--accent);color:var(--accent)}.category-tabs button.active[data-v-66dabd31]{background:var(--accent);color:#fff;border-color:var(--accent)}.search-row[data-v-66dabd31]{display:flex;justify-content:center;margin-bottom:24px}.search-box[data-v-66dabd31]{display:flex;align-items:center;gap:8px;background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:8px;padding:8px 14px;width:320px}.search-box svg[data-v-66dabd31]{color:var(--landing-text-muted);flex-shrink:0}.search-box input[data-v-66dabd31]{border:none;background:none;outline:none;flex:1;font-size:14px;color:var(--landing-text)}.loading-state[data-v-66dabd31],.empty-state[data-v-66dabd31]{text-align:center;padding:60px;color:var(--landing-text-muted);font-size:15px}.article-grid[data-v-66dabd31]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.article-card[data-v-66dabd31]{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.article-card[data-v-66dabd31]:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card-cover[data-v-66dabd31]{height:180px;overflow:hidden}.card-cover img[data-v-66dabd31]{width:100%;height:100%;object-fit:cover}.card-body[data-v-66dabd31]{padding:20px}.card-meta[data-v-66dabd31]{display:flex;gap:8px;margin-bottom:10px}.meta-category[data-v-66dabd31]{font-size:12px;padding:2px 10px;border-radius:4px;background:#165dff14;color:#165dff;font-weight:500}.badge-featured[data-v-66dabd31]{font-size:11px;padding:2px 8px;border-radius:4px;background:#ff7d001a;color:#ff7d00;font-weight:600}.card-body h2[data-v-66dabd31]{font-size:17px;font-weight:600;color:var(--landing-text);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary[data-v-66dabd31]{font-size:13px;color:var(--landing-text-muted);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-66dabd31]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--landing-text-muted);flex-wrap:wrap}.sep[data-v-66dabd31]{opacity:.3}.stats[data-v-66dabd31]{margin-left:auto}.card-tags[data-v-66dabd31]{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tag[data-v-66dabd31]{font-size:11px;padding:2px 8px;border-radius:4px;background:#7f7f7f14;color:var(--landing-text-muted)}.pagination[data-v-66dabd31]{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 0;font-size:14px;color:var(--landing-text-muted)}.pagination button[data-v-66dabd31]{padding:6px 16px;border-radius:6px;border:1px solid var(--landing-card-border);background:var(--landing-card-bg);color:var(--landing-text);cursor:pointer}.pagination button[data-v-66dabd31]:disabled{opacity:.4;cursor:default}@media (max-width: 768px){.article-grid[data-v-66dabd31]{grid-template-columns:1fr}.search-box[data-v-66dabd31]{width:100%}}