/* wanben_web theme override for reader page */
/* 让阅读页匹配站点古铜金/墨棕主题，覆盖 template/reader/web/css/style.css 的默认 Qidian 风格 */

:root {
  --ink: #2c2416;
  --ink-light: #5c4a32;
  --ink-muted: #8b7355;
  --paper: #fdfaf4;
  --paper-card: #fffef9;
  --paper-warm: #faf6ed;
  --accent: #b8860b;
  --accent-light: #d4a745;
  --border: #e8e0d0;
  --border-light: #f0ebe0;
}

/* 基础页身：暖纸色 */
body,
body.theme-0 {
  color: var(--ink);
  background: var(--paper-warm);
}

body a,
body.theme-0 a {
  color: var(--ink-light);
}
body a:hover,
body.theme-0 a:hover {
  color: var(--accent);
}

/* 顶部导航：墨棕底+白字 */
.read-header,
body.theme-0 .read-header {
  background: var(--ink);
  border-bottom: 2px solid var(--accent);
}

.read-header .wrap-center {
  background: transparent;
}

/* logo 保持原图颜色，不做反色/提亮处理 */
.left-nav .logo .logo-ico {
  filter: none;
}

.left-nav li cite,
.left-nav li a,
.read-login > ul > li > a,
.read-login .sign-out a,
.read-login .sign-in a,
.read-login .headPortrait + a {
  color: rgba(255, 255, 255, 0.9);
}

.left-nav li:hover {
  background: #3d3220;
  border-top-color: var(--accent);
}

/* 搜索图标 */
#pin-search em {
  color: var(--accent-light);
}

/* 下拉菜单：保持浅色卡片，且不被 hover 的白字规则污染内部链接 */
.dropdown,
.dropdown.last-read dd .book-wrap {
  background: var(--paper-card);
  border-color: var(--border);
}
.left-nav li:hover .dropdown.last-read,
.left-nav li:hover .dropdown.type-list {
  background: var(--paper-card);
  border-color: var(--border);
}
.dropdown.type-list .type-box h3,
.dropdown.type-list .type-box h3 a,
.dropdown.last-read dd .book-info h4 a,
.dropdown.last-read dd .book-info p span {
  color: var(--ink);
}
.dropdown.type-list .type-box h3 a:hover {
  color: var(--accent);
}
.dropdown.last-read dd .book-info p a,
.dropdown.last-read dd .book-info p a.blue {
  color: var(--ink-light);
}
.dropdown.last-read dd .book-info p a.red {
  color: var(--accent);
}
.dropdown.type-list .type-box > a {
  color: var(--ink-light);
}
.dropdown.type-list .type-box > a:hover,
.dropdown.last-read dd .book-info h4 a:hover,
.dropdown.last-read dd .book-info p a.red:hover,
.dropdown.last-read dd .book-info p a.blue:hover {
  color: var(--accent);
}
/* 用户头像下拉菜单：白底深色字，覆盖顶部白字规则 */
.read-login li.sign-in .dropdown {
  background: var(--paper-card);
  border: 1px solid var(--border);
  box-shadow: 0 4px 12px rgba(44, 36, 22, 0.12);
}
.read-login li.sign-in .dropdown a {
  color: var(--ink-light);
  background: transparent;
}
.read-login li.sign-in .dropdown a:hover {
  color: var(--accent);
  background: var(--paper-warm);
}
/* “查看全部”底栏主题化 */
.dropdown.last-read .all {
  background: var(--paper-warm);
  color: var(--ink-light);
}
.dropdown.last-read .all:hover {
  color: var(--accent);
}

/* 面包屑 */
.crumbs-nav a {
  color: var(--ink-light);
}
.crumbs-nav a:hover {
  color: var(--accent);
}
.crumbs-nav em {
  color: var(--ink-muted);
}

/* 阅读主区域 */
.read-main-wrap,
body.theme-0 .read-main-wrap {
  color: var(--ink);
}

.text-wrap,
body.theme-0 .text-wrap,
.chapter-control,
body.theme-0 .chapter-control {
  background: var(--paper-card);
  border-color: var(--border);
  box-shadow: 0 4px 20px rgba(44, 36, 22, 0.06);
}

.main-text-wrap .text-head h3,
body.theme-0 .main-text-wrap .text-head h3 {
  color: var(--ink);
  font-weight: 600;
}

.main-text-wrap .text-info .info a,
.main-text-wrap .text-info .info i,
body.theme-0 .main-text-wrap .text-info .info a,
body.theme-0 .main-text-wrap .text-info .info i {
  color: var(--ink-muted);
}
.main-text-wrap .text-info .info a:hover,
body.theme-0 .main-text-wrap .text-info .info a:hover {
  color: var(--accent);
}
.main-text-wrap .text-info .info .iconfont,
body.theme-0 .main-text-wrap .text-info .info .iconfont {
  color: var(--accent);
}

.main-text-wrap .read-content p,
body.theme-0 .main-text-wrap .read-content p {
  color: var(--ink);
}

.chapter-control a,
body.theme-0 .chapter-control a {
  color: var(--ink-light);
}
.chapter-control a:hover,
body.theme-0 .chapter-control a:hover {
  color: var(--accent);
}
.chapter-control span,
body.theme-0 .chapter-control span {
  border-color: var(--border);
}

/* 左右悬浮工具栏：墨棕底+金标 */
.left-bar-list dd,
.right-bar-list dd,
body.theme-0 .left-bar-list dd,
body.theme-0 .right-bar-list dd {
  background: var(--ink);
  border-color: rgba(184, 134, 11, 0.25);
}
.left-bar-list dd:first-child,
.right-bar-list dd:first-child,
body.theme-0 .left-bar-list dd:first-child,
body.theme-0 .right-bar-list dd:first-child {
  border-top-color: rgba(184, 134, 11, 0.25);
}
.left-bar-list dd a i,
.right-bar-list dd a i,
body.theme-0 .left-bar-list dd a i,
body.theme-0 .right-bar-list dd a i {
  color: rgba(255, 255, 255, 0.75);
}
.left-bar-list dd a .iconfont,
.right-bar-list dd a .iconfont,
body.theme-0 .left-bar-list dd a .iconfont,
body.theme-0 .right-bar-list dd a .iconfont {
  color: var(--accent);
}
.left-bar-list dd:hover,
.right-bar-list dd:hover,
body.theme-0 .left-bar-list dd:hover,
body.theme-0 .right-bar-list dd:hover,
.left-bar-list dd.act,
body.theme-0 .left-bar-list dd.act {
  background: #3d3220;
}
.left-bar-list dd:hover a i,
.right-bar-list dd:hover a i,
.left-bar-list dd:hover a .iconfont,
.right-bar-list dd:hover a .iconfont,
body.theme-0 .left-bar-list dd:hover a .iconfont,
body.theme-0 .right-bar-list dd:hover a .iconfont {
  color: var(--accent-light);
}
.in-shelf,
.left-bar-list dd a.add-book.in-shelf,
.right-bar-list dd a.add-book.in-shelf {
  color: var(--ink-muted);
}

/* 弹层面板 */
.panel-wrap .panel-box,
body.theme-0 .panel-wrap .panel-box {
  background: var(--paper-card);
  border-color: var(--border);
}
.panel-wrap h4.lang,
body.theme-0 .panel-wrap h4.lang {
  color: var(--ink);
}

/* 目录面板 */
.left-bar-list .panel-wrap.catalog .catalog-tab span,
body.theme-0 .left-bar-list .panel-wrap.catalog .catalog-tab span {
  color: var(--ink-muted);
}
.left-bar-list .panel-wrap.catalog .catalog-tab span.act,
.left-bar-list .panel-wrap.catalog .catalog-tab span:hover,
body.theme-0 .left-bar-list .panel-wrap.catalog .catalog-tab span.act,
body.theme-0 .left-bar-list .panel-wrap.catalog .catalog-tab span:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li,
body.theme-0 .left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li {
  border-top-color: var(--border-light);
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li.on a,
body.theme-0 .left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li.on a {
  color: var(--accent);
}

/* 设置面板 */
.left-bar-list .panel-wrap.setting li i,
body.theme-0 .left-bar-list .panel-wrap.setting li i {
  color: var(--ink-light);
}
.left-bar-list .panel-wrap.setting li.theme-list span,
body.theme-0 .left-bar-list .panel-wrap.setting li.theme-list span {
  border-color: var(--border);
}
.left-bar-list .panel-wrap.setting li.theme-list span.act,
body.theme-0 .left-bar-list .panel-wrap.setting li.theme-list span.act {
  border-color: var(--accent);
}
.left-bar-list .panel-wrap.setting li.theme-list span em,
body.theme-0 .left-bar-list .panel-wrap.setting li.theme-list span em {
  color: var(--accent);
}
.left-bar-list .panel-wrap.setting li.font-family span,
.left-bar-list .panel-wrap.setting li.read-mode span,
.left-bar-list .panel-wrap.setting li.font-size cite,
.left-bar-list .panel-wrap.setting li.page-width cite,
body.theme-0 .left-bar-list .panel-wrap.setting li.font-family span,
body.theme-0 .left-bar-list .panel-wrap.setting li.read-mode span,
body.theme-0 .left-bar-list .panel-wrap.setting li.font-size cite,
body.theme-0 .left-bar-list .panel-wrap.setting li.page-width cite {
  background: var(--paper-warm);
  border-color: var(--border);
}
.left-bar-list .panel-wrap.setting li.font-family span.act,
.left-bar-list .panel-wrap.setting li.read-mode span.act,
body.theme-0 .left-bar-list .panel-wrap.setting li.font-family span.act,
body.theme-0 .left-bar-list .panel-wrap.setting li.read-mode span.act {
  color: var(--accent);
  border-color: var(--accent);
  background: rgba(184, 134, 11, 0.08);
}
.left-bar-list .panel-wrap.setting li.font-size span.lang,
.left-bar-list .panel-wrap.setting li.page-width span.lang,
body.theme-0 .left-bar-list .panel-wrap.setting li.font-size span.lang,
body.theme-0 .left-bar-list .panel-wrap.setting li.page-width span.lang {
  color: var(--ink-muted);
}
.left-bar-list .panel-wrap.setting li.font-size b,
.left-bar-list .panel-wrap.setting li.page-width b,
body.theme-0 .left-bar-list .panel-wrap.setting li.font-size b,
body.theme-0 .left-bar-list .panel-wrap.setting li.page-width b {
  border-color: var(--border);
}
.left-bar-list .panel-wrap.setting .btn-wrap a.grey-btn,
body.theme-0 .left-bar-list .panel-wrap.setting .btn-wrap a.grey-btn {
  background: var(--paper-warm);
  color: var(--ink-light);
  border-color: var(--border);
}

/* 通用强调色由红改古铜金 */
.red,
body.theme-0 .red {
  color: var(--accent);
}
.red-btn,
body.theme-0 .red-btn,
#j_setSave {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.red-btn:hover,
body.theme-0 .red-btn:hover,
#j_setSave:hover {
  background: var(--accent-light);
  border-color: var(--accent-light);
}

/* 手机扫码面板 */
.cellphone .qr-code-wrap h5,
.cellphone .qr-code-wrap .scan-bottom .tip,
body.theme-0 .cellphone .qr-code-wrap h5,
body.theme-0 .cellphone .qr-code-wrap .scan-bottom .tip {
  color: var(--ink-muted);
}
.cellphone .qr-code-wrap .scan-bottom .tip a.red,
body.theme-0 .cellphone .qr-code-wrap .scan-bottom .tip a.red {
  color: var(--accent);
}

/* 返回顶部 */
.right-bar-list dd.go-top a i,
body.theme-0 .right-bar-list dd.go-top a i {
  color: rgba(255, 255, 255, 0.75);
}
.right-bar-list dd.go-top a .iconfont,
body.theme-0 .right-bar-list dd.go-top a .iconfont {
  color: var(--accent);
}