/* ======================================
 * Hugo 博客极简样式
 * 适配：Tailwind Typography / Stack / PaperMod 等主流主题
 * 特性：无JS依赖、无自定义Class、暗色模式自动适配
 * ====================================== */
 :root {
  /* 全局主题配色 */
  --main-red: #dd2c38;
  --main-orange: #f97316;
  --main-purple: a855f7;
  --main-black: #000;

  /* 全局动画过渡 */
  --transition: 0.3s ease;
}

/* ======================================
 * 1. 强调文本样式
 * 效果：加粗文本自动渲染为红色
 * ====================================== */
.prose strong, .prose b {
  color: var(--main-red) !important;
  font-weight: 700 !important;
}

/* ======================================
 * 2. 超链接交互动画
 * 效果：默认无下划线，hover 展开红色背景动画
 * ====================================== */
.prose a {
  position: relative !important;
  color: inherit !important;
  text-decoration: none !important;
  padding: 0 2px !important;
  z-index: 1 !important;
}

.prose a::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: var(--main-red) !important;
  z-index: -1 !important;
  transition: height var(--transition) !important;
}

.prose a:hover {
  color: #fff !important;
}

.prose a:hover::after {
  height: 100% !important;
}

/* ======================================
 * 3. 暗色模式适配
 * ====================================== */
.dark :root {
  --main-black: #ddd;
}

/* 暗色模式：强调文本红色 */
.dark .prose strong,
.dark .prose b {
  color: #f87171 !important;
}

/* 暗色模式：链接动画配色 */
.dark .prose a::after {
  background: #f87171 !important;
}
.dark .prose a:hover {
  color: #000 !important;
}

/* 最近文章标题 - 黑色圆角竖杠（永久生效） */
div.border-l-2.border-gray-200.pl-4.py-1 {
  /* 隐藏原来的直角灰色竖杠 */
  border-left-color: transparent !important;
  /* 定位支撑 */
  position: relative !important;
}
/* 生成新的 黑色圆角竖杠 */
div.border-l-2.border-gray-200.pl-4.py-1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* 圆角效果 */
  border-radius: 999px;
  /* 纯黑色竖杠 */
  background: #000;
  /* 保持原粗细 2px */
  width: 2px;
  /* 竖杠高度（和原来一致） */
  height: 16px;
}