/* ========================================================================
   古籍刻本风主题层（首页样板） guji-theme.css
   ------------------------------------------------------------------
   设计原则（Impeccable / 刻本风）：
   1. 只改"颜色、边框、阴影、圆角、字体"，不改任何布局属性；
   2. 全部覆盖包在 html:not(.night-mode) 内 —— 夜间模式零影响；
   3. 去阴影、去渐变、去发光：层级靠留白与细线（界栏）表达；
   4. 色板：宣纸米白 + 暖墨 + 朱砂一点（60-30-10）；
   5. 下线本文件即可完整回滚到旧观感。
   ======================================================================== *//* ---------- ① 语义令牌（仅日间/非护眼模式） ---------- */body:not(.night-mode):not(.eye-mode){/* 纸与墨 */--bg-main:#efe9d9;/* 外围底：陈纸 */--bg-content:#f7f3e9;/* 主纸面（顶栏/区块同源） */--bg-card:#fbf8ef;--bg-sidebar:#f3eddd;--bg-secondary:#f4efe1;/* 按钮/次级背景 */--text-primary:#2b2620;/* 墨 */--text-secondary:#57503f;/* 淡墨 */--text-muted:#6f6555;--text-anno:#7a6f5c;--accent:#a63a2e;/* 朱砂（全站唯一强调色） */--border:#d8cdb4;/* 细墨线 */--border-divider:#e4dcc8;--control-bg:#f4efe1;--control-hover:#ece4cf;--control-active:#e4dabe;--shadow-light:none;/* 刻本无投影 */--shadow-medium:none;/* Element 组件主题色 → 朱砂系 */--el-color-primary:#a63a2e;--el-color-primary-rgb:166,58,46;--el-color-primary-light-3:#c1756d;--el-color-primary-light-5:#d39d97;--el-color-primary-light-7:#e4c4c0;--el-color-primary-light-8:#edd7d5;--el-color-primary-light-9:#f6ebea;--el-color-primary-dark-2:#852e25;--el-text-color-primary:#2b2620;--el-text-color-regular:#3d372c;--el-text-color-secondary:#57503f;--el-text-color-placeholder:#857b6a;--el-border-color:#d8cdb4;--el-border-color-light:#e4dcc8;--el-border-color-lighter:#ece5d2;--el-border-color-extra-light:#f1ebda;--el-border-color-dark:#c4b491;--el-bg-color:#fbf8ef;--el-bg-color-overlay:#fbf8ef;--el-fill-color:#f0e9d7;--el-fill-color-light:#f4efe1;--el-fill-color-blank:#fbf8ef;--el-border-radius-base:3px;--el-border-radius-small:2px;/* 全站 UI 字体：楷体刻本感（霞鹜文楷已由 index.html 引入，本地楷体兜底） */--el-font-family:'LXGW WenKai','Kaiti SC','STKaiti','KaiTi','楷体','Songti SC','SimSun',Georgia,serif}/* ---------- ② 刻本令牌（日间+护眼共用兜底） ---------- */body:not(.night-mode){--gj-paper:#f7f3e9;--gj-paper-2:#f0e9d7;--gj-card:#fbf8ef;--gj-ink:#2b2620;--gj-ink-2:#57503f;--gj-ink-3:#6f6555;--gj-cinnabar:#a63a2e;--gj-cinnabar-deep:#8a2f24;--gj-hairline:#ddd3bd;--gj-frame:#c4b491;--gj-wash:rgba(166, 58, 46, 0.06);--gj-cream:#fdf9ee/* 朱砂底上的浅字 */}/* ---------- ③ 顶栏：深红戏台 → 素纸界栏 ---------- */body:not(.night-mode) .top-bar{background:var(--gj-paper);border-bottom:1px solid var(--gj-frame);box-shadow:none}body:not(.night-mode) .top-bar::before{background:var(--gj-cinnabar);/* 金光渐变线 → 朱砂界栏 */opacity:0.9}body:not(.night-mode) .logo .desktop-only{color:var(--gj-ink);background:transparent;border:1px solid var(--gj-frame);border-radius:3px;text-shadow:none}body:not(.night-mode) .logo:hover .desktop-only{color:var(--gj-cinnabar);background:transparent;border-color:var(--gj-cinnabar);box-shadow:none;transform:none}body:not(.night-mode) .logo p{color:var(--gj-ink-3);text-shadow:none}/* ===== 夜间 logo：提亮文字 + 减阴影，避免模糊 ===== */body.night-mode .home-page .logo .desktop-only,body.night-mode .top-bar .logo .desktop-only{color:#f0d88a !important;/* 比 #d4b866 亮一档的米金色 */background:transparent;border-color:rgba(212, 184, 102, 0.45);text-shadow:0 1px 4px rgba(0, 0, 0, 0.3)/* 减轻阴影，不糊字 */}body.night-mode .home-page .logo:hover .desktop-only,body.night-mode .top-bar .logo:hover .desktop-only{color:#ffe8b0 !important;border-color:rgba(240, 216, 138, 0.7)}/* 导航：去掉纸片按钮感，改为素字 + 悬停衬纸 */body:not(.night-mode) .nav a,body:not(.night-mode) .nav .nav-btn{background:transparent;border:1px solid transparent;color:var(--gj-ink-2);box-shadow:none}body:not(.night-mode) .nav a.active{color:var(--gj-cinnabar)}body:not(.night-mode) .user-avatar{background:transparent;border:1px solid var(--gj-hairline);color:var(--gj-ink-2);box-shadow:none}/* 阅读计时：出厂蓝 → 淡墨，数字对齐 */body:not(.night-mode) .reading-timer{color:var(--gj-ink-2);text-shadow:none;font-variant-numeric:tabular-nums}/* 音乐条：融进纸面 */body:not(.night-mode) .music-wrap{background:transparent;border:1px solid var(--gj-hairline)}/* 夜间模式：也清掉 style.css 的金色大框，让布局跟白天一致 */body.night-mode .music-wrap{background:transparent !important;border:none !important;padding:0 !important;border-radius:0 !important}body:not(.night-mode) .music-nav-btn{background:transparent;border:1px solid var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .music-menu{color:var(--gj-cinnabar)}body:not(.night-mode) .music-text{color:var(--gj-ink-2)}/* ---------- ④ 控制栏（第二行）：压平 ---------- */body:not(.night-mode) .control-bar{background:var(--gj-paper-2);border-bottom:1px solid var(--gj-hairline);box-shadow:none}body:not(.night-mode) .search-wrapper{background:var(--gj-card);border:1px solid var(--gj-hairline);box-shadow:none}body:not(.night-mode) .search-wrapper:focus-within{box-shadow:0 0 0 3px rgba(166, 58, 46, 0.08)}body:not(.night-mode) .mode-btn,body:not(.night-mode) .settings-btn,body:not(.night-mode) .more-btn{background:transparent;border:1px solid var(--gj-hairline);border-radius:3px;color:var(--gj-ink-2);box-shadow:none}body:not(.night-mode) .mode-btn.active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar-deep);color:var(--gj-cream);box-shadow:none}/* ---------- ⑤ 左右栏与正文：双线描金 → 细墨线 ---------- */body:not(.night-mode) .sidebar-left,body:not(.night-mode) .sidebar-right{background:var(--bg-sidebar, var(--gj-paper-2));box-shadow:none}body:not(.night-mode) .sidebar-left{border-right:1px solid var(--gj-hairline)}body:not(.night-mode) .sidebar-right{border-left:1px solid var(--gj-hairline)}body:not(.night-mode) .sidebar-left h3{color:var(--gj-ink)}body:not(.night-mode) .volume-div{background:transparent;border:1px solid transparent;border-radius:3px}body:not(.night-mode) .chapter-item{border-bottom:1px solid var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .chapter-item.active{background:var(--gj-wash);border-left:2px solid var(--gj-cinnabar);color:var(--gj-cinnabar-deep)}body:not(.night-mode) .volume-div.active{background:var(--gj-wash);border-left:2px solid var(--gj-cinnabar);color:var(--gj-cinnabar-deep)}body:not(.night-mode) .content-center{background:var(--gj-paper)}body:not(.night-mode) #article-container{background:var(--gj-card);border:1px solid var(--gj-hairline);border-radius:2px;box-shadow:none;padding:5px 10px 33px 10px}body:not(.night-mode) #article-container::before{border-color:var(--gj-hairline);border-radius:1px}body:not(.night-mode) .paragraph{color:var(--gj-ink)}body:not(.night-mode) .chapter-info h3,body:not(.night-mode) .original-preview h3{color:var(--gj-ink);border-bottom:1px solid var(--gj-frame)}/* 右侧助手头：深红条 → 纸面 + 朱字 */body:not(.night-mode) .sidebar-header{background:var(--bg-content);color:var(--gj-ink);border-bottom:1px solid var(--gj-hairline)}body:not(.night-mode) .sidebar-header h3{color:var(--gj-cinnabar-deep)}body:not(.night-mode) .sidebar-header button{background:transparent;border:1px solid var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .qa-module{background:var(--gj-card);border:1px solid var(--gj-hairline)}body:not(.night-mode) .qa-module h4{color:var(--gj-ink)}body:not(.night-mode) .qa-input-group input{background:var(--gj-card);border:1px solid var(--gj-hairline);color:var(--gj-ink)}body:not(.night-mode) .qa-input-group input:focus{border-color:var(--gj-cinnabar);box-shadow:0 0 0 2px rgba(166, 58, 46, 0.08)}body:not(.night-mode) .qa-input-group button{background:var(--gj-cinnabar);color:var(--gj-cream);border:1px solid var(--gj-cinnabar-deep)}/* ---------- ⑥ 页脚：深红 → 纸底细线 ---------- */body:not(.night-mode) .footer{background:var(--gj-paper-2);border-top:1px solid var(--gj-hairline);color:var(--gj-ink-3);width:100%;min-height:30px}body:not(.night-mode) .beian-info a{color:var(--gj-ink-3)}body:not(.night-mode) .beian-separator{color:var(--gj-frame)}/* ---------- ⑦ 通用细节 ---------- *//* 文本选中：朱砂洗 */body:not(.night-mode) ::selection{background:rgba(166, 58, 46, 0.16)}/* 焦点可见（无障碍硬要求） */body:not(.night-mode) :focus-visible{/* outline: 2px solid var(--gj-cinnabar, #a63a2e); */outline-offset:2px}/* 链接统一朱砂 */body:not(.night-mode) a{color:var(--gj-cinnabar, #a63a2e)}/* 头像占位字（客）：小印风格 */body:not(.night-mode) .mobile-user-avatar,body:not(.night-mode) .avatar-icon,body:not(.night-mode) .mobile-trigger-avatar{color:var(--gj-cinnabar)}/* 勾选/单选框：浏览器默认蓝 → 朱砂 */body:not(.night-mode) input[type="checkbox"],body:not(.night-mode) input[type="radio"]{accent-color:var(--gj-cinnabar)}/* 音乐播放态：金渐变 → 朱砂 */body:not(.night-mode) .music-menu.active{/* background: var(--gj-cinnabar);
  border-color: var(--gj-cinnabar-deep); */}/* 鉴小助浮钮：紫蓝渐变 → 朱砂印 */body:not(.night-mode) .chatbot-float-btn{background:var(--gj-cinnabar);border:1px solid var(--gj-cinnabar-deep);box-shadow:0 2px 10px rgba(43, 38, 32, 0.18)}body:not(.night-mode) .chatbot-float-btn:hover{background:var(--gj-cinnabar-deep);transform:none;box-shadow:0 3px 14px rgba(43, 38, 32, 0.22)}/* 手机端 logo：金边深棕 → 墨字细框 */body:not(.night-mode) .logo .mobile-only{color:var(--gj-ink);background:transparent;border:1px solid var(--gj-frame);text-shadow:none}/* 鉴小助侧边签条：红渐变 → 朱砂平涂 */body:not(.night-mode) .tongjian-helper-btn{background:var(--gj-cinnabar);box-shadow:none}/* 手机端用户入口：深红块白字 → 纸底墨字（原白字在纸底不可读） */body:not(.night-mode) .mobile-user-trigger{background:var(--gj-card);border-color:var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .mobile-trigger-avatar{background:transparent/* border: 1px solid var(--gj-hairline); */}/* 悬停位移只在指针设备上生效（触摸设备不粘滞） */@media (hover: hover){body:not(.night-mode) .nav a:hover,body:not(.night-mode) .nav .nav-btn:hover{background:var(--gj-paper-2);border-color:var(--gj-hairline);color:var(--gj-ink);transform:none;box-shadow:none}body:not(.night-mode) .user-avatar:hover{background:var(--gj-paper-2);border-color:var(--gj-frame);transform:none}body:not(.night-mode) .music-nav-btn:hover{background:var(--gj-paper-2);border-color:var(--gj-frame);transform:none}body:not(.night-mode) .mode-btn:hover,body:not(.night-mode) .settings-btn:hover,body:not(.night-mode) .more-btn:hover{background:var(--gj-paper-2);border-color:var(--gj-frame);color:var(--gj-ink);transform:none;box-shadow:none}body:not(.night-mode) .chapter-item:hover{background:var(--gj-wash);color:var(--gj-ink)}body:not(.night-mode) .volume-div:hover{background:var(--gj-wash);color:var(--gj-ink);transform:none;box-shadow:none}body:not(.night-mode) .sidebar-header button:hover{background:var(--gj-paper-2);border-color:var(--gj-frame)}body:not(.night-mode) .qa-input-group button:hover{background:var(--gj-cinnabar-deep);transform:none;box-shadow:none}body:not(.night-mode) .beian-info a:hover{color:var(--gj-cinnabar)}}/* 动效可关闭（无障碍硬要求） */@media (prefers-reduced-motion: reduce){body:not(.night-mode) *,body:not(.night-mode) *::before,body:not(.night-mode) *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}/* ========================================================================
   ⑧ 页面专属覆盖（人物库 / 故事页 / 会员中心 / 登录注册 / 投诉 / 404）
   ======================================================================== *//* ---- 人物智慧库 ---- *//* 筛选胶囊：白底描边 → 纸底细线（active 朱砂） */body:not(.night-mode).character-page .category-tabs a,body:not(.night-mode).character-page .filter-tabs a,body:not(.night-mode).character-page .tab-btn{background:var(--gj-card);border:1px solid var(--gj-hairline);color:var(--gj-ink-2);box-shadow:none}body:not(.night-mode).character-page .category-tabs a.active,body:not(.night-mode).character-page .filter-tabs a.active,body:not(.night-mode).character-page .tab-btn.active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar-deep);color:var(--gj-cream)}@media (hover: hover){body:not(.night-mode).character-page .category-tabs a:hover,body:not(.night-mode).character-page .filter-tabs a:hover,body:not(.night-mode).character-page .tab-btn:hover{background:var(--gj-paper-2);border-color:var(--gj-frame);transform:none;box-shadow:none}}/* ---- 经典故事页 ---- *//* 左栏来源列表：橙色块 + 深蓝选中 → 纸底细线 + 朱砂选中 */body:not(.night-mode) .source-filter-sidebar a{background:var(--gj-paper-2);border:1px solid var(--gj-hairline);border-radius:3px;color:var(--gj-ink-2)}body:not(.night-mode) .source-filter-sidebar a:hover{background:var(--gj-wash);color:var(--gj-cinnabar-deep)}body:not(.night-mode) .source-filter-sidebar a.active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar-deep);color:var(--gj-cream)}/* 故事卡：金棕顶部渐变 → 朱砂细线；去阴影 */body:not(.night-mode) .story-card{box-shadow:none}body:not(.night-mode) .story-card::before{background:var(--gj-cinnabar);opacity:0.5;height:2px}body:not(.night-mode) .story-card-image{box-shadow:none;border-color:var(--gj-hairline)}/* 手机端筛选按钮：深红渐变 → 朱砂平涂 */body:not(.night-mode) .mobile-filter-btn{background:var(--gj-cinnabar);color:var(--gj-cream);box-shadow:none}/* ---- 会员中心 ---- *//* 侧栏选中：棕渐变+金点 → 朱砂平涂 */body:not(.night-mode) .member-menu a.active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar-deep);color:var(--gj-cream);box-shadow:none}body:not(.night-mode) .member-menu a.active::before{background:var(--gj-cream)}/* 购买按钮：棕渐变 → 朱砂平涂 */body:not(.night-mode) .membership-card .buy-btn,body:not(.night-mode).member-page .buy-btn{background:var(--gj-cinnabar);box-shadow:none}body:not(.night-mode) .membership-card .buy-btn:hover,body:not(.night-mode).member-page .buy-btn:hover{background:var(--gj-cinnabar-deep)}/* "热门"标签：CSS 生成 content 里的 emoji + 亮金渐变 → 朱砂素字 */body:not(.night-mode) .membership-card.popular{border-color:var(--gj-frame);background:var(--gj-card)}body:not(.night-mode) .membership-card.popular::before{content:'热门';background:var(--gj-cinnabar);color:var(--gj-cream)}/* 权益条：金渐变侧条 → 朱砂；图标底金渐变 → 纸底细线 */body:not(.night-mode) .privilege-item::before{background:var(--gj-cinnabar)}body:not(.night-mode) .privilege-item{box-shadow:none}body:not(.night-mode) .privilege-item:hover{transform:none;box-shadow:none}body:not(.night-mode) .privilege-item-icon{background:var(--gj-paper-2);border-color:var(--gj-frame)}/* 价格：亮金 → 哑光深金棕（保留"价签感"但不荧光） */body:not(.night-mode).member-page .price,body:not(.night-mode) .membership-card .price,body:not(.night-mode) .price-highlight{color:#8a6a1f}/* ---- 登录 / 注册 ---- *//* 波点金背景 → 素纸 */body:not(.night-mode).login-page,body:not(.night-mode).register-page{background-color:var(--gj-paper, #f7f3e9);background-image:none}/* 金色双线框 → 单细墨线 */body:not(.night-mode) .login-container,body:not(.night-mode) .register-container{border-color:var(--gj-frame);box-shadow:none;background-color:var(--gj-card)}body:not(.night-mode) .login-container::before,body:not(.night-mode) .register-container::before{border-color:var(--gj-hairline)}/* 登录标题与分隔线：金 → 墨 */body:not(.night-mode) .login-title,body:not(.night-mode) .register-title{color:var(--gj-ink);border-bottom-color:var(--gj-frame)}/* 主按钮：棕渐变 → 朱砂平涂 */body:not(.night-mode) .login-btn,body:not(.night-mode) .register-btn,body:not(.night-mode) .auth-btn{background:var(--gj-cinnabar);box-shadow:none}body:not(.night-mode) .login-btn:hover,body:not(.night-mode) .register-btn:hover,body:not(.night-mode) .auth-btn:hover{background:var(--gj-cinnabar-deep)}/* ---- 投诉页（404 页内联样式已直接改源码） ---- */body:not(.night-mode).complaint-page .submit-btn{background:var(--gj-cinnabar);color:var(--gj-cream);box-shadow:none}/* ---- 内页手机端紧凑导航：黑底灰边白字 → 纸底墨字 ---- *//* ========================================
   §9 顶栏返回按钮（刻本风）
   日间：与导航项同语言 —— 米白底 + 细墨线 + 墨色箭头，hover 变朱砂
   夜间：沿用 style.css 原方案（深底白钮），不受本节影响
   ======================================== */body:not(.night-mode) .back-home-btn{background:var(--gj-card);border:1px solid var(--gj-frame);border-radius:6px;color:var(--gj-ink);padding:9px}body:not(.night-mode) .back-home-btn:hover{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar);color:var(--gj-cream)}body:not(.night-mode) .back-home-btn:active{background:var(--gj-cinnabar-deep, #8a2f24);border-color:var(--gj-cinnabar-deep, #8a2f24);color:var(--gj-cream)}/* ========================================
   §10 手机端音乐区：去掉外层大框
   手机上 music-wrap 纵向占两行（歌名+按钮+音量条）且宽 35%，
   外框圈住一大块空白显得臃肿；按钮/音量条自带细线框即可。
   PC 端保持 §2 的细框不变。
   ======================================== *//* ========================================
   §11 手机端触控热区（不分昼夜，全局生效）
   手指最小舒适区 44×44。实测偏小的：音量轨道 5px、轮播圆点 8×8(25个)、
   搜索按钮 19×23、音乐前后曲 25×25、轮播箭头 38×38、首页按钮高 38。
   做法：只放大"能点的透明区域"，图标和小圆点的视觉大小基本不变。
   ======================================== *//* ========================================
   §12 过小字号提到 12px（可读性，不分昼夜）
   实测偏小：fortune-* 副标题 10px、fh-loc/fh-hint 11px、
   guben-reader-label 11px、reading-timer-label 11px 等。
   12px 是中文可舒适阅读的下限。
   ======================================== *//* 说明：这里用  是无奈之举——原样式分别用了
   #gubenSidebarHighlightLine > .guben-reader-label（ID 选择器）和
   .control-bar .reading-timer-label（复合选择器）等更高权重写法；
   全部集中在主题层这一处，便于日后统一清理。 */.fortune-title-sub,.fortune-hint-sub,.fh-loc,.fh-hint,.guben-reader-label,.reading-timer-label,.fh-btn{font-size:12px !important}#gubenSidebarHighlightLine > .guben-reader-label,.control-bar .reading-timer-label{font-size:12px !important}/* 侧边栏小工具内的副标题与按钮文字（原本 10–11px） */.piyu-title-sub,.piyu-king-name,.piyu-seal,.pmd-mode-btn,.pmd-sub,.pmd-preset,.pmd-done-msg,.zen-mode-btn,.zen-merit-label,.zen-clear-btn,.game-title-sub,.game-preview-tip,.game-best,.smash-mode-btn,.smash-btn,.smash-reset,.fh-stat-label,.cc-type-btn,.dt-emperor-years{font-size:12px !important}/* 以下保持 10px：它们是密集排列的标签/刻度（年号标签 84 个、卡片标签 24 个等），
   一律放大会把侧边栏撑破，10px 对"标签"这类次要信息是可接受的 *//* ========================================
   §13 简介页（宣传视频 / 朝代卡 / 箴言碑）刻本风收口
   背景：templates/zztj-intro.html 有 1788 行内联样式，会被注入首页，
   首页实测的 165 处渐变 / 159 处阴影大半来自这里。
   原则：去投影、去高光渐变；保留卷轴木纹、绢纹这类"材质"（不是 AI 高光）；
   印章统一成实心朱砂，卡片统一成纸面 + 细墨线。夜间模式不受影响。
   ======================================== */body:not(.night-mode) .dyn-card,body:not(.night-mode) .dyn-card:hover,body:not(.night-mode) .zztj-quote,body:not(.night-mode) .zztj-quote.zztj-precept:hover,body:not(.night-mode) .marquee-box,body:not(.night-mode) .marquee-box.zztj-marquee:hover,body:not(.night-mode) #recommendationCard,body:not(.night-mode) #recommendationCard.character-card:hover,body:not(.night-mode) .character-card:hover{background:var(--gj-card);background-image:none;box-shadow:none}/* 卡片：纸面 + 细墨线（层级靠线，不靠投影） */body:not(.night-mode) .dyn-card{border:1px solid var(--gj-hairline)}body:not(.night-mode) .emp-group__head{background:transparent;background-image:none;border-bottom:1px solid var(--gj-hairline)}/* 印章：实心朱砂，去掉立体渐变与投影 */body:not(.night-mode) .character-card__seal,body:not(.night-mode) .zztj-stats__seal,body:not(.night-mode) .zztj-marquee__seal,body:not(.night-mode) .precept-line__seal,body:not(.night-mode) .zztj-precept__author-seal{background:var(--gj-cinnabar);background-image:none;box-shadow:none}/* 统计数字：朱砂实心字（保留 background-clip:text 写法） */body:not(.night-mode) .zztj-stats__num{/* 只换底色，不能用 background 简写 —— 会重置 background-clip:text 导致数字变红块 */background-color:var(--gj-cinnabar)}body:not(.night-mode) .zztj-stats__divider{background:#c8a960;background-image:none}body:not(.night-mode) .zztj-stats:hover{box-shadow:none}/* 时间轴：金色渐变竖线 → 细墨线；年份柱去掉渐变 */body:not(.night-mode) .tl-list::before{background:var(--gj-frame);background-image:none}/* 箴言碑：装饰金线 → 细墨线 */body:not(.night-mode) .zztj-precept__label::before,body:not(.night-mode) .zztj-precept__label::after,body:not(.night-mode) .zztj-precept__author-rule{background:var(--gj-frame);background-image:none}/* 按钮 / 控件：去投影，改成细线 */body:not(.night-mode) .home-btn:hover,body:not(.night-mode) .home-btn--placeholder:hover,body:not(.night-mode) .scroll-carousel__arrow,body:not(.night-mode) .scroll-carousel__dot.active,body:not(.night-mode) .character-tag,body:not(.night-mode) #recommendationCard .character-cta,body:not(.night-mode) #recommendationCard .character-cta:hover{box-shadow:none}body:not(.night-mode) #recommendationCard .character-cta{background:var(--gj-cinnabar);background-image:none;color:#ffffff !important}body:not(.night-mode) #recommendationCard .character-cta .character-cta__text{color:#ffffff !important}/* ===== 夜间人物智慧库按钮：提亮渐变 + 亮米金文字 ===== */body.night-mode .zztj-intro .character-cta,body.night-mode #recommendationCard .character-cta{background:linear-gradient(135deg, #a63a2e 0%, #6e1a15 100%) !important;/* 朱砂红渐变（和白天一致） */background-image:none !important;color:#fff5d6 !important;/* 亮米白，对比度够 */border-color:rgba(212, 184, 102, 0.5) !important;box-shadow:0 4px 14px rgba(140, 26, 20, 0.35) !important}body.night-mode .zztj-intro .character-tag,body.night-mode #recommendationCard .character-tag{background:rgba(212, 184, 102, 0.12) !important;color:#e8d5a3 !important;/* 亮米金 */border-color:rgba(212, 184, 102, 0.4) !important}body.night-mode .zztj-intro .character-tag b,body.night-mode #recommendationCard .character-tag b{color:#ffe8b0 !important/* 更亮的金色 */}body:not(.night-mode) .scroll-carousel__progress span{background:var(--gj-cinnabar);background-image:none}/* 手稿图/卷轴：去掉"浮空投影"，改成装裱细线 */body:not(.night-mode) .manuscript-image,body:not(.night-mode) .scroll-carousel-wrap .scroll-carousel .manuscript-image,body:not(.night-mode) .zztj-manuscript:hover .scroll-mount__inner,body:not(.night-mode) .video-box,body:not(.night-mode) .video-box:hover{box-shadow:none}body:not(.night-mode) .manuscript-image{border:1px solid var(--gj-hairline)}/* ========================================
   §14 首页组件渐变收尾（日间）
   实测剩余：dt-timeline-fill 25、cc-card-placeholder 24、
   classic-docs-modal__header 7、layer-stamp 6、pmd-btn-primary 3 等。
   统一改成实心色 + 细墨线。
   ======================================== */body:not(.night-mode) .dt-timeline-fill{background:var(--gj-cinnabar);background-image:none}body:not(.night-mode) .cc-card-placeholder{background:var(--gj-card);background-image:none;color:var(--gj-ink);border:1px solid var(--gj-hairline);box-shadow:none}body:not(.night-mode) .classic-docs-modal__header{background:var(--gj-cream);background-image:none;border-bottom:1px solid var(--gj-hairline)}body:not(.night-mode) .layer-stamp,body:not(.night-mode) .layer-stamp__glyph{background:var(--gj-cinnabar);background-image:none;box-shadow:none}body:not(.night-mode) .pmd-btn-primary,body:not(.night-mode) .game-start-btn{background:var(--gj-cinnabar);background-image:none;box-shadow:none;border:1px solid var(--gj-cinnabar);color:var(--gj-cream)}/* ========================================
   §15 鉴小助功能卡刻本风统一（读鉴挑战 / 历史上的今天 / 每日名言 /
   通鉴答题 / 帝王世系）
   背景：这五张卡由 JS 注入自带样式，仍是旧"赭金 + 酱红"配色
   （#d4c79a 黄卡纸边、#8b6914/#b8860b 赭金字、#8b2323 酱红），
   与全站"宣纸 + 墨 + 朱砂"色板不符（用户截图圈选：热力图 + 朝代签）。
   映射规则：酱红 → 朱砂；赭金 → 淡墨；黄卡纸 → 纸面细墨线；
   热力图五阶 → 朱砂单色渐阶。答题对/错的绿红为语义色，保留不动。
   夜间模式不受影响（组件自带 .night-mode 覆盖，且本节全部挂日间前缀）。
   ======================================== *//* —— 卡片容器：细墨线，去投影 —— */body:not(.night-mode) .fun-heatmap-card,body:not(.night-mode) .fun-history-card,body:not(.night-mode) .fun-quote-card,body:not(.night-mode) .fun-quiz-card,body:not(.night-mode) .fun-dynasty-card{border:1px solid var(--gj-hairline);box-shadow:none}/* —— 卡头印章字与分隔虚线 —— */body:not(.night-mode) .fh-badge,body:not(.night-mode) .fq-badge{color:var(--gj-cinnabar)}body:not(.night-mode) .fh-header,body:not(.night-mode) .fun-quote-header{border-bottom-color:var(--gj-hairline)}/* —— 标题 / 强调字：酱红 → 朱砂 —— */body:not(.night-mode) .fh-title,body:not(.night-mode) .fq-title,body:not(.night-mode) .fh-stat-num,body:not(.night-mode) .fh-year,body:not(.night-mode) .fh-summary a,body:not(.night-mode) .dt-emperor-name,body:not(.night-mode) .qz-score-num,body:not(.night-mode) .qz-reader-link{color:var(--gj-cinnabar)}body:not(.night-mode) .fh-summary a{border-bottom-color:var(--gj-hairline)}body:not(.night-mode) .fh-summary a:hover{color:var(--gj-cinnabar-deep)}body:not(.night-mode) .qz-reader-link{border-bottom-color:var(--gj-cinnabar)}/* —— 次要文字：赭金 → 淡墨 —— */body:not(.night-mode) .fh-stat-label,body:not(.night-mode) .hm-month,body:not(.night-mode) .fh-legend,body:not(.night-mode) .fh-hint,body:not(.night-mode) .fh-loc,body:not(.night-mode) .fh-month,body:not(.night-mode) .fh-loading,body:not(.night-mode) .fh-empty,body:not(.night-mode) .dt-scale-tick,body:not(.night-mode) .dt-emperor-years,body:not(.night-mode) .qz-intro,body:not(.night-mode) .qz-progress-text,body:not(.night-mode) .qz-qtype,body:not(.night-mode) .qz-hint,body:not(.night-mode) .qz-streak,body:not(.night-mode) .qz-wrong-meta,body:not(.night-mode) .qz-wrong-tip,body:not(.night-mode) .qz-score-total,body:not(.night-mode) .qz-score-pct,body:not(.night-mode) .qz-comment,body:not(.night-mode) .qz-block-label{color:var(--gj-ink-3)}/* —— 正文：深酱棕 → 暖墨 —— */body:not(.night-mode) .fh-body,body:not(.night-mode) .fh-summary,body:not(.night-mode) .qz-question,body:not(.night-mode) .qz-answer-explain,body:not(.night-mode) .qz-panel-title,body:not(.night-mode) .qz-saved-q,body:not(.night-mode) .qz-wrong-q,body:not(.night-mode) .qz-block-cite .qz-block-text,body:not(.night-mode) .qz-block-deep .qz-block-text{color:var(--gj-ink)}/* 引文块：金左线 → 朱砂细线，底换朱砂薄洗 */body:not(.night-mode) .qz-block-cite .qz-block-text{background:var(--gj-wash);border-left-color:var(--gj-cinnabar)}/* —— 按钮：黄卡纸 → 纸面细线；主按钮 → 实心朱砂 —— */body:not(.night-mode) .fh-btn,body:not(.night-mode) .fq-btn{border-color:var(--gj-hairline);background:var(--gj-card);color:var(--gj-ink-2)}body:not(.night-mode) .fh-btn:hover,body:not(.night-mode) .fq-btn:hover{background:var(--gj-paper-2)}body:not(.night-mode) .fh-btn-primary,body:not(.night-mode) .fq-btn-primary{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar);color:var(--gj-cream)}body:not(.night-mode) .fh-btn-primary:hover,body:not(.night-mode) .fq-btn-primary:hover{background:var(--gj-cinnabar-deep);border-color:var(--gj-cinnabar-deep)}/* —— 读鉴挑战热力图：赭金杂色 → 朱砂五阶（空格在米纸底上可辨） —— */body:not(.night-mode) .hm-lvl-0{background:#e9e2cd}body:not(.night-mode) .hm-lvl-1{background:#e7c6bd}body:not(.night-mode) .hm-lvl-2{background:#d39d94}body:not(.night-mode) .hm-lvl-3{background:#b45b4e}body:not(.night-mode) .hm-lvl-4{background:var(--gj-cinnabar-deep)}/* —— 帝王世系：朝代签 / 刻度 / 年号标签 —— */body:not(.night-mode) .dt-tab{border-color:var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .dt-tab:hover{background:var(--gj-paper-2)}body:not(.night-mode) .dt-tab-active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar);color:var(--gj-cream)}body:not(.night-mode) .dt-tab-count{background:var(--gj-paper-2)}body:not(.night-mode) .dt-tab-active .dt-tab-count{background:rgba(253, 249, 238, 0.25)}body:not(.night-mode) .dt-scale{border-bottom-color:var(--gj-hairline)}body:not(.night-mode) .dt-emperor{border-bottom-color:var(--gj-hairline)}body:not(.night-mode) .dt-list::-webkit-scrollbar-thumb{background:var(--gj-frame)}body:not(.night-mode) .dt-timeline-bar{background:var(--gj-paper-2)}body:not(.night-mode) .dt-nianhao-tag{background:var(--gj-paper-2);color:var(--gj-ink-2)}/* —— 通鉴答题：类型签 / 选项 / 进度 / 入口钮 ——
   注意 :not() 排除对错态，避免盖掉绿/红语义色 */body:not(.night-mode) .qz-type-btn{border-color:var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .qz-type-btn:hover{background:var(--gj-paper-2)}body:not(.night-mode) .qz-type-active{background:var(--gj-cinnabar);border-color:var(--gj-cinnabar);color:var(--gj-cream)}body:not(.night-mode) .qz-progress-bar{background:var(--gj-paper-2)}body:not(.night-mode) .qz-progress-fill{background:var(--gj-cinnabar);background-image:none}body:not(.night-mode) .qz-option:not(.qz-option-correct):not(.qz-option-wrong){border-color:var(--gj-hairline);color:var(--gj-ink)}body:not(.night-mode) .qz-option:not(.qz-option-correct):not(.qz-option-wrong):hover:not(:disabled){border-color:var(--gj-cinnabar);background:var(--gj-wash)}body:not(.night-mode) .qz-option:not(.qz-option-correct):not(.qz-option-wrong) .qz-option-letter{background:var(--gj-paper-2);color:var(--gj-ink-2)}body:not(.night-mode) .qz-entry-btn{border-color:var(--gj-hairline);background:var(--gj-card);color:var(--gj-ink-2)}body:not(.night-mode) .qz-entry-btn:hover{background:var(--gj-wash);border-color:var(--gj-cinnabar)}body:not(.night-mode) .qz-wrong-badge,body:not(.night-mode) .qz-daily-tag{background:var(--gj-cinnabar);color:var(--gj-cream)}body:not(.night-mode) .qz-analysis{border-top-color:var(--gj-hairline)}body:not(.night-mode) .qz-wrong-item{border-color:var(--gj-hairline)}body:not(.night-mode) .qz-mini-btn{border-color:var(--gj-hairline);color:var(--gj-ink-2)}body:not(.night-mode) .qz-mini-btn:hover{background:var(--gj-wash);border-color:var(--gj-cinnabar)}/* —— 每日名言：古籍图装裱线 —— */body:not(.night-mode) .fq-img-wrap{border-color:var(--gj-hairline)}/* ========================================================================
   §16 质感升级层（新中式光影 · 只动皮不动骨）
   ------------------------------------------------------------------
   背景：刻本风"去阴影去渐变"导致全页平面化，用户反馈"像10年前的效果"。
   原则：
   1. 布局零改动 —— 只加圆角、柔和投影、按钮渐变、悬停浮起、过渡动效；
   2. 全部挂在 body:not(.night-mode) —— 夜间模式零影响；
   3. 本节位于文件末尾，同权重规则覆盖 §2-§15 的 box-shadow:none；
   4. 悬停位移/过渡全部包在 @media (hover:hover) + (prefers-reduced-motion:
      no-preference) 内 —— 触屏不粘滞、动效可关闭；
   5. 删除本节即可完整回滚。
   ======================================================================== *//* ---------- 16.1 光影令牌 ---------- */body:not(.night-mode){--gj-shadow-sm:0 1px 2px rgba(74, 58, 34, 0.05),0 2px 8px rgba(74, 58, 34, 0.07);--gj-shadow-md:0 2px 4px rgba(74, 58, 34, 0.06),0 8px 20px rgba(74, 58, 34, 0.10);--gj-shadow-lg:0 4px 10px rgba(74, 58, 34, 0.08),0 16px 36px rgba(74, 58, 34, 0.14);--gj-shadow-btn:0 2px 6px rgba(143, 47, 36, 0.30),inset 0 1px 0 rgba(255, 255, 255, 0.14);--gj-shadow-btn-hover:0 5px 14px rgba(143, 47, 36, 0.38),inset 0 1px 0 rgba(255, 255, 255, 0.14);--gj-radius:10px;--gj-radius-sm:7px;--gj-cinnabar-hi:#b04a3c;/* 朱砂渐变亮端 */--gj-cinnabar-lo:#8f2f24/* 朱砂渐变暗端 */}/* ---------- 16.2 页面底色：顶部一抹极淡朱砂天光 ---------- */body:not(.night-mode){background-image:radial-gradient(1100px 420px at 50% -80px, rgba(166, 58, 46, 0.04), transparent 70%)}/* ---------- 16.3 顶栏与控制栏：从纸面"浮"起来 ---------- */body:not(.night-mode) .top-bar{box-shadow:0 2px 12px rgba(74, 58, 34, 0.08)}body:not(.night-mode) .control-bar{box-shadow:0 2px 8px rgba(74, 58, 34, 0.05)}body:not(.night-mode) .logo .desktop-only{box-shadow:var(--gj-shadow-sm);border-radius:var(--gj-radius-sm);transition:box-shadow 0.25s ease}@media (hover: hover){body:not(.night-mode) .logo:hover .desktop-only{box-shadow:var(--gj-shadow-md)}}/* ---------- 16.4 搜索框：圆角 + 静置投影 ---------- */body:not(.night-mode) .search-wrapper{border-radius:8px;box-shadow:var(--gj-shadow-sm)}/* ---------- 16.5 控件：圆角统一为 7px ---------- */body:not(.night-mode) .mode-btn,body:not(.night-mode) .settings-btn,body:not(.night-mode) .more-btn,body:not(.night-mode) .music-nav-btn,body:not(.night-mode) .user-avatar,body:not(.night-mode) .back-home-btn,body:not(.night-mode) .mobile-user-trigger{border-radius:var(--gj-radius-sm)}/* ---------- 16.6 主按钮：朱砂渐变 + 投影（印章保持实心不动） ---------- */body:not(.night-mode) .mode-btn.active,body:not(.night-mode) .qa-input-group button,body:not(.night-mode) .source-filter-sidebar a.active,body:not(.night-mode) .mobile-filter-btn,body:not(.night-mode) .member-menu a.active,body:not(.night-mode) .membership-card .buy-btn,body:not(.night-mode).member-page .buy-btn,body:not(.night-mode) .login-btn,body:not(.night-mode) .register-btn,body:not(.night-mode) .auth-btn,body:not(.night-mode).complaint-page .submit-btn,body:not(.night-mode) #recommendationCard .character-cta,body:not(.night-mode) .pmd-btn-primary,body:not(.night-mode) .game-start-btn,body:not(.night-mode) .fh-btn-primary,body:not(.night-mode) .fq-btn-primary,body:not(.night-mode) .chatbot-float-btn{background-image:linear-gradient(165deg, var(--gj-cinnabar-hi) 0%, var(--gj-cinnabar-lo) 100%);box-shadow:var(--gj-shadow-btn)}body:not(.night-mode) .fh-btn-primary,body:not(.night-mode) .fq-btn-primary{background-image:linear-gradient(165deg, var(--gj-cinnabar-hi) 0%, var(--gj-cinnabar-lo) 100%);border-color:var(--gj-cinnabar-lo)}/* ---------- 16.7 卡片：圆角 + 静置浮起 ---------- */body:not(.night-mode) .dyn-card,body:not(.night-mode) #recommendationCard,body:not(.night-mode) .story-card,body:not(.night-mode) .membership-card,body:not(.night-mode) .fun-heatmap-card,body:not(.night-mode) .fun-history-card,body:not(.night-mode) .fun-quote-card,body:not(.night-mode) .fun-quiz-card,body:not(.night-mode) .fun-dynasty-card,body:not(.night-mode) .qa-module{border-radius:var(--gj-radius);box-shadow:var(--gj-shadow-sm)}/* 统计卡（16王朝/113帝王/1362历史）：纸面暖渐变 + 中投影 */body:not(.night-mode) .zztj-stats{border-radius:12px;background-color:var(--gj-card);background-image:linear-gradient(180deg, #fcf9ee 0%, #f6efdc 100%);box-shadow:var(--gj-shadow-md)}body:not(.night-mode) .zztj-stats:hover{box-shadow:var(--gj-shadow-lg)}/* ---------- 16.8 阅读纸页：圆角 + 装裱投影 ---------- */body:not(.night-mode) #article-container{border-radius:8px;box-shadow:0 1px 2px rgba(74, 58, 34, 0.05),0 10px 30px rgba(74, 58, 34, 0.09)}body:not(.night-mode) #article-container::before{border-radius:5px}/* ---------- 16.9 轮播卷轴图：装裱感 ---------- */body:not(.night-mode) .manuscript-image{border-radius:8px;box-shadow:0 2px 6px rgba(43, 38, 32, 0.16),0 12px 28px rgba(43, 38, 32, 0.14)}body:not(.night-mode) .scroll-carousel__dot.active{transform:scale(1.2);box-shadow:0 0 0 3px rgba(166, 58, 46, 0.14)}/* ---------- 16.10 侧栏目录：悬停呼吸感 ---------- */body:not(.night-mode) .chapter-item,body:not(.night-mode) .volume-div{transition:background-color 0.18s ease,color 0.18s ease}/* ---------- 16.11 动效（可关闭、触屏禁用） ---------- */@media (prefers-reduced-motion: no-preference){body:not(.night-mode) .nav a,body:not(.night-mode) .nav .nav-btn,body:not(.night-mode) .user-avatar,body:not(.night-mode) .music-nav-btn,body:not(.night-mode) .mode-btn,body:not(.night-mode) .settings-btn,body:not(.night-mode) .more-btn,body:not(.night-mode) .back-home-btn,body:not(.night-mode) .fh-btn,body:not(.night-mode) .fq-btn,body:not(.night-mode) .qz-mini-btn,body:not(.night-mode) .qz-type-btn,body:not(.night-mode) .qz-entry-btn,body:not(.night-mode) .dt-tab,body:not(.night-mode) .scroll-carousel__dot,body:not(.night-mode) .character-page .category-tabs a,body:not(.night-mode).character-page .category-tabs a,body:not(.night-mode).character-page .filter-tabs a,body:not(.night-mode).character-page .tab-btn{transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.25s ease,transform 0.25s ease}/* 卡片悬停浮起（仅鼠标设备） */@media (hover: hover){body:not(.night-mode) .dyn-card:hover,body:not(.night-mode) #recommendationCard:hover,body:not(.night-mode) .story-card:hover,body:not(.night-mode) .membership-card:hover{transform:translateY(-3px);box-shadow:var(--gj-shadow-lg);border-color:var(--gj-frame)}body:not(.night-mode) .privilege-item:hover{transform:translateY(-2px);box-shadow:var(--gj-shadow-sm)}/* 主按钮悬停：微浮起 + 投影加深 */body:not(.night-mode) .qa-input-group button:hover,body:not(.night-mode) .mobile-filter-btn:hover,body:not(.night-mode) .membership-card .buy-btn:hover,body:not(.night-mode).member-page .buy-btn:hover,body:not(.night-mode) .login-btn:hover,body:not(.night-mode) .register-btn:hover,body:not(.night-mode) .auth-btn:hover,body:not(.night-mode).complaint-page .submit-btn:hover,body:not(.night-mode) #recommendationCard .character-cta:hover,body:not(.night-mode) .pmd-btn-primary:hover,body:not(.night-mode) .game-start-btn:hover,body:not(.night-mode) .fh-btn-primary:hover,body:not(.night-mode) .fq-btn-primary:hover,body:not(.night-mode) .chatbot-float-btn:hover{transform:translateY(-1px);box-shadow:var(--gj-shadow-btn-hover)}/* 胶囊/签条悬停：衬纸 + 描边 */body:not(.night-mode).character-page .category-tabs a:hover,body:not(.night-mode).character-page .filter-tabs a:hover,body:not(.night-mode).character-page .tab-btn:hover,body:not(.night-mode) .qz-type-btn:hover,body:not(.night-mode) .dt-tab:hover{transform:translateY(-1px);box-shadow:var(--gj-shadow-sm)}}}/* ---------- 16.12 点睛：描金顶带 ---------- */body:not(.night-mode) .top-bar::before{background:linear-gradient(90deg,
        #8f2f24 0%, #b04a3c 22%, #c8a960 50%, #b04a3c 78%, #8f2f24 100%);opacity:1}/* ---------- 16.13 点睛：宣纸颗粒质感（极淡，4%不脏版） ---------- */body:not(.night-mode)::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}/* ---------- 16.14 点睛：卡片顶部朱砂渐变饰线 ---------- */body:not(.night-mode) .story-card::before{background:linear-gradient(90deg, transparent 0%, var(--gj-cinnabar) 50%, transparent 100%);opacity:0.85;height:2px}body:not(.night-mode) .fun-heatmap-card::before,body:not(.night-mode) .fun-history-card::before,body:not(.night-mode) .fun-quote-card::before,body:not(.night-mode) .fun-quiz-card::before,body:not(.night-mode) .fun-dynasty-card::before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;border-radius:2px;background:linear-gradient(90deg, transparent 0%, var(--gj-cinnabar) 50%, transparent 100%);opacity:0.55;pointer-events:none}/* ---------- 16.15 点睛：卡片暖渐变底色 + 投影加深一档 ---------- */body:not(.night-mode) .story-card,body:not(.night-mode) .membership-card,body:not(.night-mode) .fun-heatmap-card,body:not(.night-mode) .fun-history-card,body:not(.night-mode) .fun-quote-card,body:not(.night-mode) .fun-quiz-card,body:not(.night-mode) .fun-dynasty-card{position:relative;background-color:var(--gj-card);background-image:linear-gradient(180deg, #fcfaf1 0%, #f8f2e2 100%);box-shadow:var(--gj-shadow-md)}body:not(.night-mode) .member-menu a.active{background-image:linear-gradient(165deg, var(--gj-cinnabar-hi) 0%, var(--gj-cinnabar-lo) 100%)}/* ---------- 16.16 点睛：导航选中态 ---------- */body:not(.night-mode) .nav a.active{background:var(--gj-wash);border-color:var(--gj-hairline)}/* ---------- 16.17 点睛：精致滚动条（全端） ---------- */::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfc2a2;border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#b3a27c}/* ========================================================================
   §17 卷详情页精修（#v=1 卷一：周纪一 等）
   ------------------------------------------------------------------
   背景：.va-* / .original-preview 的卡片样式只写在 mobile.css 里，
   桌面端（≤767px 不加载 mobile.css）拿到的是完全无样式的裸文字。
   原则：
   1. 只补"皮"：卡片化、层次、留白、字号行距，不改任何 DOM/布局结构；
   2. 不写 !important —— 手机端 mobile.css 的 !important 规则继续生效，
      手机保持现状，桌面获得完整卡片样式；
   3. 全部挂 body:not(.night-mode)，夜间模式零影响；
   4. 删除本节即回滚（桌面回到裸文字现状）。
   ======================================================================== *//* ---------- 17.1 面板容器：纸面大卡 ---------- */body:not(.night-mode) .volume-detail{padding:36px 44px 40px;background-color:var(--gj-card);background-image:linear-gradient(180deg, #fdfaf1 0%, #f9f3e3 100%);border:1px solid var(--gj-hairline);border-radius:10px;box-shadow:var(--gj-shadow-sm)}/* 回纹角标与圆角卡叠加会产生"S形"视觉噪音，桌面端直接隐去 */body:not(.night-mode) .volume-detail .decoration-corner{display:none}/* ---------- 17.2 卷标题：墨字 + 两侧渐细线 ---------- */body:not(.night-mode) .volume-detail .volume-title{display:flex;align-items:center;justify-content:center;gap:22px;font-size:30px;font-weight:700;letter-spacing:6px;color:var(--gj-ink);background:none;-webkit-text-fill-color:currentColor;text-shadow:none;animation:none;padding:4px 0 0}body:not(.night-mode) .volume-detail .volume-title::before,body:not(.night-mode) .volume-detail .volume-title::after{content:"";flex:0 1 150px;height:1px}body:not(.night-mode) .volume-detail .volume-title::before{background:linear-gradient(90deg, transparent, var(--gj-frame))}body:not(.night-mode) .volume-detail .volume-title::after{background:linear-gradient(270deg, transparent, var(--gj-frame))}body:not(.night-mode) .volume-detail .volume-title-divider{width:46px;height:3px;margin:14px auto 28px;border-radius:2px;background:linear-gradient(90deg, var(--gj-cinnabar) 0%, #c8a960 100%)}/* ---------- 17.3 节标题：印章小签 ---------- */body:not(.night-mode) .volume-detail .chapter-info h3,body:not(.night-mode) .volume-detail .original-preview h3,body:not(.night-mode) .volume-detail .chapter-list h3{font-size:16px;font-weight:700;padding:7px 16px 7px 30px;color:var(--gj-cinnabar-deep);background-color:var(--gj-card);background-image:linear-gradient(180deg, #fcf9ee 0%, #f6efdc 100%);border:1px solid var(--gj-hairline);border-left:3px solid var(--gj-cinnabar);border-radius:0 8px 8px 0;margin-bottom:18px;box-shadow:var(--gj-shadow-sm)}body:not(.night-mode) .volume-detail .chapter-info h3::before,body:not(.night-mode) .volume-detail .original-preview h3::before,body:not(.night-mode) .volume-detail .chapter-list h3::before{width:7px;height:7px;background:var(--gj-cinnabar);border-radius:1px;transform:translateY(-50%) rotate(45deg);box-shadow:none}/* ---------- 17.4 卷简介：正文疏朗 + 干支词干净化 + 年限条 ---------- */body:not(.night-mode) .volume-detail .chapter-info > p{font-size:17px;line-height:2.15;color:var(--gj-ink);text-align:justify;margin:4px 0 6px}body:not(.night-mode) .volume-detail .chapter-info .keyword-highlight-general{color:var(--gj-cinnabar-deep);font-weight:700;background:var(--gj-wash);border-radius:4px;padding:1px 3px;text-decoration:none}/* 干支纪年词：去掉调试期的彩虹下划线（绿双线/蓝波浪/橙波浪）与 23px 硬放大，
   统一为朱砂衬底小签，字号跟随正文 */body:not(.night-mode) .volume-detail .volume-intro-suiyang,body:not(.night-mode) .volume-detail .volume-intro-suiyin,body:not(.night-mode) .volume-detail .volume-intro-taisui,body:not(.night-mode) .volume-detail .volume-intro-other-qi,body:not(.night-mode) .volume-detail .volume-intro-other-jin,body:not(.night-mode) .volume-detail .volume-intro-other-fan,body:not(.night-mode) .volume-detail .volume-intro-other{color:var(--gj-cinnabar-deep) !important;font-size:inherit !important;font-weight:700;background:var(--gj-wash);border-radius:4px;padding:1px 3px;border-bottom:none !important;text-decoration:none !important}/* 夜间模式同样中和调试期彩虹下划线，改为暗金衬底 */.night-mode .volume-detail .volume-intro-suiyang,.night-mode .volume-detail .volume-intro-suiyin,.night-mode .volume-detail .volume-intro-taisui,.night-mode .volume-detail .volume-intro-other-qi,.night-mode .volume-detail .volume-intro-other-jin,.night-mode .volume-detail .volume-intro-other-fan,.night-mode .volume-detail .volume-intro-other{color:#d8b56a !important;font-size:inherit !important;font-weight:700;background:rgba(216, 181, 106, 0.12);border-radius:4px;padding:1px 3px;border-bottom:none !important;text-decoration:none !important}body:not(.night-mode) .volume-detail .volume-intro-desc{margin-top:16px;padding:12px 18px;font-size:14.5px;line-height:1.9;color:var(--gj-ink-2);background:var(--gj-wash);border-left:3px solid var(--gj-cinnabar);border-radius:0 8px 8px 0}/* ---------- 17.5 章节目录：素纸卡 + 序号印 ---------- */body:not(.night-mode) .volume-detail .chapter-list{background:var(--gj-card);background-image:none;border:1px solid var(--gj-hairline);border-radius:10px;box-shadow:none}body:not(.night-mode) .volume-detail .chapter-ordinal{flex:none;width:26px;height:26px;line-height:24px;text-align:center;font-size:13px;font-weight:700;color:var(--gj-cinnabar-deep);background:var(--gj-wash);border:1px solid rgba(166, 58, 46, 0.25);border-radius:7px}/* ---------- 17.6 解析卡：三种主题顶线（朱砂/金/墨） ---------- */body:not(.night-mode) .volume-detail .original-preview{position:relative;background-color:var(--gj-card);background-image:linear-gradient(180deg, #fcf9ee 0%, #f8f2e2 100%);border:1px solid var(--gj-hairline);border-radius:12px;padding:24px 28px 18px;margin:0 0 26px;box-shadow:var(--gj-shadow-sm)}body:not(.night-mode) .volume-detail .original-preview::before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:2px;border-radius:2px;background:linear-gradient(90deg, transparent, var(--gj-frame), transparent);opacity:0.7}body:not(.night-mode) .volume-detail .va-theme-history::before{background:linear-gradient(90deg, transparent, var(--gj-cinnabar), transparent);opacity:0.6}body:not(.night-mode) .volume-detail .va-theme-wisdom::before{background:linear-gradient(90deg, transparent, #c8a960, transparent);opacity:0.7}body:not(.night-mode) .volume-detail .va-theme-reading::before{background:linear-gradient(90deg, transparent, #8a7f6a, transparent);opacity:0.6}/* ---------- 17.7 小节：竖条标题 + 正文疏朗 ---------- */body:not(.night-mode) .volume-detail .va-wrapper .va-section{padding-bottom:16px;margin-bottom:18px}body:not(.night-mode) .volume-detail .va-wrapper .va-section:last-child{margin-bottom:4px}body:not(.night-mode) .volume-detail .va-wrapper .va-section-title{display:flex;align-items:center;gap:10px;padding-bottom:9px;margin-bottom:12px;border-bottom:1px dashed var(--gj-hairline)}body:not(.night-mode) .volume-detail .va-wrapper .va-title-bar{flex:none;width:4px;height:17px;border-radius:2px;background:linear-gradient(180deg, var(--gj-cinnabar-hi), var(--gj-cinnabar-lo))}body:not(.night-mode) .volume-detail .va-wrapper .va-title-text{font-size:16px;font-weight:700;letter-spacing:2px;color:var(--gj-ink)}body:not(.night-mode) .volume-detail .va-wrapper .va-section-body{font-size:15.5px;line-height:2.05;color:#3a332a;text-align:justify}body:not(.night-mode) .volume-detail .va-wrapper .va-paragraph{margin:0 0 10px;text-indent:2em}body:not(.night-mode) .volume-detail .va-wrapper .va-list{margin:4px 0 8px;padding-left:2px;list-style:none}body:not(.night-mode) .volume-detail .va-wrapper .va-list li{display:flex;align-items:flex-start;gap:10px;padding:7px 0}body:not(.night-mode) .volume-detail .va-wrapper .va-list li:not(:last-child){border-bottom:1px dashed rgba(221, 211, 189, 0.6)}body:not(.night-mode) .volume-detail .va-wrapper .va-list-num{flex:none;width:23px;height:23px;line-height:21px;margin-top:5px;text-align:center;font-size:12px;font-weight:700;color:var(--gj-cinnabar-deep);background:var(--gj-wash);border:1px solid rgba(166, 58, 46, 0.25);border-radius:6px}body:not(.night-mode) .volume-detail .va-wrapper .va-list-text{flex:1;font-size:15px;line-height:1.95;color:#3a332a}/* ---------- 17.8 胡三省注：引文排版 ---------- */body:not(.night-mode) .volume-detail .original-preview:not(.va-wrapper){padding-bottom:26px}body:not(.night-mode) .volume-detail .original-preview:not(.va-wrapper) p{font-size:15px;line-height:2;color:var(--gj-ink-2);text-align:justify;margin:0 0 8px}/* ========================================================================
   §18 夜间质感同步层（与 §16/§17 白天版对应 · 墨夜鎏金）
   ------------------------------------------------------------------
   背景：§16/§17 只作用于白天，夜间仍是"去阴影去渐变"的平面旧观感，
   且残留调试期青蓝色（#008aa3 标签、青色干支词）。本节把夜间补齐：
   原则：
   1. 布局零改动 —— 只加圆角、投影、渐变、悬停浮起、去蓝化；
   2. 全部挂在 .night-mode 下，不影响白天；
   3. 悬停动效包在 @media (hover:hover) + (prefers-reduced-motion: no-preference)；
   4. 删除本节即可完整回滚。
   ======================================================================== *//* ---------- 18.1 夜间光影令牌 ---------- */.night-mode{--gj-n-card:#2a241b;/* 夜卡底 */--gj-n-card-hi:#322b20;/* 夜卡渐变亮端 */--gj-n-card-lo:#241f17;/* 夜卡渐变暗端 */--gj-n-hairline:rgba(216, 181, 106, 0.16);--gj-n-gold:#d8b56a;--gj-n-gold-hi:#e8ca8c;--gj-n-ink:#e8ddc2;/* 夜正文 */--gj-n-ink-2:#c2b596;/* 夜次级文字 */--gj-n-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.30),0 2px 10px rgba(0, 0, 0, 0.35);--gj-n-shadow-md:0 2px 5px rgba(0, 0, 0, 0.32),0 10px 26px rgba(0, 0, 0, 0.45);--gj-n-shadow-btn:0 2px 8px rgba(0, 0, 0, 0.45),inset 0 1px 0 rgba(255, 255, 255, 0.08);--gj-radius:10px;--gj-radius-sm:7px}/* ---------- 18.2 页面底色：顶部一抹极淡金晕 ---------- */.night-mode body,body.night-mode{background-image:radial-gradient(1100px 420px at 50% -80px, rgba(216, 181, 106, 0.05), transparent 70%)}/* ---------- 18.3 顶栏与控制栏：从夜幕"浮"起来 ---------- */.night-mode .top-bar{box-shadow:0 2px 14px rgba(0, 0, 0, 0.45)}.night-mode .control-bar{box-shadow:0 2px 10px rgba(0, 0, 0, 0.35)}/* ---------- 18.4 搜索框 / 控件：圆角统一 ---------- */.night-mode .search-wrapper{border-radius:8px;box-shadow:var(--gj-n-shadow-sm)}.night-mode .mode-btn,.night-mode .settings-btn,.night-mode .more-btn,.night-mode .music-nav-btn,.night-mode .user-avatar,.night-mode .back-home-btn,.night-mode .mobile-user-trigger{border-radius:var(--gj-radius-sm)}/* ---------- 18.5 主按钮：朱砂渐变（夜下压暗一档） ---------- */.night-mode .mode-btn.active,.night-mode .qa-input-group button,.night-mode .source-filter-sidebar a.active,.night-mode .mobile-filter-btn,.night-mode .member-menu a.active,.night-mode .membership-card .buy-btn,.night-mode .login-btn,.night-mode .register-btn,.night-mode .auth-btn,.night-mode .pmd-btn-primary,.night-mode .game-start-btn,.night-mode .fh-btn-primary,.night-mode .fq-btn-primary,.night-mode .chatbot-float-btn{background-image:linear-gradient(165deg, #9a4034 0%, #7c2a20 100%);box-shadow:var(--gj-n-shadow-btn)}/* ---------- 18.6 全站卡片：夜卡渐变 + 圆角 + 浮起投影 ---------- */.night-mode .dyn-card,.night-mode #recommendationCard,.night-mode .story-card,.night-mode .membership-card,.night-mode .fun-heatmap-card,.night-mode .fun-history-card,.night-mode .fun-quote-card,.night-mode .fun-quiz-card,.night-mode .fun-dynasty-card,.night-mode .qa-module,.night-mode .zztj-stats{border-radius:var(--gj-radius);background-color:var(--gj-n-card);background-image:linear-gradient(180deg, var(--gj-n-card-hi) 0%, var(--gj-n-card-lo) 100%);border-color:var(--gj-n-hairline);box-shadow:var(--gj-n-shadow-sm)}/* ---------- 18.7 夜间卡片顶部金色饰线（对应白天 16.14） ---------- */.night-mode .story-card::before,.night-mode .fun-heatmap-card::before,.night-mode .fun-quote-card::before,.night-mode .fun-quiz-card::before,.night-mode .fun-dynasty-card::before,.night-mode .membership-card::before{background:linear-gradient(90deg, transparent 0%, rgba(216, 181, 106, 0.55) 30%, rgba(216, 181, 106, 0.55) 70%, transparent 100%)}/* ---------- 18.8 卷详情面板：夜纸大卡 ---------- */.night-mode .volume-detail{background-color:var(--gj-n-card);background-image:linear-gradient(180deg, var(--gj-n-card-hi) 0%, var(--gj-n-card-lo) 100%);border-color:var(--gj-n-hairline);border-radius:14px;box-shadow:var(--gj-n-shadow-md)}/* ---------- 18.9 卷标题：鎏金渐变填充（替换旧夜间红端过暗的渐变） ---------- */.night-mode .volume-detail .volume-title{background-image:linear-gradient(135deg, #eed9a8 0%, #d8b56a 45%, #c8a960 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(216, 181, 106, 0.28))}/* ---------- 18.10 节标签（卷简介/卷解析）：夜间去蓝化 → 鎏金小签 ---------- */.night-mode .volume-detail .chapter-info h3,.night-mode .volume-detail .original-preview h3,.night-mode .volume-detail .chapter-list h3{color:var(--gj-n-gold) !important;background:rgba(216, 181, 106, 0.08) !important;border-left-color:var(--gj-n-gold);border-radius:0 6px 6px 0;box-shadow:var(--gj-n-shadow-sm)}.night-mode .volume-detail .chapter-info h3::before,.night-mode .volume-detail .original-preview h3::before,.night-mode .volume-detail .chapter-list h3::before{background:var(--gj-n-gold);box-shadow:0 0 7px rgba(216, 181, 106, 0.45)}/* ---------- 18.11 小节竖条 + 正文：金色竖条、夜墨正文 ---------- */.night-mode .volume-detail .va-wrapper .va-section-title{border-bottom-color:rgba(216, 181, 106, 0.22)}.night-mode .volume-detail .va-wrapper .va-list li:not(:last-child){border-bottom-color:rgba(216, 181, 106, 0.14)}.night-mode .volume-detail .va-wrapper .va-list-num{color:var(--gj-n-gold);background:rgba(216, 181, 106, 0.10);border-color:rgba(216, 181, 106, 0.32)}.night-mode .volume-detail .original-preview:not(.va-wrapper){background:rgba(216, 181, 106, 0.045);border-left-color:var(--gj-n-gold);border-radius:0 8px 8px 0}/* ---------- 18.12 侧栏目录：悬停呼吸感（对应白天 16.10） ---------- */.night-mode .chapter-list-sidebar .chapter-item,.night-mode .sidebar .chapter-item{transition:background-color 0.25s ease,border-color 0.25s ease}/* ---------- 18.13 悬停浮起动效（可关闭、触屏禁用，对应白天 16.11/16.7） ---------- */@media (hover: hover) and (prefers-reduced-motion: no-preference){.night-mode .story-card,.night-mode .fun-heatmap-card,.night-mode .fun-quote-card,.night-mode .fun-quiz-card,.night-mode .fun-dynasty-card,.night-mode .membership-card,.night-mode .zztj-stats,.night-mode .volume-detail{transition:box-shadow 0.3s ease,transform 0.3s ease}.night-mode .story-card:hover,.night-mode .fun-heatmap-card:hover,.night-mode .fun-quote-card:hover,.night-mode .fun-quiz-card:hover,.night-mode .fun-dynasty-card:hover,.night-mode .zztj-stats:hover{transform:translateY(-2px);box-shadow:var(--gj-n-shadow-md)}.night-mode .volume-detail .mode-btn:hover,.night-mode .volume-detail .settings-btn:hover{transform:translateY(-1px)}}/* ---------- 18.14 精致滚动条（夜） ---------- */.night-mode ::-webkit-scrollbar{width:8px;height:8px}.night-mode ::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.25)}.night-mode ::-webkit-scrollbar-thumb{background:rgba(216, 181, 106, 0.28);border-radius:4px}.night-mode ::-webkit-scrollbar-thumb:hover{background:rgba(216, 181, 106, 0.45)}