/* 深色模式：放在主题 CSS 之后，变量加 !important 以免被 :root 浅色盖住 */
html[data-uc-scheme="dark"]:root {
    color-scheme: dark;
    --bg: #111318 !important;
    --bg-mid: #16181d !important;
    --surface: #1a1d24 !important;
    --glass: rgba(26, 29, 36, .92) !important;
    --card: #1c2028 !important;
    --card-solid: #1c2028 !important;
    --chip: #2a2f3a !important;
    --panel: #1c2028 !important;
    --text: #f2f4f8 !important;
    --text-soft: #c5cad3 !important;
    --muted: #8b93a1 !important;
    --line: rgba(255, 255, 255, .08) !important;
    --stroke: rgba(255, 255, 255, .08) !important;
    --stroke-strong: rgba(255, 255, 255, .16) !important;
    --cover: linear-gradient(160deg, #1a1d24, #111318) !important;
    --cover-ink: #f2f4f8 !important;
    --shadow: rgba(0, 0, 0, .28) !important;
    --overlay: rgba(0, 0, 0, .62) !important;
    --card-shadow: 0 1px 2px rgba(0, 0, 0, .28), 0 8px 24px rgba(0, 0, 0, .28) !important;
    --card-shadow-hover: 0 2px 4px rgba(0, 0, 0, .32), 0 16px 40px rgba(0, 0, 0, .36) !important
}

html[data-uc-scheme="dark"][data-uc-theme="ink"]:root {
    --accent: #e4e4e7 !important;
    --accent-ink: #18181b !important;
    --accent-soft: rgba(255, 255, 255, .12) !important;
    --accent-deep: #fafafa !important;
    --brand: var(--accent) !important;
    --brand-ink: var(--accent-ink) !important;
    --brand-soft: var(--accent-soft) !important;
    --brand-deep: var(--accent-deep) !important
}

html[data-uc-scheme="dark"] .btn:hover,
html[data-uc-scheme="dark"] .prefs-theme:hover,
html[data-uc-scheme="dark"] .prefs-layout-btn:hover,
html[data-uc-scheme="dark"] .sidebar-set-btn:hover,
html[data-uc-scheme="dark"] .sidebar-link:hover em,
html[data-uc-scheme="dark"] .plaza-left-link:hover em,
html[data-uc-scheme="dark"] .aside-tag:hover {
    background: var(--surface)
}

html[data-uc-scheme="dark"] .prefs-layout-btn:not(.on),
html[data-uc-scheme="dark"] .prefs-theme:not(.on),
html[data-uc-scheme="dark"] .sidebar-set-btn,
html[data-uc-scheme="dark"] .btn:not(.btn-primary):not(.on) {
    background: var(--chip);
    color: var(--text-soft)
}

html[data-uc-scheme="dark"] .mobile-nav-panel,
html[data-uc-scheme="dark"] .mobile-nav-body,
html[data-uc-scheme="dark"] .mobile-nav-foot {
    background: var(--card)
}

html[data-uc-scheme="dark"] .mnav-foot-btn {
    background: var(--chip);
    color: var(--text)
}

html[data-uc-scheme="dark"] .site-float-btn,
html[data-uc-scheme="dark"] .back-top,
html[data-uc-scheme="dark"] .ai-chat-fab:not(.is-open) {
    background: var(--chip);
    color: var(--text);
    border-color: var(--stroke-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .38)
}

html[data-uc-scheme="dark"] .site-float-btn:hover,
html[data-uc-scheme="dark"] .back-top:hover,
html[data-uc-scheme="dark"] .ai-chat-fab:not(.is-open):hover {
    background: var(--surface);
    color: var(--accent)
}

html[data-uc-scheme="dark"] .back-top {
    color: var(--accent)
}

html[data-uc-scheme="dark"] .site-qr-panel,
html[data-uc-scheme="dark"] .site-qr-panel::after {
    background: var(--card);
    border-color: var(--line)
}

html[data-uc-scheme="dark"] .site-foot-social a,
html[data-uc-scheme="dark"] .site-foot-social-btn {
    background: var(--chip);
    color: var(--text-soft);
    border-color: var(--line)
}

html[data-uc-scheme="dark"] .uc-auth-panel,
html[data-uc-scheme="dark"] .uc-modal-panel,
html[data-uc-scheme="dark"] .auth-card {
    background: var(--card);
    color: var(--text)
}

html[data-uc-scheme="dark"] .uc-auth-field {
    background: var(--chip)
}

html[data-uc-scheme="dark"] .uc-auth-field:focus-within {
    background: var(--surface)
}

html[data-uc-scheme="dark"] .uc-auth-field label,
html[data-uc-scheme="dark"] .uc-auth-legal,
html[data-uc-scheme="dark"] .uc-auth-alts-line {
    color: var(--muted)
}

html[data-uc-scheme="dark"] .uc-auth-input {
    color: var(--text);
    background: transparent
}

html[data-uc-scheme="dark"] .uc-auth-alt {
    background: var(--chip);
    color: var(--text-soft);
    border-color: var(--stroke-strong)
}

html[data-uc-scheme="dark"] .uc-auth-alt-wechat:hover { background: rgba(7, 193, 96, .16) }
html[data-uc-scheme="dark"] .uc-auth-alt-qq:hover { background: rgba(18, 183, 245, .16) }
html[data-uc-scheme="dark"] .uc-auth-alt-alipay:hover { background: rgba(22, 119, 255, .16) }
html[data-uc-scheme="dark"] .uc-auth-alt-sina:hover { background: rgba(230, 22, 45, .16) }
html[data-uc-scheme="dark"] .uc-auth-alt-douyin:hover { background: var(--chip) }
html[data-uc-scheme="dark"] .uc-auth-alt-phone:hover { background: var(--chip) }

html[data-uc-scheme="dark"] .bar-search kbd,
html[data-uc-scheme="dark"] .bar-search-keys kbd,
html[data-uc-scheme="dark"] .search-hint kbd,
html[data-uc-scheme="dark"] kbd {
    background: var(--chip);
    color: var(--muted);
    border-color: var(--stroke-strong);
    box-shadow: none
}

html[data-uc-scheme="dark"] .uc-select-trigger,
html[data-uc-scheme="dark"] .uc-select-trigger:hover,
html[data-uc-scheme="dark"] .uc-select-trigger:focus,
html[data-uc-scheme="dark"] .uc-select.is-open .uc-select-trigger {
    background: var(--chip)
}

html[data-uc-scheme="dark"] .compose-back,
html[data-uc-scheme="dark"] .compose-back:hover {
    background: var(--chip) !important;
    color: var(--text)
}

html[data-uc-scheme="dark"] .compose-board-chip:hover {
    background: var(--surface)
}

html[data-uc-scheme="dark"] .compose-extra-panel {
    background: var(--chip)
}

html[data-uc-scheme="dark"] {
    --w-e-textarea-bg-color: var(--card);
    --w-e-textarea-color: var(--text);
    --w-e-textarea-border-color: var(--line);
    --w-e-textarea-slight-bg-color: var(--chip);
    --w-e-textarea-slight-color: var(--muted);
    --w-e-toolbar-color: var(--text-soft);
    --w-e-toolbar-bg-color: var(--card);
    --w-e-toolbar-active-color: var(--text);
    --w-e-toolbar-active-bg-color: var(--chip);
    --w-e-toolbar-disabled-color: var(--muted);
    --w-e-toolbar-border-color: var(--line);
    --w-e-modal-button-bg-color: var(--chip);
    --w-e-modal-button-border-color: var(--stroke-strong)
}

html[data-uc-scheme="dark"] .compose-title-input,
html[data-uc-scheme="dark"] .compose-title-input:focus,
html[data-uc-scheme="dark"] .compose-title-input:-webkit-autofill {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 0 0 1000px var(--card) inset;
    -webkit-text-fill-color: var(--text);
    border-color: transparent !important
}

html[data-uc-scheme="dark"] .rcg-pack.is-on {
    background: color-mix(in srgb, var(--accent) 18%, var(--card))
}

html[data-uc-scheme="dark"] .rc-dock {
    background: color-mix(in srgb, var(--card) 94%, transparent)
}

html[data-uc-scheme="dark"] .rc-dock-fake {
    background: var(--chip);
    color: var(--muted)
}

html[data-uc-scheme="dark"] .main-bar {
    background: var(--glass) !important
}

html[data-uc-scheme="dark"] .site-tabbar {
    background: var(--glass) !important;
    box-shadow: 0 -4px 18px rgba(0,0,0,.28)
}

html[data-uc-scheme="dark"] .mnav-chip {
    background: var(--chip);
    color: var(--text)
}

html[data-uc-scheme="dark"] .mnav-chip-logout {
    color: #f87171;
    background: color-mix(in srgb, #dc2626 18%, var(--chip))
}

html[data-uc-scheme="dark"] .ai-chat-panel {
    background: var(--card) !important;
    border-color: var(--line);
    color: var(--text);
    box-shadow: 0 18px 48px rgba(0,0,0,.4)
}

html[data-uc-scheme="dark"] .ai-chat-head,
html[data-uc-scheme="dark"] .ai-chat-foot,
html[data-uc-scheme="dark"] .ai-chat-history-bar {
    border-color: var(--line)
}

html[data-uc-scheme="dark"] .ai-chat-history {
    background: var(--glass)
}

html[data-uc-scheme="dark"] .ai-chat-history-item {
    background: var(--chip);
    border-color: var(--line)
}

html[data-uc-scheme="dark"] .ai-chat-msg.is-bot,
html[data-uc-scheme="dark"] .ai-chat-typing {
    background: var(--chip)
}

html[data-uc-scheme="dark"] .ai-chat-input {
    background: var(--chip) !important;
    border-color: var(--line);
    color: var(--text)
}

html[data-uc-scheme="dark"] .ai-chat-icon-btn:hover {
    background: var(--chip);
    color: var(--text)
}

html[data-uc-scheme="dark"] .uc-share-url,
html[data-uc-scheme="dark"] .uc-reward-input,
html[data-uc-scheme="dark"] .uc-pin-input,
html[data-uc-scheme="dark"] .uc-modal-input,
html[data-uc-scheme="dark"] .uc-modal-textarea,
html[data-uc-scheme="dark"] .uc-pm-text,
html[data-uc-scheme="dark"] .tc-submit-panel .uc-modal-input,
html[data-uc-scheme="dark"] .tc-submit-panel .uc-modal-textarea {
    background: var(--chip);
    color: var(--text);
    border-color: var(--line);
    color-scheme: dark
}

html[data-uc-scheme="dark"] .uc-share-url:focus,
html[data-uc-scheme="dark"] .uc-reward-input:focus,
html[data-uc-scheme="dark"] .uc-pin-input:focus,
html[data-uc-scheme="dark"] .uc-modal-input:focus,
html[data-uc-scheme="dark"] .uc-modal-textarea:focus,
html[data-uc-scheme="dark"] .uc-pm-text:focus,
html[data-uc-scheme="dark"] .tc-submit-panel .uc-modal-input:focus,
html[data-uc-scheme="dark"] .tc-submit-panel .uc-modal-textarea:focus {
    background: var(--surface);
    border-color: var(--accent);
    color: var(--text)
}