
<html lang="vi">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Urban Gardening — Tạp chí Làm vườn thành thị &amp; Sống xanh bền vững</title>
    <meta name="description" content="Cập nhật tin tức làm vườn thành thị mới nhất: Cách trồng cà chua ban công, thủy canh, chống sâu bệnh tự nhiên và xu hướng kiến trúc xanh 2026." />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&amp;display=swap" rel="stylesheet" />
    </head></html>
<script>
(function(){
  var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target)}})},{threshold:.1});
  document.querySelectorAll('.reveal,.reveal-left,.reveal-right,.reveal-scale').forEach(function(el){obs.observe(el)});
  var nav=document.getElementById('navbar');
  if(nav){window.addEventListener('scroll',function(){nav.classList.toggle('scrolled',window.scrollY>50)});}
  /* Fix images not filling containers (visible bg-color bleed like red borders) */
  document.querySelectorAll('img').forEach(function(img){
    var p=img.parentElement;if(!p)return;
    function chk(el){if(!el||el===document.body)return null;var cs=getComputedStyle(el);var bg=cs.backgroundColor;if(!bg||bg==='transparent'||bg==='rgba(0, 0, 0, 0)')return null;var m=bg.match(/\d+/g);if(!m||m.length<3)return null;if(+m[0]+ +m[1]+ +m[2]<30)return null;return el;}
    var c=chk(p)||chk(p.parentElement);
    if(c){img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';img.style.display='block';if(!getComputedStyle(c).overflow||getComputedStyle(c).overflow==='visible')c.style.overflow='hidden';}
  });
})();
</script>