[data-theme="light"] .blog-card {
  background: #fff;
  border-color: #e5e5e5;
}
[data-theme="light"] .blog-card:hover {
  border-color: #ccc;
}
[data-theme="light"] .blog-meta { color: #999; }
[data-theme="light"] .blog-title { color: #111; }
[data-theme="light"] .blog-excerpt { color: #666; }
[data-theme="light"] .loading-text,
[data-theme="light"] .empty-text { color: #999; }

.lang-btn:hover { opacity: 0.8 !important; }
.lang-btn.active { opacity: 1 !important; }

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.blog-card {
  background: #0c0c0c;
  border: 1px solid #1a1a1a;
  border-radius: 16px;
  padding: 24px;
  transition: all 0.3s;
  text-decoration: none;
  display: block;
}

.blog-card:hover {
  border-color: #333;
  transform: translateY(-2px);
}

.blog-meta { font-size: 12px; color: #555; margin-bottom: 8px; }
.blog-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 1.3; }
.blog-excerpt { font-size: 14px; color: #888; line-height: 1.6; margin-bottom: 0; }
.loading-text, .empty-text { color: #555; text-align: center; grid-column: 1 / -1; }
.empty-text a { color: #D4A843; }