/*! Portal DUX dark-mode styles (split out of style.css). Loaded as a separate stylesheet. Only affects html.darking. */
/* 2026-10-31 改为黑金 · A 香槟金（与论坛 static/dark/forum.css 同一套色值，说明见那份文件头）。
 * --tb--main 在暗黑下换成主金，主题里 89 处品牌色（链接悬停、导航当前项、按钮、分页、标题竖条）随之变金；
 * 金底上原本的白字在文件末尾「黑金增强」一节统一改成深色字 #1a1408。 */
.darking:root{--tb--main: #c9a96e;--tb--base: #ddd6c9;--tb--dark: #1a1815;--tb--white: #1a1815;--tb--bdbg: #121110;--tb--tint: #24201b;--tb--line: #2e2a23;--tb--gray: #908778}
.darking table th,.darking table td{border-color:#2e2a23 !important}
.darking .header{box-shadow:0 1px 5px rgba(0,0,0,.15)}
.darking .logo img{display:none}
.darking .logo img.-dark{display:block}
.darking .brand{color:var(--tb--gray);border-left-color:var(--tb--line)}
.darking .site-nav .sub-menu{background-color:var(--tb--tint)}
.darking .site-nav>li>.sub-menu::before{border-bottom-color:var(--tb--tint)}
.darking .site-nav>li>.sub-menu::after{display:none}
.darking .site-nav ul .sub-menu::before{border-right-color:var(--tb--tint)}
.darking .site-nav ul .sub-menu::after{display:none}
.darking .sitedark i:first-child{display:none}
.darking .sitedark i:last-child{display:block}
.darking .comt-box{border-color:var(--tb--tint)}
.darking .comt-ctrl{border-top:solid 1px var(--tb--line);background-color:var(--tb--tint)}
.darking .article-content-fold .-fold{background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(26, 24, 21))}
.darking .post-copyright-custom{background-color:var(--tb--tint)}
.darking .fixnav{box-shadow:-1px 0 10px rgba(0,0,0,.15)}
.darking .fixnav::before{display:none}
.darking .btn{background-color:var(--tb--tint)}
.darking .btn:hover{background-color:var(--tb--tint)}
.darking .ipt{background-color:var(--tb--tint);border-color:var(--tb--line)}
.darking .product-qrcode canvas{border:10px solid #fff}
.darking .userside{background-color:var(--tb--white)}
/* ============================================================
 * 门户 DUX 暗黑模式补丁（查漏补缺，2026-06）
 * 仅在 html.darking 生效。集中修复 style.css / 模板内联 <style> /
 * 行内 style 中残留的浅色硬编码（原生控件 / 分页 / 榜单胶囊 / 摘要 /
 * 评论框 / 反馈框 / 游客登录框 等）。配色沿用既有暗色基调。
 * ============================================================ */
/* 原生控件 / 滚动条 / 选区：补 color-scheme，避免 select、无背景 input、滚动条仍是亮色 */
html.darking{color-scheme:dark;scrollbar-color:#6b5634 #121110}
html.darking ::-webkit-scrollbar{width:12px;height:12px}
html.darking ::-webkit-scrollbar-track{background:#121110}
html.darking ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a6f42,#5f4c2e);border:3px solid #121110;border-radius:7px}
html.darking ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a8864e,#7a6139)}
html.darking ::-webkit-scrollbar-corner{background:#121110}
html.darking ::selection{background:rgba(201,169,110,.5);color:#fff8e8}
html.darking input[type=checkbox],html.darking input[type=radio]{accent-color:#c9a96e}
/* 列表分页 .pagination（首页 / 分类页 / 评论分页），原 #eee 亮按钮 */
html.darking .pagination a{background-color:#24201b!important;color:#ddd6c9!important;border-color:transparent!important}
html.darking .pagination a:hover,html.darking .pagination a:focus{background-color:transparent!important;color:#c9a96e!important;border-color:#2e2a23!important}
html.darking .pagination .active a,html.darking .pagination .active span,html.darking .pagination li.next-page a{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%) !important;color:#1a1408!important;border-color:#b08f58!important}
html.darking .pagination span{color:#958c7d!important}
/* 文章内分页 .article-paging（多页文章），原 #ddd/#eee 亮按钮 */
html.darking .article-paging .post-page-numbers{background-color:#24201b!important;color:#ddd6c9!important}
html.darking .article-paging .post-page-numbers.current{background-color:#24201b!important;color:#f3ecdf!important}
html.darking .article-paging a.post-page-numbers:hover{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%) !important;color:#1a1408!important}
/* 滚动加载按钮 .ias_trigger，原 #eee 亮按钮 */
html.darking .ias_trigger a{background-color:#24201b!important;color:#ddd6c9!important}
html.darking .ias_trigger a:hover{background-color:#24201b!important;color:#e8d3a6!important}
/* 文章二行摘要 .excerpt .note（原 #666 在暗底偏暗、不易读） */
html.darking .excerpt .note{color:#958c7d!important}
/* 侧栏榜单/评论 widget 标题文字（原 #555 偏暗） */
html.darking .widget_ui_posts .nopic .text{color:#ddd6c9!important}
/* 侧栏「热门榜单 / 论坛热帖 / 热门评论」标签胶囊（原浅灰 #f2f3f5）；.on 选中态保留品牌红 */
html.darking .dux-rank-tabs a:not(.on),
html.darking .dux-trank-tabs a:not(.on),
html.darking .dux-cmt-tabs a:not(.on){background:#24201b!important;color:#958c7d!important}
/* 榜单序号徽章：保留前三名金/银/铜，其余由浅灰 #f2f3f5 改暗色 */
html.darking .dux-rank-no:not(.dux-rank-no-1):not(.dux-rank-no-2):not(.dux-rank-no-3),
html.darking .dux-trank-no:not(.dux-trank-no-1):not(.dux-trank-no-2):not(.dux-trank-no-3){background:#24201b!important;color:#958c7d!important}
/* widget 空状态文字（#bbb 在暗底偏亮，统一柔和灰） */
html.darking .dux-rank-empty,
html.darking .dux-trank-empty,
html.darking .dux-cmt-empty{color:#958c7d!important}
/* 文章评论区：输入框 #comment 文字原 #666（背景已随 --tb--white 变暗）；meta 行原 --tb--gray(#555) 偏暗 */
html.darking #comment{color:#ddd6c9!important}
html.darking #comment::placeholder{color:#958c7d!important}
html.darking .comt-meta{color:#958c7d!important}
html.darking .comment:hover .comt-f{color:#958c7d!important}
/* 「内容是否仍有效」反馈框（view.htm 内联 <style>，原奶油底 #fff8ef） */
html.darking .dux-feedback{background:#211c13!important;border-color:#3a2c16!important}
html.darking .dux-fb-q{color:#c4a76e!important}
html.darking .dux-fb-q strong{color:#d1ba85!important}
html.darking .dux-fb-btn{background:#161411!important;border-color:#3a3329!important;color:#d6cfc1!important}
/* 游客内联登录框（view.htm 行内 style，仅未登录用户在文章页评论区可见） */
html.darking #dux-login-box{background:#1a1815!important;border-color:#2e2a23!important}
/* 赞赏 / 分享弹层（主题自带，若启用） */
html.darking .rewards-popover{background-color:#1a1815!important;color:#ddd6c9!important}
html.darking .rewards-popover-item img{background-color:#121110!important}
html.darking .share-popover .share-popover-inner{background-color:#1a1815!important}
/* 移动端底部 karbar 白底兜底 */
html.darking .karbar-m-white .karbar,
html.darking .karbar-m-white .karbar ul li a{background-color:#1a1815!important;color:#ddd6c9!important;border-top-color:#2e2a23!important}
/* 图片容器（产品 / 相册类，原白底 #fff） */
html.darking .image-container{background-color:#1a1815!important}
/* 行内 style 浅色兜底（与论坛 forum.css / touch.css 同策略）：仅命中常见文字/背景/边框浅色硬编码，不动用户图片与广告 */
html.darking [style*="background:#fff"],
html.darking [style*="background: #fff"],
html.darking [style*="background:#FFF"],
html.darking [style*="background: #FFF"],
html.darking [style*="background-color:#fff"],
html.darking [style*="background-color: #fff"],
html.darking [style*="background:#f7f8fa"],
html.darking [style*="background: #f7f8fa"]{background-color:#1a1815!important}
html.darking [style*="border:1px solid #ddd"],
html.darking [style*="border: 1px solid #ddd"],
html.darking [style*="border:1px solid #eee"],
html.darking [style*="border: 1px solid #eee"]{border-color:#2e2a23!important}
html.darking [style*="color:#333"],
html.darking [style*="color: #333"],
html.darking [style*="color:#444"],
html.darking [style*="color: #444"],
html.darking [style*="color:#666"],
html.darking [style*="color: #666"]{color:#ddd6c9!important}
/* ============================================================
 * 防 AdBlock 弹层 / 顶部通知条（dux_antiadblock.htm 内联 <style> 原为硬编码浅色：
 * 白卡片 + 奶油黄通知条）。仅 .darking 生效，改为暗色，避免暗黑下突然弹出亮白块。 */
html.darking .dux-aab-card{background:#1a1815!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important}
html.darking .dux-aab-title{color:#ece6da!important}
html.darking .dux-aab-text{color:#b3aa9a!important}
html.darking .dux-aab-icon{background:#2a1416!important}
html.darking .dux-aab-notice{background:#211c13!important;border-bottom-color:#3a2c16!important;color:#d3be8d!important}
html.darking .dux-aab-notice-help{color:#c2a161!important}
html.darking .dux-aab-notice-close{color:#bf9d5a!important}
/* ============================================================
 * 登录弹窗（dux_login_modal）暗黑补丁：验证码图底色 / 报错条底色
 * 原写死浅色（#fff / #fff0ef），暗黑下会是亮块；其余字段已用 --tb-- 变量自动适配。
 * ============================================================ */
html.darking .dux-login-secimg{background:#24201b!important;border-color:#2e2a23!important}
html.darking .dux-login-msg{background:#2a1416!important;color:#dba69e!important}
/* ============================================================
 * 侧栏「音乐播放器」（dux_music.htm 内联 <style>）暗黑补丁：
 * 1. 进度条/音量条的未播放轨道原写死浅灰 #e9ebee，暗黑下会是一条亮杠；
 * 2. 歌手 / 时间 / 提示用 --tb--gray(#555)，在暗底偏暗，统一换柔和灰；
 * 3. 上面那条 .widget_ui_posts .nopic .text 的 !important 会盖掉歌单里「正在播放」那行的
 *    品牌色，这里按 li.on 再抢回来。
 * ============================================================ */
html.darking .dux-music-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--tb--main) 0,var(--tb--main) var(--dux-music-p,0%),#24201b var(--dux-music-p,0%),#24201b 100%)!important}
html.darking .dux-music-range::-moz-range-track{background:#24201b!important}
html.darking .dux-music-by,
html.darking .dux-music-time,
html.darking .dux-music-note{color:#958c7d!important}
html.darking .dux-music-list li.on .text{color:var(--tb--main)!important}
/* ============================================================
 * 黑金增强（2026-10-31，A 香槟金 · 金色用量中等，与论坛 forum.css 末尾同名一节对应）
 * E1 金色渐变按钮/标题 · E2 半透明金线 · E3 卡片微光 · E4 悬停金条 · E5-2 光晕+斜纹 · E7 滚动条/选中色
 * ============================================================ */
/* E5-2 页面背景：顶部暗金光晕 + 极淡斜纹（不用 fixed，滚动不重绘） */
html.darking body{background:radial-gradient(1200px 520px at 50% -160px,rgba(201,169,110,.13),transparent 70%) no-repeat,repeating-linear-gradient(45deg,rgba(201,169,110,.028) 0 1px,transparent 1px 7px),#121110}
/* 头部：深色渐变 + 底部金线，Logo 换金色版（原图挪出可视区，铺金色版背景，尺寸不变） */
html.darking .header{background:linear-gradient(180deg,#1c1916,#171512);box-shadow:0 1px 0 rgba(201,169,110,.28),0 8px 24px rgba(0,0,0,.35)}
html.darking .logo img[src$="dux/logo.png"]{object-position:-99999px 0;background:url(../dark/bg-logo-dux.png) 0 0/100% 100% no-repeat}
html.darking .topbar,html.darking .topbar a{color:#958c7d}
html.darking .topbar a:hover{color:#c9a96e}
html.darking .site-nav a{transition:color .2s ease}
html.darking .site-nav>li>a{color:#c9c1b3}
html.darking .site-nav>li>a:hover,html.darking .site-nav li.current-menu-item>a,html.darking .site-nav li.current-menu-parent>a{color:#c9a96e}
html.darking .site-nav .sub-menu{border:1px solid rgba(201,169,110,.22);box-shadow:0 10px 30px rgba(0,0,0,.55)}
html.darking .brand{color:#958c7d}
/* E2+E3 卡片：上下微渐变、半透明金线（用内阴影画，不占布局）、顶部暖色高光、柔和投影 */
html.darking .widget,
html.darking .single .content,
html.darking .pagecontent,
html.darking .page-template-sidebar .content,
html.darking .excerpt-minic-index,
html.darking .tinycat .excerpt,
html.darking .pagemenu,
html.darking .container-user,
html.darking .loop-flash{background:linear-gradient(180deg,#1d1a17,#191714);box-shadow:inset 0 0 0 1px rgba(201,169,110,.18),inset 0 1px 0 rgba(255,232,190,.06),0 10px 28px rgba(0,0,0,.45)}
/* 列表首页「最新」那组：标题行 + 若干 .excerpt 拼成一张卡，只给外侧描金线 */
html.darking .excerpts-title{background:linear-gradient(180deg,#1f1c18,#1a1815);box-shadow:inset 0 1px 0 rgba(201,169,110,.18),inset 1px 0 0 rgba(201,169,110,.18),inset -1px 0 0 rgba(201,169,110,.18)}
html.darking .excerpt{background-color:#1a1815;border-bottom-color:#2e2a23;box-shadow:inset 1px 0 0 rgba(201,169,110,.18),inset -1px 0 0 rgba(201,169,110,.18);transition:background-color .2s ease,box-shadow .2s ease}
/* E4 悬停：左侧 2px 金条 + 淡金底 + 标题变亮 */
html.darking .excerpt:hover{background:linear-gradient(90deg,rgba(201,169,110,.08),rgba(201,169,110,0) 65%),#1a1815;box-shadow:inset 2px 0 0 #c9a96e,inset -1px 0 0 rgba(201,169,110,.18)}
html.darking .excerpt h2 a{color:#f3ecdf;transition:color .2s ease}
html.darking .excerpt h2 a:hover,html.darking .excerpt:hover h2 a{color:#e8d3a6}
html.darking .excerpt .note{color:#958c7d!important}
html.darking .excerpt .meta,html.darking .excerpt .meta a{color:#908778}
html.darking .excerpt .meta a:hover{color:#c9a96e}
html.darking .widget_ui_posts li,html.darking .widget_ui_comments li,html.darking .widget li{transition:background-color .2s ease}
html.darking .widget_ui_posts li:hover,html.darking .widget_ui_comments li:hover{background-color:rgba(201,169,110,.05)}
/* 模块标题：标题栏底线由金色渐隐，文字主金；正文区大标题用 E1 金属渐变字 */
html.darking .widget h3{background:linear-gradient(90deg,rgba(201,169,110,.85),rgba(201,169,110,.22) 35%,transparent 75%) left bottom/100% 1px no-repeat,linear-gradient(180deg,#27231d,#201d18);border-bottom-color:transparent;color:#c9a96e}
html.darking .title h3,
html.darking .catleader h1,
html.darking .article-title{background:linear-gradient(180deg,#f0d9a4 0%,#c9a96e 55%,#a8864e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#c9a96e}
html.darking .article-title a{-webkit-text-fill-color:transparent}
html.darking .catleader{box-shadow:inset 0 0 0 1px rgba(201,169,110,.18)}
/* 正文 */
html.darking .article-content{color:#ddd6c9}
html.darking .article-content h2,html.darking .article-content h3{color:#f3ecdf}
html.darking .article-content a{color:#c9a96e;text-decoration-color:rgba(201,169,110,.45)}
html.darking .article-content a:hover{color:#e8d3a6}
html.darking .article-content blockquote{background:#161411;border-left-color:#c9a96e;color:#c9c1b3}
html.darking .article-meta,html.darking .article-meta a{color:#908778}
/* 标签：金色描边（不再是实心品牌色块） */
html.darking .article-tags a{background:transparent;border:1px solid rgba(201,169,110,.32);color:#c9a96e;opacity:1;transition:background-color .2s ease,color .2s ease}
html.darking .article-tags a:hover{background:rgba(201,169,110,.1);color:#e8d3a6}
html.darking .tagslist li{border-color:rgba(201,169,110,.18)}
/* E1 主按钮 / 选中态：金色竖向渐变 + 顶部高光，深色字（原主题这些位置都是品牌色底白字） */
html.darking .btn-primary,
html.darking #submit,
html.darking .search-btn,
html.darking .post-actions .action,
html.darking .post-actions .action.action-like,
html.darking .pagination .active a,html.darking .pagination .active span,html.darking .pagination li.next-page a,
html.darking .pagenav .current,
html.darking .article-paging a.post-page-numbers:hover,
html.darking .karbar li:first-child a,
html.darking #navs nav .active a,
html.darking .usermenu li.active a,
html.darking .resetpasssteps li.active{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%)!important;color:#1a1408!important;border-color:#9a7c4a!important;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,245,215,.55),0 2px 8px rgba(201,169,110,.2)}
html.darking .btn-primary:hover,html.darking #submit:hover,html.darking .post-actions .action:hover{filter:brightness(1.07)}
html.darking .post-actions .action{opacity:1}
html.darking .m-navbar li.current-menu-item>a,
html.darking .pagemenu li.current_page_item>a,
html.darking .tagslist li:hover .name,
html.darking .karbar a:hover,
html.darking .karbar-m-on .karbar ul li a,
html.darking .widget_ui_flash .-more:hover,
html.darking .topic-items .-more:hover,
html.darking #navs .item li a:hover,
html.darking .widget_ui_textorbui a.style05 strong{color:#1a1408!important}
html.darking .widget_ui_textorbui a.style05 strong{background-color:#c9a96e!important}
html.darking .pagination a:hover,html.darking .pagination a:focus{border-color:rgba(201,169,110,.45)!important;color:#e8d3a6!important}
html.darking .btn:not(.btn-primary){background:linear-gradient(180deg,rgba(201,169,110,.12),rgba(201,169,110,.03)),#24201b;border-color:rgba(201,169,110,.3);color:#c9a96e}
html.darking .btn:not(.btn-primary):hover{color:#e8d3a6;border-color:rgba(201,169,110,.5)}
/* 侧栏榜单 / 热帖 / 评论的选项卡：选中项由品牌红改主金 */
html.darking .dux-rank .dux-rank-tabs a.on,
html.darking .dux-trank .dux-trank-tabs a.on,
html.darking .dux-cmt .dux-cmt-tabs a.on{background:linear-gradient(180deg,#ecd9ae,#c9a96e 55%,#a8864e)!important;color:#1a1408!important}
/* 输入框聚焦：金色描边 + 淡金光圈 */
html.darking .search-input:focus,html.darking .ipt:focus,html.darking #comment:focus{border-color:rgba(201,169,110,.55)!important;box-shadow:0 0 0 2px rgba(201,169,110,.12)}
html.darking .comt-box{border-color:rgba(201,169,110,.22)}
/* 面包屑 / 页脚 */
html.darking .breadcrumbs{background:transparent;border-top-color:transparent;color:#908778}
html.darking .breadcrumbs a{color:#958c7d}
html.darking .breadcrumbs a:hover{color:#c9a96e}
html.darking .footer{border-top:1px solid rgba(201,169,110,.18);color:#908778}
html.darking .footer a{color:#958c7d}
html.darking .footer a:hover{color:#c9a96e}
/* 移动端侧滑菜单 / 底部 karbar */
html.darking .m-navbar{background:#161411;box-shadow:1px 0 0 rgba(201,169,110,.2)}
html.darking .karbar a{border-color:rgba(201,169,110,.4)}
/* 手机端右上角「登录 / 注册 / 签到注册」弹层（index/list/page/view 模板内联 <style>）：签到按钮原为蓝紫渐变 */
html.darking .flp-mpop,html.darking .flp-upop{box-shadow:inset 0 0 0 1px rgba(201,169,110,.2),0 10px 34px rgba(0,0,0,.55)}
html.darking .flp-mpop-checkin{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%);color:#1a1408}
/* 防 AdBlock 弹层：遮罩原为冷蓝黑、按钮原为蓝色，暗黑下改暖黑 + 金色主按钮 */
html.darking .dux-aab-mask{background:rgba(10,9,8,.82)}
html.darking .dux-aab-card{box-shadow:inset 0 0 0 1px rgba(201,169,110,.22),0 20px 60px rgba(0,0,0,.6)!important}
html.darking .dux-aab-btn{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%);color:#1a1408;box-shadow:inset 0 1px 0 rgba(255,245,215,.55)}
html.darking .dux-aab-btn:hover{background:linear-gradient(180deg,#f2e2bd 0%,#d4b67c 48%,#b08f58 100%)}
html.darking .dux-aab-help{color:#c9a96e}
/* 登录弹窗主按钮、侧栏音乐播放器的播放/继续按钮：背景是 --tb--main(暗黑下为金色)，原白字改深色字 */
html.darking .dux-login-btn,
html.darking .dux-music-btn-main,
html.darking .dux-music-btn-main:hover,
html.darking .dux-music-resume{color:#1a1408}
html.darking .dux-login-btn{background:linear-gradient(180deg,#ecd9ae 0%,#c9a96e 48%,#a8864e 100%);box-shadow:inset 0 1px 0 rgba(255,245,215,.55)}
