/* Extracted from single-match_foot.php */

        .portal-match-wrap { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; background-color: #f5f6f7; padding-bottom: 40px; }
        .portal-match-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
        .portal-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        .hero-board { width: 100%; background-color: var(--theme-color); background-image: url('/wp-content/uploads/images/match_bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 0; margin-bottom: 20px; position: relative; }
        /* 🌟 将之前的 div 升级为带有 H1 语义的类 🌟 */
        h1.hero-meta { text-align: center; color: rgba(255,255,255,0.9); font-size: 16px; font-weight: bold; margin-bottom: 30px; letter-spacing: 0.5px;}
        .hero-vs-zone { display: flex; justify-content: center; align-items: center; max-width: 800px; margin: 0 auto; }
        .hero-team { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
        .hero-logo-box { width: 110px; height: 110px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.15); margin-bottom: 15px; padding: 18px; border: 4px solid rgba(255,255,255,0.8);}
        .hero-logo-box img { width: 100%; height: 100%; object-fit: contain; }
        .hero-team-name { color: #fff; font-size: 22px; font-weight: bold; text-align: center; white-space: nowrap; }
        .hero-team a { text-decoration: none; display: flex; flex-direction: column; align-items: center; }
        .hero-score-zone { flex: 0 0 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .hero-score-row { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 12px; }
        .hero-score-num { font-size: 65px; font-weight: 900; color: #fff; line-height: 1; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
        .hero-colon { font-size: 40px; color: rgba(255,255,255,0.6); font-weight: bold; line-height: 1; padding-bottom: 10px;}
        .hero-status-btn { background: #fff; color: var(--theme-color); padding: 6px 24px; border-radius: 20px; font-size: 14px; font-weight: bold; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
        .hero-status-live { background: #ffeb3b; color: #d32f2f; animation: pulse 2s infinite; }
        @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
        .live-bar { background: #fff; padding: 15px 20px; display: flex; align-items: center; border: 1px solid #eee; border-radius: 8px; margin-bottom: 20px; flex-wrap: wrap; gap: 10px;}
        .live-bar-title { font-size: 16px; font-weight: bold; color: #333; display: flex; align-items: center; gap: 8px; margin-right: 15px; }
        .live-btn { display: inline-block; padding: 6px 18px; background: #f8f9fa; color: #555; text-decoration: none; border-radius: 4px; font-size: 14px; border: 1px solid #ddd; transition: 0.2s;}
        .live-btn:hover { background: var(--theme-color); color: #fff; border-color: var(--theme-color); }
        .portal-section { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; margin-bottom: 20px; overflow: hidden;}
        /* 🌟 将之前的 div 升级为带有 H2 语义的类 🌟 */
        h2.portal-sec-header { background: #fafafa; padding: 12px 20px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #eee; border-left: 4px solid var(--theme-color); }
        .portal-sec-body { padding: 20px; }
        .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .data-table { width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; min-width: 300px;}
        .data-table th { background: #f9f9f9; color: #666; font-weight: normal; padding: 10px; border-bottom: 1px solid #eee; }
        .data-table td { padding: 12px 8px; border-bottom: 1px dashed #eee; color: #333; }
        .td-team-h { text-align: right; width: 40%; font-weight: 500;}
        .td-team-a { text-align: left; width: 40%; font-weight: 500;}
        .td-score { font-weight: bold; color: var(--theme-color); font-size: 15px; width: 20%; background: var(--theme-light-bg); }
        .article-content { font-size: 15px; line-height: 1.8; color: #444; }
        .article-content p { margin-bottom: 15px; }
        .tag-wrap { padding: 15px 20px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 20px;}
        .tag-wrap strong { color: #666; }
        .tag-wrap a { background: #f0f0f0; color: #555; padding: 4px 12px; border-radius: 3px; text-decoration: none; transition: 0.2s;}
        .rel-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px dashed #eee; font-size: 14px; color: #333; text-decoration: none;}
        .rel-row:last-child { border-bottom: none; }
        .rel-time { width: 100px; color: #888; }
        .rel-teams { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px;}
        .rel-teams img { width: 22px; height: 22px; object-fit: contain; }
        .rel-go { color: var(--theme-color); width: 70px; text-align: right; font-size: 13px;}
        /* 移动端绝杀自适应代码 */
        @media (max-width: 768px) {
            .portal-inner { padding: 0; }
            .hero-board { padding: 25px 15px; }
            h1.hero-meta { font-size: 12px; margin-bottom: 15px; }
            .hero-vs-zone { gap: 5px; }
            .hero-logo-box { width: 65px; height: 65px; padding: 10px; border-width: 2px; margin-bottom: 10px; }
            .hero-team-name { font-size: 14px; white-space: normal; line-height: 1.2; padding: 0 5px;}
            .hero-score-zone { flex: 0 0 100px; }
            .hero-score-row { gap: 8px; margin-bottom: 8px; }
            .hero-score-num { font-size: 38px; }
            .hero-colon { font-size: 26px; padding-bottom: 4px; }
            .hero-status-btn { padding: 4px 14px; font-size: 12px; }
            .portal-section, .live-bar, .tag-wrap { border-left: none; border-right: none; border-radius: 0; margin-bottom: 10px; }
            .live-bar { padding: 12px 15px; }
            h2.portal-sec-header { font-size: 15px; padding: 10px 15px; }
            .portal-sec-body { padding: 15px; }
            .tag-wrap { padding: 12px 15px; }
            .data-table { font-size: 13px; }
            .data-table td { padding: 10px 4px; }
            .td-team-h, .td-team-a { max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .rel-time { width: 70px; font-size: 12px; }
            .rel-teams { font-size: 13px; }
            .rel-teams span { max-width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
        }

/* Extracted from single-match_basket.php */

        .portal-match-wrap { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; background-color: #f5f6f7; padding-bottom: 40px; }
        .portal-match-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
        .portal-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        .hero-board { width: 100%; background-color: var(--theme-color); background-image: url('/wp-content/uploads/images/match_bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 0; margin-bottom: 20px; position: relative; }
        /* 🌟 将之前的 div 升级为带有 H1 语义的类 🌟 */
        h1.hero-meta { text-align: center; color: rgba(255,255,255,0.9); font-size: 16px; font-weight: bold; margin-bottom: 30px; letter-spacing: 0.5px;}
        .hero-vs-zone { display: flex; justify-content: center; align-items: center; max-width: 800px; margin: 0 auto; }
        .hero-team { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
        .hero-logo-box { width: 110px; height: 110px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.15); margin-bottom: 15px; padding: 18px; border: 4px solid rgba(255,255,255,0.8);}
        .hero-logo-box img { width: 100%; height: 100%; object-fit: contain; }
        .hero-team-name { color: #fff; font-size: 22px; font-weight: bold; text-align: center; white-space: nowrap; }
        .hero-team a { text-decoration: none; display: flex; flex-direction: column; align-items: center; }
        .hero-score-zone { flex: 0 0 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .hero-score-row { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 12px; }
        .hero-score-num { font-size: 65px; font-weight: 900; color: #fff; line-height: 1; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
        .hero-colon { font-size: 40px; color: rgba(255,255,255,0.6); font-weight: bold; line-height: 1; padding-bottom: 10px;}
        .hero-status-btn { background: #fff; color: var(--theme-color); padding: 6px 24px; border-radius: 20px; font-size: 14px; font-weight: bold; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
        .hero-status-live { background: #ffeb3b; color: #d32f2f; animation: pulse 2s infinite; }
        @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
        .live-bar { background: #fff; padding: 15px 20px; display: flex; align-items: center; border: 1px solid #eee; border-radius: 8px; margin-bottom: 20px; flex-wrap: wrap; gap: 10px;}
        .live-bar-title { font-size: 16px; font-weight: bold; color: #333; display: flex; align-items: center; gap: 8px; margin-right: 15px; }
        .live-btn { display: inline-block; padding: 6px 18px; background: #f8f9fa; color: #555; text-decoration: none; border-radius: 4px; font-size: 14px; border: 1px solid #ddd; transition: 0.2s;}
        .live-btn:hover { background: var(--theme-color); color: #fff; border-color: var(--theme-color); }
        .portal-section { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; margin-bottom: 20px; overflow: hidden;}
        /* 🌟 将之前的 div 升级为带有 H2 语义的类 🌟 */
        h2.portal-sec-header { background: #fafafa; padding: 12px 20px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #eee; border-left: 4px solid var(--theme-color); }
        .portal-sec-body { padding: 20px; }
        .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .data-table, .bk-quarter-table { width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; min-width: 300px;}
        .data-table th, .bk-quarter-table th { background: #f9f9f9; color: #666; font-weight: normal; padding: 10px; border-bottom: 1px solid #eee; }
        .data-table td, .bk-quarter-table td { padding: 12px 8px; border-bottom: 1px dashed #eee; color: #333; }
        .td-team-h { text-align: right; width: 40%; font-weight: 500;}
        .td-team-a { text-align: left; width: 40%; font-weight: 500;}
        .td-score { font-weight: bold; color: var(--theme-color); font-size: 15px; width: 20%; background: var(--theme-light-bg); }
        .bk-quarter-table th { background: #fff4f0; color: #d84b1b; font-weight: bold; min-width: 50px;}
        .bk-quarter-table .td-team-name { text-align: left; font-weight: bold; color: #222; font-size: 15px; min-width: 100px;}
        .article-content { font-size: 15px; line-height: 1.8; color: #444; }
        .article-content p { margin-bottom: 15px; }
        .tag-wrap { padding: 15px 20px; background: #fff; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 20px;}
        .tag-wrap strong { color: #666; }
        .tag-wrap a { background: #f0f0f0; color: #555; padding: 4px 12px; border-radius: 3px; text-decoration: none; transition: 0.2s;}
        .rel-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px dashed #eee; font-size: 14px; color: #333; text-decoration: none;}
        .rel-row:last-child { border-bottom: none; }
        .rel-time { width: 100px; color: #888; }
        .rel-teams { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px;}
        .rel-teams img { width: 22px; height: 22px; object-fit: contain; }
        .rel-go { color: var(--theme-color); width: 70px; text-align: right; font-size: 13px;}
        /* 移动端绝杀自适应代码 */
        @media (max-width: 768px) {
            .portal-inner { padding: 0; }
            .hero-board { padding: 25px 15px; }
            h1.hero-meta { font-size: 12px; margin-bottom: 15px; }
            .hero-vs-zone { gap: 5px; }
            .hero-logo-box { width: 65px; height: 65px; padding: 10px; border-width: 2px; margin-bottom: 10px; }
            .hero-team-name { font-size: 14px; white-space: normal; line-height: 1.2; padding: 0 5px;}
            .hero-score-zone { flex: 0 0 100px; }
            .hero-score-row { gap: 8px; margin-bottom: 8px; }
            .hero-score-num { font-size: 38px; }
            .hero-colon { font-size: 26px; padding-bottom: 4px; }
            .hero-status-btn { padding: 4px 14px; font-size: 12px; }
            .portal-section, .live-bar, .tag-wrap { border-left: none; border-right: none; border-radius: 0; margin-bottom: 10px; }
            .live-bar { padding: 12px 15px; }
            h2.portal-sec-header { font-size: 15px; padding: 10px 15px; }
            .portal-sec-body { padding: 15px; }
            .tag-wrap { padding: 12px 15px; }
            .data-table, .bk-quarter-table { font-size: 13px; }
            .data-table td, .bk-quarter-table td { padding: 10px 4px; }
            .td-team-h, .td-team-a { max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .rel-time { width: 70px; font-size: 12px; }
            .rel-teams { font-size: 13px; }
            .rel-teams span { max-width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
        }