*, *::before, *::after { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

html, body { 
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
    background: #f8f9fa; 
    color: #1f2937; 
}

/* 容器 */
.hoy-wrapper { display:block; margin:0 auto; padding:16px; background:#f8f9fa; min-height:100vh; }
.hoy-main { width:80%; margin:0 auto;background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,.08); overflow:hidden; }

/* 动态导航栏 */
.data-nav { display:flex; background:#fff; border-bottom:1px solid #e5e7eb; padding:0 20px; flex-wrap:wrap; gap:4px; }
.data-nav a { padding:14px 20px; font-size:15px; font-weight:600; color:#475569; text-decoration:none; border-bottom:3px solid transparent; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.data-nav a.active { color:#ea580c; border-bottom:3px solid #ea580c; }
.data-nav .count { background:#e2e8f0; color:#475569; font-size:13px; padding:2px 8px; border-radius:9999px; font-weight:500; }

/* 顶部操作栏 */
.hoy-topbar { padding:20px; background:#fff; border-bottom:1px solid #e5e7eb; }

/* 当前时间条 */
.info-bar { display:flex; justify-content:center; align-items:center; padding:14px 20px; background:#fff7ed; border-bottom:1px solid #e5e7eb; font-size:15px; font-weight:600; color:#ea580c; }

/* 主表格 */
#table-matches-content table { width:100%; border-collapse:collapse; font-size:15px; background:#fff; }
#table-matches-content thead th { background:#f8fafc; color:#475569; padding:12px 8px; font-weight:600; text-align:center; border-bottom:2px solid #e2e8f0; }
#table-matches-content tbody tr { border-bottom:1px solid #f1f5f9; }
#table-matches-content tbody tr:hover { background:#f8fafc; }
#table-matches-content td { padding:14px 8px; vertical-align:middle; text-align:center; }

.team-cell { display:flex; align-items:center; gap:8px; justify-content:center; }
.team-logo { width:28px; height:28px; border-radius:50%; flex-shrink:0; }
.team-name { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:160px; }
.score-cell { font-size:24px; font-weight:800; color:#ea580c; min-width:80px; }
.score-details { font-size:12.5px; color:#64748b; margin-top:4px; line-height:1.3; }
.status { display:inline-block; padding:6px 16px; border-radius:9999px; font-size:13.5px; font-weight:700; min-width:68px; }

.not-started .status { background:#64748b; color:#fff; }
.in-progress .status { background:#ea580c; color:#fff; animation:pulse 2s infinite; }
.match-finished .status { background:#16a34a; color:#fff; }

@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.75} }

/* 其他样式 */
.notice { text-align:center; padding:20px; background:#f8fafc; color:#64748b; border-radius:8px; margin:20px; }

/* 响应式 */
@media (max-width:768px) {
    .hoy-main { width:100%; }
    .hoy-topbar-content { flex-direction:column; }
}

/* ====================== 移动端专用修复：主队/客队名称完整显示（与足球页面完全一致） ====================== */
@media (max-width:768px) {
    /* 关键修复：移除 .hoy-main 的 overflow:hidden，防止裁剪水平滚动 */
    .hoy-main {
        overflow: visible !important;
    }

    /* 强制表格更宽，让队名有足够空间（篮球7列，1100px足够） */
    #table-matches-content table {
        min-width: 1100px !important;
    }

    /* 主队/客队名称：给更多空间，不再过度裁剪 */
    .team-name {
        max-width: 160px !important;
        font-size: 13px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .team-cell {
        gap: 6px;
    }

    /* 给主队和客队列设置最小宽度（第3列和第5列） */
    #table-matches-content th:nth-child(3),
    #table-matches-content td:nth-child(3),
    #table-matches-content th:nth-child(5),
    #table-matches-content td:nth-child(5) {
        min-width: 160px !important;
    }

    /* 整体表格内容更紧凑但清晰 */
    #table-matches-content td,
    #table-matches-content th {
        padding: 8px 4px !important;
        font-size: 12.5px !important;
    }
}