/**
 * Beacon 全站 vc-* 色系令牌映射。
 *
 * 审计发现残留父主题配色的组件：
 * - 作者信息卡徽章（读者等级、文章/评论/点赞/热度统计）
 * - "共建文明社区"反馈条与提交按钮
 * - 分页当前页码与分类/排行榜渐变徽章
 *
 * 父主题徽章/按钮/提示条统一由 CSS 变量 --this-* 消费配色，
 * 这里在子主题把 vc-*（实心）、vc-l-*（浅色）与 vc-j-*（渐变）
 * 映射到 Beacon 设计令牌，全站生效，不影响布局与业务逻辑。
 *
 * 令牌参照 beacon-token-values.css：
 * 品牌橙 #fc4c02 / 深橙 #b83b00 / 危险红 #dc2626 /
 * 深蓝面 #1c2140 / 品牌品红 #ef2cc1 / 正文 #3d4451。
 */

/* ---------- 信息系：青 → 令牌青色 ---------- */
.vc-cyan,
.vc-l-cyan {
  --this-hover-color: #ffffff;
  --this-hover-bg: #0891b2;
  --this-shadow-bg: rgba(6, 182, 212, 0.6);
}
.vc-cyan {
  --this-color: #ecfeff;
  --this-bg: #06b6d4;
}
.vc-l-cyan {
  --this-color: #0e7490;
  --this-bg: rgba(6, 182, 212, 0.08);
}

/* ---------- 主色系：蓝 → 品牌橙 ---------- */
.vc-blue,
.vc-l-blue {
  --this-hover-color: #ffffff;
  --this-hover-bg: #e04502;
  --this-shadow-bg: rgba(252, 76, 2, 0.7);
}
.vc-blue {
  --this-color: #fff3ef;
  --this-bg: #fc4c02;
}
.vc-l-blue {
  --this-color: #b83b00;
  --this-bg: rgba(252, 76, 2, 0.1);
}

/* ---------- 危险系：红 → 危险红 ---------- */
.vc-red,
.vc-l-red {
  --this-hover-color: #ffffff;
  --this-hover-bg: #c41f1f;
  --this-shadow-bg: rgba(220, 38, 38, 0.7);
}
.vc-red {
  --this-color: #ffeceb;
  --this-bg: #dc2626;
}
.vc-l-red {
  --this-color: #dc2626;
  --this-bg: rgba(220, 38, 38, 0.08);
}

/* ---------- 警示系：黄 → 深橙 ---------- */
.vc-yellow,
.vc-l-yellow {
  --this-hover-color: #ffffff;
  --this-hover-bg: #9c3200;
  --this-shadow-bg: rgba(184, 59, 0, 0.7);
}
.vc-yellow {
  --this-color: #fff3ef;
  --this-bg: #b83b00;
}
.vc-l-yellow {
  --this-color: #b83b00;
  --this-bg: rgba(184, 59, 0, 0.08);
}

/* ---------- 身份/评论系：紫 → 品牌品红 ---------- */
.vc-purple,
.vc-l-purple {
  --this-hover-color: #ffffff;
  --this-hover-bg: #d81fb0;
  --this-shadow-bg: rgba(239, 44, 193, 0.6);
}
.vc-purple {
  --this-color: #fdeafb;
  --this-bg: #ef2cc1;
}
.vc-l-purple {
  --this-color: #c2249c;
  --this-bg: rgba(239, 44, 193, 0.08);
}

/* ---------- 信息系：紫蓝 → 深蓝面 ---------- */
.vc-violet,
.vc-l-violet {
  --this-hover-color: #ffffff;
  --this-hover-bg: #252f50;
  --this-shadow-bg: rgba(28, 33, 64, 0.7);
}
.vc-violet {
  --this-color: #e6e8f5;
  --this-bg: #1c2140;
}
.vc-l-violet {
  --this-color: #1c2140;
  --this-bg: rgba(28, 33, 64, 0.08);
}

/* ---------- 成功系：绿 → 青绿深化 ---------- */
.vc-green,
.vc-l-green {
  --this-hover-color: #ffffff;
  --this-hover-bg: #0e7c74;
  --this-shadow-bg: rgba(13, 148, 136, 0.7);
}
.vc-green {
  --this-color: #e6f7f5;
  --this-bg: #0d9488;
}
.vc-l-green {
  --this-color: #0e7c74;
  --this-bg: rgba(13, 148, 136, 0.08);
}

/* ---------- 中性系：灰/黑 → 中性色与品牌墨色 ---------- */
.vc-gray,
.vc-black {
  --this-color: #eef1f6;
  --this-hover-color: #ffffff;
  --this-bg: #484848;
  --this-hover-bg: #3d4451;
  --this-shadow-bg: rgba(72, 72, 72, 0.7);
}
.vc-black {
  --this-bg: #000000;
  --this-hover-bg: #1c2140;
  --this-shadow-bg: rgba(1, 1, 32, 0.6);
}
.vc-l-gray {
  --this-color: #737373;
  --this-hover-color: #ffffff;
  --this-bg: rgba(115, 115, 115, 0.1);
  --this-hover-bg: #737373;
  --this-shadow-bg: rgba(72, 72, 72, 0.5);
}

/* ---------- 渐变徽章/按钮：统一使用 Beacon 色阶 ---------- */
.vc-j-gray,
.vc-j-draft,
.vc-j-trash {
  --this-color: #eef1f6;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #737373 10%, #484848 80%);
  --this-hover-bg: #3d4451;
  --this-shadow-bg: rgba(72, 72, 72, 0.6);
}
.vc-j-red {
  --this-color: #ffeceb;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #f87171 10%, #dc2626 100%);
  --this-hover-bg: #c41f1f;
  --this-shadow-bg: rgba(220, 38, 38, 0.6);
}
.vc-j-yellow,
.vc-j-pending {
  --this-color: #fff3ef;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #fc4c02 10%, #b83b00 100%);
  --this-hover-bg: #9c3200;
  --this-shadow-bg: rgba(184, 59, 0, 0.6);
}
.vc-j-cyan {
  --this-color: #ecfeff;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #06b6d4 10%, #0e7490 100%);
  --this-hover-bg: #0891b2;
  --this-shadow-bg: rgba(6, 182, 212, 0.6);
}
.vc-j-blue,
.vc-j-publish {
  --this-color: #fff3ef;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #fc4c02 10%, #ef2cc1 100%);
  --this-hover-bg: #e04502;
  --this-shadow-bg: rgba(252, 76, 2, 0.6);
}
.vc-j-green {
  --this-color: #e6f7f5;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #0d9488 10%, #0e7c74 100%);
  --this-hover-bg: #0e7c74;
  --this-shadow-bg: rgba(13, 148, 136, 0.6);
}
.vc-j-violet {
  --this-color: #e6e8f5;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #252f50 10%, #1c2140 100%);
  --this-hover-bg: #252f50;
  --this-shadow-bg: rgba(28, 33, 64, 0.6);
}
.vc-j-purple {
  --this-color: #fdeafb;
  --this-hover-color: #ffffff;
  --this-bg: linear-gradient(135deg, #ef2cc1 10%, #c2249c 100%);
  --this-hover-bg: #d81fb0;
  --this-shadow-bg: rgba(239, 44, 193, 0.6);
}

/* ---------- 分页当前页码与悬停状态 ---------- */
.posts-nav .page-numbers.current,
.posts-nav .page-numbers:not(.dots):hover {
  background-color: #fc4c02;
  border-color: #fc4c02;
  box-shadow: 0 5px 20px -3px rgba(252, 76, 2, 0.35);
  color: #fff3ef !important;
}

/* ---------- 作者信息卡统计图标与数字单位 ---------- */
.about-website-body .iconfont.icon-post,
.about-website-body .iconfont.icon-comment,
.about-website-body .iconfont.icon-like-line,
.about-website-body .iconfont.icon-hot,
.about-website-body .num-unit {
  color: var(--bc-body, #3d4451);
}
.about-website-body .iconfont.icon-hot,
.about-website-body .num-unit {
  color: #dc2626;
}