/* =========================
   Xu Jinyao Blog - self.css
   目标：深色、克制、干净、无悬浮动画
   ========================= */

/* ---------- 1. 全局变量 ---------- */
:root {
  --card-bg: rgba(12, 16, 26, 0.92);
  --text-main: #f5f7ff;
  --text-body: rgba(245, 247, 255, 0.92);
  --text-muted: rgba(232, 237, 247, 0.66);
  --line-soft: rgba(255, 255, 255, 0.08);
  --line-softer: rgba(255, 255, 255, 0.05);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.28);
  --radius-lg: 18px;
}

/* ---------- 2. 顶部区域 ---------- */
#page-header::before {
  background: rgba(3, 6, 14, 0.55) !important;
}

#page-header #nav,
#page-header.nav-fixed #nav {
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

#nav .site-name,
#nav .menus_items .menus_item a,
#nav #toggle-menu,
#page-header #site-title,
#page-header #site-subtitle,
#page-header #scroll-down .scroll-down-effects,
#page-header #scroll-down i,
#nav *[class*="fa-"] {
  color: var(--text-main) !important;
}

#page-header #site-title {
  font-size: 2.8rem !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.32);
}

#page-header #site-subtitle {
  color: rgba(232, 237, 247, 0.78) !important;
  font-size: 1rem !important;
  letter-spacing: 0.03em;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.32);
}

/* ---------- 3. 卡片容器 ---------- */
#recent-posts > .recent-post-item,
#aside-content .card-widget,
div#post,
div#page,
div#archive {
  background: var(--card-bg) !important;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}

/* 侧边栏与正文基本文字 */
#aside-content,
div#post,
div#page,
div#archive {
  color: var(--text-main) !important;
}

/* ---------- 4. 首页文章卡片 ---------- */
/* 有些版本文章内容区本身还会单独有背景，所以一起压暗 */
#recent-posts > .recent-post-item > .recent-post-info,
#recent-posts > .recent-post-item .recent-post-info.no-cover {
  background: transparent !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.05rem 1.25rem 1.15rem !important;
}

/* 封面图 */
#recent-posts > .recent-post-item .post_cover {
  overflow: hidden;
}

#recent-posts > .recent-post-item .post_cover img.post_bg {
  filter: brightness(0.68) saturate(0.9);
  transform: none !important;
}

/* 标题：始终亮色 */
#recent-posts > .recent-post-item .article-title,
#recent-posts > .recent-post-item a.article-title,
#recent-posts > .recent-post-item .article-title:link,
#recent-posts > .recent-post-item .article-title:visited,
#recent-posts > .recent-post-item .article-title:hover,
#recent-posts > .recent-post-item a.article-title:hover {
  color: var(--text-main) !important;
  opacity: 1 !important;
  line-height: 1.35;
  margin-bottom: 0.45rem !important;
  transition: none !important;
  animation: none !important;
}

/* 摘要：更显眼 */
#recent-posts > .recent-post-item .content,
#recent-posts > .recent-post-item > .recent-post-info .content {
  color: var(--text-body) !important;
  line-height: 1.7;
  margin-top: 0.45rem !important;
}

/* 元信息 */
#recent-posts > .recent-post-item .article-meta-wrap {
  margin-top: 0.42rem !important;
  font-size: 0.82rem !important;
  line-height: 1.6;
}

#recent-posts > .recent-post-item .article-meta-wrap,
#recent-posts > .recent-post-item .article-meta-wrap a,
#recent-posts > .recent-post-item .article-meta-wrap time,
#recent-posts > .recent-post-item .article-meta-wrap span {
  color: var(--text-muted) !important;
}

#recent-posts > .recent-post-item .article-meta-wrap > span,
#recent-posts > .recent-post-item .article-meta-wrap > a {
  display: inline-flex;
  align-items: center;
  margin: 0 0.45rem 0.35rem 0 !important;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--line-softer);
}

#recent-posts > .recent-post-item .article-meta-wrap i {
  margin-right: 0.32rem;
  opacity: 0.82;
}

/* ---------- 5. 全站文字微调 ---------- */
#site-title,
#site-name,
#site-subtitle,
#recent-posts .recent-post-item .post-title {
  color: var(--text-main) !important;
}

/* ---------- 6. 关闭首页相关动画 ---------- */
#recent-posts > .recent-post-item,
#recent-posts > .recent-post-item:hover,
#recent-posts > .recent-post-item .recent-post-info,
#recent-posts > .recent-post-item .article-title,
#recent-posts > .recent-post-item a.article-title,
#recent-posts > .recent-post-item .content,
#recent-posts > .recent-post-item .article-meta-wrap,
#recent-posts > .recent-post-item .article-meta-wrap a,
#recent-posts > .recent-post-item .post_cover img.post_bg,
#aside-content .card-widget,
#aside-content .card-widget:hover {
  transition: none !important;
  animation: none !important;
}

#recent-posts > .recent-post-item:hover,
#recent-posts > .recent-post-item:hover .post_cover img.post_bg,
#aside-content .card-widget:hover {
  transform: none !important;
  filter: brightness(0.68) saturate(0.9) !important;
  box-shadow: var(--shadow-soft) !important;
}
/* 强制全站背景为纯色深黑，不要渐变、不要白底 */
html,
body,
#body-wrap {
  background: #05070d !important;
}

#web_bg {
  background: #05070d !important;
  background-image: none !important;
}

/* 首页顶部区域也不要额外背景图或渐变层 */
#page-header {
  background: transparent !important;
}

/* 全站文字统一为冷蓝色，不再悬浮变亮 */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active,
#nav .site-name,
#nav .site-name:hover,
#nav .menus_items .menus_item a,
#nav .menus_items .menus_item a:hover,
#page-header #site-title,
#page-header #site-subtitle,
#recent-posts .recent-post-item .article-title,
#recent-posts .recent-post-item a.article-title,
#recent-posts .recent-post-item .article-title:hover,
#recent-posts .recent-post-item a.article-title:hover,
#recent-posts .recent-post-item .content,
#recent-posts .recent-post-item .article-meta-wrap,
#recent-posts .recent-post-item .article-meta-wrap a,
#recent-posts .recent-post-item .article-meta-wrap a:hover,
#aside-content,
#aside-content a,
#aside-content a:hover,
div#post,
div#post a,
div#post a:hover,
div#page,
div#page a,
div#page a:hover,
div#archive,
div#archive a,
div#archive a:hover {
  color: #58a6ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}
/* =========================
   颜色最终覆盖
   规则：
   1. 顶部导航：只有 Xu Jinyao 是亮蓝色，其他白色
   2. 左侧文章卡片：只有标题亮蓝色，其他白色
   3. 右侧侧边栏：只有作者名 Xu Jinyao 亮蓝色，其他白色
   ========================= */

/* 统一定义颜色 */
:root {
  --accent-blue: #58a6ff;
  --pure-white: #f5f7ff;
  --soft-white: rgba(245, 247, 255, 0.92);
  --muted-white: rgba(245, 247, 255, 0.78);
}

/* ---------- 顶部导航栏 ---------- */
/* 站点名 Xu Jinyao */
#nav .site-name,
#nav .site-name:hover,
#nav .site-name:focus,
#nav .site-name:active {
  color: var(--accent-blue) !important;
}

/* 其他导航项 */
#nav .menus_items .menus_item a,
#nav .menus_items .menus_item a:hover,
#nav .menus_items .menus_item a:focus,
#nav .menus_items .menus_item a:active,
#nav #toggle-menu,
#nav #toggle-menu:hover {
  color: var(--pure-white) !important;
}

/* ---------- 左侧首页文章卡片 ---------- */
/* 文章标题 */
#recent-posts .recent-post-item .article-title,
#recent-posts .recent-post-item a.article-title,
#recent-posts .recent-post-item .article-title:link,
#recent-posts .recent-post-item .article-title:visited,
#recent-posts .recent-post-item .article-title:hover,
#recent-posts .recent-post-item a.article-title:hover {
  color: var(--accent-blue) !important;
}

/* 描述文字 */
#recent-posts .recent-post-item .content,
#recent-posts .recent-post-item > .recent-post-info .content {
  color: var(--soft-white) !important;
}

/* 日期 / 分类 / 标签这一行 */
#recent-posts .recent-post-item .article-meta-wrap,
#recent-posts .recent-post-item .article-meta-wrap a,
#recent-posts .recent-post-item .article-meta-wrap time,
#recent-posts .recent-post-item .article-meta-wrap span,
#recent-posts .recent-post-item .article-meta-wrap a:hover {
  color: var(--pure-white) !important;
}

/* ---------- 右侧侧边栏 ---------- */
/* 整个侧边栏先统一白色 */
#aside-content,
#aside-content a,
#aside-content a:hover,
#aside-content span,
#aside-content div,
#aside-content li {
  color: var(--pure-white) !important;
}

/* 作者名 Xu Jinyao 单独亮蓝色 */
#aside-content .card-info .author-info__name,
#aside-content .card-info .author-info__name:hover,
#aside-content .card-widget.card-info .author-info__name,
#aside-content .card-widget.card-info .author-info__name:hover {
  color: var(--accent-blue) !important;
}

/* 作者简介保持白色 */
#aside-content .card-info .author-info__description {
  color: var(--soft-white) !important;
}

/* 右侧标签、分类、归档这些链接都保持白色 */
#aside-content .card-categories a,
#aside-content .card-tag-cloud a,
#aside-content .card-archives a,
#aside-content .card-categories a:hover,
#aside-content .card-tag-cloud a:hover,
#aside-content .card-archives a:hover {
  color: var(--pure-white) !important;
}

/* 图标也统一，作者卡片里的小图标不变蓝 */
#aside-content i,
#aside-content i:hover,
#recent-posts .article-meta-wrap i {
  color: inherit !important;
}

/* 全部取消悬浮变色 */
#nav .site-name,
#nav .menus_items .menus_item a,
#recent-posts .recent-post-item .article-title,
#recent-posts .recent-post-item a.article-title,
#recent-posts .recent-post-item .content,
#recent-posts .recent-post-item .article-meta-wrap,
#recent-posts .recent-post-item .article-meta-wrap a,
#aside-content,
#aside-content a,
#aside-content .author-info__name {
  transition: none !important;
  animation: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
/* =========================
   文章页：所有标题亮蓝色，正文白色
   ========================= */

/* 文章页所有级别标题 */
div#post h1,
div#post h2,
div#post h3,
div#post h4,
div#post h5,
div#post h6,
div#post h1 a,
div#post h2 a,
div#post h3 a,
div#post h4 a,
div#post h5 a,
div#post h6 a {
  color: #58a6ff !important;
}

/* 文章页正文 */
div#post p,
div#post li,
div#post ul,
div#post ol,
div#post blockquote,
div#post span,
div#post strong,
div#post em {
  color: #f5f7ff !important;
}

/* 文章页正文里的链接也保持白色，不再悬浮变色 */
div#post a,
div#post a:hover,
div#post a:focus,
div#post a:visited {
  color: #f5f7ff !important;
  transition: none !important;
}

/* 文章页元信息那一行也改成白色 */
div#post .post-meta,
div#post .post-meta a,
div#post .post-meta span,
div#post .post-meta time {
  color: #f5f7ff !important;
}
/* 去掉底部蓝色背景，改成和全站一致的深色 */
#footer {
  background: #05070d !important;
  background-image: none !important;
}

/* 页脚文字保持白色 */
#footer,
#footer a,
#footer a:hover,
#footer span,
#footer div {
  color: #f5f7ff !important;
}