/* Trang /hoc-tieng-trung/ bản gọn (07/11/2026): nền một màu trắng ngà, bớt xanh đậm.
   Chỉ áp cho body.htt-gon, không đụng giao diện các trang khác. */
html body.htt-gon { background: #FFFDF6 !important; background-image: none !important; color: #1F2937; }

/* Thanh đầu trang và thanh Quay lại: chuyển sang nền ngà, chữ tối */
body.htt-gon header.nav { background: #FFFDF6 !important; background-image: none !important; border-bottom: 1px solid #EADFC4 !important; box-shadow: none !important; }
body.htt-gon header.nav, body.htt-gon header.nav a, body.htt-gon header.nav b, body.htt-gon header.nav span, body.htt-gon header.nav small, body.htt-gon header.nav button { color: #1F2937 !important; }
body.htt-gon .rqx-backbar { background: #FFFDF6 !important; background-image: none !important; border-bottom: 1px solid #EADFC4 !important; box-shadow: none !important; }
body.htt-gon .rqx-mob-bar { background: #FFFDF6 !important; background-image: none !important; border-top: 1px solid #EADFC4 !important; box-shadow: 0 -2px 8px rgba(120, 100, 50, .08) !important; }
body.htt-gon .rqx-mob-bar a, body.htt-gon .rqx-mob-bar span, body.htt-gon .rqx-mob-bar b { color: #1F2937 !important; }

/* Một nút duy nhất: Tư vấn nhanh lộ trình */
body.htt-gon .htt-cta-band { background: #FFFDF6; padding: 18px 16px 6px; text-align: center; }
body.htt-gon .htt-cta-btn { display: inline-block; background: #B45309; color: #fff; border-radius: 999px; padding: 11px 26px; font-weight: 700; font-size: 16px; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 6px rgba(120, 80, 20, .18); }
body.htt-gon .htt-cta-btn:hover { background: #92400E; }

/* Khối video Góc khám phá: bỏ nền xanh đậm và gradient */
html body.htt-gon .hero-modern { background: #FFFDF6 !important; background-image: none !important; border-bottom: 0 !important; padding: 14px 0 22px !important; color: #1F2937 !important; }
html body.htt-gon .hero-modern::before, html body.htt-gon .hero-modern::after { display: none !important; }
body.htt-gon .hero-modern-grid { display: block !important; max-width: 920px; margin: 0 auto; }

/* Các dải nền khác trên trang: về một màu ngà */
body.htt-gon main, body.htt-gon section:not(.rqx-tl-panel), body.htt-gon .rqx-paths, body.htt-gon .rqx-subbar { background-color: #FFFDF6 !important; background-image: none !important; }

/* Dải chữ chạy dưới video, khung video, thanh công cụ video: bỏ xanh đậm */
body.htt-gon .home-flex-note { background: #F9F1DF !important; background-image: none !important; color: #4B3B1A !important; border-top: 1px solid #EADFC4 !important; border-bottom: 1px solid #EADFC4 !important; box-shadow: none !important; }
body.htt-gon .home-flex-note * { color: #4B3B1A !important; text-shadow: none !important; }
body.htt-gon .rqx-video-stage { background: #FFFFFF !important; background-image: none !important; border-color: #EADFC4 !important; box-shadow: 0 2px 10px rgba(120, 100, 50, .08) !important; }
body.htt-gon .rqx-video-bar.rqx-video-tools { background: #F9F1DF !important; color: #1F2937 !important; }
body.htt-gon .rqx-video-bar.rqx-video-tools * { color: #1F2937 !important; }

/* Chân trang: nền ngà đậm hơn một chút, chữ tối */
body.htt-gon footer.site { background: #F6EFDD !important; background-image: none !important; color: #374151 !important; border-top: 1px solid #EADFC4 !important; }
body.htt-gon footer.site * { color: #374151 !important; border-color: #E5D9BC !important; }
body.htt-gon footer.site a { color: #92400E !important; }
body.htt-gon footer.site h3, body.htt-gon footer.site h4, body.htt-gon footer.site b, body.htt-gon footer.site strong { color: #1F2937 !important; }

/* Bớt màu: nút xanh đậm và viền thẻ chuyển sang tông nâu ấm nhẹ, đồng bộ nút Tư vấn */
body.htt-gon .btn-navy, body.htt-gon .btn-blue, body.htt-gon .btn-red, body.htt-gon .btn-gold { background: #B45309 !important; background-image: none !important; color: #fff !important; border-color: #B45309 !important; box-shadow: none !important; }
body.htt-gon .btn-navy:hover, body.htt-gon .btn-blue:hover, body.htt-gon .btn-red:hover, body.htt-gon .btn-gold:hover { background: #92400E !important; }
body.htt-gon .btn-outline, body.htt-gon .btn-line { border-color: #D6C49A !important; color: #1F2937 !important; background: #fff !important; box-shadow: none !important; }
body.htt-gon .rqx-vcard, body.htt-gon .rqx-vcard.gold, body.htt-gon .rqx-vcard.green, body.htt-gon .rqx-vcard.navy, body.htt-gon .rqx-vcard.red { border-color: #EADFC4 !important; border-top-color: #D6C49A !important; background: #fff !important; background-image: none !important; box-shadow: 0 2px 8px rgba(120, 100, 50, .06) !important; }
body.htt-gon .rqx-vcard .badge { background: #F9F1DF !important; color: #78350F !important; border-color: #EADFC4 !important; }

/* 07/11/2026 (lần 2): lưới 8 thẻ tính năng bớt xanh. Chữ link, nhãn, viền thẻ, nền sau ảnh chuyển tông ngà/nâu; ảnh minh hoạ giữ nguyên */
body.htt-gon .tn2-card { border-color: #EADFC4 !important; box-shadow: 0 4px 14px rgba(120, 100, 50, .07) !important; }
body.htt-gon .tn2-card:hover { border-color: #D6C49A !important; }
body.htt-gon .tn2-body b { color: #1F2937 !important; }
body.htt-gon .tn2-body span { color: #57534E !important; }
body.htt-gon .tn2-body em { color: #92400E !important; }
body.htt-gon .tn2-tag { color: #78350F !important; }
body.htt-gon .tn2-tag.hot { background: #B45309 !important; color: #fff !important; }
body.htt-gon .tn2-pic, body.htt-gon .c-app .tn2-pic, body.htt-gon .c-mh .tn2-pic { background: linear-gradient(150deg, #F9F1DF, #FFFDF6) !important; }
body.htt-gon .tn2-play { background: #B45309 !important; }
body.htt-gon .tn2-kicker { background: #F9F1DF !important; color: #78350F !important; }
body.htt-gon .tn2-head h2 { color: #1F2937 !important; }
body.htt-gon .tn2-head h2 em { color: #92400E !important; }
body.htt-gon .gv2-btn { border-color: #D6C49A !important; background: #fff !important; color: #1F2937 !important; }
body.htt-gon .gv2-btn:hover, body.htt-gon .gv2-btn:focus-visible { border-color: #B45309 !important; background: #FFF6EC !important; }
body.htt-gon .gv2-btn:focus-visible { outline-color: #B45309 !important; }

/* 07/11/2026 (lần 3): nút Tư vấn màu nhạt, nằm bên phải thanh Quay lại (script trong trang chuyển vào). Nếu chưa có thanh thì nút lệch phải, dải thấp */
body.htt-gon .htt-cta-band { text-align: right; padding: 8px 16px 0; max-width: 1400px; margin: 0 auto; }
body.htt-gon .htt-cta-btn, body.htt-gon .htt-cta-btn.in-bar { background: #FEF6E6 !important; color: #78350F !important; border: 1.5px solid #E9C98A; box-shadow: none !important; font-size: 14px; padding: 6px 14px; }
body.htt-gon .htt-cta-btn:hover { background: #FBE3B5 !important; }
body.htt-gon .htt-cta-btn.in-bar { margin-left: auto; flex: none; line-height: 1.3; }
body.htt-gon #rqxBackBar .rqx-bb-wrap { display: flex; align-items: center; gap: 8px; }
body.htt-gon #rqxBackBar .rqx-bb-loc { display: none !important; }
@media (max-width: 420px) { body.htt-gon .htt-cta-btn.in-bar { font-size: 12.5px; padding: 5px 10px; } }

/* 07/11/2026 (lần 4): điện thoại không tràn ngang. Bỏ chữ "nhanh", cho thanh xuống dòng khi quá hẹp */
@media (max-width: 480px) {
  body.htt-gon .htt-cta-x { display: none; }
  body.htt-gon #rqxBackBar .rqx-bb-wrap { flex-wrap: wrap; row-gap: 6px; }
  body.htt-gon .htt-cta-btn.in-bar { white-space: nowrap; max-width: 100%; }
}
/* 07/11/2026 (lần 4): khung "Góc khám phá RQX" bỏ viền và nhãn xanh (rule cũ có html body.rqx-home nên phải thêm html để thắng) */
html body.htt-gon .rqx-video-stage { background: #FFFFFF !important; background-image: none !important; border: 1.5px solid #EADFC4 !important; box-shadow: 0 2px 10px rgba(120, 100, 50, .08) !important; }
html body.htt-gon .rqx-live-badge { background: #B45309 !important; background-image: none !important; color: #fff !important; border-color: #F9F1DF !important; box-shadow: none !important; }
html body.htt-gon .rqx-video-top > a { color: #92400E !important; }
/* Ô chú thích bên phải video và các nút chương bên dưới: nền ngà, viền be, nút đang chọn màu nâu */
html body.htt-gon .rqx-vcaption { background: #FFFAF0 !important; background-image: none !important; border: 1.5px solid #E9C98A !important; box-shadow: none !important; }
html body.htt-gon .rqx-vcaption b { color: #1F2937 !important; }
html body.htt-gon .rqx-vcaption span { color: #92400E !important; }
html body.htt-gon .rqx-vcaption .rqx-unmute-btn { background: #FEF6E6 !important; background-image: none !important; color: #78350F !important; border: 1.5px solid #E9C98A !important; }
html body.htt-gon .rqx-vcaption .rqx-unmute-btn.unmuted { background: #B45309 !important; color: #fff !important; border-color: #B45309 !important; }
html body.htt-gon .rqx-vchap { background: #fff !important; background-image: none !important; color: #1F2937 !important; border: 1px solid #E5D9BC !important; box-shadow: none !important; }
html body.htt-gon .rqx-vchap:hover:not(:disabled) { background: #FFFAF0 !important; border-color: #D6C49A !important; }
html body.htt-gon .rqx-vchap.on { background: #B45309 !important; color: #fff !important; border-color: #B45309 !important; }