/* ===================================================
   风水百科 · 参考69.png 精简化设计
   深色 · 卡片 · 紧凑 · 干净 · 科技感
   =================================================== */

/* ===== 全局 ===== */
#body-wrap, .layout, #content-inner {
  background: #0A0E0C !important;
}

.layout {
  max-width: 960px !important;
  padding: 0 20px !important;
}

/* ===== 页头 - 紧凑科技感 ===== */
#page-header {
  background: linear-gradient(180deg, #0D1A14 0%, #0A0E0C 100%) !important;
  min-height: 120px !important;
  padding: 20px 0 10px !important;
  position: relative;
  overflow: hidden;
}

#page-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(61,175,138,0.3), transparent);
}

#page-header .site-title {
  color: #E8E6E0 !important;
  font-family: -apple-system, 'PingFang SC', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  padding-top: 0 !important;
}

#page-header .site-subtitle {
  color: #5A7A6A !important;
  font-size: 12px !important;
  letter-spacing: 3px !important;
  font-weight: 300 !important;
}

/* ===== 导航 - 紧凑 ===== */
#nav {
  background: rgba(10,14,12,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  min-height: 44px !important;
}

#nav .site-name {
  color: #3DAF8A !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

#nav .menus_items .menu-item a {
  color: #5A7A6A !important;
  font-size: 12px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  text-align: center !important;
  min-width: 52px !important;
  display: inline-block !important;
}

#nav .menus_items {
  gap: 2px !important;
}

#nav .menus_items .menu-item a:hover {
  background: rgba(61,175,138,0.1) !important;
  color: #3DAF8A !important;
}

/* ===== 文章卡片 - 干净简洁 ===== */
#recent-posts > .recent-post-item {
  background: #121816 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 8px !important;
  transition: all 0.2s !important;
}

#recent-posts > .recent-post-item:hover {
  border-color: rgba(61,175,138,0.2) !important;
  background: #161C1A !important;
}

#recent-posts > .recent-post-item .post-title {
  color: #E0DDD6 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Cover image for article cards */
#recent-posts > .recent-post-item .post_cover {
  border-radius: 8px !important;
  overflow: hidden !important;
}

#recent-posts > .recent-post-item .post_cover img {
  border-radius: 8px !important;
  width: 100% !important;
  height: auto !important;
}

/* Post meta */
.post-meta, .post-meta a, .post-meta-item {
  color: #4A6056 !important;
  font-size: 12px !important;
}

/* ===== 侧栏卡片 ===== */
.card-widget {
  background: #121816 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
}

.card-widget .item-headline {
  color: #E0DDD6 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

.aside-list-item .content .name {
  color: #C0BCB4 !important;
  font-size: 13px !important;
}

.aside-list-item .content .name:hover {
  color: #3DAF8A !important;
}

.aside-list-item .content time {
  color: #4A6056 !important;
  font-size: 11px !important;
}

/* ===== 分类列表 ===== */
.category-list-item a {
  color: #8AA89A !important;
  font-size: 13px !important;
  padding: 2px 0 !important;
}

.category-list-item a:hover {
  color: #3DAF8A !important;
}

.category-list-count {
  color: #4A6056 !important;
}

/* ===== 标签云 ===== */
.tag-cloud-list a {
  color: #5A7A6A !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 6px !important;
  padding: 2px 10px !important;
  margin: 2px !important;
  font-size: 12px !important;
}

.tag-cloud-list a:hover {
  background: rgba(61,175,138,0.1) !important;
  color: #3DAF8A !important;
  border-color: rgba(61,175,138,0.3) !important;
}

/* ===== 文章内容 ===== */
#article-container {
  color: #C0BCB4 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

#article-container h1 {
  color: #E0DDD6 !important;
  font-family: -apple-system, 'PingFang SC', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

#article-container h2 {
  color: #E0DDD6 !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}

#article-container h2::after { display: none !important; }

#article-container h3 {
  color: #E0DDD6 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

#article-container p, #article-container li {
  color: #A0ACA4 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

#article-container a {
  color: #3DAF8A !important;
  text-decoration: none !important;
}

#article-container a:hover {
  border-bottom: 1px solid #3DAF8A !important;
}

#article-container blockquote {
  background: rgba(61,175,138,0.05) !important;
  border-left: 2px solid #3DAF8A !important;
  color: #5A7A6A !important;
  padding: 10px 16px !important;
  margin: 14px 0 !important;
  border-radius: 0 6px 6px 0 !important;
}

#article-container th {
  background: rgba(61,175,138,0.1) !important;
  color: #E0DDD6 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  font-size: 13px !important;
}

#article-container td {
  border: 1px solid rgba(255,255,255,0.04) !important;
  color: #A0ACA4 !important;
  font-size: 13px !important;
}

/* ===== 分页 ===== */
.pagination a, .pagination span {
  background: #121816 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  color: #5A7A6A !important;
  border-radius: 6px !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 12px !important;
}

.pagination a:hover {
  border-color: rgba(61,175,138,0.3) !important;
  color: #3DAF8A !important;
}

.pagination .current {
  background: #3DAF8A !important;
  color: #fff !important;
  border-color: #3DAF8A !important;
}

/* ===== 页脚 ===== */
#footer {
  background: #0A0E0C !important;
  border-top: 1px solid rgba(255,255,255,0.03) !important;
  color: #3A5046 !important;
  padding: 24px 0 !important;
  font-size: 12px !important;
}

#footer::before { display: none !important; }
#footer a { color: #3DAF8A !important; }

/* ===== 右侧按钮 ===== */
#rightside button {
  background: #121816 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  color: #5A7A6A !important;
  border-radius: 6px !important;
}

#rightside button:hover {
  background: rgba(61,175,138,0.1) !important;
  color: #3DAF8A !important;
}

/* ===== 阅读进度条 ===== */
#scroll-progress {
  background: linear-gradient(90deg, #2D8F72, #3DAF8A) !important;
  height: 2px !important;
}

/* ===== 归档 ===== */
#archive .al_mon_list .al_mon a {
  color: #8AA89A !important;
  font-size: 14px !important;
}

#archive .al_mon_list .al_mon a:hover {
  color: #3DAF8A !important;
}

/* ===== 标签页头 ===== */
.category-lists .category-title {
  color: #E0DDD6 !important;
  font-size: 18px !important;
}

/* ===== Webinfo ===== */
.webinfo .webinfo-item .item-name {
  color: #5A7A6A !important;
  font-size: 12px !important;
}

.webinfo .webinfo-item .item-count {
  color: #8AA89A !important;
  font-size: 12px !important;
}

/* ===== 文章元信息 ===== */
.post-meta__tags a {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 6px !important;
  color: #5A7A6A !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
}

/* ===== 站点信息 ===== */
#site-info {
  padding: 10px 0 !important;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
  .layout { padding: 0 12px !important; }
  #recent-posts > .recent-post-item { padding: 12px 14px !important; }
  #recent-posts > .recent-post-item .post-title { font-size: 15px !important; }
  #article-container { font-size: 14px !important; }
  #article-container h1 { font-size: 20px !important; }
  #article-container h2 { font-size: 17px !important; }
}