/* 01 Matches。竞赛主页:选赛事 → 看有什么球 → 读表和射手榜。
 * 结构与数值按 Quvix Flow.dc.html:278-459。
 *
 * ⚠️ 交付说明《01 Matches》那一节描述的是**更早的版本**(单栏、76px/220px/150px/74px 的赛程行、
 *    带资格分区色带的全宽积分榜)。原型实际是 2:1 双栏,右栏放紧凑表 + 射手榜 + 价值票。
 *    此处按原型落地 —— README 自己说了"Open Quvix Flow.dc.html to click through the whole thing",
 *    像素以原型为准。差异已在交付说明里标注。 */

.today__cols {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.today__col {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* ===== 赛程行 ===== */
.daygroup {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 15px 9px;
  background: var(--bg-sunk);
  border-bottom: 1px solid var(--border);
}
.daygroup__label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}
.daygroup__meta {
  font-size: 9.5px;
  color: var(--muted2);
}

/* ===== 赛程卡(2026-08-10 改版,对标 Google 赛程卡)=====
 * 两列网格;每卡 = 两队上下排 | 竖线 | 本地日期时间(完赛 = 比分 + FT)。 */
.fxgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.fxc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: center;
  gap: 10px;
  padding: 14px 14px;
  border: none;
  border-bottom: 1px solid var(--hair);
  background: var(--row);
  cursor: pointer;
  text-align: left;
  color: var(--text);
  font: inherit;
  transition: background 0.14s;
}
.fxc:nth-child(odd) {
  border-right: 1px solid var(--hair);
}
.fxc:hover {
  background: var(--bar);
}
.fxc__teams {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
}
.fxc__team {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.fxc__name {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fxc__name--lost {
  color: var(--muted);
  font-weight: 400;
}
.fxc__goals {
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
}
.fxc__when {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding-left: 12px;
  border-left: 1px solid var(--hair);
  align-self: stretch;
  justify-content: center;
}
.fxc__date {
  font-size: 11.5px;
  color: var(--muted);
}
.fxc__time {
  font-size: 12.5px;
  font-weight: 500;
}
.fxc__ft {
  font-size: 11px;
  color: var(--muted2);
  letter-spacing: 0.08em;
}

/* ===== 右栏:积分榜 ===== */
.tbl__head {
  grid-template-columns: 24px minmax(0, 1fr) 30px 40px 40px;
}
.tbl__row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 30px 40px 40px;
  gap: 8px;
  align-items: center;
  padding: 9px 13px;
  border-bottom: 1px solid var(--hair);
}
/* 斑马纹用两档极近的表面色,不是加透明度 —— 透明度会在浅色主题里翻转对比关系。 */
.tbl__row:nth-child(odd) {
  background: var(--row);
}
.tbl__row:nth-child(even) {
  background: var(--row-alt);
}
.tbl__rank {
  font-size: 11px;
  color: var(--muted2);
  text-align: right;
}
.tbl__team {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.tbl__name {
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbl__num {
  font-size: 11.5px;
  color: var(--muted);
  text-align: right;
}
.tbl__gd {
  font-size: 11.5px;
  color: var(--text2);
  text-align: right;
}
.tbl__pts {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  text-align: right;
}
/* 分区选择器:只有多分区的赛事才出现(MLS 东西部、世界杯小组)。
 * 单分区联赛显示一个孤零零的 chip 是噪声。 */
.tbl__groups {
  margin-bottom: 8px;
}

/* ===== 右栏:射手榜 ===== */
.scorer {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 56px 34px;
  gap: 10px;
  align-items: center;
  padding: 11px 13px;
  border-bottom: 1px solid var(--hair);
  background: var(--row);
}
.scorer__rank {
  font-size: 11px;
  color: var(--muted2);
}
.scorer__who {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.scorer__name {
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scorer__team {
  font-size: 9.5px;
  color: var(--muted2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scorer__track {
  height: 6px;
  background: var(--card2);
  border-radius: 3px;
  overflow: hidden;
}
.scorer__fill {
  height: 100%;
  background: var(--lime-dim);
  border-radius: 3px;
}
.scorer__goals {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

/* ===== 价值票行(01 右栏 / 02 卡片内共用)===== */
.pick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 1px solid var(--hair);
  background: var(--row);
  cursor: pointer;
  transition: background 0.14s;
}
.pick:hover {
  background: var(--hover);
}
.pick__col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.pick__fixture {
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pick__detail {
  font-size: 9.5px;
  color: var(--muted2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pick__edge {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--lime);
}

.today__side {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 24px;
}