/* ======================================
   Hugo 博客最终精简样式（完美版）
   融合极简+适配性，无冗余功能
====================================== */
:root {
  /* 核心配色（一键修改全局颜色） */
  --main-red: #dd2c38;
  --main-orange: #f97316;
  --main-purple: #a855f7;
  --main-black: #000;
  --transition: 0.3s ease;
}

/* 标题基础样式 */
.prose h1, .prose h2, .prose h3, 
.prose h4, .prose h5, .prose h6 {
  position: relative !important;
  padding-left: 1rem !important;
  margin: 1.5rem 0 0.75rem !important;
  font-weight: 600 !important;
}

/* 标题竖杠基础样式 */
.prose h1::before, .prose h2::before, .prose h3::before,
.prose h4::before, .prose h5::before, .prose h6::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 1em !important;
  border-radius: 2px !important;
}

/* 竖杠配色：H1红/H2橙/H3紫/H4-H6黑 */
.prose h1::before { background: var(--main-red) !important; }
.prose h2::before { background: var(--main-orange) !important; }
.prose h3::before { background: var(--main-purple) !important; }
.prose h4::before, .prose h5::before, .prose h6::before { background: var(--main-black) !important; }

/* 加粗文字红色 */
.prose strong, .prose b {
  color: var(--main-red) !important;
  font-weight: 700 !important;
}

/* 超链接样式 */
.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; }

/* ========== 暗色模式适配 ========== */
.dark :root {
  --main-black: #ddd;
}
.dark .prose h1::before { background: #f87171 !important; }
.dark .prose h2::before { background: #fb923c !important; }
.dark .prose h3::before { background: #a855f7 !important; }
.dark .prose strong, .dark .prose b { color: #f87171 !important; }
.dark .prose a::after { background: #f87171 !important; }
.dark .prose a:hover { color: #000 !important; }