:root{--green:#20c997;--dark:#07110d;--soft:#f4f8f6;--text:#111827;--card:#fff}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--soft);color:var(--text)}a{text-decoration:none}.main-nav{background:linear-gradient(90deg,#050907,#0d281e)}.navbar-brand{color:var(--green)!important}.hero{background:linear-gradient(135deg,#07110d,#124c36);color:white;border-radius:26px;overflow:hidden}.hero img,.post-card img{width:100%;height:100%;object-fit:cover}.hero-content{padding:40px}.badge-cat{background:var(--green);color:#03120d;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700}.post-card,.side-card,.comment-box{background:var(--card);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden;border:1px solid rgba(0,0,0,.04)}.post-card img{height:190px}.post-card .body{padding:18px}.section-title{font-weight:800;border-left:5px solid var(--green);padding-left:10px;margin-bottom:18px}.trend-item{display:block;padding:14px 0;border-bottom:1px solid #e5e7eb;color:inherit}.trend-item span{display:block;color:var(--green);font-size:.78rem;font-weight:700}.ad-box{background:repeating-linear-gradient(45deg,#eef2f0,#eef2f0 10px,#e3ebe7 10px,#e3ebe7 20px);border:1px dashed #98a59f;border-radius:18px;min-height:250px;display:flex;align-items:center;justify-content:center;color:#64706b;font-weight:700}.footer{background:#07110d;color:#d1fae5}.footer a{color:var(--green)}.article-cover{border-radius:24px;max-height:450px;object-fit:cover;width:100%}.article-body{font-size:1.08rem;line-height:1.85}.search-box{background:white;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.pagination .page-link{color:#087a55}.pagination .active .page-link{background:var(--green);border-color:var(--green)}body.dark{--soft:#050907;--text:#e5e7eb;--card:#0b1712}body.dark .post-card,body.dark .side-card,body.dark .comment-box,body.dark .search-box{border-color:#17382b}body.dark .trend-item{border-color:#17382b}body.dark .form-control,body.dark .form-select{background:#0f1f18;color:#fff;border-color:#214736}@media(max-width:768px){.hero-content{padding:24px}.hero img{height:240px}.post-card img{height:170px}}