/* 高手榜 — 仅标题条与顶部 header 同款，列表保持原浅色卡片 */
.ziliao-board {
  margin: 10px;
  padding: 10px;
  background: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 10px;
}

.ziliao-board__title,
.ziliao-titlebar {
  margin: 0 0 8px;
  padding: 11px 12px;
  text-align: center;
  font-weight: 900;
  font-size: 17px;
  line-height: 1.25;
  color: #ffff00;
  background: var(--top-header-gradient, linear-gradient(180deg, #6b6b7a 0%, #8b3a3a 100%));
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  letter-spacing: 0.5px;
}

.ziliao-titlebar {
  margin: 10px 10px 8px;
}

.ziliao-board__accent,
.ziliao-titlebar__accent {
  color: #ffff00;
}

.ziliao-board__list,
section.ziliao-rank {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  background: transparent;
}

section.ziliao-rank#historyText {
  margin: 10px;
}

section.ziliao-rank:not(#historyText) {
  margin: 0 10px 10px;
}

.ziliao-rank__row {
  margin: 0;
  padding: 11px 10px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  text-align: center;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.35;
  color: #111827;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ziliao-rank__row:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.ziliao-rank__row:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.9);
  outline-offset: 2px;
}

.ziliao-rank__row .hl {
  color: #dc2626;
}

.ziliao-board__list .ziliao-rank__row:not(a) {
  cursor: default;
}