/* 直播详情页（从 view_product 内联迁移） */
.match-detail-teams{display:flex;justify-content:space-around;align-items:center;gap:20px;}
.team-detail{flex:1;text-align:center;}
.vs-center{flex:0 0 auto;min-width:120px;}
.info-card{background:#fff;border-radius:12px;padding:20px;}
.info-row{display:flex;align-items:flex-start;gap:15px;padding:15px 0;}
.info-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:10px;}
.info-content{flex:1;min-width:0;}
.info-label{font-size:13px;color:#999;margin-bottom:6px;}
.info-value{font-size:16px;color:#333;font-weight:500;line-height:1.5;}
.info-link{color:#667eea;text-decoration:none;}
.info-link:hover{color:#764ba2;text-decoration:underline;}
.time-value{color:#333;font-weight:600;}
.teams-value{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.team-link{color:#333;text-decoration:none;font-weight:600;padding:6px 12px;background:#f8f9fa;border-radius:6px;transition:all .3s;}
.team-link:hover{background:#667eea;color:#fff;}
.vs-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:4px;font-size:12px;font-weight:600;}
.info-divider{height:1px;background:#f0f0f0;margin:0;}
.live-signal-section .signal-list{display:flex;flex-wrap:wrap;gap:12px;}
.signal-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-color),#764ba2);color:#fff;border-radius:8px;font-weight:500;transition:var(--transition);}
.signal-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.related-matches-section .match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}
.match-card-small{background:#fff;border-radius:var(--radius-md);padding:15px;border:1px solid var(--border-color);transition:var(--transition);}
.match-card-small:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--primary-color);}
.match-card-small-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.match-league-small{font-size:.75rem;color:var(--primary-color);font-weight:600;}
.match-time-small{font-size:.85rem;color:var(--gray-color);font-weight:600;}
.match-teams-small{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.team-name-small{font-size:.9rem;font-weight:600;color:var(--dark-color);text-align:center;flex:1;}
.vs-small{font-size:.8rem;color:var(--secondary-color);font-weight:700;}
.tags-cloud .tags-list{display:flex;flex-wrap:wrap;gap:10px;}
.tag-item{display:inline-block;padding:6px 16px;background:#f0f0f0;color:#333;border-radius:20px;font-size:.85rem;transition:var(--transition);}
.tag-item:hover{background:var(--primary-color);color:#fff;}

/* 新闻详情页 */
.article-cover{max-width:800px;max-height:350px;overflow:hidden;border-radius:12px;margin:20px auto;}
.article-cover img{width:100%;height:auto;max-height:350px;object-fit:cover;display:block;}
.article-content p{margin-bottom:15px;line-height:1.8;}
.article-content img{max-width:100%;height:auto;}
.article-navigation{display:flex;justify-content:space-between;gap:15px;margin:25px 0;flex-wrap:wrap;}
.article-navigation a,.article-navigation .nav-disabled{flex:1;min-width:200px;padding:15px 20px;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition);}
.article-navigation a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.article-navigation .nav-label{display:block;font-size:.8rem;color:var(--gray-color);margin-bottom:5px;}
.article-navigation .nav-title{font-size:.9rem;color:var(--dark-color);font-weight:500;}
.nav-disabled{opacity:.5;}
/* 长文本换行 */
.news-title{word-break:break-all;overflow-wrap:break-word;}
.article-title{word-break:break-all;overflow-wrap:break-word;}
.article-content{word-break:break-all;overflow-wrap:break-word;}
.article-content p{word-break:break-all;overflow-wrap:break-word;}
@media (max-width:768px){
    .match-detail-teams{flex-direction:column;gap:20px;}
    .team-logo-large{width:60px;height:60px;}
    .team-name-large{font-size:16px;}
    .vs-center{min-width:80px;}
    .score{font-size:24px;}
    .info-card{padding:15px;}
    .info-row{gap:12px;padding:12px 0;}
    .info-icon{width:36px;height:36px;font-size:20px;}
    .info-value{font-size:15px;}
    .teams-value{gap:8px;}
    .team-link{padding:5px 10px;font-size:14px;}
}

/* 桌面端子菜单 */
.header-nav .nav-parent{position:relative;}
.header-nav .nav-parent .sub-arrow{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.6);margin-left:4px;vertical-align:middle;cursor:pointer;}
.header-nav .nav-parent .sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:140px;background:var(--dark-color);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:99;padding:6px 0;margin:0;list-style:none;}
.header-nav .nav-parent .sub-menu li{display:block;}
.header-nav .nav-parent .sub-menu li a{display:block;line-height:36px;color:rgba(255,255,255,.8);font-size:14px;text-align:center;white-space:nowrap;padding:0 16px;}
.header-nav .nav-parent .sub-menu li a:hover{background:rgba(255,255,255,.1);color:#fff;}
.header-nav .nav-parent:hover .sub-menu{display:block;}
.header-nav .nav-parent:hover .sub-arrow{border-top-color:#fff;}

/* blackbg 遮罩 */
.blackbg{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:998;}
.blackbg.show{display:block;}

/* 回顶/回底按钮 */
#totop,#tobottom{display:none;position:fixed;right:18px;width:42px;height:42px;align-items:center;justify-content:center;background:#1a1a2e;border-radius:50%;cursor:pointer;z-index:997;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.25);}
#totop{bottom:90px;}
#tobottom{bottom:30px;}

/* 面包屑间距 */
.breadcrumb{padding:15px 0;}
.breadcrumb+.container,
.breadcrumb+section{margin-top:0;}

/* 左右分栏 */
.ycnh-2col{padding-left:0;padding-right:0;}
.ycnh-2col>.container_left{width:100%;}
.ycnh-2col>.container_right{width:100%;margin-top:20px;}
.ycnh-2col>.container_left>*:first-child,.ycnh-2col>.container_right>*:first-child{margin-top:0;}

/* 侧栏通用 */
.side-block{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:var(--shadow-sm);}
.side-block .side-title{font-size:1rem;font-weight:600;color:var(--dark-color);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--primary-color);}
.side-live-item{display:block;padding:14px 0;border-bottom:1px solid #f0f0f0;}
.side-live-item:last-child{border-bottom:0;}
.side-live-item .sli_tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.side-live-item .sli_tit span{font-size:15px;font-weight:600;color:#333;}
.side-live-item .sli_tit em{font-style:normal;font-size:14px;color:#666;font-weight:500;}
.side-live-item .sli_teams{display:flex;align-items:center;gap:12px;}
.side-live-item .sli_team{flex:1;display:flex;align-items:center;min-width:0;}
.side-live-item .sli_team img{width:36px;height:36px;border-radius:50%;flex:0 0 auto;object-fit:contain;}
.side-live-item .sli_team span{font-size:15px;color:#333;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.side-live-item .sli_away{flex-direction:row-reverse;}
.side-live-item .sli_away span{margin-right:8px;margin-left:0;text-align:right;}
.side-live-item .sli_score{flex:0 0 80px;text-align:center;font-size:14px;line-height:32px;border-radius:16px;background:#f0f0f0;color:#333;font-weight:600;white-space:nowrap;}
.side-live-item .sli_st_live{background:#ff5252;color:#fff;}
.side-live-item .sli_st_wait{background:#28a745;color:#fff;}
/* 分页样式 */
.fenye{text-align:center;padding:20px 0;}
.fenye li{display:inline-block;margin:0 4px;list-style:none;}
.fenye li a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;text-decoration:none;cursor:pointer;}
.fenye li a:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;}
.fenye li.active a{background:#4f46e5;color:#fff;border-color:#4f46e5;}
.hot-news-list ul{padding:0;margin:0;list-style:none;}
.hot-news-list ul li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f5f5f5;}
.hot-news-list ul li:last-child{border-bottom:0;}
.hot-news-list ul li span{flex:0 0 24px;height:24px;line-height:24px;text-align:center;background:#f0f0f0;border-radius:4px;font-size:13px;color:#999;font-weight:600;}
.hot-news-list ul li:nth-child(1) span,.hot-news-list ul li:nth-child(2) span,.hot-news-list ul li:nth-child(3) span{background:#ff5252;color:#fff;}
.hot-news-list ul li a{font-size:13px;color:#333;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hot-news-list ul li a:hover{color:var(--primary-color);}

/* 首页 hero（从内联迁移） */
.page-hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:40px 30px;text-align:center;margin:30px 0;box-shadow:0 4px 15px rgba(102,126,234,.3);}
.page-main-title{font-size:32px;color:#fff;margin:0 0 15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);}
.page-subtitle{font-size:16px;color:rgba(255,255,255,.9);margin:0;line-height:1.6;}

/* 直播状态按钮 */
.status-live{background:#ff5252;}
.status-upcoming{background:#6c757d;}
.btn-upcoming{display:inline-block;padding:4px 12px;background:#6c757d;color:#fff;border-radius:4px;font-size:12px;}
.btn-live{display:inline-block;padding:4px 12px;background:#ff5252;color:#fff;border-radius:4px;font-size:12px;}
/* 模板使用 start/wait 状态名：直播中=红，即将开始=绿 */
.btn-start{display:inline-block;padding:8px 20px;background:#ff5252;color:#fff;border-radius:50px;font-size:14px;font-weight:600;}
.btn-wait{display:inline-block;padding:8px 20px;background:#28a745;color:#fff;border-radius:50px;font-size:14px;font-weight:600;}
.status-start{display:inline-flex;align-items:center;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;}
.status-wait{display:inline-block;background:#28a745;color:#fff;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;}
.status-end{display:inline-block;background:#6c757d;color:#fff;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;}

/* 二级菜单 */
.sub-nav-bar{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:var(--shadow-sm);}
.sub-nav-bar .sub-nav-list{display:flex;flex-wrap:wrap;gap:8px;}
.sub-nav-bar .sub-nav-list a{padding:6px 14px;background:#f0f0f0;color:#333;border-radius:6px;font-size:14px;white-space:nowrap;}
.sub-nav-bar .sub-nav-list a.on{background:var(--primary-color);color:#fff;}

/* 空态 */
.match-empty{padding:20px;text-align:center;color:#999;font-size:14px;background:#fff;border-radius:12px;}

/* 详情页正文 */
.article-body{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;}
.article-body img{max-width:100%;height:auto;}
.article-body p{margin-bottom:15px;line-height:1.8;}

@media (max-width: 768px) {
    .page-hero-section{padding:30px 20px;margin:20px 0;}
    .page-main-title{font-size:24px;}
    .page-subtitle{font-size:14px;}
    /* 移动端子菜单手风琴 */
    .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark-color);flex-direction:column;align-items:stretch;gap:0;padding:10px 0;z-index:999;}
    .header-nav.active{display:flex;}
    .header-nav > a{display:block;width:100%;text-align:left;padding:12px 18px;border-radius:0;}
    .header-nav .nav-parent{width:100%;position:relative;}
    .header-nav .nav-parent>a{display:block;width:100%;text-align:left;padding:12px 50px 12px 18px;position:relative;border-radius:0;}
    .header-nav .nav-parent .sub-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;display:flex;align-items:center;justify-content:center;margin:0;}
    .header-nav .nav-parent .sub-arrow:before{content:'+';font-size:22px;font-weight:700;color:#fff;line-height:1;border:none;}
    .header-nav .nav-parent.open>.sub-arrow:before,
    .header-nav .nav-parent.open>a>.sub-arrow:before{content:'-';}
    .header-nav .nav-parent .sub-menu{display:none;position:static;transform:none;min-width:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.08);padding:0;}
    .header-nav .nav-parent .sub-menu li a{text-align:left;padding:0 0 0 28px;line-height:40px;color:rgba(255,255,255,.7);}
    .header-nav .nav-parent.open .sub-menu{display:block;}
    .header-nav .nav-parent:hover .sub-menu{display:none;}
    .header-nav .nav-parent.open:hover .sub-menu{display:block;}
    /* 分栏 */
    .ycnh-2col>.container_left{float:none;width:100%;}
    .ycnh-2col>.container_right{float:none;width:100%;margin-top:16px;}
    .sub-nav-bar .sub-nav-list a{font-size:13px;padding:5px 10px;}
}

/* ===== timeline split links v=20261013a ===== */
.timeline-item{text-decoration:none;color:inherit}
.timeline-league{text-decoration:none;color:var(--gray-color);cursor:pointer}
.timeline-league:hover{color:var(--primary-color);text-decoration:underline}
.timeline-teams{text-decoration:none;color:inherit}
.timeline-teams:hover{color:var(--primary-color)}
.timeline-teams span{text-decoration:none}
/* ===== side-live split links v=20261013a ===== */
.side-live-item .sli_tit-link{text-decoration:none;color:inherit;display:block}
.side-live-item .sli_tit-link:hover{color:var(--primary-color,#1c9cfc)}
.side-live-item a.sli_score{text-decoration:none;color:#333;cursor:pointer}
.side-live-item a.sli_score.sli_st_wait{color:#fff}
.side-live-item a.sli_score.sli_st_live{color:#fff}
/* ===== side-live team as link v=20261013c ===== */
.side-live-item a.sli_team{text-decoration:none;color:inherit}
.side-live-item a.sli_team:hover{color:var(--primary-color,#1c9cfc)}