/* 全局样式 深色主题 复刻原图深色背景 */
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#222838;color:#fff;font-size:15px;}

/* ===== 头部全局样式 ===== */
.zg-hd {
  background: #1a1a24; /* 截图深色导航黑底色 */
  width: 100%;
  padding: 0 15px;
}
.zg-hd-bx {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}
/* Logo区域 */
.zg-hd-sd {
  display: flex;
  align-items: center;
}
.zg-hd-lg img {
  height: 42px;
  object-fit: contain;
}
/* PC端导航容器 */
.zg-hd-nv {
  display: flex;
  gap: 6px;
}
.zg-hd-nv-it {
  position: relative;
  padding: 0 8px;
}
.zg-hd-nv-it > a {
  color: #fff;
  font-size: 16px;
  padding: 26px 6px;
  display: block;
  text-decoration: none;
}
.zg-hd-nv-it:hover > a {
  color: #ffd100; /* 高亮黄色 */
}
/* 下拉子菜单 */
.zg-hd-nv-ch {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #272738;
  min-width: 110px;
  padding:8px 0;
  z-index:999;
}
.zg-hd-mn-it {
  display:block;
  color:#eee;
  padding:9px 16px;
  text-decoration:none;
  font-size:14px;
}
.zg-hd-mn-it:hover {
  background:#35354b;
  color:#ffd100;
}
.zg-hd-nv-it:hover .zg-hd-nv-ch {
  display:block;
}
/* 移动端汉堡按钮  默认PC隐藏 */
.hamburger-btn {
  display: none;
  width:36px;
  height:36px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  cursor:pointer;
}
.hamburger-btn span {
  width:100%;
  height:3px;
  background:#fff;
  border-radius:2px;
}
/* 移动端侧边菜单弹窗 */
.mobile-nav-wrap {
  position:fixed;
  top:0;
  right:-100%;
  width:80%;
  max-width:320px;
  height:100vh;
  background:#1a1a24;
  z-index:9999;
  padding:20px;
  transition: right 0.3s ease;
  overflow-y:auto;
}
.mobile-nav-wrap.open {
  right:0;
}
.mobile-nav-close {
  position:absolute;
  top:16px;
  right:16px;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.mobile-nav-item {
  border-bottom:1px solid #333;
}
.mobile-nav-item > a {
  display:block;
  color:#fff;
  padding:14px 0;
  font-size:16px;
  text-decoration:none;
}
.mobile-submenu {
  padding-left:16px;
  display:none;
}
.mobile-submenu a {
  display:block;
  color:#ccc;
  padding:10px 0;
  font-size:14px;
  text-decoration:none;
}
.mobile-submenu.open {
  display:block;
}
/* 遮罩层 */
.mask-layer {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  z-index:9998;
  display:none;
}
.mask-layer.show {
  display:block;
}

/* ===== 媒体查询：移动端样式(小于768px启用汉堡) ===== */
@media screen and (max-width:768px) {
  .zg-hd-nv {
    display:none;
  }
  .hamburger-btn {
    display:flex;
  }
  .zg-hd-bx {
    height:62px;
  }
}



/* 导航栏样式 */
.top-nav{background:#171c2b;padding:12px 0;}
.logo{color:#ffd100;font-weight:bold;font-size:20px;display:flex;align-items:center;gap:6px;}
.logo i{background:#ffd100;color:#111;border-radius:50%;padding:3px 6px;}
.nav-menu a{color:#fff;text-decoration:none;padding:8px 12px;transition:0.2s;}
.nav-menu a:hover{color:#ffd100;}
/* 首页内容容器 */
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.container a{
					    color: #ffffff !important; 
					    text-decoration: none !important;
}
/* 头部标题区 */
.top-title{padding:20px 0;}
.top-title h1{font-size:24px;color:#fff;}
.top-title p{color:#b9c0d3;margin-top:8px;line-height:1.7;}
/* 大图推荐区块 */
.banner-box{margin-bottom:30px;}
.big-banner{height:320px;overflow:hidden;border-radius:4px;position:relative;}
.big-banner img{width:100%;height:100%;object-fit:cover;}
.big-banner .desc{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:12px;font-size:20px;font-weight:bold;}
.small-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:320px;}
.small-item{height:155px;overflow:hidden;border-radius:4px;position:relative;}
.small-item img{width:100%;height:100%;object-fit:cover;}
.small-item .desc{position:absolute;bottom:0;left:0;right:0;background:#0007;padding:5px;font-size:13px;}
/* 赛事表格模块 */
.match-title{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;}
.match-title span{font-size:18px;color:#ffd100;display:flex;align-items:center;gap:5px;}
.tab-btn a{padding:4px 10px;color:#fff;text-decoration:none;}
.tab-btn a.active{color:#ffd100;}
.match-table{width:100%;background:#2c3244;border-radius:4px;overflow:hidden;border-bottom:#383f54 solid 1px;display: flex;font-size: 13px;}
.match-table>div{padding:11px 8px;vertical-align:middle;}
/* 按钮样式 */
.btn-live{background:#ffd300;color:#222;border:none;padding:3px 8px;border-radius:2px;font-size:13px;}
.btn-room{background:#ffaa00;color:#222;border:none;padding:3px 8px;border-radius:2px;font-size:13px;}

/* 右侧边栏 */
.side-item{background:#2c3244;border-radius:4px;padding:12px;margin-bottom:20px;}
.side-item h4{color:#ffd100;border-bottom:#383f54 solid 1px;padding-bottom:8px;margin-bottom:12px;}
.side-match{display:flex;justify-content:space-between;padding:8px 0;border-bottom:#383f54 solid 1px;align-items:center;}
.side-match:last-child{border:none;}
.tag-yellow{background:#ffd100;color:#111;padding:2px 5px;font-size:12px;border-radius:2px;}
.rank-table td{padding:6px 3px;font-size:13px;}
/* 资讯区块 */
.news-item{display:flex;gap:10px;padding:12px 0;border-bottom:#383f54 solid 1px;}
.news-item img{width:80px;height:60px;object-fit:cover;border-radius:3px;}
.news-item .info{flex:1;}
.news-item .info h5{font-size:14px;margin-bottom:4px;}
.news-item .info span{color:#999;font-size:12px;}
/* 底部 */
.footer{margin-top:50px;padding:30px 0;border-top:#383f54 solid 1px;color:#aab1c5;font-size:13px;background-color: #1a1a24;width: 100%;}
.footer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}

				@media screen and (max-width:768px) {
				    .match-table{width:100%;background:#2c3244;border-radius:4px;overflow:hidden;display: block;font-size: 13px;border-bottom:#383f54 solid 1px;}
				    .match-table>div{padding:11px 8px;vertical-align:middle;text-align: center;}
					.box-one{
						
					}
					.text-danger{
						flex: 1;
					}
				}




				.qiu-icon{
					width:20px;
					height: 20px;
					margin-right: 5px;
				}
				
				
				
				/* 全局a标签：白色 + 无下划线 */
				a, a:link, a:visited {
				    /* color: #ffffff !important; */
				    text-decoration: none !important;
				}
				
				/* a标签鼠标悬浮样式 */
				a:hover, a:active {
				    color: #ffcc00 !important;
				    text-decoration: none !important;
				}
				
				.qiuzui-icon{
					height:22px;
					left:0;
					width:22px
				}
				.box-one{
					flex: 3.5;
					text-align: left;
					display: flex;
				}
				.box-liansai{
					text-align: left;
					flex: 1;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
                .box-time{
					text-align: center;
					flex: 1;
				}
				.box-status{
					flex: 0.4;
					color: red;
				}
				.box-three{
					flex: 3;
					text-align: center;
					display: flex;
				}
				.box-zhudui{
					flex: 2;
					text-align: right;
					/* 下面是新增的省略号样式 */
					    overflow: hidden;
					    white-space: nowrap;
					    text-overflow: ellipsis;
					    /* 加个最小宽度防止被挤压没了（可选但推荐） */
					    min-width: 0;
				}
				.box-vs{
					flex: 0.5;
					text-align: center;
				}
				.box-kedui{
					flex: 2;
					text-align: left;
					/* 下面是新增的省略号样式 */
					    overflow: hidden;
					    white-space: nowrap;
					    text-overflow: ellipsis;
					    /* 加个最小宽度防止被挤压没了（可选但推荐） */
					    min-width: 0;
				}
				.box-four{
					flex: 2;
					text-align: center;
				}


/* 热门录像标题 不换行+超出省略号 */
.lx-title {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 3px;
  font-size: 13px;
}

/* 热门TAG双列网格样式 */
.tag-grid{
    display: grid;
    grid-template-columns: 1fr 1fr; /* PC端固定两栏布局，和截图红框一致 */
    gap:10px 12px; /* 上下间距、左右间距 */
}
.tag-item{
    display:block;
    background:#383f54; /* 深色按钮底色，和原图深色框匹配 */
    color:#fff;
    text-align:center;
    padding:7px 5px;
    border-radius:3px;
    font-size:13px;
    text-decoration:none;
    transition: background 0.2s;
}
.tag-item:hover{
    /* background:#ffd100; */
    color:#ffd100;
}
/* 移动端自适应：屏幕小于768px自动变成单列铺满 */
@media screen and (max-width:768px){
    .tag-grid{
        grid-template-columns:1fr;
    }
}
.small-title{
	 color:#ffd100;
}

/* 热门联赛网格样式 */
.league-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PC端3列 */
  gap:12px 8px;
}
.league-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  color:#fff;
}
.league-img{
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:6px;
}
.league-img img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.league-name{
  font-size:13px;
  color:#ccc;
}
/* 移动端适配：手机改成2列 */
@media (max-width:767px){
  .league-grid{
    grid-template-columns: repeat(2,1fr);
  }
  .league-img{
    width:42px;
    height:42px;
  }
}




.lg-wrap{max-width:1320px;margin:0 auto;padding:30px 15px;display:flex;gap:30px;}
/*========左侧侧边导航=======*/
.lg-left{width:220px;flex-shrink:0;background:#2a2f3f;border-radius:6px;overflow:hidden;text-align:center;}
.lg-left-item{padding:14px 20px;border-bottom:1px solid #363c4e;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:0.2s;}
.lg-left-item:hover{background:#33394c;}
.lg-left-item.active{background:#ffd300;}
.lg-left-sub{background:#252a38;display:none;}
.lg-left-sub a{display:block;padding:12px 32px;color:#c7c9d1;text-decoration:none;border-bottom:1px solid #303546;}
.lg-left-sub a:hover{color:#ffd300;}
.lg-left-sub.open{display:block;}
.lg-left a{
	color:white;
}
/*移动端左侧菜单开关按钮*/
.lg-menu-btn{display:none;padding:12px 15px;background:#2a2f3f;margin-bottom:10px;cursor:pointer;color:#fff;}

/*========右侧主内容区=======*/
.lg-right{flex:1;}
.lg-right a{color: white;}
/*头部联赛信息卡片*/
.lg-top-card{background:#2a2f3f;border-radius:10px;padding:30px;display:flex;gap:30px;align-items:center;margin-bottom:20px;}
.lg-top-logo{width:110px;height:130px;object-fit:contain;}
.lg-top-info{flex:1;}
.lg-top-info h2{font-size:32px;margin-bottom:8px;color:#fff;}
.lg-top-info p{color:#b8bcc8;margin-bottom:6px;}
.lg-top-attr{display:grid;gap:8px;}
.lg-top-attr span{display:block;color:#b8bcc8;}
/*tab标签导航*/
.lg-tab-nav{display:flex;background:#2a2f3f;border-radius:8px;overflow:hidden;margin-bottom:25px;}
.lg-tab-nav > div{padding:15px 26px;cursor:pointer;font-size:17px;color:#b8bcc8;position:relative;}
.lg-tab-nav > div.active{color:#fff;}
.lg-tab-nav > div.active:after{content:'';position:absolute;left:26px;bottom:0;width:30px;height:3px;background:#ffd300;}
/*tab内容面板*/
.lg-tab-con{display:none;}
.lg-tab-con.active{display:block;}
/*联赛简介区块*/
.lg-block{margin-bottom:30px;}
.lg-block h3{font-size:20px;margin-bottom:16px;color:#ffd300;display:flex;align-items:center;gap:6px;}
.lg-block p{line-height:1.8;color:#d1d4e0;margin-bottom:14px;font-size:15px;}
/*积分榜表格*/
.lg-table{width:100%;border-collapse:collapse;background:#2a2f3f;border-radius:8px;overflow:hidden;}
.lg-table th,.lg-table td{padding:12px 8px;text-align:center;border:1px solid #353b4d;color:#d1d4e0;font-size:14px;}
.lg-table th{background:#303546;color:#fff;}

/*========移动端响应式（768px以下）=======*/
@media screen and (max-width:768px) {
    .lg-wrap{flex-direction:column;padding:15px;gap:15px;}
    .lg-left{width:100%;display:none;}
    .lg-left.open{display:block;}
    .lg-menu-btn{display:block;border-radius:6px;}
    .lg-top-card{flex-direction:column;text-align:center;padding:20px;}
    .lg-top-attr{margin-top:12px;}
    .lg-tab-nav{overflow-x:auto;white-space:nowrap;}
    .lg-tab-nav>div{padding:14px 18px;font-size:15px;}
    /*表格横向滚动适配手机*/
    .lg-table-box{overflow-x:auto;}
}


/* 联赛内容页 */
.news-wrap{max-width:1360px;margin:0 auto;padding:30px 15px;display:flex;gap:40px;}
/* =========左侧分类导航========= */
.news-left{width:160px;flex-shrink:0;}
.news-left-tit{font-size:26px;color:#ffd300;margin-bottom:22px;font-weight:bold;}
.news-left-item{display:block;padding:12px 16px;margin-bottom:8px;border-radius:5px;font-size:17px;color:#ccc;text-decoration:none;cursor:pointer;}
.news-left-item.active{background:#ffd300;color:#111;font-weight:bold;}
.news-left-item:hover{background:#33394c;color:#fff;}
/*移动端导航开关*/
.nav-mobile-btn{display:none;padding:12px 15px;background:#2a3042;color:#fff;margin:15px;border-radius:6px;cursor:pointer;font-size:16px;}
.mobile-nav-box{display:none;padding:0 15px;}
.mobile-nav-box.open{display:block;}

/* =========右侧新闻内容区========= */
.news-right{flex:1;}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.news-item{display:flex;gap:16px;}
.news-item-img{width:160px;height:120px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.news-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.news-item-title{font-size:17px;color:#fff;text-decoration:none;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item-desc{font-size:14px;color:#b0b6cc;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item-footer{display:flex;align-items:center;font-size:13px;color:#888;gap:10px;}

/* =========移动端适配768px========= */
@media screen and (max-width:768px) {
    .news-wrap{flex-direction:column;padding:15px 10px;gap:20px;}
    .news-left{display:none;}
    .nav-mobile-btn{display:block;}
    .news-list{grid-template-columns:1fr;gap:22px;}
    .news-item-img{width:130px;height:100px;}
}


/* 新闻列表页 */
.news-wrap{max-width:1360px;margin:0 auto;padding:30px 15px;display:flex;gap:40px;}
/* =========左侧分类导航========= */
.news-left{width:160px;flex-shrink:0;}
.news-left-tit{font-size:26px;color:#ffd300;margin-bottom:22px;font-weight:bold;}
.news-left-item{display:block;padding:12px 16px;margin-bottom:8px;border-radius:5px;font-size:17px;color:#ccc;text-decoration:none;cursor:pointer;}
.news-left-item.active{background:#ffd300;color:#fff;font-weight:bold;}
.news-left-item:hover{background:#33394c;color:#fff;}
/*移动端导航开关*/
.nav-mobile-btn{display:none;padding:12px 15px;background:#2a3042;color:#fff;margin:15px;border-radius:6px;cursor:pointer;font-size:16px;}
.mobile-nav-box{display:none;padding:0 15px;}
.mobile-nav-box.open{display:block;}

/* =========右侧新闻内容区========= */
.news-right{flex:1;}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.news-item{display:flex;gap:16px;}
.news-item-img{width:160px;height:120px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.news-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.news-item-title{font-size:17px;color:#fff;text-decoration:none;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item-desc{font-size:14px;color:#b0b6cc;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item-footer{display:flex;align-items:center;font-size:13px;color:#888;gap:10px;}

/* =========移动端适配768px========= */
@media screen and (max-width:768px) {
    .news-wrap{flex-direction:column;padding:15px 10px;gap:20px;}
    .news-left{display:none;}
    .nav-mobile-btn{display:block;}
    .news-list{grid-template-columns:1fr;gap:22px;}
    .news-item-img{width:130px;height:100px;}
}


/* 新闻内容页 */
/*PC双栏布局容器*/
.wrap{display:flex;gap:30px;flex-wrap:wrap;}
.side-list a:hover{
	color: #d4aa00;
}
/*左侧正文区域*/
.left-main{flex:1;min-width:620px;}
/*右侧作者侧边栏*/
.right-side{width:280px;min-width:260px;}
/*标题样式*/
.art-title{font-size:36px;margin:12px 0;color:#fff;font-weight:bold;line-height:1.3;}
/*发布时间*/
.art-time{color:#999;font-size:14px;margin-bottom:30px;display:block;}
/*正文段落*/
.art-p{font-size:18px;line-height:1.8;margin-bottom:25px;color:#e2e2e2;}
/*文章配图*/
.art-img{width:100%;max-width:650px;display:block;margin:0 auto 30px;border-radius:4px;}
/*底部标签栏*/
.tag-box{margin-top:35px;display:flex;flex-wrap:wrap;gap:10px;}
.tag-itemss{background:#333a4f;padding:8px 16px;border-radius:3px;font-size:15px;color:#ddd;}
.tag-itemss a{background:#333a4f;padding:8px 16px;border-radius:3px;font-size:15px;color:white;}
/*右侧作者卡片*/
.author-card{background:#272c3d;padding:22px;border-radius:6px;}
.author-avatar{width:75px;height:75px;border-radius:50%;margin:0 auto 12px;display:block;object-fit:cover;}
.author-name{text-align:center;font-size:18px;font-weight:bold;margin-bottom:15px;}
.follow-btn{display:block;width:75px;margin:0 auto 20px;background:#d4aa00;color:#000;border:none;padding:6px 0;border-radius:3px;font-weight:bold;cursor:pointer;}
/*数据统计行（资讯/粉丝）*/
.count-row{display:flex;justify-content:space-around;margin-bottom:25px;}
.count-item{text-align:center;}
.count-num{font-size:22px;font-weight:bold;display:block;}
.count-txt{font-size:13px;color:#aaa;}
.art-content img{
	max-width:94%;margin:15px auto;display:block
}
/*侧边文章列表*/
.siitemss{display:flex;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #333a4f;}
/* .siitemss:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;} */
.side-thumb{width:72px;height:72px;border-radius:3px;object-fit:cover;}
.side-info{flex:1;}
.side-title{font-size:14px;line-height:1.4;color:#eee;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.side-date{font-size:12px;color:#888;}
/*移动端适配 小于900px切换单栏*/
@media screen and (max-width:900px){
    .wrap{flex-direction:column;gap:25px;}
    .left-main,.right-side{width:100%;min-width:unset;}
    .art-title{font-size:26px;}
    .art-p{font-size:16px;}
    body{padding:12px;}
		.art-content img{
			width:100%;max-width:100%;height: auto !important;
		}
}
.news-page{
	background:#1c2130;color:#eee;padding:15px;max-width:1280px;margin:0 auto;
	margin-top: 10px;
}




/* 直播内容模板 */
.zbnei-page{
	background:#202534;color:#fff;padding:12px;max-width:1200px;margin:0 auto
}
/*面包屑导航*/
.bread{color:#a0a8bc;font-size:14px;margin-bottom:16px}
.bread a{color:#a0a8bc;text-decoration:none}
/*头部赛事卡片*/
.match-top{background:linear-gradient(90deg,#5c2a38,#1a3b72);border-radius:10px;padding:30px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative}
.team-item{width:32%;display:flex;flex-direction:column;align-items:center}
.team-logo{width:120px;height:120px;margin-bottom:8px}
.team-name{font-size:18px;font-weight:500;margin-bottom:6px}
.team-tip{font-size:13px;color:#d0d6e8}
.score-box{width:32%;text-align:center}
.match-time{font-size:15px;margin-bottom:10px;color:#e2e6f2}
.score-num{font-size:42px;letter-spacing:8px;margin:8px 0}
.match-status{background:#333;padding:4px 10px;border-radius:4px;font-size:14px;display:inline-block}
/*直播按钮组【修改a标签样式+hover缩放】*/
.btn-group{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.live-btn{
    display:block;
    background:#eee;color:#222;text-decoration:none;
    padding:8px 18px;border-radius:6px;font-size:15px;
    transition:transform 0.2s ease; /*缩放过渡动画*/
}
.live-btn:hover{
    transform:scale(1.06);/*鼠标悬浮放大6%*/
}
/*赛事简介区块*/
.match-desc{background:#191e2d;padding:14px;border-radius:8px;margin-bottom:20px;color:#c5cde0;font-size:13px;line-height:1.7}
/*主体双栏布局*/
.main-wrap{display:flex;gap:25px;flex-wrap:wrap}
.left-box{flex:1;min-width:620px}
.right-box{width:320px;min-width:280px}
/*栏目标题*/
.mod-title{font-size:17px;margin-bottom:15px;display:flex;align-items:center;gap:6px}
.mod-title i{width:4px;height:16px;background:#ffc120;display:inline-block}
/*热门专题列表*/
.hot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}

.hot-img{width:100%;height:150px;border-radius:6px;object-fit:cover;margin-bottom:8px}
.hot-name{font-size:14px;color:#e4e9f6}
.hot-name:hover{
	color: #ffc120;
	
}
.hot-img:hover{
	    padding:8px 18px;border-radius:6px;font-size:15px;
	    transition:transform 0.2s ease; /*缩放过渡动画*/
}
/*右侧推荐赛事*/
.recom-item{background:#272c3d;border-radius:7px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}

.recom-left{
	flex: 7;
}
.recom-time{font-size:13px;color:#b1b9d0}
.recom-team{margin-top:4px;font-size:14px}
.recom-tag{background:#f7bc24;color:black;padding:3px 7px;border-radius:3px;font-size:12px}
.recom-item a{
	color: white;
}
.status-text:hover{
	color: black;
}

/*移动端适配*/
@media screen and (max-width:768px){
.match-top{flex-direction:column;gap:20px;padding:20px 10px}
.team-item,.score-box{width:100%}
.score-num{font-size:36px}
.main-wrap{flex-direction:column}
.left-box{min-width:100%}
.right-box{width:100%}
.hot-list{grid-template-columns:repeat(2,1fr)}
}


/* 直播列表 */
/*外层容器*/
.match-wrap{display:flex;max-width:1400px;margin:0 auto;padding:20px}
.match-wrap a{
	color: white;
}
/*左侧导航栏 PC端*/
.left-nav{width:160px;flex-shrink:0;margin-right: 10px;}
.left-nav h2{font-size:28px;color:#ffd300;padding:10px 0 20px;font-weight:bold}
.left-nav ul li{padding:12px 10px;cursor:pointer;font-size:16px}
.left-nav ul li.active{background:#ffd300;color:#222632;border-radius:6px;font-weight:bold;list-style: none;}
/*右侧赛事容器*/
.right-list{flex:1;}
.date-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#333846;border-radius:6px;margin-bottom:10px;color:#ffd300}
.date-bar span{color:#ffd300}
.date-select{background:#444958;border:none;color:#fff;padding:4px 8px;border-radius:4px}
/*表头*/
.list-head{display:grid;grid-template-columns:120px 90px 110px 1fr 80px 1fr 220px;padding:12px 15px;background:#333846;border-radius:6px;margin-bottom:8px}
/*单场赛事项*/
.match-item{display:grid;grid-template-columns:120px 90px 110px 1fr 80px 1fr 220px;padding:15px;border-bottom:1px solid #333846;align-items:center}
.match-item:hover{background:#2b303d}
/*状态颜色*/
.status-ing{color:#ff5555}
.status-will{color:#99ccff}
.status-no{color:#aaa}
/*队伍布局*/
.team-box{display:flex;align-items:center;gap:8px}
.team-box img{width:24px;height:24px;object-fit:contain}
/*按钮样式*/
.btn-box{display:flex;gap:8px;justify-content:center}
.btn{padding:6px 10px;border-radius:4px;border:none;cursor:pointer;font-size:13px}


/*=========移动端响应式 768px以下=========*/
@media screen and (max-width:768px){
.match-wrap{flex-direction:column;padding:10px}
.left-nav{width:100%;margin-bottom:15px}
.left-nav ul{display:flex;overflow-x:auto;gap:5px;padding-bottom:8px}
.left-nav ul li{white-space:nowrap;padding:8px 12px;font-size:14px;list-style: none;}
/*移动端重新排版格子*/
.list-head,.match-item{grid-template-columns:90px 70px 80px 1fr 60px 1fr 160px;padding:10px 5px}
.btn-box{flex-direction:column;gap:4px}
.btn{padding:4px 6px;font-size:12px}
}
@media screen and (max-width:540px){
/*超小屏再次压缩布局*/
.list-head,.match-item{grid-template-columns:70px 60px 70px 1fr 50px 1fr 130px;font-size:12px}
.team-box img{width:18px;height:18px}
}
li {
  list-style: none;
}
				
				


/* 录像列表 */
/*外层容器 响应式布局*/
.video-wrap{display:flex;max-width:1400px;margin:0 auto;padding:20px;gap:25px}
/*左侧分类导航*/
.left-nav11{width:160px;flex-shrink:0}
.left-nav11 h2{font-size:32px;color:#ffd100;margin-bottom:30px;font-weight:bold}
.left-nav11 ul li{margin-bottom:18px}
.left-nav11 ul li a{display:block;padding:8px 10px;color:#cccccc;text-decoration:none;font-size:17px}
/*选中样式：黄底白字*/
.left-nav11 ul li a.active{background:#ffd100;color:#fff;border-radius:4px}
/*中间录像列表区域*/
.center-list{flex:0.8}
.center-list .tit{font-size:26px;border-left:4px solid #ffd100;padding-left:12px;margin-bottom:20px;color:#fff}
.center-list ul li{display:flex;justify-content:space-between;padding:12px 8px;border-bottom:1px solid #333845}
.center-list ul li a{color:#eaeaea;text-decoration:none}
.center-list ul li a:hover{color:#ffd100}
.center-list ul li .date{color:#aaa;min-width:90px;text-align:right}
/*右侧推荐比赛*/
.right-recom{width:280px;flex-shrink:0}
.right-recom .rtit{font-size:22px;border-left:4px solid #ffd100;padding-left:10px;margin-bottom:20px;color:#fff}
.right-recom .item{background:#2c313d;padding:12px;margin-bottom:12px;border-radius:5px}
.right-recom .item .time{color:#bbbbbb;margin-bottom:6px}
.right-recom .item .name{margin-bottom:8px;line-height:1.5}
.right-recom .item .tag{display:inline-block;background:#ffd100;color:#222;padding:3px 10px;border-radius:3px;float:right;font-size:13px;font-weight:bold}

/*移动端适配 768px以下变上下布局*/
@media screen and (max-width:768px){
.video-wrap{flex-direction:column;padding:12px;gap:20px}
.left-nav11{width:100%}
.left-nav11 ul{display:flex;gap:8px;flex-wrap:wrap}
.left-nav11 ul li{margin-bottom:0}
.center-list ul li{flex-direction:column;gap:5px}
.center-list ul li .date{text-align:left}
.right-recom{width:100%}
}



/* 录像内容 */
.luxiang-info{
	background:#192030;color:#fff;padding:15px;max-width:1300px;margin:0 auto
}
/* PC双栏布局 */
.wrap{display:grid;grid-template-columns:calc(100% - 320px) 300px;gap:20px}
/* 左侧主内容 */
.left-box{}
.play-big{position:relative;border-radius:6px;overflow:hidden;background:#000;margin-bottom:15px}
.play-big img{width:100%;display:block}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffff70;border-radius:50%;display:flex;align-items:center;justify-content:center}
.play-btn i{width:0;height:0;border-left:22px solid #000;border-top:12px solid transparent;border-bottom:12px solid transparent}
.info-tit{font-size:22px;margin:12px 0}
.info-time{color:#aaa;font-size:14px;margin-bottom:12px;display:flex;justify-content:space-between}
.tag-group{display:flex;gap:8px;flex-wrap-wrap;margin-bottom:30px}
.tag-group span{background:#eee;color:#222;padding:5px 12px;border-radius:30px;font-size:13px}
/* 右侧推荐栏 */
.right-box{background:#111622;padding:15px;border-radius:6px}
.r-tit{font-size:18px;border-bottom:2px solid #ff5522;padding-bottom:8px;margin-bottom:15px}
.recom-item{display:flex;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:#272d3a solid 1px}
.recom-item:last-child{border:none;margin-bottom:0;padding-bottom:0}
.recom-item img{width:90px;height:62px;object-fit:cover;border-radius:4px}
.recom-txt{flex:1;font-size:13px;line-height:1.5;color:#ddd}
/* 底部双栏：热门专题+推荐比赛 */
.bottom-wrap{display:grid;grid-template-columns:65% 32%;gap:3% ;margin-top:30px}
.bottom-tit{font-size:17px;margin-bottom:15px;display:flex;align-items:center;gap:6px}
.bottom-tit::before{content:"";width:4px;height:16px;background:#ff6633;display:block}
.zt-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zt-list img{width:100%;height:130px;object-fit:cover;border-radius:4px}
.boxshdz{background:#222736;padding:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;margin-top: 5px;}
.boxshdz a{
	color: white;
}
.match-l{line-height:1.6;font-size:14px;color:#ccc}
.match-r{background:#ff9900;color:#000;padding:3px 8px;border-radius:3px;font-size:12px}
/* 移动端适配 */
@media(max-width:768px){
.wrap{grid-template-columns:100%}
.bottom-wrap{grid-template-columns:100%;gap:25px}
.zt-list{grid-template-columns:repeat(2,1fr)}
.info-tit{font-size:17px}
}




/* 录像内容 */
.luxiang-info{
	background:#191c26;color:#fff;padding:15px;max-width:1100px;margin:0 auto;margin-top: 10px;
}
/* 主容器：PC左右布局 */
.main-wrap{display:flex;gap:25px;margin-bottom:30px;flex-wrap:wrap;}
.left-box{flex:7;min-width:0;}
.right-box{flex:3;min-width:280px;}

/* 左侧播放区块 */
.play-big{width:100%;background:#000;border-radius:6px;overflow:hidden;position:relative;}
.play-big img{width:100%;display:block;}
.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(0,0,0,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.play-btn::after{content:"▶";color:#fff;font-size:30px;}
.info-txt{padding:16px 10px;background:#222;}
.info-txt h1{font-size:22px;margin-bottom:8px;line-height:1.4;}
.info-time{color:#aaa;font-size:14px;margin-bottom:12px;display:flex;justify-content:space-between;}
.tag-group1{}
.tag-group1 span{background:#333;padding:5px 12px;border-radius:3px;font-size:13px;color:#eee;}
.tag-group1 a{
	text-decoration: none !important;
	color:white;
}

/* 右侧推荐栏 */
.recom-box{background:#222;border-radius:6px;overflow:hidden;}
.recom-title{padding:12px 15px;border-bottom:1px solid #333;font-size:18px;font-weight:bold;border-left:3px solid #f60;}
.recom-list{padding:10px;}
.recom-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #30333d;}
.recom-item:last-child{border:none;}
.recom-item img{width:90px;height:60px;object-fit:cover;border-radius:4px;}
.recom-item p{font-size:14px;color:#ddd;line-height:1.3;}

/* 下方双栏：热门专题+推荐比赛 */
.bottom-wrap{display:flex;gap:25px;flex-wrap:wrap;}
.bottom-col{flex:1;min-width:320px;}
.bottom-title{font-size:18px;margin-bottom:15px;padding-left:8px;border-left:3px solid #f60;display:flex;align-items:center;gap:6px;}
.topic-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;}
.topic-list img{width:200px;height:130px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.match-item{background:#222;padding:12px;border-radius:5px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;}
.match-team{display:flex;gap:15px;align-items:center;}
.match-status11{background:#ffc107;color:#000;padding:3px 8px;border-radius:3px;font-size:12px;}
.match-status11 a{color:#000;}

/* 手机端响应式：所有分栏改成上下堆叠 */
@media screen and (max-width:768px){
.main-wrap,.bottom-wrap{flex-direction:column;gap:20px;}
.info-txt h1{font-size:18px;}
.recom-item img{width:75px;height:52px;}
.topic-list img{width:150px;height:100px;}
}
.lx-title a{
	color: white;
}


/* 球队列表 */
 /* 外层容器 */
 .teamlistpage{background:#222834;color:#fff;padding:20px}
        .sport-wrap{max-width:1200px;margin:0 auto;display:flex;gap:30px}
        /* 左侧侧边栏目 */
        .sport-left{width:130px;flex-shrink:0}
        .sport-title{font-size:22px;margin-bottom:25px;display:flex;align-items:center;gap:8px}
        .sport-title span{color:#ffdd22;font-weight:bold;font-size:26px}
        .sport-nav{}
        .sport-nav-item{padding:12px 8px;margin:8px 0;border-radius:4px;cursor:pointer;font-size:17px}
        .sport-nav-item.active{background:#f7cc22;color:#fff;font-weight:500}
		.sport-nav a{
			color: white;
		}
        /* 右侧球队列表 */
        .sport-right{flex:1}
        .team-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
        .team-itemabdb{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #333946}
        .team-logo{width:52px;height:52px;object-fit:contain}
        .team-info{}
        .team-name-cn{font-size:17px;margin-bottom:3px}
        .team-name-en{font-size:13px;color:#b9b9b9;margin-bottom:6px}
        .team-link a{font-size:13px;color:#99aacc;margin-right:10px;text-decoration:none}
        .team-link a:hover{color:#ffdd22}

        /* 移动端适配 */
        @media(max-width:767px){
            .sport-wrap{flex-direction:column;gap:20px}
            .sport-left{width:100%}
            .sport-nav{display:flex;flex-wrap:wrap;gap:6px}
            .sport-nav-item{margin:0;padding:8px 12px;font-size:15px}
            .team-list{grid-template-columns:repeat(2,1fr);gap:18px}
            .team-logo{width:44px;height:44px}
        }
        @media(max-width:420px){
            .team-list{grid-template-columns:1fr;gap:15px}
        }
		
		
		
		/* 球队内容 */
		/* 外层容器 */
		.page-wrap{max-width:1200px;margin:0 auto;padding:15px;}
		
		/* 头部球队卡片区域 */
		.top-card{background:#2c3140;border-radius:8px;padding:25px;display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:20px;}
		.top-left{display:flex;align-items:center;gap:20px;flex:1;min-width:300px;}
		.team-logo{width:120px;height:120px;object-fit:contain;}
		.team-name h1{font-size:32px;color:#fff;font-weight:normal;}
		.team-name p{color:#b8b8b8;font-size:18px;margin:4px 0;}
		.team-name .rank-text{color:#ffd233;font-size:15px;}
		
		.top-right{flex:1;min-width:300px;display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;}
		.top-right .label{color:#b8b8b8;}
		
		/* 子导航标签栏 */
		.tab-nav{background:#2c3140;border-radius:8px;display:flex;overflow-x:auto;margin-bottom:30px;}
		.tab-nav::-webkit-scrollbar{height:3px;}
		.tab-item{padding:14px 26px;font-size:16px;white-space:nowrap;cursor:pointer;position:relative;}
		.tab-item.active:after{content:'';position:absolute;left:25%;bottom:0;width:50%;height:3px;background:#ffd233;}
		
		/* 主体内容区域 左右布局 */
		.main-content{display:flex;gap:30px;flex-wrap:wrap;}
		.left-block{flex:7;min-width:300px;}
		.right-block{flex:3;min-width:300px;}
		
		/* 区块标题 */
		.block-title{font-size:20px;color:#ffd233;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
		
		/* 简介文本 */
		.text-desc{color:#d1d1d1;font-size:15px;text-indent:2em;line-height:1.8;margin-bottom:35px;}
		
		/* 荣誉模块 */
		.honor-box{margin-bottom:20px;}
		.honor-num{font-size:22px;margin:12px 0;}
		.honor-btn-group{display:flex;gap:15px;margin-top:15px;}
		.honor-btn{background:#393e4d;padding:10px 22px;border-radius:4px;color:#fff;}
		
		/* 右侧积分榜 */
		.table-wrap{background:#2c3140;border-radius:8px;padding:20px;}
		.table-tab{display:flex;gap:30px;margin-bottom:15px;}
		.table-tab span{position:relative;padding-bottom:5px;cursor:pointer;}
		.table-tab span.active:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px solid #ffd233;background:#ffd233;}
		
		.score-table{width:100%;border-collapse:collapse;}
		.score-table td,.score-table th{padding:9px 5px;text-align:center;font-size:14px;color:#d1d1d1;}
		.score-table tr:nth-child(even){background:#303544;}
		.tag-text{background:#ffb700;color:#222;padding:2px 4px;font-size:12px;border-radius:2px;}
		
		/* ==========移动端适配 媒体查询========== */
		@media screen and (max-width:768px){
		    .top-card{padding:15px;gap:15px;}
		    .team-logo{width:80px;height:80px;}
		    .team-name h1{font-size:24px;}
		    .main-content{gap:20px;}
		    .tab-item{padding:12px 16px;font-size:15px;}
		    .page-wrap{padding:10px;}
		}
		
		
		
		
		/* 词条列表 */
/*外层容器*/
.wrap-box{max-width:1200px;margin:0 auto;padding:40px 15px;}
/*标题*/
.page-title{font-size:26px;color:#fff;margin-bottom:35px;display:flex;align-items:center;gap:8px;}
.page-title::before{
    content:"";
    width:6px;height:22px;
    background:linear-gradient(#ffc822,#ff9900);
    border-radius:3px;
}

/*赛事格子 PC6列布局*/
.item-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
    margin-bottom:50px;
}
.item-card{
    background:#2b3044;
    text-align:center;
    padding:16px 8px;
    border-radius:4px;
    transition:0.2s;color:#fff;
}
.item-card:hover{
    background:#383e57;
}

/*=====分页【缩小尺寸核心修改】=====*/
/* 分页 参考截图样式 */
.page-pager{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin-top:40px;
}
.pager-num{
    width:26px;
    height:26px;
    background:#fff;
    color:#222;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.pager-btn{
    height:26px;
    padding:0 10px;
    background:#fff;
    color:#222;
    border-radius:3px;
    display:flex;
    align-items:center;
}
/* 移动端分页缩小 */
@media screen and (max-width:640px){
    .pager-num{width:20px;height:20px;}
    .pager-btn{height:26px;padding:0 8px;}
}
/*当前页深色填充*/
.pager-num.active{
    background:#ffd100;
    color:#fff;
}
/*省略号*/
.pager-dot{
    font-size:15px;color:#fff;padding:0 3px;
}

/*=====移动端适配=====*/
@media screen and (max-width:992px){
    .item-grid{grid-template-columns:repeat(4,1fr);gap:16px;}
}
@media screen and (max-width:640px){
    .item-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
    .page-title{font-size:15px;margin-bottom:25px;}
    .item-card{padding:14px 5px;font-size:14px;}
    .pager-num,.pager-btn{height:24px;min-width:24px;font-size:16px;border-width:1.5px;}
    .pager-dot{font-size:16px;}
}
@media screen and (max-width:420px){
    .item-grid{grid-template-columns:repeat(2,1fr);}
}




/* 词条内容 */

/*区块标题样式（左侧黄条+文字）*/
.block-tit111{
    font-size:22px;
    color:#fff;
    margin:15px 0 18px;
    align-items:center;
    gap:8px;
}
.block-tit111::before{
    content:"";
    width:5px;
    height:20px;
    background:linear-gradient(#ffd328,#ff9900);
    border-radius:2px;
}
/*顶部简介区域*/
.info-desc{
    padding-left:28px;
    color:#d6d6d6;
    line-height:1.8;
}
/*主体左右布局*/
.content-row{
    display: flex;
        flex-wrap: wrap;
        gap:35px;
        margin-top:30px;
}
.left-col{
    width: 100%; /* 100%占满父容器整行 */
}
/*状态颜色*/
.status-ing{color:#ff4848;}
/*右侧推荐赛事模块*/
.rc-item{
    background:#30374e;
    border-radius:4px;
    padding:12px;
    margin-bottom:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.rc-left{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.rc-time{font-size:15px;}
.rc-league{font-size:13px;color:#bbbbbb;}
.rc-team{display:flex;align-items:center;gap:6px;margin-top:3px;}
.tag-wait{
    background:#ffcc00;
    color:#111;
    padding:3px 8px;
    font-size:13px;
    border-radius:2px;
}
.more-link{
    text-align:center;
    margin:15px 0;
    color:#ffcc00;
}


/*=====移动端适配=====*/
@media screen and (max-width:768px){
    .content-row{gap:25px;}
    .block-tit{font-size:19px;}
    .main-wrap{padding:20px 12px;}
    .tag-grid{grid-template-columns:repeat(2,1fr);}
}





/* tag列表 */
 .tagspage{background:#202738;color:#e9edf5;padding:30px 15px;max-width:1240px;margin:0 auto;min-height:700px;}
          .title-top{font-size:24px;margin-bottom:26px;color:#fff;display:flex;align-items:center;gap:8px;color:#ffc130}
                  /* PC双栏布局 固定间距 */
                  .tags-wrap{
                      display:grid;
                      grid-template-columns: repeat(2,1fr);
                      gap:28px 22px;
                  }
                  /* 手机自动单列 */
                  @media(max-width:767px){
                      .tags-wrap{grid-template-columns:1fr;gap:22px;}
                      body{padding:20px 12px;}
                  }
                  /* 单条卡片：左图+右文横向固定布局 */
                  .tags-item{display:flex;gap:16px;align-items:flex-start;}
                  /* 固定图片尺寸，防止变形错乱 */
                  .tags-img{
                      width:162px;
                      height:130px;
                      flex-shrink:0;
                      border-radius:4px;
                      overflow:hidden;
                      background:#2c3449;/*无图时深色占位底色，避免空白塌陷*/
                  }
                  .tags-img img{
                      width:100%;
                      height:100%;
                      object-fit:cover;
                      display:block;
                  }
                  /* 右侧文字区域自动填充剩余宽度 */
                  .tags-info{
                      flex:1;
                      display:flex;
                      flex-direction:column;
                      justify-content:space-between;
                      height:130px;/*和图片等高，统一卡片高度，根治排版错乱*/
                  }
                  .tags-tit a{
                      color:#fff;
                      text-decoration:none;
                      font-size:17px;
                      line-height:1.4;
                      display:-webkit-box;
                      -webkit-line-clamp:2;/*标题最多2行，超出省略，防止撑高*/
                      -webkit-box-orient:vertical;
                      overflow:hidden;
                  }
                  .tags-tit a:hover{color:#ffc130}
                  .tags-desc{
                      font-size:13px;
                      color:#b0b8cc;
                      line-height:1.5;
                      display:-webkit-box;
                      -webkit-line-clamp:2;/*简介固定2行，多余隐藏*/
                      -webkit-box-orient:vertical;
                      overflow:hidden;
                  }
                  /* 底部作者+时间行 */
                  .tags-user{
                      display:flex;
                      align-items:center;
                      font-size:12px;
                      color:#949eb8;
                      gap:6px;
                  }
                  .tags-user img{
                      width:22px;
                      height:22px;
                      border-radius:50%;
                      object-fit:cover;
                      background:#38425a;
                  }
                  /* 移动端缩略图缩小 */
                  @media(max-width:480px){
                      .tags-img{width:112px;height:92px}
                      .tags-info{height:92px}
                      .tags-tit a{font-size:15px}
                  }
				  
				  
				  .btn-box{
				  	text-align:center;
				  	padding:12px 0;
				  }
				  
				  .btn-sty{
				  	padding:10px 24px;
				  	background:#ffc130;
				  	color:#fff;
				  	border:none;
				  	border-radius:6px;
				  	cursor:pointer;
				  }
				  
				  
				  .title-icon{
					  float: left;
					  width: 5px;
					  height: 18px;
					  border-radius: 10px;
					  background-color: #ffc130;
					  margin-right: 5px;
				  }