/* =========================================================
   赛程时间单页 · timeline.css（仅本页专属样式）
   骨架样式（banner / 面包屑 / 页脚内页覆盖）复用 news.css；
   单栏居中大白卡复刻奖项荣誉页公文排版令牌：24px 圆角 + 蓝色系阴影
   主体为赛程表格：表头蓝渐变、斑马纹、序号/时间/赛程内容三列
   ========================================================= */

/* —— 单栏容器 —— */
.tl-wrap{margin:18px auto 0}
.tl-card{background:#fff;border-radius:24px;padding:46px 58px 44px;box-shadow:0 24px 60px rgba(10,35,90,.16);min-width:0}

/* —— 文章头：仅标题（无日期/来源），标题下通栏浅虚线分隔（与新闻详情页同款） —— */
.tl-title{display:flex;justify-content:center;text-align:center;font-size:clamp(21px,2.4vw,28px);font-weight:900;letter-spacing:.04em;line-height:1.6;color:#0A2A7B;margin:0}
.tl-divider{margin:20px 0 0;border-bottom:1px dashed var(--line)}

/* —— 表格区 —— */
.tl-body{padding-top:26px}
.tl-table-wrap{border:1px solid #E5E9F2;border-radius:16px;overflow:hidden;overflow-x:auto}
.tl-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.85;color:#3D5875}
.tl-table thead th{background:linear-gradient(120deg,#3D7BFF,#0B57E8);color:#fff;font-weight:800;letter-spacing:.06em;padding:15px 18px;text-align:center;white-space:nowrap}
.tl-table td{border-bottom:1px solid #EAF0F8;padding:14px 18px;vertical-align:middle}
.tl-table tbody tr:last-child td{border-bottom:0}
.tl-table tbody tr:nth-child(even){background:#F5F9FF}
.tl-table tbody tr:hover{background:#EAF2FF}

/* 列宽与对齐（th/td 共用）；文字颜色·字重只作用于 td，避免覆盖表头白字 */
.tl-table .col-no{width:66px;text-align:center}
.tl-table .col-time{width:210px;text-align:center;white-space:nowrap}
.tl-table .col-task{text-align:left}
.tl-table td.col-no{font-family:var(--font-num);font-weight:800;color:#0B57E8}
.tl-table td.col-time{font-weight:700;color:#0A2A7B}
.tl-table td.col-task{color:#3D5875}
.tl-table td.col-task b{color:#0A2A7B;font-weight:800}

/* —— 表格下方说明（可选，公文风：首行缩进2字符） —— */
.tl-note{margin:16px 0 0;font-size:13.5px;line-height:1.9;color:#7387AC;text-indent:2em}

/* ============ 响应式（与奖项荣誉页同断点） ============ */
@media (max-width:995px){
  .tl-card{padding:30px 26px 30px}
  .tl-table{min-width:0} /* 窄容器（<640px 表格区）撤最小宽，随容器自适应换行，不出横向滚动条 */
}
@media (max-width:620px){
  .tl-wrap{margin-top:12px}
  .tl-card{padding:22px 16px 24px;border-radius:18px}
  .tl-body{padding-top:18px}
  .tl-table{font-size:13.5px}
  .tl-table thead th,.tl-table td{padding:11px 12px}
  .tl-table .col-time{width:auto;white-space:normal}
}