/* --- Tối ưu hóa Blog Oura631 --- */ /* 1. Tạo khoảng cách thoáng đãng cho bài viết */ .post-body { line-height: 1.8; margin-bottom: 30px; padding: 10px 0; } /* 2. Tối ưu hình ảnh trong bài viết */ .post-body img { border-radius: 8px; /* Bo góc ảnh cho hiện đại */ box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Thêm đổ bóng nhẹ */ transition: transform 0.3s ease; } .post-body img:hover { transform: scale(1.02); /* Hiệu ứng zoom nhẹ khi di chuột vào ảnh */ } /* 3. Làm nổi bật phần tiêu đề bài viết */ .post h3.post-title { font-size: 24px; margin-bottom: 15px; border-left: 4px solid #3498db; /* Thêm đường kẻ trang trí */ padding-left: 15px; } /* 4. Cải thiện trải nghiệm trên di động */ @media screen and (max-width: 640px) { .post-body { font-size: 15px; } .post { padding: 15px; } }