/*
Theme Name: XX88 Management Child
Theme URI: https://xx88.betnivo88.ink/
Description: Giao diện XX88 màu đen đỏ vàng, theme con của Flatsome.
Author: XX88 Management
Template: flatsome
Version: 1.0.0
Text Domain: xx88-child
*/
:root{--xxgold:#f5c967;--xxred:#bf2117;--xxbg:#100a09;--xxpanel:#21140f;--xxline:#75522e;--xxtext:#f6eee4}
body{background:var(--xxbg)!important;color:var(--xxtext)!important;background-image:radial-gradient(ellipse at 45% 95%,#49190e 0,transparent 58%)!important}
#main,#wrapper{background:transparent!important}a{color:var(--xxgold)}a:hover{color:#fff0bc}
.xx88-shell{max-width:1200px;width:calc(100% - 36px);margin:0 auto}.xx88-header{border-bottom:1px solid #53331d;background:#130b08;position:relative;z-index:12}.xx88-head-inner{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:90px}.xx88-logo{color:var(--xxgold)!important;text-decoration:none;font-size:28px;font-weight:900;line-height:1}.xx88-logo img{max-width:160px;max-height:66px;object-fit:contain}.xx88-logo small{display:block;font-size:12px;font-weight:700;margin-top:5px;letter-spacing:1px}.xx88-nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.xx88-nav a{font-size:14px;font-weight:700;text-decoration:none}.xx88-btn{background:linear-gradient(#fd5b32,#ad0805);border:2px solid #ffd977;border-radius:40px;color:#fff!important;font-weight:800;padding:10px 22px;display:inline-block;text-decoration:none;text-align:center}.xx88-pulse{animation:xxblink 2.2s ease-in-out infinite}@keyframes xxblink{0%,100%{box-shadow:0 0 0 0 #f9b44a55}50%{box-shadow:0 0 19px 5px #efbf5d88}}@media(prefers-reduced-motion:reduce){.xx88-pulse{animation:none}}.xx88-toggle{display:none;background:#362012;border:1px solid #806033;color:#fff;border-radius:8px;padding:8px 13px}
.xx88-home{padding:60px 0 65px}.xx88-hero{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:26px;align-items:stretch}.xx88-panel{background:linear-gradient(145deg,#24150f,#100a08);border:1px solid var(--xxline);border-radius:24px;padding:26px;min-width:0}.xx88-card-title{color:var(--xxgold);font-size:23px;font-weight:900;margin:0 0 20px}.xx88-intro h1{font-size:30px;color:var(--xxgold);line-height:1.2}.xx88-intro p{line-height:1.75;color:#e7d8c5}.xx88-guide-step{display:flex;gap:12px;align-items:center;border-bottom:1px solid #563622;padding:14px 0}.xx88-num{border:1px solid var(--xxgold);height:36px;width:36px;border-radius:50%;display:grid;place-items:center;color:var(--xxgold);flex-shrink:0}.xx88-outline-link{display:block;text-align:center;border:1px solid #806033;border-radius:12px;padding:13px 15px;background:#352017;margin-bottom:10px;color:#fff2d3;text-decoration:none;font-weight:800}.xx88-outline-link:hover{background:#55321b;color:#fff}.xx88-intro-actions{display:flex;gap:9px;flex-wrap:wrap}.xx88-story{margin-top:32px}.xx88-story h2,.xx88-section-title{color:var(--xxgold);font-size:27px}.xx88-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.xx88-post{background:var(--xxpanel);border:1px solid #604122;border-radius:15px;padding:21px}.xx88-post h2,.xx88-post h3{font-size:21px;margin:8px 0 15px;color:#fce4a5}.xx88-post a{text-decoration:none}.xx88-post .xx88-meta{color:#bba892;font-size:12px}.xx88-content{padding:44px 0 65px}.xx88-breadcrumbs{color:#bfae96;font-size:13px;margin-bottom:22px}.xx88-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.xx88-article{background:#211610;border:1px solid #6e4927;padding:35px;border-radius:16px;min-width:0;line-height:1.85}.xx88-article h1{font-size:35px;color:var(--xxgold)}.xx88-article h2,.xx88-article h3,.xx88-article h4{color:#f4cd7a}.xx88-article p,.xx88-article li{color:#efe2d2}.xx88-article img{height:auto;max-width:100%}.xx88-article a{text-decoration:underline}.xx88-side{align-self:start}.xx88-pagination{padding:22px 0;display:flex;gap:15px}.xx88-footer{background:#150c09;border-top:2px solid #68441e;padding:55px 0 20px}.xx88-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px}.xx88-footer h2,.xx88-footer h3{color:var(--xxgold);font-size:18px}.xx88-footer p{color:#decebe;line-height:1.7}.xx88-footer a{display:block;padding:5px 0;color:#e9d0a5}.xx88-footer-logo{max-width:140px;max-height:70px;object-fit:contain}.xx88-copyright{border-top:1px solid #52341d;margin-top:35px;padding-top:17px;text-align:center;color:#b99c83;font-size:13px}.xx88-notice{background:#2b1b12;border:1px solid #81603d;border-radius:12px;padding:18px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:960px){.xx88-hero{grid-template-columns:1fr 1fr}.xx88-hero>:last-child{grid-column:1/-1}.xx88-cards{grid-template-columns:repeat(2,1fr)}.xx88-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1d120d;padding:20px;flex-direction:column;align-items:stretch}.xx88-nav.is-open{display:flex}.xx88-toggle{display:block}.xx88-article-layout{grid-template-columns:1fr}.xx88-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.xx88-hero,.xx88-cards,.xx88-footer-grid{grid-template-columns:1fr}.xx88-hero>:last-child{grid-column:auto}.xx88-head-inner{min-height:77px}.xx88-logo{font-size:23px}.xx88-home{padding-top:25px}.xx88-article{padding:21px}.xx88-article h1{font-size:28px}}