/**
 * 黑夜模式（与 assets/css/style.css 白天样式分离）
 * 激活：html[data-theme="dark"]（util.js 首屏 / base.js 写入 localStorage web_theme_mode）
 */

/* --- 设计令牌 --- */
html[data-theme="dark"],
html.login-embed-html--dark {
    --line-default: #3a3a3a;
    --line-soft: #2e2e2e;
    --line-faint: #2a2a2a;
    --line-subtle: #383838;
    --line-panel: #363636;
    --bg-table-head: #2a2a2a;
    --color-text: #e8e8e8;
    --color-text-strong: #f0f0f0;
    --header-bg: #1a1a1a;
    --bg-surface: #232323;
    --bg-subtle: #2a2a2a;
    --text-secondary: #b0b0b0;
    --text-muted: #888;
    --line-mid: #444;
    --line-sep: #333;
    --line-dashed: #3a3a3a;
    --bg-form: #2a2a2a;
    --bg-canvas: #141414;
    --site-row-hover-bg: rgba(255, 255, 255, .06);
    --bg-section: #1c1c1c;
    --border-color: #404040;
    --member-pill-muted-bg: #2e2e2e;
    --member-pill-bg: rgba(252, 200, 0, .14);
    --member-pill-fg: #d4b840;
    --member-pill-ok-bg: rgba(22, 159, 115, .18);
    --member-pill-ok-fg: #5fd4a8;
    --member-delta-up: #4fd4c4;
    --member-delta-down: var(--color-emphasis);
    --status-done-bg: var(--member-pill-muted-bg);
    --status-done-fg: #9aa0a6;
    --status-pending-bg: rgba(252, 160, 0, .14);
    --status-pending-fg: var(--accent-2);
    --status-serializing-bg: rgba(54, 163, 247, .14);
    --status-serializing-fg: #6eb8f0;
    --status-approved-bg: rgba(22, 159, 115, .18);
    --status-approved-fg: #5fd4a8;
    --status-rejected-bg: rgba(255, 73, 73, .15);
    --status-rejected-fg: #ff8a8a;
    --link-hover-fg: var(--color-emphasis);
    --link-hover-fg-soft: var(--color-emphasis-hover);
    --color-stat-coin: #f08060;
    --color-breadcrumb-link: #aaa;
    --color-breadcrumb-sep: #555;
    --color-emphasis: #d4915a;
    --color-emphasis-hover: #e0a56e;
    --accent-bar: #c9a830;
    --accent-2: #b89228;
    --accent-pressed: #a88828;
    --accent-tint: rgba(201, 168, 48, .12);
    --cta-solid-bg: #5c4528;
    --cta-solid-bg-hover: #6d5230;
    --cta-solid-fg: #f0ddb8;
    --site-btn-accent-bg: #3a3428;
    --site-btn-accent-border: #5a5038;
    --site-btn-accent-bg-hover: #4a4030;
    --site-btn-accent-border-hover: #6a5840;
    --site-btn-accent-shadow: none;
    --site-btn-accent-shadow-hover: none;
    --vip-gradient: linear-gradient(135deg, #a87800 0%, #c48600 100%);
    --vip-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --book-tag-coin-gradient: linear-gradient(135deg, #b84a2a 0%, #9a2a22 100%);
    --book-tag-coin-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --book-tag-vip-gradient: linear-gradient(180deg, #a88820 0%, #947010 45%, #806008 100%);
    --book-tag-vip-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
}

/* --- 顶栏主题切换（图标 / 文案与当前模式对应） --- */
html[data-theme="dark"] .user-menu .item.js-theme .js-theme-icon-moon {
    display: none;
}
html[data-theme="dark"] .user-menu .item.js-theme .js-theme-icon-light {
    display: inline;
}
@media (min-width: 769px) {
    html[data-theme="dark"] .user-menu .item.js-theme .js-theme-label-night {
        display: none;
    }
    html[data-theme="dark"] .user-menu .item.js-theme .js-theme-label-day {
        display: inline;
    }
}

/* --- 白底容器 → 深色表面 --- */
html[data-theme="dark"] .section-box:not(.web-sec-banner-rank):not(.web-sec-top-rank),
html[data-theme="dark"] .section-box.web-sec-notice,
html[data-theme="dark"] .section-box .home-head--tabs,
html[data-theme="dark"] .book-home .home-head:not(.home-head--muted),
html[data-theme="dark"] .book-home .book-nav > .book-nav-head.home-head,
html[data-theme="dark"] .cate-card,
html[data-theme="dark"] .update-latest,
html[data-theme="dark"] .finish,
html[data-theme="dark"] .channel,
html[data-theme="dark"] .book-list,
html[data-theme="dark"] .book-list li,
html[data-theme="dark"] .book-info,
html[data-theme="dark"] .detail-catalogue,
html[data-theme="dark"] .user-form-container,
html[data-theme="dark"] .web-sec-notice-page .web-notice-row,
html[data-theme="dark"] .account-main .content-card > .home-head.home-head--tabs,
html[data-theme="dark"] .account-main .content-card > .home-head.home-head--solo,
html[data-theme="dark"] .browse-filter-toggle,
html[data-theme="dark"] .doc,
html[data-theme="dark"] .notice-item.is-unread {
    background-color: var(--bg-surface);
}

html[data-theme="dark"] .section-box .banner,
html[data-theme="dark"] .site-banner-carousel > [carousel-item] {
    background-color: var(--bg-surface);
}

html[data-theme="dark"] .book-home .tags-grid .tags-cell {
    background: var(--bg-subtle);
    color: var(--text-secondary);
    border-color: var(--line-subtle);
    box-shadow: none;
}

html[data-theme="dark"] .book-home .tags-grid .tags-cell:hover {
    border-color: var(--line-mid);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .book-list li:hover,
html[data-theme="dark"] .top-list a:hover,
html[data-theme="dark"] .top-list a:focus-visible,
html[data-theme="dark"] .hots .hotlist ul.top-tabs li:not(.hover):hover,
html[data-theme="dark"] .hots .hotlist ul.top-tabs li:not(.hover):focus-within,
html[data-theme="dark"] .book-home .recent-spot:hover,
html[data-theme="dark"] .book-home .recent-tr:not(.recent-tr--empty):hover .recent-td {
    background: var(--site-row-hover-bg);
}
html[data-theme="dark"] .top-list a:hover .name > span:first-child,
html[data-theme="dark"] .top-list a:hover .top-first-name > span:first-child,
html[data-theme="dark"] .top-list a:focus-visible .name > span:first-child,
html[data-theme="dark"] .top-list a:focus-visible .top-first-name > span:first-child,
html[data-theme="dark"] .hots .hotlist ul.top-tabs li:not(.hover):hover .txt span.name a,
html[data-theme="dark"] .hots .hotlist ul.top-tabs li:not(.hover):focus-within .txt span.name a {
    color: var(--accent-bar);
}

/* --- 书库筛选 --- */
html[data-theme="dark"] .channel li .name {
    color: var(--text-muted);
}

html[data-theme="dark"] .channel li .list a {
    color: var(--color-text);
    background: var(--bg-subtle);
}

html[data-theme="dark"] .channel li .list .list-row--sub a {
    background: var(--line-soft);
    color: var(--text-secondary);
}

html[data-theme="dark"] .channel li .list .list-row--sub a.is-active {
    background: rgba(255, 152, 0, .18);
    color: var(--accent-bar);
}

html[data-theme="dark"] .channel li .list a:hover,
html[data-theme="dark"] .channel li .list .list-row--sub a:hover {
    background: rgba(255, 200, 0, .22);
    color: var(--color-text-strong);
}

html[data-theme="dark"] .browse-filter-chip {
    background: rgba(201, 168, 48, .15);
    color: var(--accent-bar);
}

html[data-theme="dark"] .browse-filter-chip--all {
    background: var(--bg-subtle);
    color: var(--text-secondary);
}

html[data-theme="dark"] .browse-filter-chip:hover,
html[data-theme="dark"] .browse-filter-chip--all:hover {
    background: rgba(255, 152, 0, .28);
    color: var(--color-text);
}

html[data-theme="dark"] .browse-empty-relax-link:hover {
    background: rgba(255, 152, 0, .15);
}

html[data-theme="dark"] .browse-empty-relax,
html[data-theme="dark"] .browse-filter-chips-label {
    color: var(--text-muted);
}

/* --- 列表 / 更新区文字与分隔 --- */
html[data-theme="dark"] .book-list li .info .meta-tags .author,
html[data-theme="dark"] .book-list li .info .meta-tags .cname,
html[data-theme="dark"] .book-list li .info .meta-tags .dot,
html[data-theme="dark"] .book-list li .info .meta-tags .serialize.done {
    color: var(--text-muted);
}

html[data-theme="dark"] .book-list li .info .meta-tags .serialize.ongoing {
    background: rgba(255, 152, 0, .14);
    color: var(--accent-2);
}

html[data-theme="dark"] .book-list li .info .foot,
html[data-theme="dark"] .book-list li .info .foot .hit-num,
html[data-theme="dark"] .book-list li .info .foot .words {
    color: var(--text-muted);
}

html[data-theme="dark"] .book-list li .info .foot .fsep {
    color: var(--line-mid);
}

html[data-theme="dark"] .search-suggest-list li:hover,
html[data-theme="dark"] .search-suggest-list li.is-active {
    background: var(--bg-subtle);
}

html[data-theme="dark"] .search-suggest-list li.suggest-item-error:hover {
    background: var(--bg-surface);
}

/* --- 分页 --- */
html[data-theme="dark"] #pagination .site-pager-prev,
html[data-theme="dark"] #pagination .site-pager-next,
html[data-theme="dark"] #pagination .site-pager-num,
html[data-theme="dark"] #pagination .site-pager-go {
    background: var(--bg-surface);
    border-color: var(--line-default);
}

html[data-theme="dark"] #pagination .site-pager-prev.is-disabled,
html[data-theme="dark"] #pagination .site-pager-next.is-disabled {
    color: var(--text-muted);
    background: var(--bg-subtle);
}

html[data-theme="dark"] #pagination .site-pager-input {
    background: var(--bg-form);
    color: var(--color-text);
    border-color: var(--line-default);
}

/* --- 登录 / 注册表单 --- */
html[data-theme="dark"] .user-form-container:not(.user-form-container--embed) {
    box-shadow: 0 2px 16px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .user-form-container .site-form-label,
html[data-theme="dark"] .user-info-form .site-form-label {
    color: var(--color-text);
}

html[data-theme="dark"] .user-form-container .site-input,
html[data-theme="dark"] .user-form-container .site-textarea,
html[data-theme="dark"] .user-form-container .input-group-select select {
    background-color: var(--bg-form);
    border-color: var(--line-default);
    color: var(--color-text);
}

html[data-theme="dark"] .user-form-container .site-input::placeholder,
html[data-theme="dark"] .user-form-container .site-textarea::placeholder {
    color: var(--text-secondary);
    opacity: 1;
}

html[data-theme="dark"] .user-form-container .site-input:-webkit-autofill,
html[data-theme="dark"] .user-form-container .site-textarea:-webkit-autofill,
html[data-theme="dark"] .user-form-container .input-group-select select:-webkit-autofill,
.login-embed-body--dark .site-input:-webkit-autofill,
.login-embed-body--dark .site-textarea:-webkit-autofill,
.login-embed-body--dark .input-group-select select:-webkit-autofill {
    -webkit-text-fill-color: var(--color-text);
    caret-color: var(--color-text);
    transition: background-color 99999s ease-out;
    -webkit-box-shadow: 0 0 0 1000px var(--bg-form) inset;
    box-shadow: 0 0 0 1000px var(--bg-form) inset;
}

html[data-theme="dark"] .user-form-container .pwd-toggle {
    color: var(--text-muted);
}

html[data-theme="dark"] .user-form-container .pwd-toggle:hover {
    color: var(--color-text);
}

html[data-theme="dark"] .user-form-container .type-switch-tab {
    color: var(--text-secondary);
}

html[data-theme="dark"] .user-form-container .type-switch-tab:hover {
    color: var(--color-text);
}

html[data-theme="dark"] .user-form-container .type-switch-tab.is-active {
    color: var(--color-text);
    border-bottom-color: var(--accent-bar);
}

html[data-theme="dark"] .user-form-container .form-links a,
html[data-theme="dark"] .user-form-container .form-footer-links > a,
html[data-theme="dark"] .user-form-container .form-footer-links > div {
    color: var(--text-secondary);
}

html[data-theme="dark"] .user-form-container .user-oauth-alert {
    color: #ffb4b4;
    background: rgba(255, 67, 67, .1);
    border-color: rgba(255, 107, 107, .28);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .oauth-divider {
    color: var(--text-secondary);
}

html[data-theme="dark"] .user-form-container .form-links a:hover,
html[data-theme="dark"] .user-form-container .form-footer-links > a:hover {
    color: var(--color-emphasis);
    background: var(--bg-subtle);
}

html[data-theme="dark"] .user-form-container .form-footer-links a.js-doc-popup {
    color: var(--text-secondary);
    text-decoration: none;
}

html[data-theme="dark"] .user-form-container .form-footer-links a.js-doc-popup:hover,
html[data-theme="dark"] .user-form-container .form-footer-links a.js-doc-popup:focus-visible {
    color: var(--color-emphasis);
    text-decoration: none;
}

html[data-theme="dark"] .user-form-container .login-qr-panel--loading .login-qr-box {
    background: linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-surface) 50%, var(--bg-subtle) 75%);
}

html[data-theme="dark"] .user-form-container .login-qr-title {
    color: var(--color-text);
}

html[data-theme="dark"] .user-form-container .login-qr-tip {
    color: var(--text-secondary);
}

html[data-theme="dark"] .user-form-container .login-qr-status {
    color: var(--color-emphasis);
}

html[data-theme="dark"] .user-form-container .login-qr-refresh-link {
    color: var(--color-emphasis);
    text-decoration: none;
}

html[data-theme="dark"] .user-form-container .login-qr-refresh-link:hover,
html[data-theme="dark"] .user-form-container .login-qr-refresh-link:focus-visible {
    color: var(--color-emphasis-hover);
}

html[data-theme="dark"] .user-form-container .login-split--qr .login-qr-panel {
    border-right-color: var(--line-default);
}

@media (max-width: 768px) {
    html[data-theme="dark"] .user-form-container .login-split--qr .login-qr-panel {
        border-bottom-color: var(--line-default);
    }
}

.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-title {
    color: var(--color-text);
}

.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-tip {
    color: var(--text-secondary);
}

.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-status,
.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-refresh-link {
    color: var(--color-emphasis);
}

.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-refresh-link:hover,
.login-embed-body--dark .user-form-container--embed .login-qr-panel--tab .login-qr-refresh-link:focus-visible {
    color: var(--color-emphasis-hover);
}

.login-embed-body--dark .user-form-container--embed .site-form-label {
    color: var(--color-text);
}

.login-embed-body--dark .user-form-container--embed h3 {
    color: var(--color-text);
}

.login-embed-body--dark .user-form-container--embed .site-input,
.login-embed-body--dark .user-form-container--embed .input-group-select select {
    background-color: var(--bg-form);
    border-color: var(--line-default);
    color: var(--color-text);
}

.login-embed-body--dark .user-form-container--embed .site-input::placeholder {
    color: var(--text-secondary);
    opacity: 1;
}

.login-embed-body--dark .user-form-container--embed .input-group .code-btn {
    background: var(--bg-form);
    color: var(--color-text);
    border-color: var(--line-default);
    box-shadow: none;
}

.login-embed-body--dark .user-form-container--embed .input-group .code-btn:hover {
    background: var(--bg-subtle);
    border-color: var(--line-mid);
    color: var(--color-text-strong);
}

.login-embed-body--dark .user-form-container--embed .site-btn-fluid {
    background: var(--cta-solid-bg);
    border: 1px solid var(--site-btn-accent-border);
    color: var(--cta-solid-fg);
    box-shadow: none;
}

.login-embed-body--dark .user-form-container--embed .site-btn-fluid:hover,
.login-embed-body--dark .user-form-container--embed .site-btn-fluid:focus-visible {
    background: var(--cta-solid-bg-hover);
    border-color: var(--site-btn-accent-border-hover);
    color: #f8ead0;
    box-shadow: none;
}

.login-embed-body--dark .user-form-container--embed .form-links a,
.login-embed-body--dark .user-form-container--embed .form-footer-links > a,
.login-embed-body--dark .user-form-container--embed .form-footer-links > div,
.login-embed-body--dark .user-form-container--embed .login-type-btn {
    color: var(--text-secondary);
}

.login-embed-body--dark .user-form-container--embed .form-links a:hover,
.login-embed-body--dark .user-form-container--embed .form-footer-links > a:hover {
    color: var(--color-emphasis);
    background: rgba(255, 255, 255, .06);
}

.login-embed-body--dark .user-form-container--embed .form-footer-links a.js-doc-popup:hover,
.login-embed-body--dark .user-form-container--embed .form-footer-links a.js-doc-popup:focus-visible {
    color: var(--color-emphasis);
}

.login-embed-body--dark .user-form-container--embed .type-switch-tab {
    color: var(--text-muted);
}

.login-embed-body--dark .user-form-container--embed .type-switch-tab:hover {
    color: var(--text-secondary);
}

.login-embed-body--dark .user-form-container--embed .type-switch-tab.is-active {
    color: var(--color-text);
    border-bottom-color: var(--accent-bar);
}

.login-embed-body--dark .user-form-container--embed .oauth-divider {
    color: var(--text-secondary);
}

.login-embed-body--dark .user-form-container--embed {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.login-embed-body--dark .user-form-container--embed .type-switch-wrap {
    gap: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.login-embed-body--dark .user-form-container--embed .type-switch-tab {
    padding: 6px 0 10px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.login-embed-body--dark .user-form-container--embed .type-switch-tab:focus-visible {
    outline-color: rgba(201, 168, 48, .45);
}

.login-embed-body--dark .user-form-container--embed .form-footer-links .js-doc-popup {
    color: var(--text-secondary);
    text-decoration: none;
}

.login-embed-body--dark .user-form-container--embed .input-group-select {
    background: var(--bg-form);
    border-color: var(--line-default);
}

.login-embed-body--dark .user-form-container--embed .oauth-btn,
.login-embed-body--dark .user-form-container--embed .oauth-btn-icon {
    background: var(--bg-form);
    border-color: var(--line-default);
    color: var(--color-text);
    box-shadow: none;
}

.login-embed-body--dark .user-form-container--embed .oauth-btn:hover,
.login-embed-body--dark .user-form-container--embed .oauth-btn-icon:hover {
    background: var(--bg-subtle);
    border-color: var(--line-mid);
}

.login-embed-body--dark .site-ui-shade {
    background: rgba(0, 0, 0, .62);
}

.login-embed-body--dark .site-ui-modal {
    background: #2c2c2c;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .45);
}

.login-embed-body--dark .site-ui-modal-hd {
    color: var(--color-text);
    border-bottom-color: rgba(255, 255, 255, .12);
}

.login-embed-body--dark .site-ui-modal-bd {
    color: var(--color-text);
}

.login-embed-body--dark .site-ui-modal-ft .site-ui-btn {
    border-color: var(--line-default);
    background: var(--bg-form);
    color: var(--text-secondary);
}

.login-embed-body--dark .site-ui-modal-ft .site-ui-btn--primary {
    border-color: var(--site-btn-accent-border);
    background: var(--cta-solid-bg);
    color: var(--cta-solid-fg);
}

/* 登录 / 注册 / 找回密码：实心提交钮（白天为 --color-emphasis 亮橙） */
html[data-theme="dark"] .user-form-container .site-btn-fluid {
    background: var(--cta-solid-bg);
    border: 1px solid var(--site-btn-accent-border);
    color: var(--cta-solid-fg);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .site-btn-fluid:hover,
html[data-theme="dark"] .user-form-container .site-btn-fluid:focus-visible {
    background: var(--cta-solid-bg-hover);
    border-color: var(--site-btn-accent-border-hover);
    color: #f8ead0;
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .input-group .code-btn,
html[data-theme="dark"] .info-verify-group .code-btn {
    background: var(--bg-form);
    color: var(--color-text);
    border-color: var(--line-default);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .input-group .code-btn:hover,
html[data-theme="dark"] .info-verify-group .code-btn:hover {
    background: var(--bg-subtle);
    border-color: var(--line-mid);
    color: var(--color-text-strong);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .input-group .code-btn.site-btn-disabled,
html[data-theme="dark"] .info-verify-group .code-btn.site-btn-disabled {
    background: var(--bg-subtle);
    border-color: var(--line-default);
    color: var(--text-muted);
    opacity: 1;
}

html[data-theme="dark"] .user-totp-qr-img {
    background: var(--bg-subtle);
    border-color: var(--line-default);
}

/* --- 详情页 --- */
html[data-theme="dark"] .book-info .data .desc {
    color: var(--text-secondary);
}

html[data-theme="dark"] .book-info .data .tags span.serialize.ongoing {
    background: rgba(255, 152, 0, .14);
    border-color: rgba(252, 160, 0, .35);
}

html[data-theme="dark"] .book-info .data .desc-wrap.has-fade:not(.is-expanded)::after {
    background: linear-gradient(to right, rgba(35, 35, 35, 0), rgba(35, 35, 35, .92) 42%, var(--bg-surface) 68%, var(--bg-surface));
}

/* 开始阅读：弱化白天版高亮黄渐变 */
html[data-theme="dark"] .book-info .data .actions > a.site-btn {
    background: var(--site-btn-accent-bg);
    color: var(--accent-bar);
    border: 1px solid var(--site-btn-accent-border);
    box-shadow: none;
}

html[data-theme="dark"] .book-info .data .actions > a.site-btn:hover {
    background: var(--site-btn-accent-bg-hover);
    border-color: var(--site-btn-accent-border-hover);
    color: #f0d070;
}

html[data-theme="dark"] .book-info .data .actions .qr-content {
    background: var(--bg-subtle);
    border-color: var(--line-default);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .book-info .data .actions .qr-content p {
    color: var(--color-text);
}

html[data-theme="dark"] .detail-catalogue .volume-head:hover {
    background: var(--bg-subtle);
}

html[data-theme="dark"] .detail-catalogue .volume-head:has(.vol-buy-btn)::before {
    background: rgba(255, 255, 255, .16);
}

html[data-theme="dark"] .catalogue-list .chapter-list li a .site-icon-lock,
html[data-theme="dark"] .catalogue-list .chapter-list li a .site-icon-auz {
    color: var(--text-muted);
}

html[data-theme="dark"] .comic-detail .catalogue-list .chapter-list li a p {
    color: #e8e8e8;
}

html[data-theme="dark"] .finish-book-list .top-row .cat {
    border-color: rgba(252, 160, 0, .35);
}

/* --- 全站按钮 / 表单控件（style.css 硬编码色） --- */
html[data-theme="dark"] .site-btn-disabled,
html[data-theme="dark"] .site-btn.site-btn-disabled {
    color: var(--text-muted);
}

html[data-theme="dark"] .header .channel-links a.nav-writer-cta {
    background: var(--site-btn-accent-bg);
    color: var(--accent-bar);
    box-shadow: none;
}

html[data-theme="dark"] .header .channel-links a.nav-writer-cta:hover {
    background: var(--site-btn-accent-bg-hover);
    color: #f0d070;
}

html[data-theme="dark"] .account-sidebar .sidebar-menu li.is-active a {
    background: var(--site-btn-accent-bg);
    color: var(--accent-bar);
}

html[data-theme="dark"] .account-bind-hint-cta.site-btn {
    background-color: var(--cta-solid-bg);
    border-color: var(--site-btn-accent-border);
    color: var(--cta-solid-fg);
}

html[data-theme="dark"] .account-bind-hint-cta.site-btn:hover {
    background-color: var(--cta-solid-bg-hover);
    border-color: var(--site-btn-accent-border-hover);
    color: #f8ead0;
}

html[data-theme="dark"] #pagination .site-pager-curr {
    background: var(--site-btn-accent-bg);
    color: var(--accent-bar);
}

html[data-theme="dark"] .channel li .list a.is-active {
    background: rgba(201, 168, 48, .2);
    color: var(--color-text);
}

html[data-theme="dark"] .sign-in-btn:not(.sign-in-btn--done):not(:disabled) {
    background: linear-gradient(165deg, var(--site-btn-accent-bg) 0%, var(--cta-solid-bg) 100%);
    border-color: rgba(201, 168, 48, .4);
    color: var(--accent-bar);
    box-shadow: none;
}

html[data-theme="dark"] .sign-in-btn:not(.sign-in-btn--done):not(:disabled):hover {
    background: linear-gradient(165deg, var(--site-btn-accent-bg-hover) 0%, var(--cta-solid-bg-hover) 100%);
    border-color: rgba(201, 168, 48, .55);
    box-shadow: none;
}

html[data-theme="dark"] .option-list li {
    background-color: var(--bg-subtle);
}

html[data-theme="dark"] .option-list li:hover {
    border-color: var(--line-mid);
}

html[data-theme="dark"] .option-list li.is-active {
    background-color: rgba(255, 152, 0, .12);
    border-color: var(--accent-bar);
}

html[data-theme="dark"] .option-list .plan-badge {
    background: rgba(252, 200, 0, .15);
    color: var(--accent-2);
}

html[data-theme="dark"] .user-menu .js-uinfo .dropdown-panel .vip-expired .hl {
    color: var(--color-emphasis);
}

html[data-theme="dark"] .user-menu .js-uinfo .dropdown-panel .vip-expired .hl:hover {
    color: var(--color-emphasis-hover);
}

html[data-theme="dark"] .user-menu .js-uinfo .dropdown-panel .user-info .login-btn,
html[data-theme="dark"] .user-menu .js-shelf-box .dropdown-panel .login-btn,
html[data-theme="dark"] .user-menu .dialog .dropdown-panel-head .login-btn {
    background: var(--cta-solid-bg);
    border: 1px solid var(--site-btn-accent-border);
    color: var(--cta-solid-fg);
    box-shadow: none;
}

html[data-theme="dark"] .user-menu .js-uinfo .dropdown-panel .user-info .login-btn:hover,
html[data-theme="dark"] .user-menu .js-shelf-box .dropdown-panel .login-btn:hover,
html[data-theme="dark"] .user-menu .dialog .dropdown-panel-head .login-btn:hover,
html[data-theme="dark"] .user-menu .item:hover .dialog a.login-btn {
    background: var(--cta-solid-bg-hover);
    border-color: var(--site-btn-accent-border-hover);
    color: #f8ead0;
}

html[data-theme="dark"] .user-menu .dialog .dropdown-panel-head .login-notice .login {
    color: var(--color-emphasis);
}

html[data-theme="dark"] .user-menu .dialog .dropdown-panel-head .login-notice .login:hover {
    color: var(--color-emphasis-hover);
}

html[data-theme="dark"] .user-menu .dialog .check-all:hover {
    background: var(--bg-subtle);
}

html[data-theme="dark"] .user-menu .dialog .dropdown-panel .dropdown-shelf-tab.is-active {
    border-bottom-color: var(--accent-bar);
}

html[data-theme="dark"] .user-form-container .oauth-btn {
    background: var(--bg-form);
    border-color: var(--line-default);
    color: var(--color-text);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .oauth-btn-icon {
    background: var(--bg-form);
    border-color: var(--line-default);
    box-shadow: none;
}

html[data-theme="dark"] .user-form-container .oauth-btn:hover,
html[data-theme="dark"] .user-form-container .oauth-btn-icon:hover {
    background: var(--bg-subtle);
    border-color: var(--line-mid);
}

html[data-theme="dark"] .panel-carousel-dot {
    background: var(--line-mid);
}

/* --- UI 弹层（ui.css 白底，须置于 ui.css 之后加载） --- */
html[data-theme="dark"] .site-ui-modal {
    background: var(--bg-surface);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .site-ui-modal .site-ui-modal-hd {
    background: var(--bg-surface);
    border-bottom-color: var(--line-default);
    color: var(--color-text);
}

html[data-theme="dark"] .site-ui-modal .site-ui-modal-bd {
    background: var(--bg-surface);
    color: var(--color-text);
}

html[data-theme="dark"] .site-ui-modal .site-ui-modal-ft {
    background: transparent;
}

html[data-theme="dark"] .site-ui-modal-ft .site-ui-btn {
    background: var(--bg-subtle);
    border-color: var(--line-default);
    color: var(--color-text);
}

html[data-theme="dark"] .site-ui-modal-ft .site-ui-btn:hover {
    background: var(--line-soft);
    border-color: var(--line-mid);
    color: var(--color-text-strong);
}

html[data-theme="dark"] .site-ui-modal-ft .site-ui-btn--primary {
    border-color: var(--site-btn-accent-border);
    background: var(--site-btn-accent-bg);
    color: var(--accent-bar);
}

html[data-theme="dark"] .site-ui-modal-ft .site-ui-btn--primary:hover {
    border-color: var(--site-btn-accent-border-hover);
    background: var(--site-btn-accent-bg-hover);
    color: #f0d070;
}

html[data-theme="dark"] .site-ui-modal:not(.site-ui-modal--float-close) .site-ui-modal-close:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--color-text);
}

html[data-theme="dark"] .site-ui-shade {
    background: rgba(0, 0, 0, .62);
}

html[data-theme="dark"] .site-ui-modal.site-ui-modal--read-doc .site-ui-modal-bd {
    background: var(--bg-canvas);
}

html[data-theme="dark"] .site-ui-modal.site-ui-modal--read-doc .site-ui-modal-setwin .site-ui-modal-close {
    color: var(--text-secondary);
}

html[data-theme="dark"] .site-ui-modal.site-ui-modal--read-doc .site-ui-modal-setwin .site-ui-modal-close:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--color-text);
}

html[data-theme="dark"] .site-ui-layer-content--scroll {
    scrollbar-color: var(--line-mid) transparent;
}

/* --- 用户中心 / 通知 --- */
html[data-theme="dark"] .account-main .content-card > .home-head.home-head--tabs {
    border-bottom-color: var(--line-default);
}

html[data-theme="dark"] body.legal-popup-body {
    background: var(--bg-canvas);
    color: var(--color-text);
    scrollbar-color: var(--line-mid) transparent;
}

html[data-theme="dark"] body.legal-popup-body main,
html[data-theme="dark"] body.legal-popup-body .doc {
    background: transparent;
}

html[data-theme="dark"] body.legal-popup-body .doc h2 {
    border-bottom-color: var(--line-default);
}

html[data-theme="dark"] body.legal-popup-body .doc :is(h3, h4, h5, h6) {
    color: var(--color-text);
}

html[data-theme="dark"] body.legal-popup-body .doc :is(p, li) {
    color: var(--text-secondary);
}

html[data-theme="dark"] body.legal-popup-body .doc a {
    color: var(--color-emphasis);
}

html[data-theme="dark"] body.legal-popup-body .doc a:hover {
    color: var(--color-emphasis-hover);
}

html[data-theme="dark"] body.legal-popup-body .doc strong,
html[data-theme="dark"] body.legal-popup-body .doc b {
    color: var(--color-text-strong);
}

html[data-theme="dark"] .doc h2 {
    border-bottom-color: var(--line-default);
}

html[data-theme="dark"] .doc :is(h3, h4, h5, h6) {
    color: var(--color-text);
}

html[data-theme="dark"] .doc :is(p, li) {
    color: var(--text-secondary);
}

/* --- 引导页 --- */
html[data-theme="dark"] .guide-intro-band,
html[data-theme="dark"] .guide-card,
html[data-theme="dark"] .guide-footer {
    background: var(--bg-surface);
}

html[data-theme="dark"] .guide-intro-band p,
html[data-theme="dark"] .guide-list--std span,
html[data-theme="dark"] .guide-step-text {
    color: var(--text-secondary);
}

html[data-theme="dark"] .guide-toast--err {
    background: var(--bg-surface);
    box-shadow: 0 10px 36px rgba(0, 0, 0, .35);
}

/* --- 关站页 --- */
@media screen and (max-width: 450px) {
    html[data-theme="dark"] body,
    html[data-theme="dark"] main.page-closed {
        background-color: var(--bg-canvas);
    }
}

html[data-theme="dark"] main.page-closed--plain .closed-simple-msg {
    color: var(--text-secondary);
}

/* --- 排行榜页层次 / 名次徽标 --- */
html[data-theme="dark"] .top-box .section-box.web-sec-top-rank {
    background: var(--bg-section);
    border-color: var(--line-default);
}

html[data-theme="dark"] .top-box .section-box.web-sec-top-rank .module-title.module-title-full {
    background: var(--bg-surface);
    border-bottom-color: var(--line-default);
}

html[data-theme="dark"] .top-box .hots .hotlist > .module-title {
    background: var(--bg-surface);
    border-bottom-color: var(--line-default);
}

html[data-theme="dark"] .rank-num {
    background: #4a5058;
    color: #e8e8e8;
}

html[data-theme="dark"] .rank-num.top1 {
    background: linear-gradient(135deg, #4a4528 0%, #6b6020 40%, #8a7828 70%, #a89030 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .rank-num.top2 {
    background: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #5a5a5a 100%);
    color: #eee;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .rank-num.top3 {
    background: linear-gradient(135deg, #3d3428 0%, #5a4830 50%, #6b5538 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .book-home .ranks-board-items li.hover,
html[data-theme="dark"] .book-home .ranks-board-items li.hover:focus-within {
    background: var(--accent-tint);
}

@media (hover: hover) {
    html[data-theme="dark"] .book-home .ranks-board-items li.hover:hover {
        background: var(--accent-tint);
    }
}

html[data-theme="dark"] .book-home .ranks-board-items li:not(.hover):hover,
html[data-theme="dark"] .book-home .ranks-board-items li:not(.hover):focus-within {
    background: var(--site-row-hover-bg);
}

html[data-theme="dark"] .book-home .book-nav--with-ranks .ranks {
    background: var(--bg-section);
    border-color: var(--line-default);
}

/* --- 用户中心 / 作家中心 --- */
html[data-theme="dark"] .site-table tbody tr:hover td {
    background: var(--site-row-hover-bg);
}

html[data-theme="dark"] .account-bind-hint-banner {
    background: rgba(255, 152, 0, .08);
    border-color: rgba(244, 169, 78, .35);
    box-shadow: none;
}

html[data-theme="dark"] .account-bind-hint-icon {
    color: var(--accent-2);
}

html[data-theme="dark"] .account-bind-hint-text {
    color: var(--text-secondary);
}

html[data-theme="dark"] .account-bind-hint-text strong {
    color: var(--color-text);
}

html[data-theme="dark"] .cancel-account-warning {
    background: rgba(252, 160, 0, .08);
    border-color: rgba(244, 169, 78, .35);
    color: var(--text-secondary);
}

html[data-theme="dark"] .cancel-account-warning i {
    color: var(--accent-2);
}

html[data-theme="dark"] .cancel-account-warning strong {
    color: var(--color-emphasis);
}

html[data-theme="dark"] .cancel-no-contact {
    color: var(--text-secondary);
}

html[data-theme="dark"] .cancel-no-contact a {
    color: var(--member-delta-up);
}

html[data-theme="dark"] .account-main .user-info-form .site-input,
html[data-theme="dark"] .account-main .user-info-form .site-textarea,
html[data-theme="dark"] .account-main .cancel-account-form .site-input,
html[data-theme="dark"] .account-main .cancel-account-form .site-textarea,
html[data-theme="dark"] .account-main .user-info-form .input-group-select select {
    background-color: var(--bg-form);
    border-color: var(--line-default);
    color: var(--color-text);
}

html[data-theme="dark"] .account-main .user-info-form .site-input:-webkit-autofill,
html[data-theme="dark"] .account-main .cancel-account-form .site-input:-webkit-autofill,
html[data-theme="dark"] .account-main .user-info-form .site-textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--color-text);
    caret-color: var(--color-text);
    transition: background-color 99999s ease-out;
    -webkit-box-shadow: 0 0 0 1000px var(--bg-form) inset;
    box-shadow: 0 0 0 1000px var(--bg-form) inset;
}

html[data-theme="dark"] .site-alert-normal {
    background: rgba(64, 158, 255, .1);
    border-color: rgba(64, 158, 255, .28);
    color: var(--color-text);
}

html[data-theme="dark"] .site-alert-danger {
    background: rgba(255, 73, 73, .1);
    border-color: rgba(255, 107, 107, .28);
    color: var(--color-text);
}

html[data-theme="dark"] .member-notice,
html[data-theme="dark"] .member-notice.is-warning {
    background: rgba(252, 160, 0, .08);
    border-color: rgba(244, 169, 78, .35);
}

html[data-theme="dark"] .member-notice.is-danger {
    background: rgba(255, 73, 73, .1);
    border-color: rgba(255, 107, 107, .28);
}

html[data-theme="dark"] .member-notice strong {
    color: var(--accent-bar);
}

html[data-theme="dark"] .member-notice.is-danger strong {
    color: var(--color-emphasis);
}

html[data-theme="dark"] .member-notice p {
    color: var(--text-secondary);
}

html[data-theme="dark"] .account-main .site-table td.list-empty {
    color: var(--text-muted);
}

html[data-theme="dark"] #pagination .site-pager-count,
html[data-theme="dark"] #pagination .site-pager-skip {
    color: var(--text-secondary);
}

html[data-theme="dark"] .user-menu .dialog .dropdown-panel {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .user-totp-qr-secret-plain {
    background: var(--bg-subtle);
    border-color: var(--line-default);
    color: var(--color-text);
}

html[data-theme="dark"] .writer-book-item:hover {
    border-color: var(--line-mid);
}

html[data-theme="dark"] .cover-dialog-panel {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}