/* * Trang CHI TIẾT bài viết — Figma frame `Newsroom / chi tiết` (1600 x 4438). * * Chỉ nạp khi is_singular('post'); trang danh sách /newsroom/ dùng newsroom.css. * Hai file vì hai trang không dùng chung khối nào: danh sách sống bằng * .fusion-post-cards + bộ lọc, chi tiết sống bằng các khối .lb-nd-*. * * Lưới: nội dung 829 · rãnh 34 · cột phải 338 = 1201, làm tròn thành hàng 1200 * căn giữa trong khung 1600. Ảnh đại diện đè lên đáy hero 56px. * * Số đo và màu lấy trực tiếp từ Figma, không suy đoán: * hero Rectangle 190 — 1600 x 383, linear-gradient #000A4F → #041691 * bản tin cùng cặp màu đó * nhấn #FF3251 (Color/Group của nhóm Newsroom) */ /* * Token --lb-* chỉ tồn tại trong .lb-home / .lb-header / .lb-scope. Các khối ở * đây nằm trong vỏ .lb-home.lb-el.lb-scope do shortcode sinh ra, nhưng mấy giá * trị riêng của trang này không có token nào — khai tại chỗ cho khỏi phải thêm * token dùng đúng một lần. */ .lb-nd-hero, .lb-nd-figure, .lb-nd-share, .lb-nd-author, .lb-nd-card, .lb-nd-more{ --lb-nd-do: #FF3251; --lb-nd-muc: #1B1B38; --lb-nd-vien: rgba(27, 27, 56, .1); --lb-nd-nhat: rgba(27, 27, 56, .55); } /* ================================================== 1. Khung 1200 cho mọi dải */ /* * Bề rộng hàng của Avada lấy từ Theme Options (1318.72px), rộng hơn Figma 118px. * Ba container của trang này phải về đúng 1200. * * Hàng của Avada tự đẩy hai bên -2% rồi bù lại bằng đệm trong cột; giữ nguyên * cơ chế đó, chỉ hạ trần bề rộng. */ .single-post .lb-nd-grid > .fusion-builder-row{ max-width: 1200px !important; } /* * MỌI quy tắc đặt màu cho thẻ ở dưới đều phải có !important. * * Vỏ .lb-el mà shortcode sinh ra kéo theo `.lb-el a{color:inherit}` của * tokens.css. Theo lý thuyết thì .single-post + một lớp (0,2,0) phải thắng * (0,1,1) — nhưng đo trên trang thì KHÔNG: thử lần lượt một lớp, hai lớp, và * cả một