/** * Giao diện 17 – Nhật Trình Xanh lá (bố cục nt). * * Skin này KHÔNG chứa bố cục. Toàn bộ khung, lưới và 3 điểm ngắt nằm ở * assets/css/layout-nt.css dùng chung cho cả 4 skin 15–18; ở đây chỉ đổi bảng * màu + font tiêu đề. Nhờ tách như vậy, sửa bố cục một lần là cả 4 giao diện * cùng đổi, không phải sửa 4 file. * * Class skin-17 đã được baochi_body_classes() gắn sẵn vào thẻ . */ body.skin-17 { /* Ba biến nt: layout-nt.css đọc chúng ở mọi chỗ cần màu nhấn / font tiêu đề. */ --nt-brand: #136b4e; --nt-brand-dark: #0d4d38; --nt-headfont: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Các trang phụ (tìm kiếm, 404, trang tĩnh) vẫn chạy bằng base.css. Không đặt lại 3 biến dưới đây thì chúng giữ màu mặc định của base.css, lệch hẳn với màu của bố cục nt. */ --c-primary: #136b4e; --c-primary-dark: #0d4d38; --c-accent: #136b4e; } /* Tinh chỉnh riêng để 4 skin không giống hệt nhau — chỉ chạm vào chi tiết nhỏ, không đụng tới bố cục. Đặt sau body.skin-17 để chắc chắn thắng layout-nt.css về độ ưu tiên, bất kể thứ tự nạp file. */ /* Nhãn chuyên mục dạng khối nền nhạt. Dùng màu nhấn pha loãng bằng rgba chứ không thêm biến mới, để đổi --nt-brand là nền cũng đổi theo. */ body.skin-17 .nt-card__cat, body.skin-17 .nt-list__cat { background: rgba( 19, 107, 78, .08 ); padding: 3px 7px; border-radius: 2px; } /* Biến thể xám trong lưới 6 bài phải giữ nguyên dáng chữ trơn, nếu không cả lưới sẽ đầy ô nền nhạt và rối mắt. */ body.skin-17 .nt-card__cat--dim { background: none; padding: 0; } /* Nút "Xem thêm tin" lật nền khi rê chuột — phản hồi rõ hơn viền đổi màu. */ body.skin-17 .nt-more:hover, body.skin-17 .nt-more:focus-visible { background: var(--nt-brand); border-color: var(--nt-brand); color: #fff; }