新潮学院
2026/8/1...大约 10 分钟活动
新潮学院 · 第一季
提示
包含弹幕文件,配合相关播放器食用
手动复制链接(最右侧可以选择一键复制)
https://www.alipan.com/s/yX5xKdpN49uhttps://pan.baidu.com/s/1cExCTTD3UVXevnTveVlgew?pwd=anwnhttps://www.123865.com/s/HEl8Vv-O1XQhhttps://www.bilibili.com/video/BV1oDE166Ezp如果您想分享给其它人可以点击一键复制内容分享给其他人
新潮学院 · 第一季
阿里云盘:https://www.alipan.com/s/yX5xKdpN49u
百度云盘:https://pan.baidu.com/s/1cExCTTD3UVXevnTveVlgew?pwd=anwn
123 云盘:https://www.123865.com/s/HEl8Vv-O1XQh
哔哩哔哩:https://www.bilibili.com/video/BV1oDE166Ezp嘉宾名单
🏆 嘉宾名单
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>四组队员列表</title>
<style>
/* ===== 全局重置 & 基础 ===== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'PingFang SC', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
background: linear-gradient(145deg, #f5f7fa 0%, #e9edf2 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 24px;
}
/* ===== 卡片容器 ===== */
.container {
background: var(--container-c-bg-header, #eee);
border-radius: 24px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10), 0 8px 24px rgba(0, 0, 0, 0.06);
padding: 32px 28px 28px;
max-width: 100%;
width: 100%;
transition: box-shadow 0.3s ease;
}
.container:hover {
box-shadow: 0 28px 72px rgba(0, 0, 0, 0.14), 0 8px 28px rgba(0, 0, 0, 0.08);
}
/* ===== 标题 ===== */
.header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 28px;
flex-wrap: wrap;
gap: 12px;
}
.header h1 {
font-size: 26px;
font-weight: 700;
color: #1a1a2e;
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 10px;
}
.header h1 span {
background: #1a1a2e;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 2px 14px;
border-radius: 20px;
letter-spacing: 0.3px;
}
.header .badge {
font-size: 14px;
color: #6b7280;
background: #f3f4f6;
padding: 6px 18px;
border-radius: 20px;
font-weight: 500;
}
/* ===== 表格容器(滚动) ===== */
.table-wrapper {
overflow-x: auto;
border-radius: 16px;
-webkit-overflow-scrolling: touch;
}
/* ===== 表格 ===== */
table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
min-width: 480px;
}
/* ===== 表头 ===== */
thead th {
padding: 16px 18px;
text-align: center;
font-weight: 700;
font-size: 16px;
color: #ffffff;
letter-spacing: 0.6px;
border-bottom: 3px solid rgba(255, 255, 255, 0.25);
position: relative;
white-space: nowrap;
}
/* 表头中的小标签(队名后缀) */
thead th .tag {
display: inline-block;
font-weight: 400;
font-size: 12px;
opacity: 0.85;
margin-left: 4px;
}
/* ===== 数据单元格 ===== */
tbody td {
padding: 13px 18px;
text-align: center;
font-size: 15px;
color: #1f2937;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
transition: background 0.2s ease, transform 0.15s ease;
font-weight: 500;
}
/* 最后一行的底部边框去掉(视觉更干净) */
tbody tr:last-child td {
border-bottom: none;
}
/* ============================================================== */
/* ===== 每列颜色定义(根据新配色:白、黑、蓝、绿) ===== */
/* ============================================================== */
/* --- 第1列:A组 · 白色队 --- */
thead th:nth-child(1) {
background: #d5d5d5;
/* 浅灰白,接近白色 */
color: #1a1a2e;
border-bottom-color: #b8b8b8;
}
tbody tr:nth-child(odd) td:nth-child(1) {
background: #f7f7f7;
color: #1f2937;
}
tbody tr:nth-child(even) td:nth-child(1) {
background: #eeeeee;
color: #1f2937;
}
tbody tr:hover td:nth-child(1) {
background: #e5e5e5;
color: #1f2937;
}
/* --- 第2列:B组 · 黑色队 --- */
thead th:nth-child(2) {
background: #1a1a2e;
/* 深黑 */
color: #ffffff;
border-bottom-color: #3a3a4e;
}
tbody tr:nth-child(odd) td:nth-child(2) {
background: #3d3d4a;
color: #f0f0f0;
}
tbody tr:nth-child(even) td:nth-child(2) {
background: #2d2d3a;
color: #f0f0f0;
}
tbody tr:hover td:nth-child(2) {
background: #4d4d5a;
color: #ffffff;
}
/* --- 第3列:C组 · 蓝色队 --- */
thead th:nth-child(3) {
background: #1a5fb4;
/* 深蓝 */
color: #ffffff;
border-bottom-color: #12458a;
}
tbody tr:nth-child(odd) td:nth-child(3) {
background: #e6edf9;
color: #1f2937;
}
tbody tr:nth-child(even) td:nth-child(3) {
background: #ccddf5;
color: #1f2937;
}
tbody tr:hover td:nth-child(3) {
background: #b3cdf0;
color: #1f2937;
}
/* --- 第4列:D组 · 绿色队 --- */
thead th:nth-child(4) {
background: #2b7a3d;
/* 深绿 */
color: #ffffff;
border-bottom-color: #1f5e2e;
}
tbody tr:nth-child(odd) td:nth-child(4) {
background: #e9f5ec;
color: #1f2937;
}
tbody tr:nth-child(even) td:nth-child(4) {
background: #d4ebe0;
color: #1f2937;
}
tbody tr:hover td:nth-child(4) {
background: #c5e0d4;
color: #1f2937;
}
/* ===== 行悬停增强 ===== */
tbody tr:hover td {
transform: scale(1.002);
}
tbody tr {
transition: box-shadow 0.2s ease;
}
tbody tr:hover {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
/* ===== 表头小圆点(配色与组别对应) ===== */
thead th::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background 0.3s ease;
}
/* A组 · 白色队 → 灰色圆点 */
thead th:nth-child(1)::before {
background: #bdbdbd;
border-color: #9e9e9e;
}
/* B组 · 黑色队 → 暗紫色圆点 */
thead th:nth-child(2)::before {
background: #8888aa;
border-color: #666688;
}
/* C组 · 蓝色队 → 蓝色圆点 */
thead th:nth-child(3)::before {
background: #64b5f6;
border-color: #42a5f5;
}
/* D组 · 绿色队 → 绿色圆点 */
thead th:nth-child(4)::before {
background: #8bc34a;
border-color: #7cb342;
}
/* ===== 响应式 ===== */
@media (max-width: 640px) {
.container {
padding: 20px 14px 16px;
border-radius: 18px;
}
.header h1 {
font-size: 20px;
}
.header h1 span {
font-size: 12px;
padding: 1px 12px;
}
.header .badge {
font-size: 12px;
padding: 4px 14px;
}
table {
font-size: 14px;
min-width: 360px;
}
thead th {
padding: 12px 10px;
font-size: 14px;
}
tbody td {
padding: 10px 10px;
font-size: 14px;
}
thead th::before {
width: 8px;
height: 8px;
margin-right: 5px;
}
}
@media (max-width: 420px) {
.container {
padding: 14px 8px 12px;
}
.header {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
table {
font-size: 13px;
min-width: 300px;
}
thead th {
padding: 10px 6px;
font-size: 12px;
}
tbody td {
padding: 8px 6px;
font-size: 13px;
}
thead th::before {
display: none;
}
}
/* ===== 打印优化 ===== */
@media print {
body {
background: #fff;
padding: 16px;
}
.container {
box-shadow: none;
border: 1px solid #ddd;
padding: 20px;
}
tbody tr:hover td {
transform: none !important;
}
tbody tr:hover {
box-shadow: none !important;
}
}
</style>
</head>
<body>
<div class="container">
<!-- 标题区域 -->
<!-- 表格 -->
<div class="table-wrapper">
<table>
<thead>
<tr>
<!-- 队名标签已同步更新为:白队、黑队、蓝队、绿队 -->
<th>A组<span class="tag">白队</span></th>
<th>B组<span class="tag">黑队</span></th>
<th>C组<span class="tag">蓝队</span></th>
<th>D组<span class="tag">绿队</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>大龙猫</td>
<td>秦风</td>
<td>大坤坤</td>
<td>李永</td>
</tr>
<tr>
<td>大宝</td>
<td>怀里猫</td>
<td>华姐姐</td>
<td>郑雨甜</td>
</tr>
<tr>
<td>小葵</td>
<td>小诺诺</td>
<td>彭梦玲</td>
<td>祈七七</td>
</tr>
<tr>
<td>言言</td>
<td>安妮</td>
<td>赵玥玥</td>
<td>黎贝贝</td>
</tr>
<tr>
<td>小邓荔枝</td>
<td>影影</td>
<td>淇淇</td>
<td>小鱼</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>线上直播回放
新潮学院 · 第二季
提示
包含弹幕文件,配合相关播放器食用
手动复制链接(最右侧可以选择一键复制)
https://www.alipan.com/s/yX5xKdpN49uhttps://pan.baidu.com/s/1cExCTTD3UVXevnTveVlgew?pwd=anwnhttps://www.123865.com/s/HEl8Vv-O1XQhhttps://www.bilibili.com/video/BV1oDE166Ezp如果您想分享给其它人可以点击一键复制内容分享给其他人
新潮学院 · 第一季
阿里云盘:https://www.alipan.com/s/yX5xKdpN49u
百度云盘:https://pan.baidu.com/s/1cExCTTD3UVXevnTveVlgew?pwd=anwn
123 云盘:https://www.123865.com/s/HEl8Vv-O1XQh
哔哩哔哩:https://www.bilibili.com/video/BV1UHgv63Euw嘉宾名单
🏆 嘉宾名单
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>四组队员列表</title>
<style>
/* ===== 全局重置 & 基础 ===== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'PingFang SC', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
background: linear-gradient(145deg, #f5f7fa 0%, #e9edf2 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 24px;
}
/* ===== 卡片容器 ===== */
.container {
background: var(--container-c-bg-header, #eee);
border-radius: 24px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10), 0 8px 24px rgba(0, 0, 0, 0.06);
padding: 32px 28px 28px;
max-width: 100%;
width: 100%;
transition: box-shadow 0.3s ease;
}
.container:hover {
box-shadow: 0 28px 72px rgba(0, 0, 0, 0.14), 0 8px 28px rgba(0, 0, 0, 0.08);
}
/* ===== 标题 ===== */
.header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 28px;
flex-wrap: wrap;
gap: 12px;
}
.header h1 {
font-size: 26px;
font-weight: 700;
color: #1a1a2e;
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 10px;
}
.header h1 span {
background: #1a1a2e;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 2px 14px;
border-radius: 20px;
letter-spacing: 0.3px;
}
.header .badge {
font-size: 14px;
color: #6b7280;
background: #f3f4f6;
padding: 6px 18px;
border-radius: 20px;
font-weight: 500;
}
/* ===== 表格容器(滚动) ===== */
.table-wrapper {
overflow-x: auto;
border-radius: 16px;
-webkit-overflow-scrolling: touch;
}
/* ===== 表格 ===== */
table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
min-width: 480px;
}
/* ===== 表头 ===== */
thead th {
padding: 16px 18px;
text-align: center;
font-weight: 700;
font-size: 16px;
color: #ffffff;
letter-spacing: 0.6px;
border-bottom: 3px solid rgba(255, 255, 255, 0.25);
position: relative;
white-space: nowrap;
}
/* 表头中的小标签(队名后缀) */
thead th .tag {
display: inline-block;
font-weight: 400;
font-size: 12px;
opacity: 0.85;
margin-left: 4px;
}
/* ===== 数据单元格 ===== */
tbody td {
padding: 13px 18px;
text-align: center;
font-size: 15px;
color: #1f2937;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
transition: background 0.2s ease, transform 0.15s ease;
font-weight: 500;
}
/* 最后一行的底部边框去掉(视觉更干净) */
tbody tr:last-child td {
border-bottom: none;
}
/* ===== 每列颜色定义 ===== */
/* --- 第1列:绿队 --- */
thead th:nth-child(1) {
background: #2b7a3d;
/* 深绿 */
border-bottom-color: #1f5e2e;
}
tbody tr:nth-child(odd) td:nth-child(1) {
background: #e9f5ec;
}
tbody tr:nth-child(even) td:nth-child(1) {
background: #d4ebe0;
}
tbody tr:hover td:nth-child(1) {
background: #c5e0d4;
}
/* --- 第2列:黄队 --- */
thead th:nth-child(2) {
background: #c97d0e;
/* 深黄/橙 */
border-bottom-color: #a8680a;
}
tbody tr:nth-child(odd) td:nth-child(2) {
background: #fef6e4;
}
tbody tr:nth-child(even) td:nth-child(2) {
background: #fcecc6;
}
tbody tr:hover td:nth-child(2) {
background: #fae2ae;
}
/* --- 第3列:蓝队 --- */
thead th:nth-child(3) {
background: #1a5fb4;
/* 深蓝 */
border-bottom-color: #12458a;
}
tbody tr:nth-child(odd) td:nth-child(3) {
background: #e6edf9;
}
tbody tr:nth-child(even) td:nth-child(3) {
background: #ccddf5;
}
tbody tr:hover td:nth-child(3) {
background: #b3cdf0;
}
/* --- 第4列:紫队 --- */
thead th:nth-child(4) {
background: #7b2f8b;
/* 深紫 */
border-bottom-color: #602270;
}
tbody tr:nth-child(odd) td:nth-child(4) {
background: #f3eaf7;
}
tbody tr:nth-child(even) td:nth-child(4) {
background: #e8d6ef;
}
tbody tr:hover td:nth-child(4) {
background: #ddc4e6;
}
/* ===== 行悬停增强 ===== */
tbody tr:hover td {
transform: scale(1.002);
}
/* 整行悬停时的阴影提升(通过伪元素实现微妙效果) */
tbody tr {
transition: box-shadow 0.2s ease;
}
tbody tr:hover {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
/* ===== 表头中的组名标识(带小圆点) ===== */
thead th::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background 0.3s ease;
}
/* 每列表头小圆点颜色微调(保留白色底,但让色块更明显) */
thead th:nth-child(1)::before {
background: #8bc34a;
border-color: #7cb342;
}
thead th:nth-child(2)::before {
background: #ffd54f;
border-color: #fdd835;
}
thead th:nth-child(3)::before {
background: #64b5f6;
border-color: #42a5f5;
}
thead th:nth-child(4)::before {
background: #ce93d8;
border-color: #ba68c8;
}
/* ===== 响应式 ===== */
@media (max-width: 640px) {
.container {
padding: 20px 14px 16px;
border-radius: 18px;
}
.header h1 {
font-size: 20px;
}
.header h1 span {
font-size: 12px;
padding: 1px 12px;
}
.header .badge {
font-size: 12px;
padding: 4px 14px;
}
table {
font-size: 14px;
min-width: 360px;
}
thead th {
padding: 12px 10px;
font-size: 14px;
}
tbody td {
padding: 10px 10px;
font-size: 14px;
}
thead th::before {
width: 8px;
height: 8px;
margin-right: 5px;
}
}
@media (max-width: 420px) {
.container {
padding: 14px 8px 12px;
}
.header {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
table {
font-size: 13px;
min-width: 300px;
}
thead th {
padding: 10px 6px;
font-size: 12px;
}
tbody td {
padding: 8px 6px;
font-size: 13px;
}
thead th::before {
display: none;
}
}
/* ===== 打印优化 ===== */
@media print {
body {
background: #fff;
padding: 16px;
}
.container {
box-shadow: none;
border: 1px solid #ddd;
padding: 20px;
}
tbody tr:hover td {
transform: none !important;
}
tbody tr:hover {
box-shadow: none !important;
}
}
</style>
</head>
<body>
<div class="container">
<!-- 标题区域 -->
<!-- 表格 -->
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>A组<span class="tag">绿队</span></th>
<th>B组<span class="tag">黄队</span></th>
<th>C组<span class="tag">蓝队</span></th>
<th>D组<span class="tag">紫队</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>麻包包</td>
<td>四月</td>
<td>豪弟儿</td>
<td>秦风</td>
</tr>
<tr>
<td>一笑zy</td>
<td>李永</td>
<td>大龙猫</td>
<td>小古子</td>
</tr>
<tr>
<td>华姐姐</td>
<td>曲粥粥</td>
<td>小凡凡</td>
<td>汐汐</td>
</tr>
<tr>
<td>昭儿</td>
<td>蛮兔</td>
<td>怀里猫</td>
<td>言言</td>
</tr>
<tr>
<td>德芙</td>
<td>虞凡</td>
<td>祈七七</td>
<td>郑雨甜</td>
</tr>
<tr>
<td>米奇</td>
<td>小小怪</td>
<td>颂</td>
<td>蛋挞</td>
</tr>
<tr>
<td>江澜</td>
<td>樱瑶</td>
<td>雾安</td>
<td>乔儿</td>
</tr>
<tr>
<td>张奇侠</td>
<td>小洛米</td>
<td>之昂</td>
<td>南曼玉</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
