/* 橙色主题 + 圆角卡片风格 - 模仿 blog.umrs.cc */

:root {
  --theme-color: #ff6b35;
  --theme-color-hover: #e55a2b;
  --card-border-radius: 16px;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* 主题色覆盖 */
#aside-content .card-widget {
  border-radius: var(--card-border-radius) !important;
  box-shadow: var(--card-shadow) !important;
  border: none !important;
}

/* 文章卡片圆角 */
#recent-posts > .recent-post-item {
  border-radius: var(--card-border-radius) !important;
  box-shadow: var(--card-shadow) !important;
  border: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#recent-posts > .recent-post-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(255, 107, 53, 0.15) !important;
}

/* 导航栏 - 加大高度、居中、深色背景 */
#nav {
  background: rgba(30, 30, 30, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3) !important;
  height: 60px !important;
  line-height: 60px !important;
  padding: 0 30px !important;
}

#nav #blog-info {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

#nav .site-name {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

#nav #menus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}

#nav #menus a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}

#nav #menus a:hover {
  color: var(--theme-color) !important;
}

#page-header.nav-fixed #nav {
  background: rgba(20, 20, 20, 0.95) !important;
}

/* 暗色模式导航栏 */
[data-theme="dark"] #nav {
  background: rgba(15, 15, 15, 0.9) !important;
}

[data-theme="dark"] #page-header.nav-fixed #nav {
  background: rgba(10, 10, 10, 0.98) !important;
}

/* 按钮橙色主题 */
.button--animated,
#aside-content .card-widget .item-headline,
.search-dialog .search-nav {
  color: var(--theme-color) !important;
}

/* 链接颜色 */
a:hover {
  color: var(--theme-color) !important;
}

/* 标签颜色 */
#aside-content .tag-cloud-list a:hover {
  background: var(--theme-color) !important;
  color: #fff !important;
}

/* 分类卡片 */
#aside-content .card-widget .headline {
  color: var(--theme-color) !important;
}

/* 暗色模式适配 */
[data-theme="dark"] #nav {
  background: rgba(30, 30, 30, 0.9) !important;
}

[data-theme="dark"] #page-header.nav-fixed #nav {
  background: rgba(30, 30, 30, 0.95) !important;
}

[data-theme="dark"] #recent-posts > .recent-post-item {
  background: #1e1e1e !important;
}

/* 首页标题区域 */
#page-header #site-title {
  font-weight: 700 !important;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background: transparent;
}