@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: "Oswald", sans-serif;color:#afb4ba;font-size:15px;line-height:1;background-color:#141516;}
.ft_raleway{font-family: "Raleway", sans-serif;}

p{margin-top:0;margin-bottom:10px;}
ol,ul,dl{padding:0;margin:0;list-style:none;}
a,ins{color:#f2f3f3;text-decoration:none;background-color:transparent;}
a:hover{color:#2fb925;text-decoration:none;transition:all 0.6s ease;}
*:focus,textarea:focus,button:focus,input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}

@media (min-width:1200px){
    .container{max-width: 1360px;}
}

.color_lv{color:#2fb925!important;}
.color_lv_hover:hover{color:#41a85f!important;}

.bg_hui{background-color: #212428!important;}
.bg_jianhong{background: linear-gradient(102deg, #b3421e -7.82%, #8f1512 110.99%);}


.border_jin{color:#ffea5f;}
.border_jin:hover{color:#ffea5f !important;background:linear-gradient(180deg,#420808 0%,#960b12 52.54%,#f8111d 100%);}
.border_jin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;padding:3px;background:linear-gradient(180deg,#fee465 0%,#f7e938 49.5%,#7d3011 56%,#a65b19 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;}
.border_jin:after{content:"";position:absolute;top:0.5px;left:0.5px;right:0.5px;bottom:0.5px;border-radius:4.5px;background:transparent;border:2px dotted #FDFBEB;}

.border_lv_before:before{content:"";background:#4fa747;width:4px;height:100%;display:block;position:absolute;left:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.border_hui_color{border-color:#333639!important;}

.bg_jianhui{background: linear-gradient(0deg, #111213 0%, #262932 100%);}
.bg_qianhui{background-color: #29292ccc!important;}
.bg_time{background-color: #19222e;color: #8bd5fe;}
.bg_lv{background-color: #1d8d15;}
.bg_lianglv{background-color: #1ac031;}
.bg_lianghui{background-color: #34373b!important;}

.bg_bifen{background-color: #0b0051;}
.bg_bifen_liang{background: linear-gradient(0deg, rgb(37, 50, 213) 0%, rgb(7, 14, 89) 76.25%);border: 1px solid #1f78db;}

.bg_bifen_xian{position:relative;width:100%;height:1px;background:#303032;}
.bg_bifen_xian::before{content:"";position:absolute;background:linear-gradient(to right,#303032 0%,#797878 50%,#303032 100%);width:100px;height:1px;left:50%;top:0;margin-left:-50px;}
.bg_huizi{background-color: #2c314e;}
.bg_liangbifen{background-color: #0d57e9;}


.btn_lan .active,.btn_lan button:hover{color: #00fffd!important;text-shadow: 0px 0.92px 3.678px rgba(0, 0, 0, 0.24);background: linear-gradient(360deg, rgba(37, 44, 135, 1), rgba(34, 42, 73, 0.2)) !important;}
.btn_lan .active:before,.btn_lan button:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:7px;padding:1px;background:linear-gradient(360deg,rgba(0,200,244,1),rgba(66,83,243,1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;}
.btn_lan_line button:after{content:"";display:block;width:1px;height:24px;background:linear-gradient(360deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 55%,rgba(255,255,255,0) 100%);position:absolute;right:-10%;top:50%;transform:translate(50%,-50%);}
.btn_lan_line button:last-child:after{display:none;}

.bg_bisai_bg{background-image: url(assets/img/bg-match.png);}
.bg_footer{background-image: url(assets/img/bg-footer.png);}



.header-menu{}
.header-menu .header-menu-ul{font-size:0px;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;margin-right:15px;}
.header-menu .header-menu-ul li:hover:after{content:"";width:100%;height:2px;display:block;position:absolute;background:#2fb925;}
.header-menu .header-menu-ul li a{padding: 22px 0px;display:block;font-size:18px;color:#ffffffcf;position:relative;font-weight:500;text-transform: uppercase;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:41px;background:#fff;width:200px;box-shadow:0 1px 2px rgba(0,0,0,.21);z-index:99;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:after{content:'\F282';font-family:'bootstrap-icons';margin-left:5px;font-size:12px;transform:scale(0.7);display:block;position:absolute;right:0px;top:12px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item a,.header-menu .header-menu-ul li.current-menu-parent a,.header-menu .header-menu-ul li.current-menu-ancestor a{color:#2fb925;}
.header-menu .header-menu-ul li.current-menu-item:after,.header-menu .header-menu-ul li.current-menu-parent:after,.header-menu .header-menu-ul li.current-menu-ancestor:after{content:"";width:100%;height:2px;display:block;position:absolute;background:#2fb925;}










.wznrys{}

.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}


.wznrys p{line-height: 1.6;padding-bottom: 20px;margin-bottom:0;margin-top:0;}
.wznrys img{max-width:100%;height:auto}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;color: #fff;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys strong{font-weight:bold;}


.wznrys blockquote{position:relative;border:1px double rgba(0,0,0,.1);padding: 40px 25px 25px 25px;margin: 40px 0px 30px 0px;}
.wznrys blockquote:before{content:"\F6B0";font-family:'bootstrap-icons';background:#c62641;position:absolute;top:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;color:#fff;left:calc(50% - 20px);}
.wznrys blockquote p{font-weight:bold;font-style:inherit;padding: 0;}
.wznrys blockquote cite{padding-bottom:0px;display:flex;font-size:16px;font-style:inherit;color:#777;}


.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}


.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}


.wznrys figure{margin-bottom:25px;}
.wznrys figure.wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px;--wp--style--unstable-gallery-gap:20px;}


.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}


.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}


.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}


.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}


.has-text-align-left{text-align:left;}
.has-text-align-center{text-align:center;}
.has-text-align-right{text-align:right;}


.has-small-font-size{font-size:12px;}
.has-medium-font-size{font-size:16px;}
.has-large-font-size{font-size:20px;}
.has-x-large-font-size{font-size:24px;}


.has-black-color{color:#000000}
.has-black-background-color{background-color:#000000}
.has-cyan-bluish-gray-color{color:#ABB8C3}
.has-cyan-bluish-gray-background-color{background-color:#ABB8C3}
.has-white-color{color:#FFFFFF}
.has-white-background-color{background-color:#FFFFFF}
.has-pale-pink-color{color:#F78DA7}
.has-pale-pink-background-color{background-color:#F78DA7}
.has-vivid-red-color{color:#CF2E2E}
.has-vivid-red-background-color{background-color:#CF2E2E}
.has-luminous-vivid-orange-color{color:#FF6900}
.has-luminous-vivid-orange-background-color{background-color:#FF6900}
.has-luminous-vivid-amber-color{color:#FCB900}
.has-luminous-vivid-amber-background-color{background-color:#FCB900}
.has-light-green-cyan-color{color:#7BDCB5}
.has-light-green-cyan-background-color{background-color:#7BDCB5}
.has-vivid-green-cyan-color{color:#00D084}
.has-vivid-green-cyan-background-color{background-color:#00D084}
.has-pale-cyan-blue-color{color:#8ED1FC}
.has-pale-cyan-blue-background-color{background-color:#8ED1FC}
.has-vivid-cyan-blue-color{color:#0693E3}
.has-vivid-cyan-blue-background-color{background-color:#0693E3}
.has-vivid-purple-color{color:#9B51E0}
.has-vivid-purple-background-color{background-color:#9B51E0}


.wznrys iframe{width: 100%;height:600px;}


.breadcrumb_loop{list-style:none;padding:0px;background:none;margin:0;display:flex;}
.breadcrumb_loop li{display:flex;margin: 5px 0px;}
.breadcrumb_loop li a{display:flex;}
.breadcrumb_loop li a:after{content:'\F56A';font-family:'bootstrap-icons';margin:0px 5px;color:#ccc;}
.breadcrumb_loop li:last-child a:last-child:after{display:none}
@media (max-width:768px){
    .breadcrumb_loop{white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
}


.posts-nav {
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center; 
}


.posts-nav ul.page-numbers {
    display: inline-flex; 
    padding-left: 0;
    list-style: none;
    border-radius: 0.375rem; 
    gap: 5px; 
}


.posts-nav ul.page-numbers li {
    display: inline-block; 
}


.posts-nav ul.page-numbers li a.page-numbers,
.posts-nav ul.page-numbers li span.page-numbers {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px; 
    height: 36px;    
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #afb4ba; 
    text-decoration: none;
    background-color: #29292c; 
    border: 1px solid #333639; 
    border-radius: 6px; 
    transition: all 0.3s ease; 
}


.posts-nav ul.page-numbers li a.page-numbers:hover,
.posts-nav ul.page-numbers li span.page-numbers.current {
    z-index: 2;
    color: #fff; 
    background-color: #1d8d15; 
    border-color: #1d8d15;
}


.posts-nav ul.page-numbers li a.next,
.posts-nav ul.page-numbers li a.prev {
    font-size: 16px;
}






#toc{position:sticky;top:75px;}
#toc ul{}
#toc ul li{}
#toc ul li a{padding:20px;display:block;background:#191a1a;}
#toc ul li a.active{background:#252528;}




.comments-area{}
.comments-area .comments-title{display: none;}
.comment-list{margin-bottom: 30px;}
.comment-list li{}
.comment-list li .comment-body{border: 1px solid #252528;margin-bottom: 10px;padding: 20px;position:relative;border-radius: 6px;background: #252528;}
.comment-list li .comment-body .comment-author{position:relative;margin-bottom: 5px;}
.comment-list li .comment-body .comment-author img{width:50px;height:50px;border-radius:50%;}
.comment-list li .comment-body .comment-author cite{font-size: 14px;font-style: inherit;}
.comment-list li .comment-body .comment-author span{display:none;}
.comment-list li .comment-body .comment-meta{
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 300;
}
.comment-list li .comment-body .comment-meta a{color:#ccc;}
.comment-list li .comment-body .comment-meta a.comment-edit-link{}
.comment-list li .comment-body p{font-size: 14px;margin-bottom: 0;line-height: 1.4;}
.comment-list li .comment-body .reply{position:absolute;right:20px;top:20px;}
.comment-list li .comment-body .reply a{color: #383a3c;}
.comment-list li ol{
    margin-top: -8px;
    position: relative;
}
.comment-list li ol li{}
.comment-list li ol li .comment-body{
    background: #18181b;
    border: 1px solid #202024;
}
.comments-area .navigation{margin:35px 0px;}
.comments-area .navigation .nav-links{display:flex;justify-content:center;gap:15px;}
.comments-area .navigation .nav-links a{font-size:16px;background:#f34c4b;padding:8px 15px;color:#fff;display:block;}
.comments-area .comment-respond{}
.comments-area .comment-respond .comment-reply-title{
    display: none;
}
.comments-area .comment-respond .comment-reply-title small{}
.comments-area .comment-respond .comment-reply-title small a{font-size:16px;margin-left:20px;color:#f34c4b;}
.comments-area .comment-respond .comment-form{}
.comments-area .comment-respond .comment-form .comment-notes{font-size: 14px;color:#949494;}
.comments-area .comment-respond .comment-form label{display:block;font-size: 12px;margin-bottom: 5px;color:#747474;}
.comments-area .comment-respond .comment-form input{width:100%;padding: 12px 20px;border: 1px solid #252528;background: #252528;font-size: 14px;border-radius: 6px;color: #fff;}
.comments-area .comment-respond .comment-form textarea{width:100%;border: 1px solid #252528;padding:20px;height:100px;background: #252528;font-size: 14px;color: #fff;border-radius: 5px;}
.comments-area .comment-respond .comment-form p{margin-bottom: 10px;}
.comments-area .comment-respond .comment-form .logged-in-as{font-size: 14px;color:#949494;}
.comments-area .comment-respond .comment-form .logged-in-as a{color:#3b3b3b;text-decoration:underline;}
.comments-area .comment-respond .comment-form .comment-form-comment{}
.comments-area .comment-respond .comment-form .comment-form-author{width:49%;float:left;margin-right:1%;}
.comments-area .comment-respond .comment-form .comment-form-email{width:49%;float:left;margin-left:1%;}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent{display: none;}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input{width:auto;}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent label{margin: 0px 0px 0px 8px;font-size: 14px;}
.comments-area .comment-respond .comment-form .form-submit{margin-bottom:0px}
.comments-area .comment-respond .comment-form .form-submit .submit{width:auto;background: #4fa747;padding: 12px 40px;font-size: 14px;color:#fff;border: none;border-radius: 20px;}
.comment-list .comment-respond{
    background: #141516;
    border: 1px solid #252528;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
@media (max-width:768px){
    .comments-area .comment-respond .comment-form .comment-form-author{width:100%;margin-right:0;}
    .comments-area .comment-respond .comment-form .comment-form-email{width:100%;margin-left:0;}
}


#mobile_right_nav{width:300px;border:none;overflow-y: auto;background: #121214;}
#mobile_right_nav .menu-zk{}
#mobile_right_nav .menu-zk li{line-height:60px;position:relative;}
#mobile_right_nav .menu-zk li a{font-size:14px;display:block;border-bottom: 1px solid #1e1e21;padding:0px 30px;}
#mobile_right_nav .menu-zk li:last-child a{border-bottom:none;}
#mobile_right_nav .menu-zk .sub-menu{display:none;background:#ffffff;}
#mobile_right_nav .menu-zk .sub-menu li{line-height:50px;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size:12px;color:#333;border-bottom:1px solid #ededed;}
#mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;right:20px;top:15px;color:#ffffff;width:30px;height:30px;line-height:30px;text-align:center;display:block;cursor:pointer;background:#aacd2e;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}




.cxs1200{display:none;}
.cxs992{display:none;}
.cxs768{display:none;}
@media (max-width:1200px){
.cxs1200{display:block!important;}
.bxs1200{display:none!important;}
}
@media (max-width:992px){
.cxs992{display:block!important;}
.bxs992{display:none!important;}
}
@media (max-width:768px){
.cxs768{display:block!important;}
.bxs768{display:none!important;}
}



.group-hover:hover img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}
.transition-05 { transition: all 0.5s ease; }


.text-hover-green:hover { color: #28a745 !important; }


.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.table-dark { background-color: transparent; }
.table-dark td, .table-dark th {
    border-color: #333;
    vertical-align: middle;
}





#xoila-schedule-container table, 
#xoila-schedule-container th, 
#xoila-schedule-container td {
    background-color: #1a1a1a !important; 
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
    font-family: 'Roboto', sans-serif !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

#xoila-schedule-container .schedule-table-wrap {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #222;
    background-color: #1a1a1a !important;
    margin-bottom: 20px;
}



#xoila-schedule-container th {
    background-color: #151515 !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 14px 10px !important;
    border-bottom: 2px solid #2a2a2a !important;
    text-align: center;
}


#xoila-schedule-container td {
    padding: 12px 10px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #2a2a2a !important;
}


#xoila-schedule-container tr { transition: background 0.2s; }
#xoila-schedule-container tr:hover td { background-color: #252525 !important; cursor: pointer; }


.xoila-league-badge {
    background: #00e676; color: #000;
    font-weight: 800; font-size: 12px;
    padding: 6px 10px; border-radius: 4px;
    min-width: 50px; display: inline-block; text-align: center;
}

.xoila-time {
    color: #e0e0e0; font-weight: bold; font-family: monospace; font-size: 13px;
}
.xoila-time.live { color: #e74c3c !important; animation: blink 1.5s infinite; }

.xoila-team-flex {
    display: flex; align-items: center; justify-content: center;
}
.xoila-team-name {
    font-weight: 600; color: #fff; font-size: 14px; width: 35%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.xoila-team-name.home { text-align: right; }
.xoila-team-name.away { text-align: left; }

.xoila-team-logo {
    width: 24px !important; height: 24px !important;
    max-width: 24px !important; object-fit: contain;
    margin: 0 8px; vertical-align: middle; border: none !important;
}

.xoila-score {
    background: #2c3e50; color: #fff;
    padding: 4px 10px; border-radius: 4px;
    font-weight: bold; font-size: 14px;
    min-width: 60px; display: inline-block; text-align: center;
}
.xoila-score.live { background: #3c1f1f; color: #e74c3c; border: 1px solid #e74c3c; }

.xoila-btn-watch {
    background: #e74c3c; color: #fff !important;
    text-decoration: none !important;
    padding: 6px 14px; border-radius: 15px;
    font-size: 11px; font-weight: bold; display: inline-block;
}
.xoila-btn-watch:hover { background: #c0392b; }

.xoila-odds-txt {
    font-size: 12px; color: #3498db;
    font-family: monospace; font-weight: bold;
}

.xoila-h2h-item {
    background: #252525; border-radius: 3px;
    padding: 2px 5px; margin-right: 4px;
    display: inline-flex; align-items: center;
    font-size: 10px; color: #aaa; border: 1px solid #333;
}
.xoila-h2h-img {
    width: 12px !important; height: 12px !important; margin: 0 3px !important;
}


@media (max-width: 768px) {
    .col-h2h, .col-odds { display: none !important; }
}

@keyframes blink { 50% { opacity: 0.5; } }


.xoila-home-card {
    display: block; text-decoration: none;
    background: #1a1a1a; border-radius: 8px;
    overflow: hidden; border: 1px solid #333;
    margin-bottom: 10px; transition: transform 0.2s;
}
.xoila-home-card:hover { transform: translateY(-2px); border-color: #555; }

.xoila-card-header {
    padding: 12px 15px; border-bottom: 1px solid #333;
    display: flex; justify-content: space-between; align-items: center;
    font-size: 12px; color: #999;
}
.xoila-card-league-img { width: 16px !important; height: 16px !important; margin-right: 8px; }

.xoila-card-body {
    padding: 20px 15px; display: flex; align-items: center; justify-content: space-between;
}
.xoila-card-team-box { text-align: center; width: 30%; }
.xoila-card-logo-lg { height: 40px !important; width: auto; margin-bottom: 8px; }
.xoila-card-team-name { color: #fff; font-weight: bold; font-size: 13px; line-height: 1.3; }

.xoila-card-score-box { text-align: center; width: 40%; }
.xoila-card-score-txt { font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 8px; }
.xoila-card-status { background: #6c757d; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 11px; }
.xoila-card-status.live { background: #dc3545; animation: blink 1.5s infinite; }
.xoila-card-status.ns { background: #0d6efd; }

.xoila-card-footer {
    background: #222; padding: 10px 15px;
    display: flex; justify-content: space-between; align-items: center;
    border-top: 1px solid #333;
}
.xoila-card-odds { display: flex; gap: 8px; font-size: 13px; color: #00e676; font-weight: bold; }





.live-wrapper {
    background-color: #121212;
    color: #f0f0f0;
    padding: 15px;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    border-radius: 8px;
    line-height: 1.5;
}
.live-wrapper * { box-sizing: border-box; }
.live-wrapper img { max-width: 100%; height: auto; }


.match-bar-v5 {
    background: #1e1e1e;
    
    border-top: 3px solid #2ea326;
    padding: 20px 25px;
    margin-bottom: 25px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
}


.mb5-left-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mb5-league { 
    font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;
}
.mb5-names { 
    font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -0.5px; line-height: 1.2;
}
.mb5-time { 
    font-size: 13px; color: #ccc; font-weight: 500; 
}


.mb5-standalone-odds {
    margin-top: 10px; 
    font-family: "Roboto Mono", monospace; 
    font-size: 13px;
    background: rgba(0,0,0,0.3); 
    display: inline-block;       
    padding: 6px 12px;
    border-radius: 4px;
    border-left: 3px solid #ffc107; 
}


.mb5-right-action {
   
}


.btn-live-stand-alone {
    display: flex;
    align-items: center;
    justify-content: center;
    
    background: linear-gradient(90deg, #2ea326 0%, #3dd632 100%);
    color: #fff !important;
    font-weight: 900;
    font-size: 16px; 
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 12px 35px; 
    border-radius: 50px; 
    box-shadow: 0 4px 15px rgba(46, 163, 38, 0.4); 
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
}


.btn-live-stand-alone:hover {
    transform: translateY(-2px); 
    box-shadow: 0 8px 25px rgba(46, 163, 38, 0.6); 
}


.btn-live-stand-alone::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
    transform: rotate(45deg);
    animation: shine 3s infinite cubic-bezier(0.4, 0.0, 0.2, 1);
}
@keyframes shine {
    0% { left: -100%; opacity: 0; }
    50% { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

.btn-live-stand-alone i { margin-right: 10px; font-size: 18px; }


.bg-dark-card { background: #1e1e1e; border: 1px solid #333; border-radius: 8px; overflow: hidden; margin-bottom: 20px; display: block; position: relative; }
.box-header { background: #252525; padding: 10px 15px; color: #2ea326; font-weight: 700; border-bottom: 1px solid #333; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; }


.hc-table { width: 100%; font-size: 13px; border-collapse: separate; border-spacing: 0; }
.hc-table td, .hc-table th { padding: 8px 10px; border-bottom: 1px solid #2a2a2a; vertical-align: middle; }
.hc-table tr:last-child td { border-bottom: none; }
.hc-table th { color: #888; font-weight: 600; text-transform: uppercase; font-size: 11px; text-align: center; }


.match-row { display: flex; align-items: center; padding: 8px 10px; border-bottom: 1px solid #2a2a2a; background: #181818; transition: background 0.2s; }
.match-row:hover { background: #222; }
.match-row:last-child { border-bottom: none; }

.mr-date { width: 80px; color: #888; font-size: 12px; flex-shrink: 0; }
.mr-team { flex: 1; display: flex; align-items: center; font-weight: 500; color: #eee; gap: 8px; overflow: hidden; font-size: 12px; }
.mr-team span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mr-team.text-end { justify-content: flex-end; }
.mr-team.text-start { justify-content: flex-start; }

.mr-score { width: 60px; text-align: center; flex-shrink: 0; margin: 0 5px; }
.score-badge { background-color: #2ea326; color: #fff; font-weight: 800; font-size: 12px; padding: 3px 0; border-radius: 4px; display: block; width: 100%; text-align: center; }

.team-icon { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; }


.std-row { display: flex; align-items: center; padding: 8px 10px; border-bottom: 1px solid #2a2a2a; font-size: 12px; }
.std-rank { width: 25px; text-align: center; }
.rank-badge { background: #333; color: #ccc; width: 20px; height: 20px; line-height: 20px; display: inline-block; border-radius: 50%; font-size: 10px; font-weight: bold; }
.std-team { flex: 1; display: flex; align-items: center; gap: 8px; color: #ddd; font-weight: 500; }
.std-pts { width: 35px; text-align: center; font-weight: 800; color: #2ea326; }


.widget-wrapper { background: #000; border: 1px solid #333; border-radius: 8px; overflow: hidden; min-height: 550px; height: 100%; }
.ai-article { background: #1e1e1e; padding: 25px; border-top: 2px solid #2ea326; border-radius: 0 0 8px 8px; font-size: 15px; line-height: 1.8; color: #d0d0d0; }


@media (max-width: 768px) {
    .match-bar-v5 { 
        flex-direction: column; 
        align-items: center; 
        gap: 20px; 
        text-align: center;
        padding: 20px 15px;
    }
    .mb5-left-content { align-items: center; width: 100%; }
    .mb5-right-action { width: 100%; }
    .btn-live-stand-alone { width: 100%;  }
    
    .mr-date { display: none; }
    .mr-score { width: 50px; margin: 0 3px; }
}


.social-footer {
    display: flex;
    justify-content: center; 
    align-items: center;
    flex-wrap: wrap;         
    gap: 6px;                
    padding: 15px 0;         
  }

  .social-footer a {
    display: block;          
    line-height: 0;          
  }

  .social-footer img {
    width: 30px;             
    height: 30px;
    object-fit: contain;
    transition: transform 0.2s;
  }

  .social-footer a:hover img {
    transform: scale(1.15);  
    opacity: 0.85;
  }
  
  
@media (max-width: 768px) {
    
    .col-lg-8 .bg_qianhui .fs22 {
        font-size: 16px !important; 
        line-height: 1.3 !important; 
    }
    
    .col-lg-8 .bg_qianhui .badge {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }
}

@media (min-width: 769px) {
    #pills-tab {
        width: auto !important;
        display: inline-flex !important;
        justify-content: center;
        gap: 4px !important;         
    }

    #pills-tab .nav-item {
        flex: 0 0 auto !important;
        width: 130px !important;      
    }

    #pills-tab .nav-link {
        border-radius: 4px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 10px 0 !important;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 768px) {
    #pills-tab {
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 2px !important;
    }
    #pills-tab .nav-item { flex: 1 !important; }
    #pills-tab .nav-link {
        padding: 8px 0 !important;
        font-size: 12px !important;
        width: 100% !important;
        white-space: nowrap;
    }
}

th.col-h2h, 
td.col-h2h {
    width: 220px !important;      
    min-width: 220px !important;  
    max-width: 220px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    box-sizing: border-box;
    text-align: center !important;
}

td.col-h2h,
td.col-h2h span, 
td.col-h2h div,
td.col-h2h a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12.5px !important;   
    opacity: 1 !important;
}

td.col-h2h .xoila-h2h-item {
    margin: 0 2px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}