:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #dd3333;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}html{background-color:#0a0a0a!important;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1050px}.row.row-collapse{max-width: 1020px}.row.row-small{max-width: 1042.5px}.row.row-large{max-width: 1080px}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.header-bottom{min-height: 55px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(0,0,0,0.9)}.header-bottom {background-color: #d83a13}.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #d83c07;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Roboto, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: Roboto, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #0a0a0a;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #eeee22;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #eeee22;}.absolute-footer, html{background-color: #0a0a0a}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */.win88-wrapper {font-family: 'Segoe UI', sans-serif;background: #f0f8ff;padding: 40px 20px;max-width: 1200px;margin: auto;}.win88-title {text-align: center;font-size: 2em;font-weight: bold;color: #d93a00;margin-bottom: 40px;}.win88-grid {display: flex;flex-wrap: wrap;gap: 30px;justify-content: space-between;}.win88-item {background: #ffffff;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);flex: 1 1 calc(50% - 30px);min-width: 260px;padding: 25px;box-sizing: border-box;transition: all 0.3s ease;}.win88-item:hover {transform: translateY(-5px);}.win88-item img {width: 50px;height: 50px;margin-bottom: 15px;}.win88-item h3 {color: #d93a00;font-size: 1.2em;margin-bottom: 10px;display: flex;align-items: center;gap: 8px;}.win88-item p {font-size: 0.95em;color: #333;line-height: 1.6;margin: 0;}@media screen and (max-width: 768px) {.win88-item {flex: 1 1 100%;}.win88-title {font-size: 1.6em;}}.comparison-table-wrapper {font-family: 'Segoe UI', sans-serif;padding: 40px 20px;background: #e0f7fa;border-radius: 12px;max-width: 1200px;margin: auto;}.comparison-title {text-align: center;font-size: 2em;font-weight: bold;color: #00796b;margin-bottom: 30px;text-shadow: 1px 1px 0 #b2dfdb;text-transform: uppercase; /* ✅ THÊM DÒNG NÀY */}.comparison-table {width: 100%;border-collapse: collapse;background: #ffffff;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.05);}.comparison-table thead {background: #00796b;color: #fff;font-weight: bold;}.comparison-table th,.comparison-table td {padding: 16px;border: 1px solid #ddd;text-align: left;font-size: 0.95em;vertical-align: top;}.comparison-table tbody tr:nth-child(odd) {background: #f1f8e9;}.comparison-table tbody tr:hover {background: #e0f2f1;}.summary-box {margin-top: 30px;background: #ffffff;padding: 20px;border-left: 4px solid #00796b;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}.summary-box h3 {color: #004d40;margin-bottom: 15px;font-size: 1.3em;}.summary-box ul {padding-left: 20px;}.summary-box li {margin-bottom: 10px;line-height: 1.6;color: #333;}/* ======================== ✨ Trích dẫn đẹp toàn site Tự động áp dụng cho <blockquote> và <cite> ======================== */blockquote {position: relative;background: #fff8e1; /* vàng nhạt */border-left: 5px solid #ffc107; /* vàng đậm */padding: 20px 30px;margin: 30px 0;font-style: italic;font-size: 1.05em;line-height: 1.7;color: #444;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);transition: background 0.3s ease;}blockquote:hover {background: #fff3cd;}blockquote::before {content: "❝";font-size: 2.5em;color: #ffc107;position: absolute;top: -15px;left: 15px;font-family: Georgia, serif;opacity: 0.5;}blockquote cite {display: block;margin-top: 15px;font-size: 0.9em;color: #666;text-align: right;font-style: normal;}/* ✅ Responsive điều chỉnh font quote trên mobile */@media (max-width: 600px) {blockquote {font-size: 1em;padding: 18px 20px;}blockquote::before {font-size: 2em;top: -10px;}}/* =============== *//* ✨ Heading Styles (SEO-friendly, đẹp toàn site) *//* =============== */h1, h2, h3 {font-family: 'Segoe UI', sans-serif;font-weight: 700;line-height: 1.3;position: relative;transition: all 0.3s ease-in-out;}/* ===== H1 ===== */h1 {font-size: 1.8em;color: #00796b;text-transform: uppercase;letter-spacing: 1px;text-shadow: 1px 1px 0 rgba(0,0,0,0.05);border-left: 6px solid #26a69a;padding-left: 15px;margin-bottom: 20px;}/* ===== H2 ===== */h2 {font-size: 1.7em;color: #004d40;text-transform: uppercase;border-bottom: 2px solid #80cbc4;padding-bottom: 8px;margin-bottom: 20px;}/* ===== H3 ===== */h3 {font-size: 1.3em;color: #00695c;position: relative;padding-left: 25px;margin-bottom: 15px;}h3::before {content: "★";position: absolute;left: 0;top: 0;color: #ffab00;font-size: 1.2em;line-height: 1;}/* ===== Hover Effects ===== */h1:hover, h2:hover, h3:hover {color: #009688;transform: translateY(-2px);}/* ===== Responsive ===== */@media (max-width: 768px) {h1 { font-size: 1.8em; }h2 { font-size: 1.4em; }h3 { font-size: 1.15em; }}.reward-container {text-align: center;margin: 40px auto;}#rewardButton {background: linear-gradient(135deg, #ff6600, #ffcc00);border: none;color: #fff;padding: 18px 32px;font-size: 20px;font-weight: bold;border-radius: 50px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;animation: pulse 2s infinite;box-shadow: 0 0 20px rgba(255, 165, 0, 0.6);}#rewardButton:hover {transform: scale(1.05);box-shadow: 0 0 25px rgba(255, 165, 0, 0.9);}#rewardButton:disabled {background: #ccc;cursor: not-allowed;animation: none;}#rewardStatus {margin-top: 20px;font-size: 20px;color: #e74c3c;font-weight: bold;}@keyframes pulse {0% { transform: scale(1); }50% { transform: scale(1.05); }100% { transform: scale(1); }}.archive .page-title {display: none !important;}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}