[data-v-46471351]:root{--primary: #0066CC;--primary-dark: #004499;--secondary: #00A651;--accent: #FF6600;--text-dark: #333333;--text-light: #666666;--bg-light: #F5F7FA;--bg-dark: #1A1A2E;--white: #FFFFFF;--navbar-height: 80px;--transition: .3s ease;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.16);--radius: 8px;--radius-lg: 16px}.blog-filter[data-v-46471351]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.filter-btn[data-v-46471351]{padding:8px 20px;border:2px solid #dde2e9;background:#fff;color:#666;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.filter-btn[data-v-46471351]:hover,.filter-btn.active[data-v-46471351]{border-color:#06c;background:#06c;color:#fff}.blog-grid[data-v-46471351]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:1024px){.blog-grid[data-v-46471351]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid[data-v-46471351]{grid-template-columns:1fr}}.blog-card[data-v-46471351]{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;border:1px solid #eee}.blog-card-img[data-v-46471351]{position:relative;height:220px;overflow:hidden}.blog-card-img img[data-v-46471351]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card-img:hover img[data-v-46471351]{transform:scale(1.05)}.blog-card-category[data-v-46471351]{position:absolute;top:14px;left:14px;background:#06c;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.blog-card-body[data-v-46471351]{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card-date[data-v-46471351]{font-size:12px;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.blog-card-title[data-v-46471351]{font-size:17px;font-weight:700;color:#333;line-height:1.4;margin-bottom:12px;transition:color var(--transition)}.blog-card:hover .blog-card-title[data-v-46471351]{color:#06c}.blog-card-excerpt[data-v-46471351]{font-size:14px;color:#666;line-height:1.7;flex:1;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link[data-v-46471351]{display:inline-flex;align-items:center;gap:6px;color:#06c;font-weight:600;font-size:14px;margin-top:auto;transition:gap var(--transition)}.blog-card-link svg[data-v-46471351]{width:16px;height:16px}.blog-card-link[data-v-46471351]:hover{gap:10px}