/* your styles go here *//* 在 <style> 区域补充 */
.home-blog-post {
  margin-bottom: 30px;
  transition: all 0.3s ease;
}
.home-blog-post:hover {
  transform: translateY(-5px);
}
.home-blog-post .image {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
}
.home-blog-post .image img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.home-blog-post:hover .image img {
  transform: scale(1.05);
}
.home-blog-post .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.home-blog-post:hover .overlay {
  opacity: 1;
}
.home-blog-post .text {
  padding: 15px 0;
}
.btn-template-outlined-white {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}
.btn-template-outlined {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
  padding: 5px 15px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.btn-template-outlined:hover {
  background-color: var(--primary);
  color: #fff;
}