/* ==============================================================================
   Hexo Theme Keep - 保险之哲思 (Insurance Insights)
   完整自定义样式配置 - 最终版
   包含：LOGO放大 + 页面居中 + 隐藏Trainee + 屏幕最大化 + 页脚优化
   ============================================================================== */

/* ======================
   1. 导航栏 - LOGO 放大
   ====================== */

.header-wrapper {
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 30px !important;
  position: relative !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.header-wrapper .header-content {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
}

.header-wrapper .header-content .left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 20px !important;
  position: relative !important;
  flex-wrap: nowrap !important;
}

.header-wrapper .header-content .left .logo-image {
  display: inline-block !important;
  height: 70px !important;
  width: auto !important;
  position: relative !important;
  flex-shrink: 0 !important;
  line-height: 70px !important;
  vertical-align: middle !important;
}

.header-wrapper .header-content .left .logo-image img {
  height: 70px !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  max-width: none !important;
}

.header-wrapper .header-content .left .site-name {
  display: inline-block !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  position: relative !important;
  vertical-align: middle !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 70px !important;
  height: 70px !important;
}

.header-wrapper .header-content .right {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* ======================
   2. 文章页 - 作者信息优化
   ====================== */

/* 隐藏作者等级标签（Trainee）*/
.author-label,
.post-author .label,
.post-meta .label,
.label-trainee,
.author-label-badge,
span[class*="trainee"],
span[class*="label"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 作者头像 - 用 LOGO 替换 */
.post-author .author-avatar img,
.post-meta .author-avatar img,
img[src*="avatar"] {
  content: url('/images/logo.png') !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* 作者名字样式 */
.post-author .author-name,
.post-meta .author-name {
  font-weight: 600 !important;
  font-size: 1rem !important;
}

/* ======================
   3. 页面居中布局 - 最大化宽度
   ====================== */

.page-container,
.main-container,
.post-page-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
}

/* ======================
   4. 首屏区域优化
   ====================== */

.first-screen-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  min-height: 250px !important;
  padding: 40px 30px !important;
  text-align: center !important;
}

.first-screen-description {
  font-size: 1.4rem !important;
  line-height: 1.8 !important;
  margin: 15px 0 !important;
  font-weight: 500 !important;
  display: inline-block !important;
}

/* 隐藏装饰图形 */
.first-screen-shape,
.first-screen-background,
.home-background-shape {
  display: none !important;
}

/* ======================
   5. 首页文章优化
   ====================== */

.home-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 30px 10px 30px !important;
}

.post-card {
  margin: 0 auto 20px auto !important;
  padding: 25px 40px !important;
}

.post-card .post-title {
  font-size: 1.3rem !important;
  margin-bottom: 15px !important;
  text-align: left !important;
}

.post-card .post-body {
  text-align: left !important;
  margin: 15px 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

.post-card .post-meta {
  margin-bottom: 8px !important;
  font-size: 0.85rem !important;
  color: #999 !important;
}

/* ======================
   6. 文章页面优化 - 最大化可视面积
   ====================== */

.post-page-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.post-header {
  margin-bottom: 30px !important;
}

.post-title {
  font-size: 1.8rem !important;
  margin-bottom: 20px !important;
}

.post-content {
  padding: 0 !important;
  max-width: 100% !important;
  line-height: 1.8 !important;
}

.post-body {
  max-width: 100% !important;
  width: 100% !important;
}

/* 文章段落间距优化 */
.post-content p {
  margin-bottom: 1em !important;
}

/* 文章标题间距优化 */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
  margin-top: 1.5em !important;
  margin-bottom: 0.8em !important;
}

/* 文章目录侧边栏 */
.toc-container,
.post-toc {
  max-width: 280px !important;
  width: 280px !important;
}

/* 文章元信息 */
.post-meta-info {
  font-size: 0.9rem !important;
}

/* ======================
   7. 归档/分类/标签页面
   ====================== */

.archive-container,
.category-container,
.tag-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 20px 30px !important;
}

/* ======================
   8. 页脚优化 - 纯文字显示Vercel，隐藏年份
   ====================== */

.footer-wrapper {
  padding: 8px 0 !important;
  margin-top: 5px !important;
  font-size: 0.85rem !important;
  text-align: center !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer-wrapper .footer-info {
  padding: 5px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
}

/* 隐藏年份 */
.footer-wrapper .since,
.footer-wrapper .copyright-year,
.footer-wrapper time,
.footer-wrapper span[class*="since"],
.footer-wrapper span[class*="year"] {
  display: none !important;
}

/* 隐藏所有 Vercel 图片和图标 */
.footer-wrapper .vercel-logo,
.footer-wrapper img[src*="vercel"],
.footer-wrapper svg,
.footer-wrapper .site-deploy img,
.footer-wrapper .site-deploy svg,
.footer-wrapper .site-deploy .vercel-icon,
.footer-wrapper .site-deploy picture {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* Vercel 文字容器 */
.footer-wrapper .site-deploy {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  color: #666 !important;
}

/* 强制显示 Vercel 文字 */
.footer-wrapper .site-deploy::after {
  content: "Vercel" !important;
  display: inline !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.footer-wrapper .site-deploy a {
  color: inherit !important;
  text-decoration: none !important;
}

/* 版权文字样式 */
.footer-wrapper .copyright-text {
  font-size: 0.85rem !important;
  color: #666 !important;
}

.footer-wrapper .author-name {
  display: inline !important;
}

.footer-shape {
  display: none !important;
}

/* ======================
   9. 社交图标
   ====================== */

.social-contact {
  text-align: center !important;
  margin: 15px auto !important;
}

.social-contact a {
  margin: 0 10px !important;
}

/* ======================
   10. 通用样式
   ====================== */

/* 确保居中 */
div[class*="container"],
div[class*="content"] {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 链接样式 */
a {
  transition: color 0.2s !important;
}

a:hover {
  color: #2563eb !important;
}

/* 代码块 */
pre, code {
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace !important;
}

/* 图片响应式 */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* 表格 */
table {
  width: 100% !important;
  overflow-x: auto !important;
  display: block !important;
}

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

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

::-webkit-scrollbar-thumb {
  background: #888 !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

/* ======================
   11. 响应式适配
   ====================== */

/* 平板屏幕 (768-992px) */
@media (max-width: 992px) {
  .page-container,
  .main-container,
  .first-screen-container,
  .header-wrapper,
  .footer-wrapper,
  .home-content,
  .archive-container,
  .category-container,
  .tag-container,
  .post-page-container {
    max-width: 100% !important;
    padding: 0 20px !important;
  }
  
  .post-card {
    padding: 20px 25px !important;
  }
  
  .first-screen-description {
    font-size: 1.1rem !important;
  }
  
  .toc-container,
  .post-toc {
    max-width: 240px !important;
    width: 240px !important;
  }
}

/* 手机屏幕 (<768px) */
@media (max-width: 768px) {
  .header-wrapper {
    height: 80px !important;
    padding: 0 15px !important;
  }
  
  .header-wrapper .header-content .left {
    gap: 15px !important;
  }
  
  .header-wrapper .header-content .left .logo-image,
  .header-wrapper .header-content .left .logo-image img {
    height: 55px !important;
    line-height: 55px !important;
  }
  
  .header-wrapper .header-content .left .site-name {
    font-size: 1.3rem !important;
    line-height: 55px !important;
    height: 55px !important;
  }
  
  .page-container,
  .main-container,
  .first-screen-container,
  .header-wrapper,
  .footer-wrapper,
  .home-content,
  .archive-container,
  .category-container,
  .tag-container,
  .post-page-container {
    max-width: 100% !important;
    padding: 0 15px !important;
  }
  
  .first-screen-container {
    min-height: 120px !important;
    padding: 15px 0 !important;
  }
  
  .first-screen-description {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  
  .post-card {
    padding: 15px 20px !important;
    margin: 0 auto 10px auto !important;
  }
  
  .post-card .post-title {
    font-size: 1.1rem !important;
  }
  
  .post-card .post-body {
    font-size: 0.9rem !important;
  }
  
  .footer-wrapper {
    padding: 8px 0 !important;
    font-size: 0.8rem !important;
  }
  
  /* 文章页作者信息 */
  .post-author .author-avatar img,
  .post-meta .author-avatar img {
    width: 35px !important;
    height: 35px !important;
  }
  
  .toc-container,
  .post-toc {
    max-width: 200px !important;
    width: 200px !important;
  }
}

/* 小屏幕手机 (<480px) */
@media (max-width: 480px) {
  .header-wrapper .header-content .left .logo-image,
  .header-wrapper .header-content .left .logo-image img {
    height: 45px !important;
    line-height: 45px !important;
  }
  
  .header-wrapper .header-content .left .site-name {
    font-size: 1.1rem !important;
    line-height: 45px !important;
    height: 45px !important;
  }
  
  .header-wrapper .header-content .left {
    gap: 10px !important;
  }
  
  .first-screen-description {
    font-size: 0.9rem !important;
  }
  
  .post-card {
    padding: 12px 15px !important;
  }
  
  .post-title {
    font-size: 1rem !important;
  }
  
  .post-author .author-avatar img,
  .post-meta .author-avatar img {
    width: 30px !important;
    height: 30px !important;
  }
  
  .post-content h1 {
    font-size: 1.4rem !important;
  }
  
  .post-content h2 {
    font-size: 1.2rem !important;
  }
}

/* ======================
   12. 超大屏幕优化 (1920px+)
   ====================== */

@media (min-width: 1920px) {
  .page-container,
  .main-container,
  .first-screen-container,
  .header-wrapper,
  .footer-wrapper,
  .home-content,
  .archive-container,
  .category-container,
  .tag-container,
  .post-page-container {
    max-width: 1400px !important;
    padding: 0 40px !important;
  }
  
  .post-card {
    padding: 30px 50px !important;
  }
  
  .post-content {
    font-size: 1.05rem !important;
  }
}