/* ===== 雒文鹏博客自定义样式 ===== */
/* 从 index.html 抽取，类 lixiaolai.com 风格 */

img {text-align: center;}
/* 锚点跳转时预留导航栏高度，避免标题被遮挡 */
html { scroll-padding-top: 60px; }

/* 柔和暖灰白背景 */
:root {
  --base-background-color: #f8f8f9;
  --base-color: #2c2c2c;
  --base-font-family: 'Inter', 'Noto Serif SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sidebar-width: 260px;
}

/* 标题使用衬线字体，更大更松 */
.markdown-section h1,
.markdown-section h2,
.markdown-section h3 {
  font-family: 'Noto Serif SC', 'Georgia', serif;
  letter-spacing: 0.02em;
  color: #1a1a1a;
  border-bottom: none;
  font-weight: 600;
}
.markdown-section h1 { font-size: 2em; margin-top: 2.5em; }
.markdown-section h2 { font-size: 1.5em; margin-top: 2em; }
.markdown-section h3 { font-size: 1.2em; margin-top: 1.5em; }

/* 正文行高和字间距更舒适 */
.markdown-section {
  line-height: 1.85;
  letter-spacing: 0.01em;
  max-width: 800px;
}
.markdown-section p {
  margin: 1.2em 0;
}

/* ===== 文章日期显示 ===== */
.article-dates {
  margin: -0.6em 0 1.8em 0;
  font-size: 0.85em;
  color: #999;
  font-family: 'Inter', -apple-system, sans-serif;
}
.article-dates .article-date-pub::before {
  content: '📅 ';
}
.article-dates .article-date-mod {
  margin-left: 0.8em;
}
.article-dates .article-date-mod::before {
  content: '🔄 ';
}

/* 链接颜色更柔和 */
.markdown-section a {
  color: #5b7aa2;
  text-decoration: none;
}
.markdown-section a:hover {
  color: #3d5a80;
  text-decoration: underline;
}

/* 侧边栏风格 */
.sidebar {
  background-color: #fafafa;
  border-right: 1px solid #eee;
}
.sidebar li > a {
  font-size: 14px;
  color: #555;
}
.sidebar li > a:hover {
  color: #1a1a1a;
}

/* 访问量计数器 */
.sidebar #busuanzi_value_site_pv {
  font-weight: 600;
  color: #5b7aa2;
}

/* 导航栏 */
.app-nav {
  color: #555;
}

/* 减少边框和分割线，多用留白 */
.markdown-section hr {
  border: none;
  height: 1px;
  background: #e8e8e8;
  margin: 2em 0;
}
.markdown-section blockquote {
  border-left: 3px solid #d0d0d0;
  background: #fafafa;
}

/* ===== 封面页全屏背景图 ===== */
.cover {
  background: url('images/hero-bg.jpg') no-repeat center center !important;
  background-size: cover !important;
  position: relative;
}
/* 深色蒙版 + 毛玻璃虚化，保证浅色文字可读 */
.cover::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 0;
  pointer-events: none;
}
/* 封面内容提升到遮罩层之上 */
.cover-main {
  position: relative;
  z-index: 1;
}
/* 封面文字改为浅色 */
.cover h1,
.cover blockquote,
.cover p,
.cover ul li {
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
.cover h1,
.cover h1 a,
.cover h1 span {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.65) !important;
}
.cover h1 {
  font-family: 'Noto Serif SC', 'Georgia', serif !important;
  font-size: 3.2em;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0;
}
/* 按钮样式：仅应用给 cover-main 直系 a，排除 h1 内的 anchor */
.cover blockquote {
  border-left-color: rgba(255,255,255,0.4);
}
/* 响应式：手机端适配 */
@media screen and (max-width: 768px) {
  .cover {
    background-position: 55% center !important;
  }
  .cover h1 {
    font-size: 2.2em !important;
  }
  .cover blockquote {
    font-size: 0.95em;
  }
}