@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*/
.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*/
.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);}


/*nav*/
.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;}









/*zw*/
.wznrys{}
/*hr*/
.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;}

/*zw def*/
.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;}

/*blockquote*/
.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;}

/*wp-caption*/
.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;}

/*wz_code*/
.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;}

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

/*wz_table*/
.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;}

/*wp-block-audio*/
.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%;}

/*wp-block-search*/
.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;}

/*float*/
.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;}

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

/*font-size*/
.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;}

/*font-color*/
.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}

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

/*mbx*/
.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;}
}

/*fanye*/
.posts-nav{text-align:center;margin-bottom:30px}
.posts-nav .page-numbers{color: #606060;display:inline-block;padding: 8px 11px;font-size:12px;background-color:#efefef;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-nav .current,.posts-nav .page-numbers:hover{color:#fff;background-color: #4fa747;}



#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*/
.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_anniu*/
#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';}



/*mobile display*/
.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 & Homepage Styles (V28)
   ========================================= */

/* --- 1. 通用重置 (覆盖主题默认样式) --- */
#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;
}

/* --- 2. 赛程页表格样式 --- */
/* 表头 */
#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; } }

/* --- 3. 首页卡片样式 (Grid) --- */
.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; }

/*直播页*/
/* ================= SOCOLIVE V48.5 STYLES (Final Separated Layout) ================= */

/* 1. 全局容器 */
.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; }

/* 2. 顶部赛程条 V5 (分离式布局) */
.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; }

/* 4. 通用卡片 */
.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; }

/* 5. 表格 */
.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; }

/* 6. 比赛行 */
.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; }

/* 7. 积分榜 */
.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; }

/* 8. Widget & AI */
.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; }
}

/*赔率*/