.blog-page{max-width:1200px;margin:auto;padding:60px 20px}.blog-hero{margin-bottom:50px}.blog-hero h1{margin-bottom:10px;font-size:36px;font-weight:700}.blog-hero p{color:#666;max-width:600px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.blog-card{color:inherit;background:#fff;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.blog-image{width:100%;height:200px;position:relative}.blog-image img{-o-object-fit:cover;object-fit:cover}.blog-card-body{padding:18px}.blog-card-body h3{margin-bottom:8px;font-size:18px}.blog-card-body p{color:#666;margin-bottom:12px;font-size:14px}.blog-meta{color:#888;gap:12px;font-size:13px;display:flex}.blog-detail{max-width:800px;margin:auto;padding:60px 20px}.blog-detail-header h1{margin-bottom:12px;font-size:34px}.blog-detail-cover{border-radius:12px;width:100%;height:420px;margin:30px 0;position:relative;overflow:hidden}.blog-detail-cover img{-o-object-fit:cover;object-fit:cover}.blog-content p{color:#444;margin-bottom:20px;font-size:16px;line-height:1.7}