* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
		.ah {
			color: #000;
		}
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px;
        }
        
        header {
            background-color: #d81e06;
            color: white;
            padding: 15px 0;
            text-align: center;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        
        h1 {
            font-size: 22px;
            font-weight: 500;
        }
        
        .match-list {
            background-color: white;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			
        }
        
        .match-item {
            padding: 15px;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .match-item:last-child {
            border-bottom: none;
        }
        
        .match-info {
            flex: 1;
        }
        
        .league {
            font-size: 12px;
            color: #999;
            margin-bottom: 5px;
        }
        
        .teams {
            font-size: 16px;
            font-weight: 500;
        }
        
        .time {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }
        
        .live-tag {
            background-color: #d81e06;
            color: white;
            padding: 3px 8px;
            border-radius: 3px;
            font-size: 12px;
            margin-left: 10px;
        }
        
        .status {
            text-align: right;
            min-width: 80px;
        }
        
        .score {
            font-size: 18px;
            font-weight: bold;
        }
        
        .not-started {
            color: #d81e06;
            font-size: 14px;
        }
        
        .nav {
            display: flex;
            margin-bottom: 15px;
            background-color: white;
            border-radius: 5px;
            overflow: hidden;
        }
        
        .nav-item {
            flex: 1;
            text-align: center;
            padding: 12px 0;
            font-size: 15px;
            color: #666;
        }
        
        .nav-item.active {
            color: #d81e06;
            font-weight: 500;
            border-bottom: 2px solid #d81e06;
        }
		
		a {
			text-decoration: none;
		}
		
				
  /* 热门比赛整体容器 */
  .sports-live-container {
	border: 1px solid #000;  
    font-family: 'Arial', sans-serif;
    margin: 0 auto;
	background: linear-gradient(135deg, rgb(255, 243, 224) 0%, rgb(255, 224, 178) 100%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  
    /* 队徽和队名样式 */
  .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    
  }
  .team-logo {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }
  .team-name {
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
  }

  /* 比分和比赛状态 */
  .match-info-new {
    text-align: center;
  }
  .match-score {
    font-size: 24px;
    font-weight: bold;
    color: #e74c3c; /* 比分强调色 */
    margin: 5px 0;
  }
  .match-time {
    font-size: 12px;
    color: #666;
  }
  /* 直播按钮 */
  .watch-btn-new {
    background: #3498db;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
	display: inline-flex;
	align-items:center;
	justify-content:center;
  }
  .watch-btn-new:hover {
    background: #2980b9;
  }
  .team {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
   .team.home {
            text-align: right;
        }
        
        .team.away {
            text-align: left;
        }
        
        .team-logo {
            width: 60px;
            height: 60px;
            margin-bottom: 10px;
        }
        
        .team-name {
            font-size: 18px;
            font-weight: bold;
        }
		@media (min-width: 768px) {
			.text-box {
				display: grid;
				border: 1px solid #000;
				padding-left: 1%;
				grid-template-columns: 1fr 1fr; /* 两列等宽 */
				gap: 20px;
				white-space: nowrap;      /* 禁止换行 */
				overflow: hidden;         /* 隐藏溢出内容 */
				text-overflow: ellipsis;  /* 显示省略号 */
			}
		}

		/* 移动端保持不变 */
		@media (max-width: 767px) {
			.text-box {
				display: block;
				border: 1px solid #000;
				padding-left: 1%;
				white-space: nowrap;      /* 禁止换行 */
				overflow: hidden;         /* 隐藏溢出内容 */
				text-overflow: ellipsis;  /* 显示省略号 */
			}
		}
		.breadcrumb {
            padding: 4px 20px;
			border-radius: 6px;
            background: #9bd3f9;
            border-bottom: 1px solid #eee;
            font-size: 14px;
            color: #666;
        }
        
        .breadcrumb a {
            color: #0066cc;
            text-decoration: none;
        }
        
        .breadcrumb a:hover {
            text-decoration: underline;
        }
		 .teams-bak {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 20px 0;
        }
		
		  .match-info-bak {
            padding: 20px;
            text-align: center;
        }
		
		 .live-btn {
            display: inline-block;
            background: #e74c3c;
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
            margin: 20px 0;
            transition: background 0.3s;
        }
        
        .live-btn:hover {
            background: #c0392b;
        }