大马猴杯世界赛 · 第三届
2026/8/1...大约 25 分钟赛事
第三届大马猴杯世界赛日程安排
💡 本次大马猴杯世界赛只有个人赛
- 💰 总奖金:526,000
- 赛道记录保持者:一张图1000,总计26张图26000.
第三届大马猴杯世界赛-个人赛
<link rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.4.0/css/fontawesome.min.css">
<table>
<thead>
<tr>
<th colspan="5" style="font-size: xxx-large;">2026-第三届 大马猴杯跑跑卡丁车世界赛日程安排</th>
</tr>
<tr>
<th class="thbg">流程日</th>
<th class="thbg">具体日期</th>
<th class="thbg">赛程安排</th>
<th class="thbg">场次</th>
<th class="thbg">备注</th>
</tr>
</thead>
<tbody>
<tr style="height: 53px;">
<td>报名时间</td>
<td>7月18日 ~ 7月22日</td>
<td>报名时间</td>
<td>5天</td>
<td style="background-color: rgb(224,196,178);">报名方式
<br/><i class="fa-brands fa-tiktok"></i> 抖音搜索<a href="https://v.douyin.com/NJqU4CoW9P4/" style="font-weight: bolder;color: rgb(13, 109, 252);text-decoration: none;font-size: large;"
target="_blank"> 大马猴电竞</a><br/>私信发送【世界赛报名】<br/>即可获取报名链接</td>
</tr>
<tr style="height: 53px;">
<td>海选赛</td>
<td>7月25日 ~ 7月27日</td>
<td>N进128</td>
<td>抢分</td>
<td style="background-color: rgb(224,196,178);">海选线上比赛
<br/>随机抽取比赛选手房间</td>
</tr>
<tr style="height: 53px;">
<td>线上 Day1</td>
<td>7月28日</td>
<td>128进64 - ABCDEFGH 组</td>
<td>抢60分</td>
<td rowspan="4" style="background-color: rgb(224,196,178);">线上比赛
<br/>(每晚20:00)<br/>每场比赛全程直播</td>
</tr>
<tr style="height: 53px;">
<td>线上 Day2</td>
<td>7月29日</td>
<td>128进64 - IJKLMNOP 组</td>
<td>抢60分</td>
</tr>
<tr style="height: 53px;">
<td>线上 Day3</td>
<td>7月30日</td>
<td>64进32 - ABCD 组</td>
<td>抢80分</td>
</tr>
<tr style="height: 53px;">
<td>线上Day4</td>
<td>7月31日</td>
<td>64进32 - EFGH 组</td>
<td>抢80分</td>
</tr>
<tr style="height: 53px;">
<td>选手到达广饶 / 训练</td>
<td>8月10日 ~ 8月14日</td>
<td>选手到达/训练</td>
<td>-</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day1</td>
<td>8月15日</td>
<td>32进16 A、B组</td>
<td>/</td>
<td rowspan="6" style="background-color: rgb(172,229,142);">线下比赛
<br/>(每晚18:00开始<br/>每场比赛全程直播)</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day2</td>
<td>8月16日</td>
<td>32进16 C、D组</td>
<td>/</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day3</td>
<td>8月17日</td>
<td>32进16 复活赛(上下半区)</td>
<td>/</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day4</td>
<td>8月19日</td>
<td>16进8 A、B组+胜者组</td>
<td>/</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day5</td>
<td>8月20日</td>
<td>16进8 胜者组+胜败复活</td>
<td>/</td>
</tr>
<tr style="height: 53px;">
<td>线下 Day6</td>
<td>10月18日</td>
<td style="font-size: xx-large;">🏆 总决赛</td>
<td>/</td>
</tr>
</tbody>
</table> /* ===== 原有表格样式 ===== */
table {
width: 100%;
border-collapse: collapse;
text-align: center;
color: var(--vp-c-text) !important;
font-size: 15px;
}
th,
td {
border: 1px solid #333;
padding: 8px;
}
.thbg {
background-color: rgb(168, 196, 221);
}
/* ===== 新增:已完成行样式(由 JS 动态添加) ===== */
tr.row-completed td:not([style*="background-color: rgb(224,196,178)"]) {
background-color: #d4edda !important;
color: #155724 !important;
}
/* 可选:在已完成行加一个小标记(纯 CSS 装饰) */
tr.row-completed td:first-child::after {
content: " ✅";
font-size: 14px;
opacity: 0.8;
} (function() {
'use strict';
// ---------- 配置(可按需修改) ----------
const CONFIG = {
// 表格选择器(默认自动查找页面中的第一个 <table>)
tableSelector: 'table',
// 日期列索引(0-based,第2列 = 索引1)
dateColumnIndex: 1,
// 已完成行的 CSS 类名
completedClass: 'row-completed',
// 是否在控制台输出调试信息
debug: true,
// 年份:null 表示从表格标题自动提取,否则直接指定(如 2026)
year: null,
};
// ---------- 工具函数 ----------
function log(...args) {
if (CONFIG.debug) console.log('[日程标记]', ...args);
}
// 从文本中提取年份(匹配 4 位数字)
function extractYear(text) {
const m = text.match(/(\d{4})/);
return m ? parseInt(m[0]) : null;
}
// 解析单个日期 "X月Y日" → Date 对象(使用指定年份)
function parseSingleDate(str, year) {
const m = str.trim().match(/(\d{1,2})月(\d{1,2})日/);
if (!m) return null;
const month = parseInt(m[1]) - 1; // JS 月份 0-based
const day = parseInt(m[2]);
return new Date(year, month, day);
}
// 解析日期列文本,返回 { endDate, raw },若解析失败返回 null
function parseDateColumn(text, year) {
const cleaned = text.replace(/\s+/g, ' ').trim();
// 尝试匹配范围 "7月18日 ~ 7月22日"
const rangeMatch = cleaned.match(/(\d{1,2}月\d{1,2}日)\s*[~~]\s*(\d{1,2}月\d{1,2}日)/);
if (rangeMatch) {
const endStr = rangeMatch[2];
const endDate = parseSingleDate(endStr, year);
return endDate ? { endDate, raw: cleaned } : null;
}
// 尝试匹配单个日期 "7月28日"
const single = parseSingleDate(cleaned, year);
if (single) {
return { endDate: single, raw: cleaned };
}
return null;
}
// 判断当前日期是否 > 目标日期(只比较日期,忽略时间)
function isDatePassed(targetDate) {
const now = new Date();
// 重置时间为 00:00:00 只比较日期
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
const target = new Date(targetDate.getFullYear(), targetDate.getMonth(), targetDate.getDate());
return today > target;
}
// ---------- 主逻辑 ----------
function markCompletedRows() {
const table = document.querySelector(CONFIG.tableSelector);
if (!table) {
log('❌ 未找到表格,请检查 tableSelector 配置');
return;
}
// 1. 确定年份
let year = CONFIG.year;
if (!year) {
// 从表格标题(第一个 th 的 colspan=5)提取
const headerTh = table.querySelector('thead tr th[colspan="5"]');
if (headerTh) {
const title = headerTh.textContent;
const extracted = extractYear(title);
if (extracted) {
year = extracted;
log(`📅 从标题提取年份: ${year}`);
}
}
if (!year) {
// 降级使用当前年份
year = new Date().getFullYear();
log(`⚠️ 未提取到年份,使用当前年份: ${year}`);
}
} else {
log(`📅 使用配置年份: ${year}`);
}
// 2. 遍历 tbody 中的所有行
const rows = table.querySelectorAll('tbody tr');
let passedCount = 0;
let totalCount = rows.length;
rows.forEach((row, index) => {
const cells = row.querySelectorAll('td');
if (cells.length <= CONFIG.dateColumnIndex) {
log(`⏭️ 第 ${index+1} 行:列数不足,跳过`);
return;
}
const dateCell = cells[CONFIG.dateColumnIndex];
const dateText = dateCell.textContent.trim();
if (!dateText) {
log(`⏭️ 第 ${index+1} 行:日期列为空,跳过`);
return;
}
// 解析日期
const parsed = parseDateColumn(dateText, year);
if (!parsed) {
log(`⚠️ 第 ${index+1} 行:无法解析日期 "${dateText}",跳过`);
return;
}
const { endDate, raw } = parsed;
// 判断是否已过
if (isDatePassed(endDate)) {
row.classList.add(CONFIG.completedClass);
passedCount++;
log(`✅ 第 ${index+1} 行:已过期 (${raw}) → 添加标记`);
} else {
log(`⏳ 第 ${index+1} 行:未过期 (${raw})`);
}
});
log(`🎯 完成!共 ${totalCount} 行,标记 ${passedCount} 行为“已完成”`);
}
// ---------- 自动执行 ----------
// 确保 DOM 加载完成后运行
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', markCompletedRows);
} else {
// DOM 已就绪,直接执行
markCompletedRows();
}
// 暴露到全局,方便调试或手动重新触发
window.markScheduleCompleted = markCompletedRows;
})();时间/奖金/比赛赛道池

赛事直播回放视频
手动复制链接(最右侧可以选择一键复制)
https://www.alipan.com/s/y6UBZU3aygDhttps://pan.baidu.com/s/1uJKpLuZ3nR5ZpqBD3B_A1Q?pwd=anwnhttps://www.123865.com/s/HEl8Vv-g3dAhhttps://www.bilibili.com/video/BV1zU3w6qEC5如果您想分享给其它人可以点击一键复制内容分享给其他人
大马猴杯第三届世界赛直播回放(正赛开始含弹幕)✌
阿里云盘:https://www.alipan.com/s/y6UBZU3aygD
百度云盘:https://pan.baidu.com/s/1uJKpLuZ3nR5ZpqBD3B_A1Q?pwd=anwn
123 云盘:https://www.123865.com/s/HEl8Vv-g3dAh
哔哩哔哩:https://www.bilibili.com/video/BV1ucnfzJEVT赛事进程名单
赛事进程名单
<div class="container">
<!-- 头部 -->
<div class="header">
<div class="date-info">
<strong>128进64</strong> | <strong>7/28</strong> 进行 A–H 组 ·
<strong>7/29</strong> 进行 I–P 组 · 20:00 按顺序开始
</div>
</div>
<!-- 分组网格 -->
<!-- GROUPS (all static) -->
<div class="groups-grid">
<!-- MATCH A -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH A <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">金涛</div>
<div class="player-item color-2">崔智赫</div>
<div class="player-item color-3">宋容准</div>
<div class="player-item color-4">萌新</div>
<div class="player-item color-5">雨滴</div>
<div class="player-item color-6">小花花</div>
<div class="player-item color-7">咖啡</div>
<div class="player-item color-8">奈克</div>
</div>
</div>
<!-- MATCH B -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH B <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">李宰赫</div>
<div class="player-item color-2">卡尔</div>
<div class="player-item color-3">朱玟奎</div>
<div class="player-item color-4">LIN</div>
<div class="player-item color-5">曹永薰</div>
<div class="player-item color-6">橙汁汗</div>
<div class="player-item color-7">朴峻石</div>
<div class="player-item color-8">短裙</div>
</div>
</div>
<!-- MATCH C -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH C <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">鸡哥</div>
<div class="player-item color-2">金意持</div>
<div class="player-item color-3">S8</div>
<div class="player-item color-4">李民宰</div>
<div class="player-item color-5">梁完圭</div>
<div class="player-item color-6">丸山彩</div>
<div class="player-item color-7">专属</div>
<div class="player-item color-8">1SW1</div>
</div>
</div>
<!-- MATCH D -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH D <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">文豪浚</div>
<div class="player-item color-2">崔允瑞</div>
<div class="player-item color-3">背锅侠</div>
<div class="player-item color-4">金马</div>
<div class="player-item color-5">张博</div>
<div class="player-item color-6">李思圣</div>
<div class="player-item color-7">车行</div>
<div class="player-item color-8">云辙</div>
</div>
</div>
<!-- MATCH E -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH E <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">朴仁秀</div>
<div class="player-item color-2">SSS</div>
<div class="player-item color-3">尿布</div>
<div class="player-item color-4">黄寅浩</div>
<div class="player-item color-5">外流</div>
<div class="player-item color-6">灰尘尘</div>
<div class="player-item color-7">小饱熊</div>
<div class="player-item color-8">GGGIF</div>
</div>
</div>
<!-- MATCH F -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH F <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">刘永赫</div>
<div class="player-item color-2">李明宰</div>
<div class="player-item color-3">凯伊酱</div>
<div class="player-item color-4">NFA</div>
<div class="player-item color-5">月夜</div>
<div class="player-item color-6">维斯</div>
<div class="player-item color-7">找姐姐</div>
<div class="player-item color-8">大仙</div>
</div>
</div>
<!-- MATCH G -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH G <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">放纵</div>
<div class="player-item color-2">俊宏</div>
<div class="player-item color-3">小铭</div>
<div class="player-item color-4">李昌义</div>
<div class="player-item color-5">李升远</div>
<div class="player-item color-6">考拉</div>
<div class="player-item color-7">豌豆</div>
<div class="player-item color-8">WNNXIA</div>
</div>
</div>
<!-- MATCH H -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH H <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">XX</div>
<div class="player-item color-2">宣泄</div>
<div class="player-item color-3">NH</div>
<div class="player-item color-4">光碟</div>
<div class="player-item color-5">朴正益</div>
<div class="player-item color-6">姐己</div>
<div class="player-item color-7">白鸽</div>
<div class="player-item color-8">JL</div>
</div>
</div>
<!-- MATCH I -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH I <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">金应兑</div>
<div class="player-item color-2">缔造</div>
<div class="player-item color-3">巴黎</div>
<div class="player-item color-4">权纯载</div>
<div class="player-item color-5">比鲁斯</div>
<div class="player-item color-6">大吾</div>
<div class="player-item color-7">金建旼</div>
<div class="player-item color-8">朴灿赫</div>
</div>
</div>
<!-- MATCH J -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH J <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">爆哥</div>
<div class="player-item color-2">飚风</div>
<div class="player-item color-3">朴眩秀</div>
<div class="player-item color-4">韩棋雄</div>
<div class="player-item color-5">郑太均</div>
<div class="player-item color-6">若寒</div>
<div class="player-item color-7">李雪花</div>
<div class="player-item color-8">李贺晏</div>
</div>
</div>
<!-- MATCH K -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH K <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">小牧</div>
<div class="player-item color-2">PR</div>
<div class="player-item color-3">别卡</div>
<div class="player-item color-4">小李</div>
<div class="player-item color-5">小钊</div>
<div class="player-item color-6">琳</div>
<div class="player-item color-7">米奇</div>
<div class="player-item color-8">FELIX</div>
</div>
</div>
<!-- MATCH L -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH L <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">小寒</div>
<div class="player-item color-2">柳昌贤</div>
<div class="player-item color-3">SH</div>
<div class="player-item color-4">高京民</div>
<div class="player-item color-5">油门</div>
<div class="player-item color-6">李太键</div>
<div class="player-item color-7">金裕贤</div>
<div class="player-item color-8">阿晨</div>
</div>
</div>
<!-- MATCH M -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH M <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">高秉秀</div>
<div class="player-item color-2">彦成</div>
<div class="player-item color-3">李相荣</div>
<div class="player-item color-4">X8</div>
<div class="player-item color-5">张健</div>
<div class="player-item color-6">昨日方舟</div>
<div class="player-item color-7">KEPER</div>
<div class="player-item color-8">韩志后</div>
</div>
</div>
<!-- MATCH N -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH N <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">佑哥</div>
<div class="player-item color-2">影哥</div>
<div class="player-item color-3">MYSTIC</div>
<div class="player-item color-4">奇拉拉</div>
<div class="player-item color-5">拿铁</div>
<div class="player-item color-6">周宰贤</div>
<div class="player-item color-7">卡门哥</div>
<div class="player-item color-8">柠檬</div>
</div>
</div>
<!-- MATCH O -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH O <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">犀利</div>
<div class="player-item color-2">麟涛</div>
<div class="player-item color-3">具本锡</div>
<div class="player-item color-4">文立</div>
<div class="player-item color-5">林时勋</div>
<div class="player-item color-6">李升元</div>
<div class="player-item color-7">番茄</div>
<div class="player-item color-8">梦想</div>
</div>
</div>
<!-- MATCH P -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH P <small>7/29</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">李弘一</div>
<div class="player-item color-2">669</div>
<div class="player-item color-3">河西琎</div>
<div class="player-item color-4">李光虎</div>
<div class="player-item color-5">尘言</div>
<div class="player-item color-6">豹子</div>
<div class="player-item color-7">崔孝仁</div>
<div class="player-item color-8">水水</div>
</div>
</div>
</div>
</div>
<br /><br /><br />
<div class="container">
<div class="header">
<div class="date-info" style="font-size: 1.5rem; font-weight: bold;">
🏆 128进64 全部晋级名单(A–P 组)
</div>
</div>
<!-- 所有组卡片网格 -->
<div class="advance-grid-all">
<!-- ===== GROUP A ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP A</div>
<div class="advance-list">
<div class="advance-item top4">金涛 <span class="score">63</span></div>
<div class="advance-item top4">雨滴 <span class="score">58</span></div>
<div class="advance-item top4">崔智赫 <span class="score">49</span></div>
<div class="advance-item top4">宋容准 <span class="score">41</span></div>
<div class="advance-item bottom4">萌新 <span class="score">22</span></div>
<div class="advance-item bottom4">小花花 <span class="score">13</span></div>
<div class="advance-item bottom4">咖啡 <span class="score">9</span></div>
<div class="advance-item bottom4">奈克 <span class="score">6</span></div>
</div>
</div>
<!-- ===== GROUP B ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP B</div>
<div class="advance-list">
<div class="advance-item top4">李宰赫 <span class="score">68</span></div>
<div class="advance-item top4">卡尔 <span class="score">65</span></div>
<div class="advance-item top4">曹永薰 <span class="score">34</span></div>
<div class="advance-item top4">朱攻奎 <span class="score">26</span></div>
<div class="advance-item bottom4">橙汁汗 <span class="score">20</span></div>
<div class="advance-item bottom4">朴峻石 <span class="score">17</span></div>
<div class="advance-item bottom4">LIN <span class="score">5</span></div>
<div class="advance-item bottom4">短裙 <span class="score">-7</span></div>
</div>
</div>
<!-- ===== GROUP C ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP C</div>
<div class="advance-list">
<div class="advance-item top4">S8 <span class="score">65</span></div>
<div class="advance-item top4">鸡哥 <span class="score">58</span></div>
<div class="advance-item top4">李民宰 <span class="score">56</span></div>
<div class="advance-item top4">金意持 <span class="score">51</span></div>
<div class="advance-item bottom4">梁宪圭 <span class="score">34</span></div>
<div class="advance-item bottom4">老鼠 <span class="score">31</span></div>
<div class="advance-item bottom4">专属 <span class="score">26</span></div>
<div class="advance-item bottom4">1SW1 <span class="score">14</span></div>
</div>
</div>
<!-- ===== GROUP D ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP D</div>
<div class="advance-list">
<div class="advance-item top4">文豪浚 <span class="score">65</span></div>
<div class="advance-item top4">背锅侠 <span class="score">48</span></div>
<div class="advance-item top4">崔允瑞 <span class="score">40</span></div>
<div class="advance-item top4">张博 <span class="score">39</span></div>
<div class="advance-item bottom4">金马 <span class="score">24</span></div>
<div class="advance-item bottom4">车行 <span class="score">11</span></div>
<div class="advance-item bottom4">云辙 <span class="score">/</span></div>
<div class="advance-item bottom4">李恩圣 <span class="score">/</span></div>
</div>
</div>
<!-- ===== GROUP E ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP E</div>
<div class="advance-list">
<div class="advance-item top4">SSS <span class="score">63</span></div>
<div class="advance-item top4">朴仁秀 <span class="score">62</span></div>
<div class="advance-item top4">黄寅浩 <span class="score">39</span></div>
<div class="advance-item top4">外流 <span class="score">26</span></div>
<div class="advance-item bottom4">尿布 <span class="score">18</span></div>
<div class="advance-item bottom4">小饱熊 <span class="score">16</span></div>
<div class="advance-item bottom4">GGGIF <span class="score">5</span></div>
<div class="advance-item bottom4">灰尘尘 <span class="score">5</span></div>
</div>
</div>
<!-- ===== GROUP F ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP F</div>
<div class="advance-list">
<div class="advance-item top4">刘永赫 <span class="score">62</span></div>
<div class="advance-item top4">李明宰 <span class="score">61</span></div>
<div class="advance-item top4">赵姐姐 <span class="score">36</span></div>
<div class="advance-item top4">月夜 <span class="score">31</span></div>
<div class="advance-item bottom4">凯伊酱 <span class="score">20</span></div>
<div class="advance-item bottom4">NFA <span class="score">18</span></div>
<div class="advance-item bottom4">维斯 <span class="score">15</span></div>
<div class="advance-item bottom4">大仙 <span class="score">14</span></div>
</div>
</div>
<!-- ===== GROUP G ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP G</div>
<div class="advance-list">
<div class="advance-item top4">放纵 <span class="score">67</span></div>
<div class="advance-item top4">俊宏 <span class="score">46</span></div>
<div class="advance-item top4">小铭 <span class="score">37</span></div>
<div class="advance-item top4">李升远 <span class="score">37</span></div>
<div class="advance-item bottom4">李昌义 <span class="score">34</span></div>
<div class="advance-item bottom4">WNNXIA <span class="score">22</span></div>
<div class="advance-item bottom4">考拉 <span class="score">10</span></div>
<div class="advance-item bottom4">豌豆 <span class="score">0</span></div>
</div>
</div>
<!-- ===== GROUP H ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP H</div>
<div class="advance-list">
<div class="advance-item top4">XX <span class="score">62</span></div>
<div class="advance-item top4">宣泄 <span class="score">50</span></div>
<div class="advance-item top4">光碟 <span class="score">37</span></div>
<div class="advance-item top4">朴正益 <span class="score">20</span></div>
<div class="advance-item bottom4">白鸽 <span class="score">12</span></div>
<div class="advance-item bottom4">姐己 <span class="score">11</span></div>
<div class="advance-item bottom4">JL <span class="score">6</span></div>
<div class="advance-item bottom4">NH <span class="score">5</span></div>
</div>
</div>
<!-- ===== GROUP I ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP I</div>
<div class="advance-list">
<div class="advance-item top4">金应兑 <span class="score">67</span></div>
<div class="advance-item top4">缔造 <span class="score">64</span></div>
<div class="advance-item top4">巴黎 <span class="score">41</span></div>
<div class="advance-item top4">金建旼 <span class="score">33</span></div>
<div class="advance-item bottom4">权纯载 <span class="score">29</span></div>
<div class="advance-item bottom4">比鲁斯 <span class="score">29</span></div>
<div class="advance-item bottom4">大吾 <span class="score">19</span></div>
<div class="advance-item bottom4">朴灿赫 <span class="score">9</span></div>
</div>
</div>
<!-- ===== GROUP J ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP J</div>
<div class="advance-list">
<div class="advance-item top4">爆哥 <span class="score">68</span></div>
<div class="advance-item top4">朴眩秀 <span class="score">56</span></div>
<div class="advance-item top4">韩棋雄 <span class="score">39</span></div>
<div class="advance-item top4">郑太均 <span class="score">27</span></div>
<div class="advance-item bottom4">飚风 <span class="score">25</span></div>
<div class="advance-item bottom4">若寒 <span class="score">12</span></div>
<div class="advance-item bottom4">李雪花 <span class="score">6</span></div>
<div class="advance-item bottom4">李贺晏 <span class="score">-9</span></div>
</div>
</div>
<!-- ===== GROUP K ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP K</div>
<div class="advance-list">
<div class="advance-item top4">小牧 <span class="score">60</span></div>
<div class="advance-item top4">PR <span class="score">41</span></div>
<div class="advance-item top4">别卡 <span class="score">32</span></div>
<div class="advance-item top4">小闻 <span class="score">17</span></div>
<div class="advance-item bottom4">琳 <span class="score">16</span></div>
<div class="advance-item bottom4">小李 <span class="score">14</span></div>
<div class="advance-item bottom4">小钊 <span class="score">13</span></div>
<div class="advance-item bottom4">FELIX <span class="score">10</span></div>
</div>
</div>
<!-- ===== GROUP L ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP L</div>
<div class="advance-list">
<div class="advance-item top4">柳昌贤 <span class="score">66</span></div>
<div class="advance-item top4">小寒 <span class="score">53</span></div>
<div class="advance-item top4">SH <span class="score">44</span></div>
<div class="advance-item top4">油门 <span class="score">22</span></div>
<div class="advance-item bottom4">高京民 <span class="score">21</span></div>
<div class="advance-item bottom4">李太键 <span class="score">17</span></div>
<div class="advance-item bottom4">阿晨 <span class="score">4</span></div>
<div class="advance-item bottom4">金裕贤 <span class="score">1</span></div>
</div>
</div>
<!-- ===== GROUP M ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP M</div>
<div class="advance-list">
<div class="advance-item top4">高秉秀 <span class="score">60</span></div>
<div class="advance-item top4">李相荣 <span class="score">33</span></div>
<div class="advance-item top4">彦成 <span class="score">22</span></div>
<div class="advance-item top4">张健 <span class="score">21</span></div>
<div class="advance-item bottom4">X8 <span class="score">16</span></div>
<div class="advance-item bottom4">昨日方舟 <span class="score">12</span></div>
<div class="advance-item bottom4">KEPER <span class="score">2</span></div>
<div class="advance-item bottom4">话哥 <span class="score">-4</span></div>
</div>
</div>
<!-- ===== GROUP N ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP N</div>
<div class="advance-list">
<div class="advance-item top4">佑哥 <span class="score">62</span></div>
<div class="advance-item top4">奇拉拉 <span class="score">45</span></div>
<div class="advance-item top4">影哥 <span class="score">37</span></div>
<div class="advance-item top4">MYSTIC <span class="score">29</span></div>
<div class="advance-item bottom4">柠檬 <span class="score">27</span></div>
<div class="advance-item bottom4">卡门哥 <span class="score">19</span></div>
<div class="advance-item bottom4">拿铁 <span class="score">9</span></div>
<div class="advance-item bottom4">周宇贤 <span class="score">0</span></div>
</div>
</div>
<!-- ===== GROUP O ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP O</div>
<div class="advance-list">
<div class="advance-item top4">犀利 <span class="score">66</span></div>
<div class="advance-item top4">具本锡 <span class="score">47</span></div>
<div class="advance-item top4">麟涛 <span class="score">39</span></div>
<div class="advance-item top4">文立 <span class="score">36</span></div>
<div class="advance-item bottom4">梦想 <span class="score">30</span></div>
<div class="advance-item bottom4">番茄 <span class="score">17</span></div>
<div class="advance-item bottom4">林时勋 <span class="score">14</span></div>
<div class="advance-item bottom4">李升元 <span class="score">3</span></div>
</div>
</div>
<!-- ===== GROUP P ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP P</div>
<div class="advance-list">
<div class="advance-item top4">李弘一 <span class="score">60</span></div>
<div class="advance-item top4">669 <span class="score">39</span></div>
<div class="advance-item top4">河西琎 <span class="score">38</span></div>
<div class="advance-item top4">崔孝仁 <span class="score">36</span></div>
<div class="advance-item bottom4">尘言 <span class="score">23</span></div>
<div class="advance-item bottom4">李光虎 <span class="score">19</span></div>
<div class="advance-item bottom4">水水 <span class="score">13</span></div>
<div class="advance-item bottom4">豹子 <span class="score">4</span></div>
</div>
</div>
</div>
</div>
<br /><br /><br />
<div class="container">
<!-- 头部 -->
<div class="header">
<div class="date-info">
<strong>64进32</strong> | <strong>7/30</strong> 进行 A–D 组 ·
<strong>7/31</strong> 进行 E–H 组 · 20:00 按顺序开始
</div>
</div>
<!-- 分组网格 -->
<!-- GROUPS (all static) -->
<div class="groups-grid">
<!-- MATCH A -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH A <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">李宰赫</div>
<div class="player-item color-2">小牧</div>
<div class="player-item color-3">李明宰</div>
<div class="player-item color-4">宣泄</div>
<div class="player-item color-5">麟涛</div>
<div class="player-item color-6">影哥</div>
<div class="player-item color-7">MYSTIC</div>
<div class="player-item color-8">小闻</div>
</div>
</div>
<!-- MATCH B -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH B <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">高秉秀</div>
<div class="player-item color-2">犀利</div>
<div class="player-item color-3">朴眩秀</div>
<div class="player-item color-4">雨滴</div>
<div class="player-item color-5">黄寅浩</div>
<div class="player-item color-6">崔允瑞</div>
<div class="player-item color-7">郑太均</div>
<div class="player-item color-8">油门</div>
</div>
</div>
<!-- MATCH C -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH C <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">文豪浚</div>
<div class="player-item color-2">放纵</div>
<div class="player-item color-3">鸡哥</div>
<div class="player-item color-4">具本锡</div>
<div class="player-item color-5">光碟</div>
<div class="player-item color-6">曹永薰</div>
<div class="player-item color-7">朴正益</div>
<div class="player-item color-8">金意持</div>
</div>
</div>
<!-- MATCH D -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH D <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">刘永赫</div>
<div class="player-item color-2">爆哥</div>
<div class="player-item color-3">朴仁秀</div>
<div class="player-item color-4">PR</div>
<div class="player-item color-5">崔智赫</div>
<div class="player-item color-6">彦成</div>
<div class="player-item color-7">李升远</div>
<div class="player-item color-8">朱玟奎</div>
</div>
</div>
<!-- MATCH E -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH E <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">柳昌贤</div>
<div class="player-item color-2">金涛</div>
<div class="player-item color-3">缔造</div>
<div class="player-item color-4">俊宏</div>
<div class="player-item color-5">别卡</div>
<div class="player-item color-6">SH</div>
<div class="player-item color-7">宋容准</div>
<div class="player-item color-8">月夜</div>
</div>
</div>
<!-- MATCH F -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH F <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">金应兑</div>
<div class="player-item color-2">佑哥</div>
<div class="player-item color-3">小寒</div>
<div class="player-item color-4">背锅侠</div>
<div class="player-item color-5">河西琎</div>
<div class="player-item color-6">韩棋雄</div>
<div class="player-item color-7">外流</div>
<div class="player-item color-8">文立</div>
</div>
</div>
<!-- MATCH G -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH G <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">S8</div>
<div class="player-item color-2">XX</div>
<div class="player-item color-3">李相荣</div>
<div class="player-item color-4">奇拉拉</div>
<div class="player-item color-5">李民宰</div>
<div class="player-item color-6">找姐姐</div>
<div class="player-item color-7">崔孝仁</div>
<div class="player-item color-8">金建旼</div>
</div>
</div>
<!-- MATCH H -->
<div class="group-card">
<div class="group-header">
<span class="group-label">MATCH H <small>7/28</small></span>
<span class="match-time">20:00</span>
</div>
<div class="players-grid">
<div class="player-item color-1">李弘一</div>
<div class="player-item color-2">SSS</div>
<div class="player-item color-3">669</div>
<div class="player-item color-4">卡尔</div>
<div class="player-item color-5">巴黎</div>
<div class="player-item color-6">小铭</div>
<div class="player-item color-7">张博</div>
<div class="player-item color-8">张健</div>
</div>
</div>
</div>
</div>
<br/><br/><br/>
<div class="container">
<div class="header">
<div class="date-info" style="font-size: 1.5rem; font-weight: bold;">
🏆 64进32 全部晋级名单(A–H 组)
</div>
</div>
<!-- 所有组卡片网格 -->
<div class="advance-grid-all">
<!-- ===== GROUP A ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP A</div>
<div class="advance-list">
<div class="advance-item top4">李宰赫 <span class="score">86</span></div>
<div class="advance-item top4">李明宰 <span class="score">52</span></div>
<div class="advance-item top4">宣泄 <span class="score">45</span></div>
<div class="advance-item top4">麟涛 <span class="score">36</span></div>
<div class="advance-item bottom4">MYSTIC <span class="score">30</span></div>
<div class="advance-item bottom4">小牧 <span class="score">25</span></div>
<div class="advance-item bottom4">影哥 <span class="score">20</span></div>
<div class="advance-item bottom4">小闻 <span class="score">-4</span></div>
</div>
</div>
<!-- ===== GROUP B ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP B</div>
<div class="advance-list">
<div class="advance-item top4">高秉秀 <span class="score">82</span></div>
<div class="advance-item top4">犀利 <span class="score">56</span></div>
<div class="advance-item top4">雨滴 <span class="score">56</span></div>
<div class="advance-item top4">朴昡秀 <span class="score">50</span></div>
<div class="advance-item bottom4">崔允瑞 <span class="score">30</span></div>
<div class="advance-item bottom4">黄寅浩 <span class="score">21</span></div>
<div class="advance-item bottom4">油门 <span class="score">15</span></div>
<div class="advance-item bottom4">郑太均 <span class="score">9</span></div>
</div>
</div>
<!-- ===== GROUP C ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP C</div>
<div class="advance-list">
<div class="advance-item top4">文豪浚 <span class="score">80</span></div>
<div class="advance-item top4">金意持 <span class="score">75</span></div>
<div class="advance-item top4">放纵 <span class="score">71</span></div>
<div class="advance-item top4">鸡哥 <span class="score">35</span></div>
<div class="advance-item bottom4">朴正益 <span class="score">33</span></div>
<div class="advance-item bottom4">曺永薰 <span class="score">29</span></div>
<div class="advance-item bottom4">光碟 <span class="score">28</span></div>
<div class="advance-item bottom4">具本锡 <span class="score">22</span></div>
</div>
</div>
<!-- ===== GROUP D ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP D</div>
<div class="advance-list">
<div class="advance-item top4">朴仁秀 <span class="score">89</span></div>
<div class="advance-item top4">爆哥 <span class="score">70</span></div>
<div class="advance-item top4">刘永赫 <span class="score">54</span></div>
<div class="advance-item top4">PR <span class="score">47</span></div>
<div class="advance-item bottom4">崔智赫 <span class="score">40</span></div>
<div class="advance-item bottom4">朱玟奎 <span class="score">27</span></div>
<div class="advance-item bottom4">彦成 <span class="score">-6</span></div>
<div class="advance-item bottom4">李升远 <span class="score">-15</span></div>
</div>
</div>
<!-- ===== GROUP E ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP E</div>
<div class="advance-list">
<div class="advance-item top4">俊宏 <span class="score">82</span></div>
<div class="advance-item top4">金涛 <span class="score">62</span></div>
<div class="advance-item top4">柳昌贤 <span class="score">58</span></div>
<div class="advance-item top4">别卡 <span class="score">51</span></div>
<div class="advance-item bottom4">宋容准 <span class="score">39</span></div>
<div class="advance-item bottom4">缔造 <span class="score">38</span></div>
<div class="advance-item bottom4">SH <span class="score">32</span></div>
<div class="advance-item bottom4">月夜 <span class="score">16</span></div>
</div>
</div>
<!-- ===== GROUP F ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP F</div>
<div class="advance-list">
<div class="advance-item top4">金应兑 <span class="score">81</span></div>
<div class="advance-item top4">佑哥 <span class="score">63</span></div>
<div class="advance-item top4">小寒 <span class="score">58</span></div>
<div class="advance-item top4">韩棋雄 <span class="score">50</span></div>
<div class="advance-item bottom4">河西琎 <span class="score">35</span></div>
<div class="advance-item bottom4">背锅侠 <span class="score">30</span></div>
<div class="advance-item bottom4">文立 <span class="score">19</span></div>
<div class="advance-item bottom4">外流 <span class="score">8</span></div>
</div>
</div>
<!-- ===== GROUP G ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP G</div>
<div class="advance-list">
<div class="advance-item top4">XX <span class="score">82</span></div>
<div class="advance-item top4">崔孝仁 <span class="score">33</span></div>
<div class="advance-item top4">S8 <span class="score">33</span></div>
<div class="advance-item top4">李相容 <span class="score">28</span></div>
<div class="advance-item bottom4">李民宰 <span class="score">27</span></div>
<div class="advance-item bottom4">奇拉拉 <span class="score">26</span></div>
<div class="advance-item bottom4">找姐姐 <span class="score">22</span></div>
<div class="advance-item bottom4">金建旼 <span class="score">10</span></div>
</div>
</div>
<!-- ===== GROUP H ===== -->
<div class="advance-group">
<div class="advance-group-title">GROUP H</div>
<div class="advance-list">
<div class="advance-item top4">李弘一 <span class="score">83</span></div>
<div class="advance-item top4">卡尔 <span class="score">73</span></div>
<div class="advance-item top4">巴黎 <span class="score">56</span></div>
<div class="advance-item top4">张博 <span class="score">44</span></div>
<div class="advance-item bottom4">669 <span class="score">43</span></div>
<div class="advance-item bottom4">SSS <span class="score">41</span></div>
<div class="advance-item bottom4">张健 <span class="score">38</span></div>
<div class="advance-item bottom4">小铭 <span class="score">23</span></div>
</div>
</div>/* ===== 全局样式(normal-demo 会注入) ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #0b0e17;
font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', sans-serif;
padding: 30px 20px 60px;
color: #fff;
}
.container {
background: #0b0e17;
max-width: 1400px;
margin: 0 auto;
}
/* ===== 头部 ===== */
.header {
text-align: center;
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: 2px solid rgba(255, 215, 0, 0.25);
position: relative;
}
.header::after {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 350px;
height: 3px;
background: linear-gradient(90deg, #ffd700, #ff6b00, #ffd700);
border-radius: 2px;
}
.header .logo {
font-size: 22px;
font-weight: 700;
letter-spacing: 4px;
color: #ffd700;
text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
margin-bottom: 6px;
}
.header .logo span { color: #ff6b00; }
.header .sub-logo {
font-size: 14px;
letter-spacing: 8px;
color: #8892b0;
margin-bottom: 12px;
}
.header h1 {
font-size: 42px;
font-weight: 800;
background: linear-gradient(135deg, #ffd700 0%, #ff6b00 50%, #ff4500 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: 2px;
margin-bottom: 6px;
text-shadow: 0 0 40px rgba(255, 107, 0, 0.2);
}
.header .sub-title {
font-size: 18px;
color: #ccd6f6;
letter-spacing: 4px;
font-weight: 300;
}
.header .date-info {
margin-top: 14px;
font-size: 16px;
color: #a8b2d1;
background: rgba(255, 215, 0, 0.06);
display: inline-block;
padding: 6px 28px;
border-radius: 30px;
border: 1px solid rgba(255, 215, 0, 0.15);
letter-spacing: 1px;
}
.header .date-info strong { color: #ffd700; font-weight: 600; }
/* ===== 分组网格 ===== */
.groups-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.group-card {
background: rgba(255, 255, 255, 0.03);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.06);
overflow: hidden;
backdrop-filter: blur(4px);
transition: transform 0.2s, box-shadow 0.2s;
}
.group-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
border-color: rgba(255, 215, 0, 0.2);
}
.group-header {
padding: 14px 20px;
background: rgba(255, 215, 0, 0.06);
border-bottom: 1px solid rgba(255, 215, 0, 0.08);
display: flex;
align-items: center;
justify-content: space-between;
}
.group-header .group-label {
font-size: 20px;
font-weight: 700;
color: #ffd700;
letter-spacing: 2px;
}
.group-header .group-label small {
font-size: 14px;
font-weight: 400;
color: #8892b0;
margin-left: 8px;
letter-spacing: 0;
}
.group-header .match-time {
font-size: 12px;
color: #8892b0;
background: rgba(255, 255, 255, 0.04);
padding: 2px 12px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.06);
}
.players-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
padding: 10px;
}
.player-item {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 4px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
text-align: center;
min-height: 44px;
transition: transform 0.15s, box-shadow 0.15s;
cursor: default;
word-break: break-word;
line-height: 1.3;
letter-spacing: 0.3px;
border: 1px solid rgba(255, 255, 255, 0.04);
}
.player-item:hover {
transform: scale(1.06);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
z-index: 2;
border-color: rgba(255, 255, 255, 0.15);
}
/* ===== 8 种喷漆颜色类(完全对应您指定的 RGB) ===== */
.color-1 { background-color: rgb(253, 254, 4); color: #000000; }
.color-2 { background-color: rgb(16, 16, 16); color: #ffffff; }
.color-3 { background-color: rgb(251, 11, 10); color: #ffffff; }
.color-4 { background-color: rgb(253, 253, 253); color: #000000; }
.color-5 { background-color: rgb(108, 54, 178); color: #ffffff; }
.color-6 { background-color: rgb(42, 188, 107); color: #000000; }
.color-7 { background-color: rgb(3, 187, 241); color: #000000; }
.color-8 { background-color: rgb(243, 21, 170); color: #ffffff; }
/* 为白色背景(color-4)增加一个浅色边框,避免在深色容器中“消失” */
.color-4 {
border: 1px solid rgba(255, 255, 255, 0.3);
}
/* ===== 底部 ===== */
.footer {
text-align: center;
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
color: #495670;
font-size: 13px;
letter-spacing: 2px;
}
.footer .slogan {
font-size: 16px;
color: #8892b0;
letter-spacing: 3px;
margin-bottom: 6px;
}
.footer .slogan em { color: #ffd700; font-style: normal; }
.footer .brand { color: #ff6b00; font-weight: 600; letter-spacing: 4px; }
/* ===== 响应式 ===== */
@media (max-width: 768px) {
.header h1 { font-size: 28px; }
.header .sub-title { font-size: 14px; }
.groups-grid { grid-template-columns: 1fr; }
.players-grid { grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 8px; }
.player-item { font-size: 12px; padding: 6px 2px; min-height: 36px; }
.group-header .group-label { font-size: 17px; }
.container { padding: 0 8px; }
body { padding: 16px 8px 40px; }
}
@media (max-width: 480px) {
.players-grid { grid-template-columns: repeat(4, 1fr); gap: 3px; padding: 6px; }
.player-item { font-size: 10px; padding: 5px 2px; min-height: 32px; border-radius: 5px; }
.group-header { padding: 10px 14px; flex-wrap: wrap; gap: 4px; }
.header h1 { font-size: 22px; }
.header .date-info { font-size: 13px; padding: 4px 16px; }
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0b0e17; }
::-webkit-scrollbar-thumb { background: #ffd70055; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #ffd70088; }
/* ----- 全部组卡片网格(每行4个) ----- */
.advance-grid-all {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin-top: 20px;
}
.advance-grid-all .advance-group {
flex: 0 0 calc(25% - 24px); /* 4列,减去gap */
min-width: 200px;
background: #f5f5f5;
border-radius: 12px;
padding: 16px 16px 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
box-sizing: border-box;
}
/* 移动端适配:小于800px时变为2列,小于500px时1列 */
@media (max-width: 800px) {
.advance-grid-all .advance-group {
flex: 0 0 calc(50% - 24px);
}
}
@media (max-width: 500px) {
.advance-grid-all .advance-group {
flex: 0 0 100%;
}
}
/* 其它已有样式保留 */
.advance-group-title {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
color: #333;
border-bottom: 2px solid #ccc;
padding-bottom: 4px;
}
.advance-list {
display: flex;
flex-direction: column;
gap: 4px;
}
.advance-item {
display: flex;
justify-content: space-between;
padding: 4px 12px;
border-radius: 4px;
font-weight: 500;
font-size: 0.95rem;
align-items: center;
}
.advance-item.top4 {
font-weight: bolder;
background-color: rgb(233, 254, 3);
color: rgb(16, 16, 3);
}
.advance-item.bottom4 {
font-weight: bolder;
background-color: rgb(171, 171, 171);
color: rgb(248, 248, 248);
}
.score {
font-weight: bold;
margin-left: 8px;
min-width: 24px;
text-align: right;
}
/* 使用伪元素在晋级名单容器内部撑出底部间距 */
.advance-grid-all::after {
content: '';
display: block;
height: 40px; /* 您需要的间距大小 */
flex: 0 0 auto; /* 确保在 flex 布局中不伸缩 */
width: 100%; /* 占满整行 */
}
