.blog-page{padding-top:calc(var(--header-height) + var(--space-3xl));padding-bottom:var(--space-5xl);background:var(--background);min-height:100vh}.blog-page .page-header{text-align:center;margin-bottom:var(--space-3xl)}.blog-page .page-header .page-title{font-size:var(--text-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-md)}.blog-page .page-header .page-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.blog-page .blog-seo-intro{background:#fff;padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3xl)}.blog-page .blog-seo-intro p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.blog-page .loading-grid{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:var(--text-lg);color:var(--text-secondary)}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl)}@media(max-width:1024px){.blog-page .blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-page .blog-grid{grid-template-columns:1fr}}.blog-page .blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease)}.blog-page .blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.blog-page .blog-card:hover .card-image img{transform:scale(1.05)}.blog-page .blog-card .card-image{position:relative;height:200px;overflow:hidden}.blog-page .blog-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.blog-page .blog-card .card-image .date-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:hsla(0,0%,100%,.95);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.blog-page .blog-card .card-content{padding:var(--space-xl)}.blog-page .blog-card .card-content .meta{margin-bottom:var(--space-md)}.blog-page .blog-card .card-content .meta .author{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--text-muted)}.blog-page .blog-card .card-content h3{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4}.blog-page .blog-card .card-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.blog-page .blog-card .card-content .read-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--primary);transition:gap var(--duration-fast) var(--ease)}.blog-page .blog-card .card-content .read-more:hover{gap:10px}