/* ==========================================================================
   会员插件页（signin 签到 / marketing 榜单）共享主题覆盖层
   --------------------------------------------------------------------------
   作用：接 market.css 的主题变量（--surface / --text / --brand …），把本页
         Layui 结构在深色模式下统一为全站科技风，实现深浅色切换。
   页面结构：1200px 浅灰容器 → layui-fluid → 排名按钮行(h4/mdall)
             → 左栏签到用户卡片(pc_signin_index001)
             → 右栏 我的相关 / 积分说明 / 最近签到(homepage-bottom)
   加载顺序：必须在 layui.css / admin.css / template.css 之后（模板里放在其后一行）。
   ========================================================================== */

/* ============================ 卡片 ============================ */
.layui-card {
  background: var(--surface);
  color: var(--text-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.layui-card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  font-weight: 600;
}
.layui-card-body { color: var(--text-2); background: transparent !important; }
.layui-card-body p { color: var(--text-2); }

/* ============================ 面板 / 容器 ============================ */
.layadmin-homepage-shadow,
.panel-body.layadmin-homepage-shadow {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
.layadmin-homepage-panel { background: var(--surface); border-radius: var(--radius); }
.layadmin-homepage-font { color: var(--text); }
.layadmin-homepage-min-font { color: var(--text-3); }
.layadmin-homepage-content,
.layui-fluid { color: var(--text-2); }
.panel-title { color: var(--text); padding: 15px 15px 15px 0;border-bottom: initial;}
/* layui admin 的 .grid-demo 默认是白底，深色下会露白 */
.grid-demo { background: transparent; }

/* ============================ 统计数字 / 说明 ============================ */
.layadmin-homepage-text-center .h4,
.h4 { color: var(--text); }
mdall { color: var(--text-3); }
hr.new-section-xs { border-color: var(--border); background-color: var(--border);}

/* ============================ 链接 ============================ */
.layui-card a,
.layadmin-homepage-panel a { color: var(--text-2); transition: color .18s; }
.layui-card a:hover,
.layadmin-homepage-panel a:hover { color: var(--brand); }
/* 模板里硬编码 style="color:#ccc" 的图标链接（内联样式）→ 用 !important 覆盖 */
.layadmin-homepage-pad-ver a.layui-icon { color: var(--text-3) !important; }

/* ============================ 最近签到用户 ============================ */
.layadmin-privateletterlist-item {
  color: var(--text-2);
  border-radius: 8px;
  transition: background .18s;
}
.layadmin-privateletterlist-item:hover { background: var(--surface-2); }
.layadmin-privateletterlist-item p { color: var(--text); }

/* ============================ 按钮 ============================ */
.layui-btn-primary {
  border-color: var(--border);
  color: var(--text-2);
  background: var(--surface-2);
}
.layui-btn-primary:hover { border-color: var(--brand); color: var(--brand); }

/* ============================ 头像 ============================ */
.layadmin-homepage-pad-img,
.meida-left img { border: 1px solid var(--border); }

/* ============================ 右栏细节打磨 ============================ */
/* 积分奖励说明：行距 + 图标点缀（不对称内边距已在模板里改为 12px 15px 15px） */
.homepage-bottom .layui-card-body { line-height: 1.75; }
.homepage-bottom .layui-card-body i.glyphicon { color: var(--brand); margin-right: 4px; }

/* 最近签到用户：统一行布局（头像圆形放大、名字溢出省略、行间分隔线） */
.layadmin-privateletterlist-item { display: flex; align-items: center; gap: 10px; }
.layadmin-privateletterlist-item + .layadmin-privateletterlist-item { border-top: 1px solid var(--border); }
.layadmin-privateletterlist-item .meida-left { flex: none; }
.layadmin-privateletterlist-item .meida-left img {
  width: 36px; height: 36px; border-radius: 50%; object-fit: cover; display: block;
}
.layadmin-privateletterlist-item .meida-right { flex: 1; min-width: 0; margin-left: 0; }
.layadmin-privateletterlist-item .meida-right p {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.layadmin-privateletterlist-item mdall { font-size: 12px; }