.blog-container {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 40px;
  overflow: hidden;
}
.blog-header { padding-top: 40px; padding-bottom: 24px; }
.blog-header h1 { font-size: 36px; color: #000; margin: 0 0 12px 0; font-weight: bold; }
.blog-header p { font-size: 16px; color: #666; margin: 0; line-height: 1.6; }
.blog-tabs { border-bottom: 1px solid #eee; margin-bottom: 32px; }
.blog-tabs a {
  display: inline-block; padding: 12px 0; margin-right: 32px;
  font-size: 16px; color: #666; text-decoration: none;
  border-bottom: 2px solid transparent;
}
.blog-tabs a:hover { color: #ff6a00; }
.blog-tabs a.active { color: #333; border-bottom-color: #ff6a00; font-weight: bold; }
.blog-main { width: 760px; float: left; }
.blog-sidebar { width: 300px; float: right; }
.blog-card {
  display: flex; padding: 24px 0; border-bottom: 1px solid #eee;
  text-decoration: none; color: inherit;
}
.blog-card:hover { background: #fafafa; }
.blog-card:hover .blog-card-title { color: #ff6a00; }
.blog-card-thumb {
  width: 260px; height: 150px; flex-shrink: 0; overflow: hidden;
  border-radius: 4px; background: #f5f5f5;
}
.blog-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-card-body { flex: 1; margin-left: 24px; display: flex; flex-direction: column; justify-content: center; }
.blog-card-title { font-size: 18px; color: #333; font-weight: bold; margin: 0 0 12px 0; line-height: 1.4; transition: color .2s; }
.blog-card-desc {
  font-size: 14px; color: #666; line-height: 1.6; margin: 0 0 16px 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.blog-card-meta { font-size: 13px; color: #999; }
.blog-card-meta .tag { color: #ff6a00; margin-left: 12px; }
.pagination { margin-top: 32px; padding: 16px 0; font-size: 14px; color: #666; }
.pagination-info { display: inline-block; margin-right: 12px; }
.pagination a, .pagination span {
  display: inline-block; min-width: 32px; height: 32px; line-height: 30px;
  text-align: center; margin-right: 6px; border-radius: 4px;
  text-decoration: none; color: #666; border: 1px solid #ddd;
}
.pagination a:hover { color: #ff6a00; border-color: #ff6a00; }
.pagination .current { background: #ff6a00; color: #fff; border-color: #ff6a00; }
.pagination .disabled { color: #ccc; cursor: not-allowed; }
.sidebar-block { margin-bottom: 24px; }
.sidebar-title { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 16px; }
.download-link { display: block; font-size: 14px; color: #0564F5; margin-bottom: 12px; text-decoration: none; }
.download-link span { color: #3660ff; }
.sidebar-qr img { width: 100%; max-width: 250px; }
.sidebar-divider { width: 1px; background-color: #ccc; }