/* ===== 季秋博客自定义样式 ===== */

/* 全局字体优化 */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  background: #f5f6fa !important;
}

/* 左侧面板 - 深色背景 + 白色文字 */
.left-col {
  background: linear-gradient(180deg, #1e2a3a 0%, #0f1923 100%) !important;
}
.left-col * {
  color: rgba(255,255,255,0.85) !important;
}
.left-col a, .left-col a:visited, .left-col a:link {
  color: rgba(255,255,255,0.85) !important;
}
.left-col a:hover {
  color: #fff !important;
}
.left-col .header-author {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.left-col .header-subtitle,
.left-col .header-description {
  color: rgba(255,255,255,0.55) !important;
  font-size: 13px !important;
}
.left-col .header-smart-menu a {
  color: rgba(255,255,255,0.7) !important;
}
.left-col .header-smart-menu a:hover {
  color: #fff !important;
}
.left-col .header-menu a {
  color: rgba(255,255,255,0.8) !important;
}
.left-col .header-menu a:hover {
  color: #fff !important;
}
/* 左侧面板图标 */
.left-col .iconfont,
.left-col .icon {
  color: rgba(255,255,255,0.6) !important;
}
.left-col .iconfont:hover,
.left-col .icon:hover {
  color: #fff !important;
}

/* 头像美化 */
.header-img img {
  border: 3px solid rgba(255,255,255,0.15) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
.header-img img:hover {
  transform: scale(1.05) rotate(3deg) !important;
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4) !important;
}

/* 中间内容区域背景 */
.mid-col {
  background: #f5f6fa !important;
}

/* 文章卡片 */
.article {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.article:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.1) !important;
  transform: translateY(-2px) !important;
}
.article-inner {
  padding: 24px 28px !important;
}

/* 文章标题 */
.article-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  letter-spacing: -0.3px !important;
}
.article-title a {
  color: #1a1a2e !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.article-title a:hover {
  color: #667eea !important;
}

/* 文章日期 */
.archive-article-date {
  color: #999 !important;
  font-size: 13px !important;
}

/* 文章内容排版 */
.article-entry {
  color: #444 !important;
  line-height: 1.85 !important;
  font-size: 15px !important;
}
.article-entry h1, .article-entry h2, .article-entry h3 {
  color: #1a1a2e !important;
  font-weight: 700 !important;
  margin: 28px 0 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #f0f0f5 !important;
}
.article-entry h1 { font-size: 24px !important; }
.article-entry h2 { font-size: 20px !important; }
.article-entry h3 { font-size: 17px !important; border-bottom: none !important; }
.article-entry p { margin: 12px 0 !important; }

/* 代码块 */
.article-entry code {
  background: #f3f4f6 !important;
  color: #e74c3c !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-family: 'SF Mono', 'Fira Code', monospace !important;
}
.article-entry pre {
  background: #1e1e2e !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  overflow-x: auto !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
.article-entry pre code {
  background: transparent !important;
  color: #cdd6f4 !important;
  padding: 0 !important;
}

/* 图片 */
.article-entry img {
  border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important;
  max-width: 100% !important;
  transition: transform 0.3s ease !important;
}
.article-entry img:hover {
  transform: scale(1.02) !important;
}

/* 文章内链接 */
.article-entry a {
  color: #667eea !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.2s !important;
}
.article-entry a:hover {
  border-bottom-color: #667eea !important;
}

/* 展开全文按钮 */
.article-more-a {
  display: inline-block !important;
  color: #667eea !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  border: 1px solid #667eea !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
  margin-top: 12px !important;
}
.article-more-a:hover {
  background: #667eea !important;
  color: #fff !important;
}

/* 标签 */
.article-tag-list-link {
  display: inline-block !important;
  padding: 2px 10px !important;
  background: #f0f2ff !important;
  color: #667eea !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  margin: 2px 4px 2px 0 !important;
  transition: all 0.2s !important;
}
.article-tag-list-link:hover {
  background: #667eea !important;
  color: #fff !important;
}

/* 右侧滑动面板 */
.slider-content {
  background: #fff !important;
  color: #333 !important;
}
.slider-content * {
  color: #333 !important;
}

/* 页脚 */
#footer {
  color: #aaa !important;
  font-size: 12px !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #999; }

/* 回到顶部按钮 */
.top-wrap {
  background: linear-gradient(135deg, #667eea, #764ba2) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(102, 126, 234, 0.4) !important;
}

/* 移动端响应 */
@media (max-width: 768px) {
  .article-inner { padding: 16px 18px !important; }
  .article-title { font-size: 18px !important; }
  .article-entry { font-size: 14px !important; }
}

/* 左侧导航菜单 - 加强可见度 */
.header-menu a,
.header-menu li a {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
.header-menu a:hover,
.header-menu li a:hover {
  opacity: 1 !important;
  color: #a8c0ff !important;
}

/* 所有文章 友链 关于我 */
.header-smart-menu a {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  transition: all 0.2s !important;
}
.header-smart-menu a:hover {
  opacity: 1 !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
}