/* ==========================================================================
   发贴排行榜页 · 视觉美化层（彻底统一为论坛前台风格）
   --------------------------------------------------------------------------
   覆盖 layui 默认观感（卡片 / 头像 / 按钮 / 列表 / 回到顶部），套用
   market.css 的主题变量，与首页、列表页风格一致。
   只改视觉，不动 layui 栅格布局与 JS（choos_btn 的 class 切换逻辑保持原样）。
   ========================================================================== */

/* ---------- 页面外层容器 ----------
   模板里是内联 <div style="...background:#F7F7F7">，内联优先级最高，普通选择器盖不掉，
   用属性选择器 + !important 在深色模式下翻成主题背景。 */
div[style*="F7F7F7"] { background: var(--bg) !important; }

/* ---------- 基础链接色抢回 ----------
   layui.css 末尾的全局 a{color:#333} 比头部 market.css 的 a{color:inherit} 后加载，
   会把依赖继承的链接（顶栏 logo、页脚链接等）在深色模式下染成深灰。
   本文件在 layui 之后加载，同特异性直接覆盖回来。 */
a { color: inherit; }

/* ---------- 榜单卡片（layui-card） ---------- */
.layui-card.layadmin-homepage-text-center {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 18px 12px 14px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.layui-card.layadmin-homepage-text-center:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
  border-color: var(--brand);
}

/* 头像圆形 */
.layadmin-homepage-pad-img {
  border-radius: 50% !important;
  border: 1px solid var(--border);
  object-fit: cover;
  transition: transform .2s;
}
.layui-card.layadmin-homepage-text-center:hover .layadmin-homepage-pad-img {
  transform: scale(1.04);
}

/* 用户名 */
.layadmin-homepage-font {
  color: var(--text);
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0 6px;
}
.layadmin-homepage-font a { color: var(--text); }
.layadmin-homepage-font a:hover { color: var(--brand); }

/* 统计文字 */
.layadmin-homepage-pad-ver {
  color: var(--text-2);
  font-size: 13px;
  line-height: 1.75;
}
.layadmin-homepage-pad-ver i,
.layadmin-homepage-pad-ver .fa,
.layadmin-homepage-pad-ver .si { color: var(--text-3); }
/* 覆盖 layui 默认绿色 hover（#5FB878） */
.layadmin-homepage-pad-ver a:hover { background: var(--brand); color: #fff; }

/* ---------- 筛选按钮组：论坛 pill 风格 ---------- */
.choos_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 0 6px;
}
.choos_btn a.layui-btn {
  height: auto;
  line-height: 34px;
  padding: 0 16px;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--text-2);
  font-size: 14px;
  box-shadow: none;
  transition: all .18s;
}
.choos_btn a.layui-btn:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-soft);
}
/* 选中态（JS 切到 layui-btn-normal） */
.choos_btn a.layui-btn-normal {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.choos_btn a.layui-btn-normal:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  filter: brightness(1.05);
}
/* 未选中（layui-btn-primary）去掉 layui 自带蓝边 */
.choos_btn a.layui-btn-primary {
  border-color: var(--border);
  background: var(--surface-2);
  color: var(--text-2);
}

/* 财富排名按钮 */
.layui-btn-warm {
  background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
}

/* ---------- 今日回贴榜单面板 ---------- */
.homepage-bottom {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-top: 16px;
}
.homepage-bottom .layui-card-header {
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  padding: 14px 18px;
  color: var(--text);
}
.homepage-bottom .panel-title,
.homepage-bottom .layui-card-header h3 {
  color: var(--text);
  font-size: 16px;
  font-weight: 600;
}
.homepage-bottom .panel-title i,
.homepage-bottom .layui-card-header .layui-icon { color: var(--brand); }
.homepage-bottom .layui-card-body { padding: 6px 0; background: var(--surface); }

/* 列表项 */
.pc_today_top .layadmin-privateletterlist-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--border);
  transition: background .16s;
}
/* !important：layui 的 homepage-bottom .layui-card-body a:hover 特异性更高(0,3,1)，必须提权 */
.pc_today_top .layadmin-privateletterlist-item:hover { background: var(--surface-2) !important; }
.pc_today_top .meida-left img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--border);
  object-fit: cover;
}
.pc_today_top .meida-right p { color: var(--text); font-weight: 500; font-size: 14px; }
.pc_today_top .meida-right mdall { color: var(--text-3); font-size: 13px; }

/* ---------- 回到顶部：覆盖模板内联 style ---------- */
.topUpCont {
  width: 58px !important;
  height: 58px !important;
  border: none !important;
  background: var(--surface) !important;
  z-index: 10000;
  right: 24px !important;
  bottom: 28px !important;
  border-radius: 50% !important;
  text-align: center;
  padding: 0 !important;
  line-height: 1.2;
  cursor: pointer;
  color: var(--text-2) !important;
  box-shadow: var(--shadow) !important;
  transition: transform .2s, background .2s, color .2s !important;
}
.topUpCont i { font-size: 17px; }
.topUpCont li { font-size: 11px; }
.topUpCont ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 100%;
}
.topUpCont:hover {
  border: none !important;
  background: var(--brand) !important;
  color: #fff !important;
  transform: translateY(-3px);
}