/* ==========================================
   0. 全站米白底色（原来放在项目根目录 CSS/custom.css，Hexo 不会读取那里）
========================================== */
:root {
  --accent-red: #990000;
}
[data-user-color-scheme="dark"] {
  --accent-red: #d46a6a;
}

body,
#board {
  background-color: #faf8f5 !important;
}

/* ==========================================
   温柔米色头图 + 纯白字体
========================================== */
.banner {
  background-color: #faf8f5 !important; /* 和底色一样的米白 */
  /* 如果你想让它有一点点层次感，可以用稍微深一点的米色：#f0ece1 */
  box-shadow: none !important;
  border-bottom: 1px solid #eaecef !important; /* 下面加一条极细的线，区分头图和正文 */
}

/* 强制头图上的文字变成纯白色（如果你用了偏深的米色底，白字会很醒目） */
.banner-text {
  color: #ffffff !important; 
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important; /* 加一点点极淡的阴影，防止白字看不清 */
}

/* 夜间模式下的头图 */
html[data-user-color-scheme="dark"] .banner {
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #333 !important;
}

/* ==========================================================
   2. 首页“书架卡片”极简排列
   ========================================================== */
.row.index-infobar,.index-card {
  background: var(--board-bg-color) !important;
  border: 1px solid var(--line-color) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
  margin-bottom: 16px !important;
}

/* ==========================================================
   3. 对标 AO3 的正文紧凑排版与字体优化
   ========================================================== */
.markdown-body {
  font-family: "Georgia", "Source Serif Pro", "Songti SC", serif !important;
  font-size: 16px !important; /* 字体适中偏小，精致清晰 */
  line-height: 1.8 !important;
  color: #2b2b2b !important;
  background-color: transparent !important;
}

.markdown-body p {
  text-indent: 2em !important; /* 中文首行缩进两格 */
  margin-bottom: 1em !important;
  text-align: justify !important;
}

/* 手机端正文与边距适配，防止挤成一团 */
@media (max-width: 768px) {
  .markdown-body {
    font-size: 15px !important;
    padding: 0 10px !important;
  }
  body {
    padding: 0 !important;
  }
}

/* ==========================================================
   4. 夜间模式强制覆盖修复 (深灰底 + 浅灰字)
   ========================================================== */
[data-user-color-scheme="dark"] body,
[data-user-color-scheme="dark"] #board,
.dark-mode body {
  background-color: #1a1a1a !important;
  color: #d0d0d0 !important;
}

[data-user-color-scheme="dark"] .markdown-body {
  color: #d0d0d0 !important;
}

[data-user-color-scheme="dark"] .card, 
[data-user-color-scheme="dark"] .index-card,
[data-user-color-scheme="dark"] .modal-content {
  background-color: #242424 !important;
  border-color: #333333 !important;
  color: #d0d0d0 !important;
}

/* ==========================================================
   5. 上一篇 / 下一篇 按钮美化
   ========================================================== */
.post-prevnext {
  margin-top: 40px !important;
  border-top: 1px solid var(--line-color) !important;
  padding-top: 20px !important;
}
.post-prevnext a {
  color: var(--accent-red) !important;
  font-weight: 500 !important;
}

/* ==========================================================
   6. 移动端章节悬浮窗（配合 /js/chapter-nav.js）
   ========================================================== */
:root {
  --chapter-nav-bg: #faf8f5;
  --chapter-nav-text: #2b2b2b;
  --chapter-nav-line: #e8e4dc;
  --chapter-nav-active-bg: #f1ebe0;
}
[data-user-color-scheme="dark"] {
  --chapter-nav-bg: #242424;
  --chapter-nav-text: #d0d0d0;
  --chapter-nav-line: #333333;
  --chapter-nav-active-bg: #2f2a2a;
}

.chapter-nav-fab,
.chapter-nav-mask,
.chapter-nav-panel {
  display: none;
}

@media (max-width: 991.98px) {
  .chapter-nav-fab {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 16px;
    bottom: calc(20px + env(safe-area-inset-bottom));
    z-index: 1040;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--chapter-nav-line);
    border-radius: 50%;
    background: var(--chapter-nav-bg);
    color: var(--accent-red);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    opacity: 0.92;
  }

  .chapter-nav-mask {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
  }

  .chapter-nav-panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    max-height: 70vh;
    background: var(--chapter-nav-bg);
    color: var(--chapter-nav-text);
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(100%);
    transition: transform 0.25s ease;
  }

  .chapter-nav-open .chapter-nav-mask {
    opacity: 1;
    pointer-events: auto;
  }
  .chapter-nav-open .chapter-nav-panel {
    transform: translateY(0);
  }
  .chapter-nav-open .chapter-nav-fab {
    display: none;
  }

  .chapter-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 10px;
    border-bottom: 1px solid var(--chapter-nav-line);
  }
  .chapter-nav-title {
    font-weight: 600;
    font-size: 15px;
  }
  .chapter-nav-close {
    border: 0;
    background: none;
    color: inherit;
    font-size: 24px;
    line-height: 1;
    padding: 0 4px;
  }

  .chapter-nav-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 6px 0;
  }
  .chapter-nav-list a {
    display: block;
    padding: 11px 16px;
    font-size: 15px;
    color: var(--chapter-nav-text) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
  }
  .chapter-nav-list a.active {
    background: var(--chapter-nav-active-bg);
    color: var(--accent-red) !important;
    font-weight: 600;
    border-left: 3px solid var(--accent-red);
    padding-left: 13px;
  }

  .chapter-nav-foot {
    display: flex;
    border-top: 1px solid var(--chapter-nav-line);
  }
  .chapter-nav-foot a,
  .chapter-nav-foot span {
    flex: 1;
    text-align: center;
    padding: 13px 0;
    font-size: 15px;
    color: var(--accent-red) !important;
    text-decoration: none !important;
  }
  .chapter-nav-foot a + a,
  .chapter-nav-foot a + span,
  .chapter-nav-foot span + a {
    border-left: 1px solid var(--chapter-nav-line);
  }
  .chapter-nav-foot .disabled {
    color: var(--chapter-nav-line) !important;
  }
}