/* ============================================================================= cd-ui.css — HỆ THỐNG GIAO DIỆN CHUẨN (NGUỒN DUY NHẤT) Triết lý: 1 bộ design-token + component. KHÔNG lớp chồng. Sửa giao diện = sửa ở đây. Thay thế 13 lớp override mỹ phẩm cũ (cd2col, cdMobileBalance, tpBookFix, cdJustifyIdx, …). ============================================================================= */ :root{ /* MÀU — đổi 1 chỗ, đổi toàn hệ */ --tc:#7a1c18; --tc2:#5a1513; /* đỏ đô chủ đạo */ --gold:#c9a24b; --gold-bright:#f0d98a; --gold-deep:#8a6508; --cream:#f5edd9; /* nền thẻ sáng ĐẶC */ --cell-fg:#e6cf9a; /* NHỊP — spacing/bo góc/nút thống nhất */ --radius:14px; --gap:12px; --btn-h:46px; --pad-card:14px; } /* ───────── LƯỚI: mọi ô CAO BẰNG NHAU, không co theo lượng chữ ───────── */ .tiers,.grid-nts,.grid-gp,.book-sec{ display:grid !important; gap:var(--gap) !important; grid-template-columns:1fr 1fr !important; align-items:stretch !important; } .tier,.tp-card,.cd-cell{ display:flex !important; flex-direction:column !important; box-sizing:border-box !important; min-width:0 !important; overflow:visible !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; /* diệt vệt mờ xám sót từ cdPageStar */ border-radius:var(--radius) !important; padding:var(--pad-card) 13px !important; } /* KHÔNG đặt height cứng/overflow:hidden — align-items:stretch lo việc đều cao, không cắt chữ */ #cdContact,#cdContact *{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; } /* ───────── THẺ KEM (Tầng + Sách): nền ĐẶC, chữ tối rõ ───────── */ .tier,.tier.free,.tier.best,.tier:not(.free):not(.best), .tp-card,#tac-pham .tp-card{ background:var(--cream) !important; border:1px solid var(--gold) !important; box-shadow:0 6px 16px rgba(0,0,0,.35) !important; } .tier.best{ border-color:var(--gold-deep) !important; box-shadow:0 8px 22px rgba(176,138,46,.4) !important; } .tier .label,.tier .tag{ color:var(--gold-deep) !important; } .tier h3,.tier h4,.tier .name,.tp-card .name,#tac-pham .tp-card .name,.tp-card h3{ color:var(--tc) !important; -webkit-text-fill-color:var(--tc) !important; } .tier p,.tier li,.tier .d,.tier small,.tier span:not(.price):not(.badge), .tp-card p,.tp-card .desc{ color:#3a241c !important; -webkit-text-fill-color:#3a241c !important; text-align:justify !important; text-align-last:left !important; hyphens:none !important; /* justify + dòng cuối trái (nguyên tắc đã khóa) */ } #tac-pham .tp-card p,#tac-pham .tp-card .desc{ color:#3a241c !important; -webkit-text-fill-color:#3a241c !important; text-align:center !important; /* blurb sách ngắn: căn giữa — đặc tả #id thắng nhóm justify trên */ } .tier .price,.tp-card .price{ color:var(--tc) !important; font-weight:800 !important; } /* ───────── Ô TÍNH NĂNG (.cd-cell): nền ĐỎ ĐẶC, chữ vàng rõ, tiêu đề căn giữa ───────── Đặc hiệu #menh-trinh ... :not(.market):not(.vip) để THẮNG lớp kính mờ cdPageStar (1,0,3,0). */ .cd-cell:not(.vip), #menh-trinh .cd-cell:not(.market):not(.vip){ background:linear-gradient(160deg,var(--tc),var(--tc2)) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border:1px solid rgba(201,162,75,.45) !important; box-shadow:0 6px 16px rgba(0,0,0,.4) !important; align-items:center !important; } .cd-cell:not(.vip) .cd-cell-t,.cd-cell:not(.vip) h3,.cd-cell:not(.vip) .t{ color:var(--gold-bright) !important; -webkit-text-fill-color:var(--gold-bright) !important; text-align:center !important; } .cd-cell:not(.vip) .cd-cell-d,.cd-cell:not(.vip) .d,.cd-cell:not(.vip) p{ color:var(--cell-fg) !important; -webkit-text-fill-color:var(--cell-fg) !important; text-align:center !important; } /* ───────── HỆ NÚT: 1 dòng, full-width, cao bằng nhau, dính đáy, đối xứng ───────── */ .btn,a.btn,button.btn,.cta,.tp-link,.tier .btn,.tier a.btn,#tac-pham .tp-link{ white-space:nowrap !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:var(--btn-h) !important; padding:10px 12px !important; text-align:center !important; line-height:1.15 !important; margin-top:auto !important; border-radius:10px !important; font-size:14px !important; font-weight:700 !important; } .tier .btn,.tier a.btn,#tac-pham .tp-link,.cta{ /* nút đặc: đỏ nền + vàng chữ */ background:var(--tc) !important; color:var(--gold-bright) !important; -webkit-text-fill-color:var(--gold-bright) !important; border:1px solid var(--gold) !important; } .cta-row{ flex-direction:column !important; gap:10px !important; } .cta-row .cta{ flex:1 1 100% !important; width:100% !important; } /* ───────── HERO 'Bản Đồ Khí Hóa': banner mỏng, tiêu đề vàng kim ───────── */ #menh-trinh .hero{ padding:14px !important; background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; margin:6px auto 2px !important; } #menh-trinh .hero h1{ color:var(--gold-bright) !important; text-shadow:0 1px 3px rgba(0,0,0,.8) !important; } #menh-trinh .hero .sub{ color:#efe2c2 !important; } /* ───────── XÓA NÚT TRÔI NỔI '+' ───────── */ #cdFabL,#cdFabItems,#cdFabMain,#cdFabExpand{ display:none !important; } /* ───────── ĐÁY THỞ (safe-area) + NAV KHÔNG ĐÈ MODAL ───────── */ body{ padding-bottom:max(env(safe-area-inset-bottom,0px),96px) !important; } #cdNav{ z-index:50 !important; } /* modal/popup z>=100001 sẽ phủ lên nav, hết cảnh nav đè nội dung */ /* ───────── TIÊU ĐỀ MỤC dài trên mobile -> căn giữa ───────── */ .sec-title,.tp-hn{ text-align:center !important; } /* ───────── NỀN SAO: sáng lên một chút (giảm lớp phủ tối + nâng sáng lớp sao) ───────── */ #cdSky{ filter:brightness(1.17) saturate(1.04) !important; } /* (đã bỏ body background đè — trang tự định nền gốc) */ /* ───────── CÂN ĐỐI THẺ (theo soi máy ngài) ───────── */ /* lưới ô tiện ích/dịch vụ: 2 cột đều cao, không lệch */ .cd-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; align-items:stretch !important; } /* giá tiền: gọn 1 dòng, không tràn mép */ .tier .gia,.gia{ font-size:17px !important; white-space:normal !important; letter-spacing:-.2px !important; line-height:1.3 !important; word-break:keep-all !important; overflow-wrap:normal !important; } /* nút mở khóa: 1 dòng gọn (thẻ trượt ngang rộng nên đủ chỗ) */ .unlock{ white-space:nowrap !important; font-size:14px !important; line-height:1.2 !important; padding-left:8px !important; padding-right:8px !important; } /* tên tầng đều cao -> giá & nút thẳng hàng giữa các thẻ; nhãn tầng đều cao */ .tier h3{ min-height:2.5em !important; display:flex !important; align-items:center !important; } .tier .tno{ min-height:1.3em !important; display:flex !important; align-items:center !important; } /* badge "Khuyên Dùng" ra tuyệt đối + mọi thẻ chừa chỗ đều -> nhãn TẦNG thẳng hàng, không lệch */ .tier{ position:relative !important; padding-top:24px !important; } .tier .ribbon{ position:absolute !important; top:6px !important; left:13px !important; margin:0 !important; font-size:11px !important; padding:1px 9px !important; white-space:nowrap !important; line-height:1.4 !important; } /* ───────── CÁC TẦNG: hàng ngang TRƯỢT trên mobile (thẻ rộng, chữ thoáng, trang gọn lại) ───────── */ @media (max-width:760px){ .tiers{ display:grid !important; grid-auto-flow:column !important; grid-auto-columns:min(100%,460px) !important; /* 1 THẺ FULL/màn — không nửa chừng */ grid-template-columns:none !important; align-items:stretch !important; /* GRID stretch = mọi thẻ cao bằng nhau (đáng tin) */ overflow-x:auto !important; overflow-y:visible !important; scroll-snap-type:x mandatory !important; gap:14px !important; padding:4px 2px 14px !important; margin-bottom:32px !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; } .tiers::-webkit-scrollbar{ display:none !important; } .tiers > .tier{ scroll-snap-align:center !important; min-width:0 !important; transition:box-shadow .25s,transform .25s !important; } /* min-height chỉ là sàn dự phòng (KHÔNG !important) — cd-ui.js cân đều thật theo thẻ cao nhất */ /* Dấu chấm pagination dưới dải thẻ -> báo hiệu vuốt ngang */ .cd-dots{ display:flex !important; justify-content:center; gap:8px; margin:-20px 0 26px; padding:0; } .cd-dot{ width:8px; height:8px; border-radius:50%; border:0; padding:0; cursor:pointer; background:rgba(240,217,138,.30); transition:width .25s,background .25s; } .cd-dot.on{ width:22px; border-radius:5px; background:var(--gold-bright,#f0d98a); } } .cd-dots{ display:none; } /* desktop: ẩn dots (grid 2 cột, không cần) */ /* giá + nút dồn xuống đáy thẻ -> thẳng hàng đều giữa các thẻ */ .tier .gia{ margin-top:auto !important; } /* ───────── LINK "Vào khảo cứu chi tiết →": hết xanh mặc định -> vàng ───────── */ .cd-morelink,.cd-morerow a,a.cd-morelink{ color:var(--gold-bright) !important; -webkit-text-fill-color:var(--gold-bright) !important; text-decoration:none !important; font-weight:600 !important; } /* [cdMoreBtn] nút "Vào khảo cứu chi tiết" — viền vàng thanh lịch, nền trong suốt (2026-07-04) */ a.cd-morelink,.cd-morelink{display:inline-block !important;padding:10px 24px !important;border:1px solid rgba(223,185,96,.5) !important;border-radius:20px !important;color:#DFB960 !important;-webkit-text-fill-color:#DFB960 !important;text-decoration:none !important;text-align:center !important;margin-top:16px !important;background:transparent !important;font-weight:700} /* ───────── NỀN SAO sáng hơn: giảm lớp phủ tối để chòm sao lộ rõ ───────── */ /* Nền sao: radial sáng tâm–tối viền tạo chiều sâu 3D, lộ rõ chòm sao (sáng thêm 1 nhịp) */ /* (đã bỏ: body background — mỗi trang tự định nền riêng, tránh đè đen thui) */ /* Tên sách: đậm, căn giữa, gọn cân — chỉ tên sách thuần */ #tac-pham .tp-name{ font-weight:700 !important; text-align:center !important; text-transform:uppercase !important; } #tac-pham .tp-desc{ text-align:center !important; } /* Footer tách rõ khỏi khối trên (không sát/đè khung video) */ footer{ margin-top:34px !important; } /* ───────── HERO: không cắt cụt đoạn intro (bỏ overflow/height cứng) ───────── */ .hero{ overflow:visible !important; height:auto !important; padding-bottom:8px !important; } /* lịch "Lịch hôm nay" cách tiêu đề hero một khoảng thở */ .call{ margin-bottom:18px !important; } /* ───────── THẺ SÁCH: giãn cách + bóng ảnh mềm hơn (nổi khối 3D) ───────── */ #tac-pham .tp-card{ margin-bottom:22px !important; } #tac-pham .tp-cover-img img{ box-shadow:0 22px 48px rgba(0,0,0,.30),0 6px 16px rgba(0,0,0,.20) !important; } /* ───────── FOOTER: badge "Developed by" không chạm mép, cân giữa ───────── */ .cdfs-dev{ max-width:92% !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* căn lề footer THẲNG CẠNH với thân trang (22px) */ footer .wrap{ padding-left:22px !important; padding-right:22px !important; } .cdfs{ padding-left:22px !important; padding-right:22px !important; } /* ───────── CHỐNG Chrome Android tự phóng to chữ (font-boosting) -> chữ đúng cỡ, hết phình/xếp dọc ───────── */ html{ -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; } /* ───────── NÚT SÁCH .tp-link: chữ vàng hiện rõ trên nền đỏ (sửa nút TRỐNG CHỮ) ───────── */ .tp-link{ color:var(--gold-bright) !important; -webkit-text-fill-color:var(--gold-bright) !important; font-weight:600 !important; } /* ───────── Tiêu đề khối Doanh Nghiệp gọn, không xếp chữ dọc ───────── */ #dn-banner h2{ font-size:21px !important; line-height:1.3 !important; } /* ───────── HỆ TRI THỨC: cổ thư = lưới 2 cột, thẻ kem (hết link xanh dính chùm) ───────── */ .cothu2{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; } .cothu2 .ct2{ display:flex !important; flex-direction:column !important; gap:3px !important; text-decoration:none !important; background:var(--cream) !important; border:1px solid var(--gold) !important; border-radius:12px !important; padding:11px 10px !important; } .cothu2 .ct2-hn{ color:var(--gold-deep) !important; font-size:17px !important; font-weight:700 !important; } .cothu2 .ct2v{ color:var(--tc) !important; -webkit-text-fill-color:var(--tc) !important; font-weight:700 !important; display:block !important; line-height:1.25 !important; } .cothu2 .ct2e{ color:#3a241c !important; -webkit-text-fill-color:#3a241c !important; font-size:12px !important; display:block !important; line-height:1.3 !important; } /* ───────── FOOTER: nút "Bộ Công Thương" — không nhảy dòng đè ───────── */ .bct-badge{ line-height:1.35 !important; white-space:normal !important; text-align:center !important; gap:2px !important; } .bct-badge b,.bct-badge strong{ display:inline !important; } /* ───────── TOGGLE 'không rõ giờ sinh' — căn giữa thẳng hàng text ───────── */ .cd-toggle{ flex:0 0 auto !important; vertical-align:middle !important; margin:0 !important; } .cd-toggle-row,label.cd-toggle-wrap{ display:flex !important; align-items:center !important; gap:8px !important; } /* ═══════ SỬA THEO YÊU CẦU ngày 17:54 ═══════ */ /* 1) Chữ "Lịch hôm nay" + đồng hồ to rõ hơn */ /* 2) Logo 昭陽 chân trang: ÉP flex căn giữa (rule .han chung đè thành inline-block làm chữ dồn lên trên) */ .fseal-han{ display:flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; } /* 3) "Vào khảo cứu chi tiết →" căn giữa */ .cd-morerow{ text-align:center !important; } /* ═══════ HUY HIỆU TÍN NHIỆM (trust signals) ═══════ */ /* Dải cuối footer */ .cd-trust{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 12px; max-width:1100px; margin:18px auto 0; padding:14px 16px 2px; border-top:1px solid rgba(201,162,75,.26); font-size:12.5px; line-height:1.5; color:rgba(243,232,207,.80); text-align:center; } .cd-trust-i{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; } .cd-trust-sep{ opacity:.4; } .cd-trust-link{ color:var(--gold-bright,#f0d98a) !important; -webkit-text-fill-color:var(--gold-bright,#f0d98a) !important; text-decoration:none !important; border-bottom:1px solid rgba(240,217,138,.45); } /* Dòng an toàn dưới nút Mở Khóa (tự hợp màu thẻ) */ .cd-paytrust{ margin-top:8px; font-size:11px; line-height:1.35; text-align:center; color:inherit; opacity:.6; font-weight:600; letter-spacing:.2px; white-space:nowrap; } /* ═══════ CHẶN TRÀN NGANG site-wide (drawer/menu off-screen không tạo cuộn ngang) ═══════ */ /* An toàn: carousel .tiers có overflow-x riêng nên KHÔNG bị ảnh hưởng */ html,body{ overflow-x:hidden !important; max-width:100% !important; } /* Thẻ Tầng đang xem: nổi bật nhẹ (carousel 1 ô) */ @media (max-width:760px){ .tiers > .tier.cd-active{ box-shadow:0 0 0 2px var(--gold-bright,#f0d98a), 0 18px 40px -16px rgba(0,0,0,.5) !important; } } /* Chữ "Lịch hôm nay" hiện ĐỦ — không cắt ellipsis (flex co lại theo nội dung) */ /* ═══════ LỊCH: chữ "hôm nay" rõ + KHÔNG đè đồng hồ (đồng hồ giữ chỗ cố định) ═══════ */ .lt-bar{ gap:8px !important; } .lt-mini-x{ flex:1 1 auto !important; min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; font-size:15px !important; } .lt-mini-clock{ flex:0 0 auto !important; font-size:16px !important; margin-left:auto !important; padding-left:6px !important; white-space:nowrap !important; } /* ═══════ Carousel trượt ngang dùng chung (ô cân đều, không dồn cột dọc mobile) ═══════ */ .cd-hscroll{ grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:min(82%,260px) !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; align-items:stretch !important; -webkit-overflow-scrolling:touch; padding-bottom:6px; scrollbar-width:thin; } .cd-hscroll > *{ scroll-snap-align:center !important; min-width:0 !important; height:auto !important; } @media(min-width:761px){ .cd-hscroll{ grid-auto-columns:1fr !important; overflow-x:visible !important; } } /* Ô chọn ngày (báo cáo đầu tư & mọi form an sao) — ĐẦY ô, cân đều, hết lệch */ select[data-cdkind],#pGioiTinh,#pNgay,#pThang,#pNam,#pGio{ width:100% !important; min-width:0 !important; box-sizing:border-box !important; } /* ═══ CỤM NGÀY–GIỜ (chuẩn chung mọi trang) — hết tràn ô · hết che/cắt số năm ═══ */ /* Gốc lỗi: select width:100% + padding thiếu box-sizing → tràn lưới; ô bọc min-width:auto → đẩy tràn mép phải. */ input,select,textarea{ box-sizing:border-box !important; max-width:100% !important; } .row>*,.row2>*,.grid>*,.ls-row>*{ min-width:0 !important; } *:has(> select[data-cdkind]),*:has(> div > select[data-cdkind]){ min-width:0; } select[data-cdkind]{ padding-left:8px !important; padding-right:6px !important; text-overflow:ellipsis; } @media(max-width:560px){ select[data-cdkind]{ font-size:13px !important; padding-top:9px !important; padding-bottom:9px !important; } /* Cụm 4–5 ô (Ngày/Tháng/Năm/Giờ/Phút) gói gọn 3 cột → năm 1990/2025 hiện ĐỦ, không chen 1 hàng */ *:has(> select[data-cdkind] ~ select[data-cdkind]){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)) !important; gap:8px !important; } *:has(> select[data-cdkind] ~ select[data-cdkind]) > *{ min-width:0 !important; box-sizing:border-box !important; } @media(max-width:480px){ .dt-form{ padding-left:16px !important; padding-right:16px !important; } } } /* ═══ Hàng 2 ô (Họ tên · Giới tính): hai ô CAO BẰNG NHAU, đáy thẳng hàng ═══ */ .row2{ align-items:end !important; } .row2 input,.row2 select{ height:46px !important; box-sizing:border-box !important; } /* Chống tràn ngang do từ dài không ngắt (chung mọi trang) */ html,body{ overflow-wrap:break-word; } /* === Cân ô chọn ngày-giờ + mũi tên rõ (đồng bộ cdpick ↔ cdss) === */ .cdpick-btn,.cdss-btn{ min-height:46px !important; box-sizing:border-box !important; } .cdpick-btn::after{ font-size:16px !important; color:#6e2f17 !important; right:10px !important; } .cdss-btn::after{ font-size:16px !important; } /* Subtitle trang chính sách rõ trên nền tối */ .sub{ color:#ecd9a0 !important; font-weight:500 !important; } /* Bỏ khoảng trống đen thừa cuối trang (15vh→safe-area+72px) */ body{ padding-bottom:max(env(safe-area-inset-bottom,0px),72px) !important; } /* Form Đầu Tư (nền tối): input/select + placeholder rõ, không lẫn nền */ #formStart input,#formStart select,#cdPopForm input{ background:rgba(255,250,240,.12) !important; color:#fbe7b6 !important; -webkit-text-fill-color:#fbe7b6 !important; } #formStart input::placeholder,#cdPopForm input::placeholder{ color:rgba(245,225,150,.72) !important; -webkit-text-fill-color:rgba(245,225,150,.72) !important; opacity:1 !important; } /* Nút menu nổi cdLBtn: nền đặc dạng FAB tròn để không lẫn/đè chữ khi cuộn */ #cdLBtn{ background:rgba(42,12,12,.94) !important; background-color:rgba(42,12,12,.94) !important; border:1px solid rgba(203,162,63,.55) !important; box-shadow:0 2px 10px rgba(0,0,0,.45) !important; border-radius:50% !important; width:42px !important; height:42px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; } .fbrand{color:#c9a24b;font-weight:700;letter-spacing:1px;margin:8px 0 4px;font-size:14px;text-align:center} /* === CHỐNG ĐEN THUI khi cuộn trên webview app === Giữ NGUYÊN lớp sao #cdSky (fixed, cover viewport — đẹp, không méo). Thêm nền đỏ đặc phủ TOÀN chiều cao trang ở html+body: nếu webview không repaint lớp sao fixed ở phần dưới thì cũng chỉ lộ nền đỏ ấm, KHÔNG bao giờ đen thui. */ html{background:linear-gradient(160deg,#350f0f,#170505)!important;min-height:100%} body:not(.cd-paper){position:relative;min-height:100%;background:transparent!important}body.cd-paper{position:relative;min-height:100%} .fseal{text-align:center!important;font-size:26px;line-height:1;color:#c9a24b;font-weight:700;letter-spacing:2px;margin:6px 0 2px} /* === RESET LINK RÁC (QA Audit): bỏ gạch chân + màu xanh mặc định của === Link không có màu riêng → kế thừa màu vùng (không còn xanh dương). Link có class/màu riêng (nav vàng, CTA) giữ nguyên. */ a{ text-decoration:none !important; } a{ color:inherit; } /* link không set màu riêng → kế thừa màu vùng, hết xanh dương; link có class/màu (nav, CTA) vẫn thắng */ a[class]:hover,a:hover{ opacity:.9; } /* === TOUCH TARGET (QA Audit): icon nav ≥44px cho dễ bấm trên mobile === */ .cdnav-ic{ min-width:44px !important; min-height:44px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } /* === CHỐNG CẮT CHỮ (QA Audit): bỏ nowrap ở dòng giá & dòng chọn chuyên đề → cho xuống dòng === */ .cdss-cur{ white-space:normal !important; overflow-wrap:break-word !important; word-break:break-word !important; } /* === TOUCH TARGET nút hành động ≥44px (QA Audit) — trừ icon nav đã set riêng === */ button:not(.cdnav-ic){ min-height:44px; } .cdss-seg button,.seg button,[class*=segbtn]{ min-height:44px; } /* === Chữ thân card TẦNG nền sáng (free) đậm hơn cho rõ — sửa lỗi chữ mờ === */ .tier.free .desc{ color:#3a2c1c !important; font-weight:500 !important; } .tier.free p, .tier.free li{ color:#3a2c1c; } /* === Bảng Luận Sơ Bộ (.lsb-tb): mobile cho mỗi hàng xuống dòng — nhãn trên, giá trị full width (sửa cột phải hẹp vỡ chữ) === */ @media(max-width:480px){ .lsb-tb,.lsb-tb tbody,.lsb-tb tr{display:block;width:100%} .lsb-tb td{display:block;width:100%!important;box-sizing:border-box;padding:6px 14px;border:none;white-space:normal;word-break:normal;overflow-wrap:break-word} .lsb-tb td:first-child{font-weight:800;color:#6d4708;padding-bottom:2px} .lsb-tb td:last-child{padding-top:0;padding-bottom:13px;border-bottom:1px solid rgba(201,162,75,.2)} .lsb-tb tr:last-child td:last-child{border-bottom:none} } /* === Footer nền đỏ đậm che nền sao (sửa lỗi chữ footer lẫn chữ sao 紫微/Thiên Cực) === */ footer{ background:#1a0f0a !important; position:relative; z-index:2; padding:18px 14px 22px !important; border-top:1px solid rgba(201,162,75,.3); } footer *{ position:relative; } /* === Dòng chú thích cuối khối luận (.lsb-foot) — nền đậm che sao, hết chồng chữ === */ .lsb-foot{ background:rgba(26,8,8,.9) !important; border:1px solid rgba(201,162,75,.22); border-radius:10px; padding:10px 14px !important; margin:10px 0 0 !important; position:relative; z-index:2; line-height:1.5; text-align:center; } /* === Bảo vệ chữ tiêu đề/eyebrow/phụ-đề khỏi ánh sao sáng #cdSky rửa trôi (sửa lỗi chữ lẫn ánh sao — checklist #4). Single-source, không setTimeout. Lớp scrim tối mềm (::before, radial mờ dần ra trong suốt) đặt SAU chữ nhờ isolation:isolate → dập lõi sao trắng kể cả khoảng hở giữa các chữ, nhìn như vầng sáng nền có chủ ý. Kèm quầng tối quanh nét chữ. === */ .sec-title,.sec-sub,p.sub{ position:relative; isolation:isolate; text-shadow:0 0 3px rgba(18,5,5,.95),0 0 8px rgba(18,5,5,.82),0 0 16px rgba(18,5,5,.55) !important; } /* ĐÃ GỠ scrim ::before (gây cục đen nhòe sau tiêu đề như 'Bản Luận Mệnh'). Giữ text-shadow ở trên để chữ vẫn rõ trên nền sao. */ /* ═══════════════ FIX RÀ SOÁT MOBILE 2026-06-30 (single-source · áp 9 mặt) ═══════════════ */ /* (1) HUY HIỆU "BỘ CÔNG THƯƠNG" dính chữ ("THÔNG BÁOBỘ"). GỐC: index có rule `footer.ft a{display:block}` (specificity 0,0,1,2) đè `.bct-badge{display:inline-flex}` (0,0,1,0) → mất ngữ cảnh flex → 2 span chảy inline. SỬA: khôi phục inline-flex + xếp cột bằng !important (thắng rule không-important). */ .bct-badge{ display:inline-flex !important; flex-direction:column !important; align-items:center !important; } .bct-badge .bct-t,.bct-badge .bct-b{ display:block !important; width:100% !important; text-align:center !important; } /* (2) VÙNG CHẠM radio/checkbox ≥44px (chuẩn touch QA "Kinh thánh"). Chỉ áp cho