/* 排行榜页 —— 比照参考设计实测：纯文字分頁标签，选中项下方带黄色粗底线指示器，
   字级大、粗体，選中深色/未選淺灰 */
.wy-rank-tabs {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
.wy-rank-tab {
  position: relative;
  font-size: 26px;
  font-weight: 700;
  color: var(--text-muted);
  padding: 0 0 16px;
  background: none;
}
.wy-rank-tab::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 3px;
  border-radius: 2px;
  background: transparent;
}
.wy-rank-tab:hover { color: var(--text); }
.wy-rank-tab.wy-active { color: var(--text); }
.wy-rank-tab.wy-active::after { background: var(--accent-vivid); }

.wy-rank-panel { display: none; }
.wy-rank-panel.wy-active { display: block; }

.wy-rank-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap); }
.wy-rank-col {
  min-width: 0; /* grid item 预设 min-width:auto，会被内部 .wy-rn-name 的 white-space:nowrap
                   固有宽度撑破，导致卡片溢出栏位、盖到隔壁栏——务必归零 */
  background: var(--bg-white);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  padding: 18px 24px;
  box-sizing: border-box;
}
/* 側欄场景（vod/down.html、plot/detail.html）：.wy-rank-col 是包在 .wy-aside-block
   里面用的，卡片外观（背景/圆角/间距）已由 .wy-aside-block 提供，这里退化成无样式容器，
   避免两层卡片外观、两层 padding 叠加 */
.wy-aside-block .wy-rank-col {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

/* 分类标题：靠左的粗体大标题 + 下方细线，比照参考设计实测 */
.wy-rank-col .wy-rank-col-header {
  padding-bottom: 16px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
.wy-rank-col .wy-rank-col-header h3 { font-size: 19px; font-weight: 700; color: var(--text); }

/* 第一名：封面卡 hover 时铺淡黄底（与其余名次一致，不带圆角），排名徽章加渐层底纹＋描边光晕，
   融合在缩图左上角，同时保留原有红色数字识别度 */
.wy-rank-col .wy-rank-top1 {
  margin: 0 -12px;
  padding: 10px 12px;
}
.wy-rank-col .wy-rank-top1-n {
  background: linear-gradient(135deg, var(--rank-1), #ff6a3d 85%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  width: 26px; height: 26px;
  border-bottom-right-radius: var(--radius);
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
  box-shadow: 1px 1px 4px rgba(0,0,0,.2);
}
.wy-rank-col .wy-rank-top1-info h4 { font-size: 15px; font-weight: 700; }
.wy-rank-col .wy-rank-status { font-size: 12px; }
.wy-rank-col .wy-rank-top1-arrow { display: flex; flex-shrink: 0; align-self: center; font-size: 15px; color: var(--text-faint); }

/* 榜单列表：大号排名数字＋标题/备注双行＋右侧箭头，比照参考设计实测；
   1/2/3 名沿用全站既定的红／橙／黄配色，其余名次维持中性灰 */
.wy-rank-col .wy-rkc-list li { margin: 0 -12px; padding: 0 12px; border-bottom: 1px solid var(--border); }
.wy-rank-col .wy-rkc-list li:last-child { border-bottom: none; }
.wy-rank-col .wy-rkc-list a { padding: 11px 0; gap: 12px; }
.wy-rank-col .wy-rn {
  width: 28px;
  font-size: 22px;
  font-weight: 800;
  color: var(--rank-other);
}
.wy-rank-col .wy-rn.wy-rn--2 { color: var(--rank-2); }
.wy-rank-col .wy-rn.wy-rn--3 { color: var(--rank-3); }
.wy-rank-col .wy-rn-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wy-rank-col .wy-rn-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wy-rank-col .wy-rn-sub { font-size: 11.5px; color: var(--text-faint); font-weight: 400; }
.wy-rank-col .wy-rn-arrow { flex-shrink: 0; font-size: 15px; color: var(--text-faint); }

/* 每列 hover 皆铺淡黄底（含第一名），箭头同步变主色，比照参考设计实测 */
.wy-rank-col .wy-rank-top1:hover,
.wy-rank-col .wy-rkc-list li:hover {
  background: var(--accent-light);
}
.wy-rank-col .wy-rank-top1:hover .wy-rank-top1-arrow,
.wy-rank-col .wy-rkc-list li:hover .wy-rn-arrow { color: var(--accent); }

@media (min-width: 768px) {
  .wy-rank-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1025px) {
  .wy-rank-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
}

/* 首页排行榜摘要（对应 3 个大分类）依断点渐进增栏，不用 label/rank 页那套依分类数量自适应的 auto-fit：
   手机 1 栏直向堆叠 → 平板 2 栏 → 电脑 3 栏一排 */
.wy-rank-grid--home { grid-template-columns: repeat(1, 1fr); }
@media (min-width: 768px) {
  .wy-rank-grid--home { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1025px) {
  .wy-rank-grid--home { grid-template-columns: repeat(3, 1fr); }
}