/* ==========================================================================
   德州活码 · 深色主题（叠加层）
   --------------------------------------------------------------------------
   设计原则：
   1) 不修改任何原有浅色样式，全部用 html[data-theme="dark"] 前缀覆盖；
   2) 切回浅色只需移除 html 上的属性，零残留、零闪烁；
   3) 只覆盖颜色/边框/阴影，不动布局尺寸，避免破版。
   ========================================================================== */

html[data-theme="dark"] {
	color-scheme: dark;
	/* 页面底色阶 */
	--dz-bg:        #0e131a;   /* 页面背景 */
	--dz-surface:   #161d27;   /* 卡片 / 面板 */
	--dz-surface-2: #1c2431;   /* 表头 / 次级面 */
	--dz-surface-3: #243040;   /* hover / 输入框 */
	--dz-border:    #2a3542;   /* 常规边框 */
	--dz-border-2:  #222b36;   /* 分割线 */
	/* 文字 */
	--dz-text:      #e6ecf4;
	--dz-text-2:    #b9c5d4;
	--dz-text-3:    #97a5b8;
	--dz-muted:     #7f8da1;
	/* 品牌色（深色下整体提亮，保证对比度） */
	--dz-primary:   #3b82f6;
	--dz-link:      #64a8ff;
	--dz-success:   #34d399;
	--dz-danger:    #f87171;
	--dz-warning:   #fbbf24;
	--dz-info:      #38bdf8;
}

/* ---------- 1. 基础 ---------- */
html[data-theme="dark"] body {
	background-color: var(--dz-bg);
	color: var(--dz-text);
}
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .wrapper {
	background-color: var(--dz-bg) !important;
}
html[data-theme="dark"] .content-wrapper > .content { color: var(--dz-text); }
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 { color: var(--dz-text); }
html[data-theme="dark"] a { color: var(--dz-link); }
html[data-theme="dark"] a:hover { color: #93c5fd; }
html[data-theme="dark"] hr { border-top-color: var(--dz-border-2); }
html[data-theme="dark"] ::selection { background: rgba(59,130,246,.35); color: #fff; }

/* 文字工具类（BS4 用的是 !important，这里需同级 + 更高优先级） */
html[data-theme="dark"] .text-muted { color: var(--dz-muted) !important; }
html[data-theme="dark"] .text-dark { color: var(--dz-text) !important; }
html[data-theme="dark"] .text-body { color: var(--dz-text) !important; }
html[data-theme="dark"] .text-secondary { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .text-black-50 { color: rgba(230,236,244,.55) !important; }
html[data-theme="dark"] .text-primary { color: var(--dz-link) !important; }
html[data-theme="dark"] .text-success { color: var(--dz-success) !important; }
html[data-theme="dark"] .text-danger { color: var(--dz-danger) !important; }
html[data-theme="dark"] .text-warning { color: var(--dz-warning) !important; }
html[data-theme="dark"] .text-info { color: var(--dz-info) !important; }
html[data-theme="dark"] .text-gray { color: var(--dz-text-3) !important; }

/* 背景工具类 */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-lighter { background-color: var(--dz-surface) !important; }
html[data-theme="dark"] .bg-light-soft { background-color: var(--dz-surface-2) !important; }

/* 边框工具类 */
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-left,
html[data-theme="dark"] .border-right,
html[data-theme="dark"] .border-top-1 { border-color: var(--dz-border) !important; }

/* 滚动条 */
html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #10161e; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #2f3b4a; border-radius: 6px; border: 2px solid #10161e; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #3d4c5f; }

/* ---------- 2. 顶部导航 ---------- */
/* 后台 main-header（navbar-white） */
html[data-theme="dark"] .main-header.navbar,
html[data-theme="dark"] .main-header.navbar-white,
html[data-theme="dark"] .main-header.navbar-light {
	background-color: #131a24 !important;
	border-bottom: 1px solid var(--dz-border-2) !important;
	color: var(--dz-text);
}
html[data-theme="dark"] .main-header .nav-link { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .main-header .nav-link:hover { color: #fff !important; }

/* 前台顶栏（原为 #007bff 蓝色） */
html[data-theme="dark"] .layout-top-nav .main-header.top-nav-bar {
	background: #131a24;
	border-bottom: 1px solid var(--dz-border-2);
	box-shadow: none;
}
html[data-theme="dark"] .layout-top-nav .main-header.top-nav-bar .navbar-brand {
	background: rgba(255,255,255,.06);
	color: #fff;
}
html[data-theme="dark"] .layout-top-nav .top-nav-menu .nav-item .nav-link { color: var(--dz-text-2); }
html[data-theme="dark"] .layout-top-nav .top-nav-menu .nav-item .nav-link:hover { color: #fff; background: rgba(255,255,255,.06); }
html[data-theme="dark"] .layout-top-nav .top-nav-menu .nav-item .nav-link.active {
	color: #fff;
	background: rgba(59,130,246,.22);
	border-bottom-color: var(--dz-primary);
}

/* 侧边栏 */
html[data-theme="dark"] .main-sidebar.sidebar-dark-primary { background-color: #0d131b !important; }
html[data-theme="dark"] .brand-link { border-bottom-color: rgba(255,255,255,.08) !important; color: #fff; }
html[data-theme="dark"] .nav-sidebar .nav-header { color: var(--dz-muted) !important; }
html[data-theme="dark"] .nav-sidebar .nav-link { color: #b9c5d4 !important; }
html[data-theme="dark"] .nav-sidebar .nav-link.active { background-color: var(--dz-primary) !important; color: #fff !important; }
html[data-theme="dark"] .nav-sidebar .nav-link:hover { background-color: rgba(255,255,255,.06) !important; color: #fff !important; }

/* 页脚 */
html[data-theme="dark"] .main-footer {
	background-color: #131a24 !important;
	border-top: 1px solid var(--dz-border-2) !important;
	color: var(--dz-muted) !important;
}
html[data-theme="dark"] .main-footer strong { color: var(--dz-text-2); }

/* ---------- 3. 卡片 / 面板 ---------- */
html[data-theme="dark"] .card,
html[data-theme="dark"] .tp-form-card,
html[data-theme="dark"] .tp-table-card,
html[data-theme="dark"] .tp-ecom-card,
html[data-theme="dark"] .tp-home-panel-card,
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .action-toolbar,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .ui-card-stack > .card {
	background-color: var(--dz-surface) !important;
	border-color: var(--dz-border-2) !important;
	color: var(--dz-text);
	box-shadow: 0 1px 2px rgba(0,0,0,.28);
}
html[data-theme="dark"] .card .card-header,
html[data-theme="dark"] .card .card-footer {
	background-color: var(--dz-surface) !important;
	border-color: var(--dz-border-2) !important;
	color: var(--dz-text);
}
html[data-theme="dark"] .card .card-title { color: var(--dz-text); }
html[data-theme="dark"] .card-body { color: var(--dz-text); }

/* AdminLTE 里这些容器自己写死了 background:#fff（不继承 .card），必须单独覆盖 */
html[data-theme="dark"] .login-card-body,
html[data-theme="dark"] .register-card-body,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .info-box-content,
html[data-theme="dark"] .small-box,
html[data-theme="dark"] .well,
html[data-theme="dark"] .jumbotron,
html[data-theme="dark"] .timeline > div > .timeline-item,
html[data-theme="dark"] .direct-chat-messages,
html[data-theme="dark"] .bootstrap-datetimepicker-widget,
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-dropdown {
	background-color: var(--dz-surface) !important;
	color: var(--dz-text-2) !important;
	border-color: var(--dz-border) !important;
}
html[data-theme="dark"] .login-card-body,
html[data-theme="dark"] .register-card-body { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .login-box-msg,
html[data-theme="dark"] .register-box-msg,
html[data-theme="dark"] .login-card-body .text-muted,
html[data-theme="dark"] .register-card-body .text-muted { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .login-card-body .border-top,
html[data-theme="dark"] .register-card-body .border-top { border-top-color: var(--dz-border) !important; }
html[data-theme="dark"] .login-card-body .custom-control-label,
html[data-theme="dark"] .register-card-body .custom-control-label { color: var(--dz-text-2) !important; }
/* 表单标签在深底上的对比度 */
html[data-theme="dark"] .login-page label,
html[data-theme="dark"] .register-page label,
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] label.col-form-label { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .panel-card .panel-title,
html[data-theme="dark"] .metric-card .metric-value,
html[data-theme="dark"] .pricing-card .pricing-name,
html[data-theme="dark"] .pricing-card .pricing-price,
html[data-theme="dark"] .cell-title,
html[data-theme="dark"] .recharge-panel .amount-input,
html[data-theme="dark"] .recharge-panel .pay-method .pay-name,
html[data-theme="dark"] .recharge-panel .note-card .note-title { color: var(--dz-text) !important; }
html[data-theme="dark"] .panel-card .panel-title .panel-title-extra,
html[data-theme="dark"] .metric-card .metric-label,
html[data-theme="dark"] .metric-card .metric-foot,
html[data-theme="dark"] .pricing-card .pricing-desc,
html[data-theme="dark"] .pricing-card .pricing-meta,
html[data-theme="dark"] .pricing-card .pricing-price small,
html[data-theme="dark"] .cell-sub,
html[data-theme="dark"] .cell-meta,
html[data-theme="dark"] .action-toolbar .toolbar-info,
html[data-theme="dark"] .recharge-panel .pay-method .pay-sub,
html[data-theme="dark"] .recharge-panel .note-card ol,
html[data-theme="dark"] .recharge-panel .note-card ul { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .pricing-card .pricing-meta { border-top-color: var(--dz-border) !important; }
html[data-theme="dark"] .pricing-card:hover { border-color: #3b4a5e !important; box-shadow: 0 6px 20px rgba(0,0,0,.4); }
html[data-theme="dark"] .metric-card .metric-icon { color: #fff; }
html[data-theme="dark"] .page-hero .page-hero-title { color: var(--dz-text) !important; }
html[data-theme="dark"] .page-hero .page-hero-sub { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .page-title-bar .page-title { color: var(--dz-text) !important; }

/* 面板内表单分区 */
html[data-theme="dark"] .panel-card .form-section { border-bottom-color: var(--dz-border-2); }
html[data-theme="dark"] .panel-card .form-section .form-label-col { color: var(--dz-text-2) !important; }

/* ---------- 4. 表格 ---------- */
html[data-theme="dark"] .table {
	color: var(--dz-text);
	background-color: transparent;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th { border-top-color: var(--dz-border-2) !important; }
html[data-theme="dark"] .table thead th {
	background: var(--dz-surface-2) !important;
	color: var(--dz-text-3) !important;
	border-bottom-color: var(--dz-border) !important;
}
html[data-theme="dark"] .table thead.bg-light th { background: var(--dz-surface-2) !important; }
html[data-theme="dark"] .table-hover tbody tr:hover,
html[data-theme="dark"] .table-hover tbody tr:hover > td,
html[data-theme="dark"] .table-hover tbody tr:hover > th { background-color: rgba(255,255,255,.045) !important; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.025); }
html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-bordered td,
html[data-theme="dark"] .table-bordered th { border-color: var(--dz-border-2) !important; }
html[data-theme="dark"] .table .thead-light th { background-color: var(--dz-surface-2); color: var(--dz-text-3); }

/* 自定义统计表 */
html[data-theme="dark"] .stat-table thead th {
	background: var(--dz-surface-2) !important;
	color: var(--dz-text-3) !important;
	border-bottom-color: var(--dz-border) !important;
}
html[data-theme="dark"] .stat-table tbody td {
	color: var(--dz-text-2) !important;
	border-bottom-color: var(--dz-border-2) !important;
}
html[data-theme="dark"] .stat-table tbody tr:hover td { background: rgba(255,255,255,.04) !important; }

/* ---------- 5. 表单 ---------- */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .custom-file-label,
html[data-theme="dark"] .filter-bar .filter-input,
html[data-theme="dark"] .recharge-panel .amount-input {
	background-color: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text) !important;
}
html[data-theme="dark"] .form-control::placeholder { color: #6b7b90 !important; }
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .custom-select:focus {
	background-color: var(--dz-surface-3) !important;
	border-color: var(--dz-primary) !important;
	color: #fff !important;
	box-shadow: 0 0 0 3px rgba(59,130,246,.18) !important;
}
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly] { background-color: #151b24 !important; color: var(--dz-muted) !important; }
html[data-theme="dark"] .input-group-text {
	background-color: var(--dz-surface-3) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text-3) !important;
}
html[data-theme="dark"] .custom-control-label { color: var(--dz-text-2); }
html[data-theme="dark"] .custom-control-label::before {
	background-color: var(--dz-surface-3);
	border-color: var(--dz-border);
}
html[data-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--dz-primary);
	border-color: var(--dz-primary);
}
html[data-theme="dark"] select.form-control option { background: #1c2431; color: var(--dz-text); }

/* 自定义开关 */
html[data-theme="dark"] .toggle { background: #3a4757; }
html[data-theme="dark"] .toggle-slider { background-color: #3a4757; }

/* ---------- 6. 按钮 / 徽章 / 提示 ---------- */
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-white {
	background-color: var(--dz-surface-3) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text-2) !important;
}
html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-default:hover { background-color: #2c3849 !important; color: #fff !important; }
html[data-theme="dark"] .btn-outline-secondary { color: var(--dz-text-3); border-color: var(--dz-border); }
html[data-theme="dark"] .btn-outline-secondary:hover { background: var(--dz-surface-3); color: #fff; }
html[data-theme="dark"] .btn-outline-dark { color: var(--dz-text-2); border-color: var(--dz-border); }

html[data-theme="dark"] .badge-light { background-color: var(--dz-surface-3) !important; color: var(--dz-text-2) !important; }
html[data-theme="dark"] .badge-white { background-color: var(--dz-surface) !important; color: var(--dz-text) !important; }

html[data-theme="dark"] .alert {
	background-color: var(--dz-surface-2) !important;
	color: var(--dz-text-2) !important;
	border: 1px solid var(--dz-border) !important;
}
html[data-theme="dark"] .alert-danger { background-color: rgba(220,53,69,.16) !important; color: #ff9b9b !important; border-color: rgba(220,53,69,.35) !important; }
html[data-theme="dark"] .alert-warning { background-color: rgba(255,193,7,.14) !important; color: #ffd166 !important; border-color: rgba(255,193,7,.3) !important; }
html[data-theme="dark"] .alert-info { background-color: rgba(23,162,184,.16) !important; color: #7dd3ea !important; border-color: rgba(23,162,184,.32) !important; }
html[data-theme="dark"] .alert-success { background-color: rgba(40,167,69,.16) !important; color: #6ee7a8 !important; border-color: rgba(40,167,69,.32) !important; }

html[data-theme="dark"] .badge-soft-primary { background: rgba(59,130,246,.2); color: #93c5fd; }
html[data-theme="dark"] .badge-soft-success { background: rgba(16,185,129,.2); color: #6ee7b7; }
html[data-theme="dark"] .badge-soft-warning { background: rgba(245,158,11,.2); color: #fcd34d; }
html[data-theme="dark"] .badge-soft-danger { background: rgba(239,68,68,.2); color: #fca5a5; }
html[data-theme="dark"] .badge-soft-info { background: rgba(6,182,212,.2); color: #67e8f9; }

html[data-theme="dark"] .progress { background-color: var(--dz-surface-3); }

/* ---------- 7. 下拉 / 分页 / 面包屑 / 标签页 ---------- */
html[data-theme="dark"] .dropdown-menu {
	background-color: var(--dz-surface) !important;
	border: 1px solid var(--dz-border) !important;
	box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
}
html[data-theme="dark"] .dropdown-item { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus { background-color: var(--dz-surface-3) !important; color: #fff !important; }
html[data-theme="dark"] .dropdown-divider { border-top-color: var(--dz-border) !important; }
html[data-theme="dark"] .dropdown-header { color: var(--dz-muted) !important; }

html[data-theme="dark"] .pagination .page-link {
	background-color: var(--dz-surface) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-link) !important;
}
html[data-theme="dark"] .pagination .page-item.active .page-link {
	background-color: var(--dz-primary) !important;
	border-color: var(--dz-primary) !important;
	color: #fff !important;
}
html[data-theme="dark"] .pagination .page-item.disabled .page-link {
	background-color: #131a24 !important;
	color: #5b6879 !important;
}

html[data-theme="dark"] .breadcrumb { background-color: transparent !important; }
html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #4b5a6d; }
html[data-theme="dark"] .breadcrumb-item.active { color: var(--dz-text-3); }

html[data-theme="dark"] .nav-tabs { border-bottom-color: var(--dz-border); }
html[data-theme="dark"] .nav-tabs .nav-link { color: var(--dz-text-3); }
html[data-theme="dark"] .nav-tabs .nav-link.active {
	background-color: var(--dz-surface) !important;
	border-color: var(--dz-border) var(--dz-border) var(--dz-surface) !important;
	color: var(--dz-text) !important;
}
html[data-theme="dark"] .list-group-item {
	background-color: var(--dz-surface) !important;
	border-color: var(--dz-border-2) !important;
	color: var(--dz-text-2) !important;
}

/* ---------- 8. 弹窗 / 遮罩 ---------- */
html[data-theme="dark"] .modal-content {
	background-color: var(--dz-surface) !important;
	border: 1px solid var(--dz-border) !important;
	color: var(--dz-text);
}
html[data-theme="dark"] .modal-header { border-bottom-color: var(--dz-border-2) !important; }
html[data-theme="dark"] .modal-footer { border-top-color: var(--dz-border-2) !important; }
html[data-theme="dark"] .modal-body { color: var(--dz-text-2); }
html[data-theme="dark"] .close { color: #fff; text-shadow: none; opacity: .7; }
html[data-theme="dark"] .close:hover { opacity: 1; color: #fff; }

/* layer 弹层（v2 皮肤） */
html[data-theme="dark"] .layui-layer {
	background-color: var(--dz-surface) !important;
	color: var(--dz-text) !important;
	box-shadow: 0 12px 40px rgba(0,0,0,.5) !important;
}
html[data-theme="dark"] .layui-layer-title {
	background-color: var(--dz-surface-2) !important;
	color: var(--dz-text) !important;
	border-bottom: 1px solid var(--dz-border) !important;
}
html[data-theme="dark"] .layui-layer-content { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .layui-layer-btn { border-top: 1px solid var(--dz-border) !important; }
html[data-theme="dark"] .layui-layer-btn a {
	background-color: var(--dz-surface-3) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text-2) !important;
}
html[data-theme="dark"] .layui-layer-btn .layui-layer-btn0 {
	background-color: var(--dz-primary) !important;
	border-color: var(--dz-primary) !important;
	color: #fff !important;
}
html[data-theme="dark"] .layui-layer-setwin .layui-layer-close2 { background-color: #fff; }
html[data-theme="dark"] .layui-layer-prompt .layui-layer-input {
	background-color: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text) !important;
}
html[data-theme="dark"] .layui-layer-tips .layui-layer-content { background-color: #2b3646 !important; color: var(--dz-text) !important; }
html[data-theme="dark"] .layui-layer-tips i.layui-layer-TipsG { border-color: transparent !important; }

/* ---------- 9. 业务组件 ---------- */
html[data-theme="dark"] .recharge-panel .quick-amount .q-btn {
	background: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
	color: var(--dz-text-2) !important;
}
html[data-theme="dark"] .recharge-panel .quick-amount .q-btn:hover,
html[data-theme="dark"] .recharge-panel .quick-amount .q-btn.active {
	background: var(--dz-primary) !important;
	border-color: var(--dz-primary) !important;
	color: #fff !important;
}
html[data-theme="dark"] .recharge-panel .pay-method {
	background: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
}
html[data-theme="dark"] .recharge-panel .note-card {
	background: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
}
html[data-theme="dark"] .tg-card {
	background: linear-gradient(135deg, #142a3a 0%, #102432 100%) !important;
	border-color: #1e4155 !important;
}
html[data-theme="dark"] .tg-card .tg-code { background: #0f1b26; border-color: #2b6c8c; color: #7dd3ea; }
html[data-theme="dark"] .empty-block { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .empty-block .empty-icon { color: #3a4757 !important; }
html[data-theme="dark"] .empty-block .empty-title { color: var(--dz-text-2) !important; }
html[data-theme="dark"] .login-page { background-color: var(--dz-bg); }
/* 管理端登录页：深色为品牌底色，浅色下改为浅蓝渐变 */
.login-page.admin-login { background: linear-gradient(135deg, #1e293b, #0f172a) !important; }
html[data-theme="light"] .login-page.admin-login {
	background: linear-gradient(135deg, #eef4fb, #d9e6f7) !important;
}
html[data-theme="light"] .login-page.admin-login .card { box-shadow: 0 18px 48px rgba(30,58,138,.16) !important; }
html[data-theme="light"] .login-page.admin-login .card h4,
html[data-theme="light"] .login-page.admin-login .card .text-muted { color: #1f2937 !important; }
html[data-theme="light"] .login-page.admin-login .card .text-muted { color: #6b7280 !important; }

/* ---------- 10. 活码列表页的弹窗（内联样式） ---------- */
html[data-theme="dark"] .diamond-popup-body { background: #16212f !important; }
html[data-theme="dark"] .diamond-popup-empty-text { color: #93c5fd !important; }
html[data-theme="dark"] .diamond-popup-claimed-qr img { background: #1c2431; border-color: #2c3b4e; }
html[data-theme="dark"] .diamond-popup-claimed-name { color: #93c5fd !important; }
html[data-theme="dark"] .diamond-popup-claimed-status { color: var(--dz-text-3) !important; }
html[data-theme="dark"] .diamond-popup-claimed-url {
	background: #101a24 !important;
	border-color: #2c3b4e !important;
	color: #6ee7b7 !important;
}
html[data-theme="dark"] .diamond-popup-claimed-actions button {
	background: var(--dz-surface-2) !important;
	border-color: var(--dz-border) !important;
	color: #93c5fd !important;
}
html[data-theme="dark"] .docwind-popup-panel { background: #241d10 !important; border-bottom-color: #4a3a12 !important; }
html[data-theme="dark"] .docwind-popup-body { background: #1d1810 !important; }
html[data-theme="dark"] .docwind-popup-empty { color: #fcd34d !important; }
html[data-theme="dark"] .workbuddy-popup-panel { background: #191c33 !important; border-bottom-color: #2c3160 !important; }
html[data-theme="dark"] .workbuddy-popup-body { background: #151830 !important; }
html[data-theme="dark"] .workbuddy-popup-empty { color: #a5b4fc !important; }

/* ---------- 11. 内联样式兜底 ----------
   模板里还有少量写死的浅色（#fff / #f8fafc 等），
   统一在深色下改为卡片色，避免出现"白块"。 */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"] { background-color: var(--dz-surface) !important; }

html[data-theme="dark"] [style*="background:#f8fafc"],
html[data-theme="dark"] [style*="background: #f8fafc"],
html[data-theme="dark"] [style*="background:#f9fafb"],
html[data-theme="dark"] [style*="background: #f9fafb"],
html[data-theme="dark"] [style*="background:#f3f4f6"],
html[data-theme="dark"] [style*="background: #f3f4f6"],
html[data-theme="dark"] [style*="background:#fafafa"],
html[data-theme="dark"] [style*="background: #fafafa"],
html[data-theme="dark"] [style*="background:#f1f5f9"],
html[data-theme="dark"] [style*="background: #f1f5f9"],
html[data-theme="dark"] [style*="background:#eff6ff"],
html[data-theme="dark"] [style*="background: #eff6ff"],
html[data-theme="dark"] [style*="background:#fffbeb"],
html[data-theme="dark"] [style*="background: #fffbeb"],
html[data-theme="dark"] [style*="background:#eef2ff"],
html[data-theme="dark"] [style*="background: #eef2ff"],
html[data-theme="dark"] [style*="background:#f4f7fb"],
html[data-theme="dark"] [style*="background: #f4f7fb"] { background-color: var(--dz-surface-2) !important; }

/* 写死的深色文字 */
html[data-theme="dark"] [style*="color:#0f172a"],
html[data-theme="dark"] [style*="color: #0f172a"],
html[data-theme="dark"] [style*="color:#111827"],
html[data-theme="dark"] [style*="color: #111827"],
html[data-theme="dark"] [style*="color:#1f2937"],
html[data-theme="dark"] [style*="color: #1f2937"],
html[data-theme="dark"] [style*="color:#2b3035"],
html[data-theme="dark"] [style*="color: #2b3035"] { color: var(--dz-text) !important; }

html[data-theme="dark"] [style*="color:#374151"],
html[data-theme="dark"] [style*="color: #374151"],
html[data-theme="dark"] [style*="color:#334155"],
html[data-theme="dark"] [style*="color: #334155"],
html[data-theme="dark"] [style*="color:#475569"],
html[data-theme="dark"] [style*="color: #475569"] { color: var(--dz-text-2) !important; }

html[data-theme="dark"] [style*="color:#6b7280"],
html[data-theme="dark"] [style*="color: #6b7280"],
html[data-theme="dark"] [style*="color:#64748b"],
html[data-theme="dark"] [style*="color: #64748b"],
html[data-theme="dark"] [style*="color:#9ca3af"],
html[data-theme="dark"] [style*="color: #9ca3af"],
html[data-theme="dark"] [style*="color:#94a3b8"],
html[data-theme="dark"] [style*="color: #94a3b8"] { color: var(--dz-text-3) !important; }

/* 提示色（琥珀/绿）在深底上提亮 */
html[data-theme="dark"] [style*="color:#92400e"],
html[data-theme="dark"] [style*="color: #92400e"],
html[data-theme="dark"] [style*="color:#b45309"],
html[data-theme="dark"] [style*="color: #b45309"] { color: #fbbf24 !important; }
html[data-theme="dark"] [style*="color:#047857"],
html[data-theme="dark"] [style*="color: #047857"] { color: #34d399 !important; }
html[data-theme="dark"] [style*="color:red"],
html[data-theme="dark"] [style*="color: red"] { color: #f87171 !important; }

/* ---------- 12. 切换按钮 ---------- */
.theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	border: 1px solid transparent;
	background: transparent;
	color: inherit;
	cursor: pointer;
	transition: background-color .16s ease, color .16s ease;
	text-decoration: none !important;
	padding: 0;
}
.theme-toggle:hover { background: rgba(127,147,175,.18); }
.theme-toggle i { font-size: 15px; line-height: 1; }
.theme-toggle .fa-sun { display: none; }
.theme-toggle .fa-moon { display: inline-block; }
html[data-theme="dark"] .theme-toggle .fa-sun { display: inline-block; }
html[data-theme="dark"] .theme-toggle .fa-moon { display: none; }
html[data-theme="dark"] .theme-toggle:hover { background: rgba(255,255,255,.1); }

/* 登录/注册等无导航页：右上角浮动按钮 */
.theme-toggle-float {
	position: fixed;
	top: 16px;
	right: 16px;
	z-index: 9999;
	background: rgba(127,147,175,.16);
	border-color: rgba(127,147,175,.3);
	backdrop-filter: blur(4px);
}
html[data-theme="dark"] .theme-toggle-float {
	background: rgba(255,255,255,.08);
	border-color: rgba(255,255,255,.16);
	color: #e6ecf4;
}

/* 前台顶栏内按钮配色 */
.layout-top-nav .top-nav-user .theme-toggle { color: #fff; margin-top: 11px; margin-right: 6px; }
html[data-theme="dark"] .layout-top-nav .top-nav-user .theme-toggle { color: var(--dz-text-2); }

/* 后台顶栏内按钮对齐（navbar 高 57px，按钮 34px） */
.main-header .navbar-nav > .nav-item > .theme-toggle { margin-top: 11px; margin-right: 4px; color: #4b5563; }
html[data-theme="dark"] .main-header .navbar-nav > .nav-item > .theme-toggle { color: var(--dz-text-2); }