/* ============ Header ============ */
.header{width:100%;height:50px;line-height:48px;background:#1d1e2a;box-shadow:0px 2px 18px -5px rgba(0,0,0,0.14)}
.header_logo{margin-right:50px}
.header_logo img{width:auto;height:50px;padding: 5px;box-sizing: border-box}
.header_menu_item{float:left;width:100px;height:50px;text-align:center;border-radius: 5px;}
.header_menu_item.active{background:#1d1e2a}
.header_menu_item.active a{color:#f52a2a}
.header_menu_item a{display:block;width:100%;height:100%;font-size:18px;font-weight:400;color:#fff;}
.header_simple_navigation{background:#FFFFFF;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);}
.header_simple_navigation_item{height:50px;line-height:50px;float:left;margin-right:20px;}
.header_simple_navigation_item a {font-size: 14px}

/* ============ Column / Card ============ */
.column {position: relative;width: 100%;background: #FFFFFF;border-radius: 12px 2px 2px 2px;margin-top:30px;}
.column_hd {width:150px;position: relative;height: 40px;line-height: 40px;display: inline-block;background: #1d1e2a;border-radius: 12px 0px 12px 0px;vertical-align: top;box-sizing: border-box;padding-left: 20px;}
.column_hd img {display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-bottom: 4px;}
.column_hd h2 {display: inline;font-size: 17px;font-weight: bold;color: #fff;}
.column_bd {padding: 15px 20px;}

/* ============ Match List ============ */
.match_list ul.match_box {padding: 0;}
.date {border-bottom: 1px solid #f5f5f5; margin-bottom: 10px;}
.date p {font-size: 14px; color: #333; padding: 10px 0; font-weight: bold;}
.match-item {display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #f9f9f9; cursor: pointer; transition: background 0.2s;}
.match-item:hover {background: #fafafa;}
.info_left {width: 120px; text-align: left; padding-left: 5px;}
.info_left .time {display: block; font-size: 16px; font-weight: bold; color: #333;}
.info_left .league {font-size: 12px; color: #999;}
.info_left .league a {color: #05addf; font-size: 12px;}
.info_center {flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px;}
.info_center .home, .info_center .away {display: flex; align-items: center; width: 40%;}
.info_center .home {justify-content: flex-end; text-align: right;}
.info_center .away {justify-content: flex-start; text-align: left;}
.info_center .home .left, .info_center .away .right {display: flex; align-items: center; gap: 8px;}
.info_center .home .left img, .info_center .away .right img {width: 32px; height: 32px; border-radius: 50%; object-fit: contain; background: #f5f5f5;}
.info_center .home .text a, .info_center .away .text a {font-size: 14px; color: #333;}
.info_center .score {width: 60px; text-align: center; font-size: 20px; font-weight: bold; color: #e53935;}
.info_right {width: 90px; text-align: center;}
.info_right a {display: inline-block; padding: 5px 15px; border-radius: 20px; font-size: 13px; color: #fff; background: #e53935; transition: all 0.2s;}
.info_right.begin a {background: #e53935; animation: brees 2s infinite;}
.info_right a:hover {background: #c62828; color: #fff;}

/* ============ Featured Matches (赛事推荐) ============ */
.tbox {float: left; width: 25%; padding: 8px; box-sizing: border-box;}
.tbox a {display: block; border: 1px solid #eee; border-radius: 8px; padding: 10px; transition: all 0.2s; background: #fafafa;}
.tbox a:hover {border-color: #e53935; box-shadow: 0 2px 10px rgba(229,57,53,0.1);}
.tbox-txt {display: flex; flex-direction: column; gap: 8px;}
.tbox-txt p {display: flex; align-items: center; gap: 6px;}
.tbox-txt p img {width: 28px; height: 28px; border-radius: 50%; background: #f0f0f0;}
.tbox-txt p span {font-size: 13px; color: #333;}
.tbox-txt p b {font-size: 11px; color: #999; padding: 1px 5px; background: #f0f0f0; border-radius: 3px;}
.tbox-title {margin-top: 8px; text-align: center; padding-top: 6px; border-top: 1px solid #eee;}
.tbox-title b {font-size: 12px; color: #e53935;}
.tbox-title span {font-size: 12px; color: #999; margin-left: 8px;}

/* ============ Match Detail ============ */
.fixed_score_box {background: linear-gradient(135deg, #1d1e2a 0%, #2d2e3a 100%); border-radius: 12px; padding: 30px; text-align: center; margin-bottom: 15px;}
.fixed_score_top {display: flex; align-items: center; justify-content: center; gap: 30px; color: #fff;}
.score_name_left {text-align: center;}
.score_name_left .image_container img {width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,0.1);}
.score_name_left span {display: block; margin-top: 8px; font-size: 16px; color: #fff;}
.score_name {text-align: center;}
.score_name .league_name span {font-size: 14px; color: #aaa;}
.score_name .match_score {font-size: 42px; font-weight: bold; margin: 10px 0;}
.score_name .match_score div {display: inline; color: #fff;}
.match_status {font-size: 14px; color: #e53935; margin-top: 5px;}
.signal_box {background: #fff; border-radius: 8px; padding: 15px; border: 1px solid #eee;}
.signal_box .tag-title {margin-bottom: 10px;}
.signal_box .tag-title img {height: 30px;}
.signal_list {min-height: 500px; background: #000; border-radius: 8px; position: relative;}
.signal_list iframe {width: 100%; height: 500px; border: 0; border-radius: 8px;}
.bisai_desc_info {font-size: 14px; color: #666; line-height: 2;}
.bisai_desc_info p span:first-child {font-weight: bold; color: #333; margin-right: 8px;}
.bisai_desc_info .title {color: #333;}
.bisai_desc_info .title a {color: #05addf;}

/* ============ Right Sidebar ============ */
.video_list {padding: 0;}
.video_list li {padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.video_list li a {font-size: 13px; color: #333; line-height: 1.4; display: block; transition: color 0.2s;}
.video_list li a:hover {color: #e53935;}

/* ============ News / Video list pages ============ */
.video_pagination_list {padding: 0;}
.video_pagination_list_item {padding: 12px 0; border-bottom: 1px solid #f5f5f5;}
.video_pagination_list_item_left a {display: flex; align-items: center; gap: 12px; font-size: 14px; color: #333;}
.video_pagination_list_item_left a:hover {color: #e53935;}
.video_pagination_list_item_date {display: inline-block; background: #f0f0f0; padding: 3px 10px; border-radius: 4px; font-size: 12px; color: #666; white-space: nowrap; min-width: 85px; text-align: center;}
.video_pagination_list_item_title {flex: 1;}
.lxjj_box .column_bd {padding: 15px 25px;}

/* ============ Footer ============ */
.footer-wrapper {background: #1d1e2a; color: #999; padding: 20px 0; margin-top: 40px; text-align: center; font-size: 12px;}
.footer-wrapper a {color: #aaa;}
.footer-wrapper a:hover {color: #fff;}

/* ============ Ads ============ */
.ad-slot {text-align: center; margin: 15px 0; overflow: hidden;}
.ad-slot-header {background: #fff; border-radius: 8px; padding: 5px;}
.ad-slot-sidebar {margin-bottom: 15px;}
.ad-slot-match-top {margin-bottom: 10px;}
.ad-slot-match-bottom {margin-top: 10px;}
.ad-slot-footer {background: #fff; border-radius: 8px; padding: 10px;}

/* ============ News Detail ============ */
.news_detail {padding: 20px 25px;}
.news_detail h1 {font-size: 22px; color: #333; line-height: 1.4; margin-bottom: 15px; text-align: center;}
.news_detail .news_meta {text-align: center; color: #999; font-size: 13px; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.news_detail .news_content {font-size: 15px; color: #333; line-height: 1.8;}
.news_detail .news_content p {margin-bottom: 15px;}

/* ============ Responsive ============ */
@media (max-width: 600px) {
    .header {height: auto;line-height: unset}
    .header_logo {margin: 0}
    .header_logo img {width: auto;height: 50px;padding: 5px;box-sizing: border-box;}
    .header_menu_item {height: 35px;line-height: 35px;border-radius:0; width: auto; flex: 1;}
    .header_menu_item.active {background:#e53935}
    .header_menu_item a {font-size: 14px;color: #FFFFFF}
    .header_menu {display: flex;background: #1d1e2a;}
    .header_simple_navigation { overflow-y: hidden;overflow-x: auto;padding: 0 15px;box-sizing: border-box }
    .header_simple_navigation ul { width: 900px }
    .header_simple_navigation_item{height:40px;line-height:40px;float:left;margin-right:20px;}
    .container_left {width: 100% !important; float: none !important;}
    .shipin {width: 100% !important;}
    .container_right {width: 100% !important; float: none !important;}
    .tbox {width: 50%;}
    .score_name_left .image_container img {width: 40px; height: 40px;}
    .score_name .match_score {font-size: 28px;}
    .info_center .home .text a, .info_center .away .text a {font-size: 12px;}
    .info_center .home .left img, .info_center .away .right img {width: 24px; height: 24px;}
    .fixed_score_top {gap: 10px;}
}