/** * Giao diện 16 – Nhật Trình Xanh mực (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-16 đã được baochi_body_classes() gắn sẵn vào thẻ . */ body.skin-16 { /* Ba biến nt: layout-nt.css đọc chúng ở mọi chỗ cần màu nhấn / font tiêu đề. */ --nt-brand: #1d4e89; --nt-brand-dark: #14375f; --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: #1d4e89; --c-primary-dark: #14375f; --c-accent: #1d4e89; } /* 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-16 để chắc chắn thắng layout-nt.css về độ ưu tiên, bất kể thứ tự nạp file. */ /* Bo góc nhẹ mọi khung ảnh: bản xanh mực mềm hơn, đỡ cứng như bản đỏ rượu. Các khung này đã có overflow:hidden trong layout-nt.css nên ảnh bên trong tự bị cắt theo góc bo, không cần đụng tới thẻ img. */ body.skin-16 .nt-card__media, body.skin-16 .nt-row__media, body.skin-16 .nt-list__media, body.skin-16 .nt-side-row__media { border-radius: 4px; } /* Nút "Xem thêm tin" bo cùng bán kính với ảnh cho đồng bộ. */ body.skin-16 .nt-more { border-radius: 4px; } /* Gạch trên các khối cột bên lấy màu nhấn thay vì đen, để cột bên có điểm màu. */ body.skin-16 .nt-box { border-top-color: var(--nt-brand); }