/* ==================== 主题颜色变量 ==================== */

/* 浅色模式（默认） */
:root,
.light-theme {
    /* 背景色 */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-tertiary: #eef1f5;
    --bg-card: #ffffff;
    --bg-hover: #f0f2f5;
    
    /* 文字颜色 */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --text-placeholder: #c0c4cc;
    
    /* 边框颜色 */
    --border-color: #dcdfe6;
    --border-light: #e4e7ed;
    --border-hover: #c0c4cc;
    
    /* 主色调 - 红色（符合黑白红配色） */
    --primary-color: #c93c37;
    --primary-hover: #e04e49;
    --primary-active: #a5302b;
    --primary-bg: rgba(201, 60, 55, 0.15);
    
    /* Swiper主题色 */
    --swiper-theme-color: #c93c37;
    
    /* 成功色 */
    --success-color: #52c41a;
    --success-bg: rgba(82, 196, 26, 0.1);
    
    /* 警告色 */
    --warning-color: #faad14;
    --warning-bg: rgba(250, 173, 20, 0.1);
    
    /* 危险色 */
    --danger-color: #ff4d4f;
    --danger-bg: rgba(255, 77, 79, 0.1);
    
    /* 信息色 */
    --info-color: #909399;
    --info-bg: rgba(144, 147, 153, 0.1);
    
    /* 阴影 */
    --shadow-light: 0 2px 12px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-heavy: 0 8px 24px rgba(0, 0, 0, 0.15);
    
    /* 滚动条 */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #c1c1c1;
    --scrollbar-thumb-hover: #a8a8a8;
    
    /* 按钮颜色 */
    --btn-primary-bg: #1890ff;
    --btn-primary-hover-bg: #40a9ff;
    --btn-primary-text: #ffffff;
    
    --btn-default-bg: #ffffff;
    --btn-default-text: #333333;
    --btn-default-border: #dcdfe6;
    
    /* 状态颜色 */
    --status-success: #52c41a;
    --status-warning: #faad14;
    --status-danger: #ff4d4f;
    --status-info: #1890ff;
}

/* 深色模式 - 简约黑白红配色（IDE风格） */
.dark-theme {
    /* 背景色 - 深灰黑色系 */
    --bg-primary: #1e1e1e;
    --bg-secondary: #252526;
    --bg-tertiary: #2d2d30;
    --bg-card: #2d2d30;
    --bg-hover: #3c3c3c;
    
    /* 文字颜色 - 灰色渐变（深色模式下字体更暗） */
    --text-primary: #d4d4d4;
    --text-secondary: #a0a0a0;
    --text-tertiary: #707070;
    --text-placeholder: #4a4a4a;
    
    /* 边框颜色 - 灰色边框 */
    --border-color: #3c3c3c;
    --border-light: #2d2d30;
    --border-hover: #4a4a4a;
    
    /* 主色调 - 红色强调（IDE风格） */
    --primary-color: #c93c37;
    --primary-hover: #e04e49;
    --primary-active: #a5302b;
    --primary-bg: rgba(201, 60, 55, 0.15);
    
    /* Swiper主题色 */
    --swiper-theme-color: #c93c37;
    
    /* 成功色 */
    --success-color: #4ec9b0;
    --success-bg: rgba(78, 201, 176, 0.15);
    
    /* 警告色 */
    --warning-color: #dcdcaa;
    --warning-bg: rgba(220, 220, 170, 0.15);
    
    /* 危险色 */
    --danger-color: #f14c4c;
    --danger-bg: rgba(241, 76, 76, 0.15);
    
    /* 信息色 */
    --info-color: #569cd6;
    --info-bg: rgba(86, 156, 214, 0.15);
    
    /* 阴影 */
    --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-heavy: 0 8px 20px rgba(0, 0, 0, 0.6);
    
    /* 滚动条 */
    --scrollbar-track: #252526;
    --scrollbar-thumb: #4a4a4a;
    --scrollbar-thumb-hover: #5a5a5a;
    
    /* 按钮颜色 - 深色模式统一 */
    --btn-primary-bg: #c93c37;
    --btn-primary-hover-bg: #e04e49;
    --btn-primary-text: #ffffff;
    
    --btn-default-bg: #2d2d30;
    --btn-default-text: #ffffff;
    --btn-default-border: #3c3c3c;
    
    /* 状态颜色 - 深色模式统一 */
    --status-success: #4ec9b0;
    --status-warning: #dcdcaa;
    --status-danger: #f14c4c;
    --status-info: #569cd6;
    
    /* Tooltip颜色 */
    --tooltip-bg: #2d2d30;
    --tooltip-text: #d4d4d4;
    --tooltip-border: #3c3c3c;
}

/* ==================== 全局样式覆盖 ==================== */

/* 全局body */
body {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    background-image: none !important;
}

/* 深色模式下的body */
.dark-theme body,
.dark-theme {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    background-image: none !important;
}

/* ==================== 卡片和面板 ==================== */

.think-box-shadow,
.card,
.panel,
.box,
.layui-table,
.layui-table-view,
.layui-table-box {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-light) !important;
    color: var(--text-primary) !important;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* ==================== 文字颜色 ==================== */

.color-text,
.text-primary,
.text-primary *,
h1, h2, h3, h4, h5, h6,
.title, .heading,
.form-title, .panel-title,
.layui-table th,
.layui-table td,
.layui-layer-title,
.layui-form-select dd.layui-this {
    color: var(--text-primary) !important;
}

.text-secondary,
.subtitle, .desc, .description,
p, li, td,
.layui-nav .layui-nav-item a,
.layui-tab-title li,
.layui-layer-content,
.bit_dl a,
.bit_cont a {
    color: var(--text-secondary) !important;
}

.text-tertiary,
.disabled,
.placeholder {
    color: var(--text-tertiary) !important;
}

/* 占位符 */
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--text-placeholder) !important;
    opacity: 1;
}

/* ==================== 链接 ==================== */

a {
    color: var(--primary-color) !important;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--primary-hover) !important;
}

a:active {
    color: var(--primary-active) !important;
}

/* ==================== 按钮 ==================== */

/* 主按钮 */
.layui-btn,
.btn-primary,
button:not(.layui-btn):not([class*="btn"]):not(.theme-switch):not(.theme-menu-item) {
    background-color: #B91C1C !important;
    color: var(--btn-primary-text) !important;
    border: none !important;
    transition: all 0.3s ease;
}

.layui-btn:hover,
.btn-primary:hover,
button:not(.layui-btn):not([class*="btn"]):not(.theme-switch):not(.theme-menu-item):hover {
    background-color: #a5302b !important;
    transform: translateY(-1px);
    box-shadow: var(--shadow-medium);
}

.layui-btn:active {
    background-color: var(--btn-primary-active-bg, var(--btn-primary-hover-bg)) !important;
    transform: translateY(0);
}

/* 默认按钮 - 浅色模式下使用深灰色 */
.layui-btn-primary,
.btn-default,
.btn-outline {
    background-color: #4a4a4a !important;
    color: #ffffff !important;
    border-color: #4a4a4a !important;
}

/* 蓝色按钮改为深灰色（浅色模式） */
.layui-btn,
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-normal) {
    background-color: #4a4a4a !important;
    color: #ffffff !important;
    border-color: #4a4a4a !important;
}

.layui-btn-primary:hover,
.btn-default:hover,
.btn-outline:hover {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    background-color: var(--primary-bg) !important;
}

/* 危险按钮 */
.layui-btn-danger,
.btn-danger {
    background-color: var(--danger-color) !important;
    color: #fff !important;
}

.layui-btn-danger:hover {
    background-color: var(--danger-color) !important;
    filter: brightness(1.1);
}

/* 禁用按钮 */
.layui-btn-disabled,
.btn-disabled,
[disabled] {
    background-color: var(--bg-hover) !important;
    color: var(--text-tertiary) !important;
    border-color: var(--border-color) !important;
    cursor: not-allowed;
}

/* ==================== 表单元素 ==================== */

/* 输入框 */
.layui-input,
.layui-textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="time"],
textarea,
select {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: all 0.3s ease;
}

.layui-input:hover,
.layui-textarea:hover,
input:hover,
textarea:hover,
select:hover {
    border-color: var(--border-hover) !important;
}

.layui-input:focus,
.layui-textarea:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px var(--primary-bg) !important;
}

/* ==================== 表格 ==================== */

.layui-table th {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.layui-table td {
    border-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}

.layui-table tr:hover td {
    background-color: var(--bg-hover) !important;
}

/* 表格工具栏 */
.layui-table-tool {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* ==================== 导航 ==================== */

.layui-nav,
.layui-nav-bar,
.layui-nav .layui-nav-item a {
    background-color: var(--bg-card) !important;
    color: var(--text-secondary) !important;
}

/* 侧边栏下拉菜单使用变量 */
.layui-side .layui-nav-child {
    background-color: var(--bg-card) !important;
    color: var(--text-secondary) !important;
}

.layui-nav .layui-nav-item a {
    color: var(--text-secondary) !important;
}

.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
    color: var(--primary-color) !important;
}

/* 顶部导航栏选中和hover样式 - 浅色模式 */
body:not(.dark-theme) .layui-layout-admin.layui-layout-left-hide .layui-header ul.layui-nav.layui-layout-left > li.layui-nav-item.layui-this {
    background-color: #c93c37 !important;
}

body:not(.dark-theme) .layui-layout-admin.layui-layout-left-hide .layui-header ul.layui-nav.layui-layout-left > li.layui-nav-item.layui-this > a {
    color: #ffffff !important;
    background-color: transparent !important;
}

body:not(.dark-theme) .layui-layout-admin.layui-layout-left-hide .layui-header ul.layui-nav.layui-layout-left > li.layui-nav-item > a:hover {
    background-color: rgba(201, 60, 55, 0.3) !important;
    color: #ffffff !important;
}

/* 左侧菜单栏浅色模式样式 */
.layui-side .layui-nav-tree .layui-nav-item.layui-this {
    background-color: #c93c37 !important;
}

.layui-side .layui-nav-tree .layui-nav-item.layui-this a {
    color: #ffffff;
}

.layui-side .layui-nav-tree .layui-nav-item a:hover {
    background-color: rgba(201, 60, 55, 0.3) !important;
    color: #666666 !important;
}

.layui-nav-child dd a {
    color: var(--text-secondary) !important;
}

.layui-nav-child dd a:hover,
.layui-nav-child dd.layui-this a {
    color: var(--primary-color) !important;
    background-color: var(--primary-bg) !important;
}

/* ==================== 标签页 ==================== */

.layui-tab-title {
    border-color: var(--border-color) !important;
}

.layui-tab-title li {
    color: var(--text-secondary) !important;
}

.layui-tab-title .layui-this {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

.layui-tab-content {
    background-color: var(--bg-card) !important;
}

/* ==================== 模态框和弹窗 ==================== */

.layui-layer {
    background-color: var(--bg-card) !important;
}

.layui-layer-title {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

.layui-layer-content {
    color: var(--text-primary) !important;
}

.layui-layer-btn a {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
    border-color: transparent !important;
}

.layui-layer-btn .layui-layer-btn1 {
    background-color: var(--btn-default-bg) !important;
    color: var(--btn-default-text) !important;
    border-color: var(--btn-default-border) !important;
}

/* ==================== 分页 ==================== */

.layui-laypage a,
.layui-laypage span,
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.layui-laypage a:hover {
    color: var(--primary-color) !important;
}

/* ==================== 徽章和标签 ==================== */

.layui-badge,
.layui-badge-rim,
.badge {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.layui-badge-success {
    background-color: var(--success-color) !important;
}

.layui-badge-warning {
    background-color: var(--warning-color) !important;
}

.layui-badge-danger {
    background-color: var(--danger-color) !important;
}

/* ==================== 进度条 ==================== */

.layui-progress-bar {
    background-color: var(--primary-color) !important;
}

.layui-progress {
    background-color: var(--bg-tertiary) !important;
}

/* ==================== 分割线 ==================== */

hr,
.divider,
.layui-divider {
    border-color: var(--border-color) !important;
}

/* ==================== 滚动条 ==================== */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}






/* ==================== Dashboard专用 ==================== */

.visit-stats-panel {
    background-color: var(--bg-card) !important;
    box-shadow: var(--shadow-light) !important;
}

.visit-stats-header {
    color: var(--text-primary) !important;
}

.visit-stat-item {
    background-color: var(--bg-tertiary) !important;
    transition: all 0.3s ease;
}

.visit-stat-item:hover {
    background-color: var(--bg-hover) !important;
    transform: translateY(-2px);
}

.stat-label {
    color: var(--text-tertiary) !important;
}

.stat-value {
    color: var(--text-primary) !important;
}

.visit-stat-divider {
    background-color: var(--border-color) !important;
}

/* Dashboard卡片 */
.dashboard-card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    transition: all 0.3s ease;
}

.dashboard-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-medium) !important;
    border-color: var(--primary-color) !important;
}

/* ==================== 前台网站专用 ==================== */

/* 头部 */
.dark-theme .pulic_head_cont_bg,
.dark-theme .header,
.dark-theme header {
    background-color: var(--bg-primary) !important;
}

.dark-theme .pulic_head_cont {
    background-color: var(--bg-primary) !important;
}

.dark-theme .logo .txt p {
    color: var(--text-primary) !important;
}

/* 导航 */
.dark-theme .pulic_head_cont .nav_dl .li .tle {
    color: #ffffff !important;
    border-bottom: none !important;
}

.dark-theme .pulic_head_cont .nav_dl .li .tle:hover,
.dark-theme .pulic_head_cont .nav_dl .li .tle.active {
    color: #B91C1C !important;
    border-bottom: 3px solid #B91C1C !important;
}

.dark-theme .bit_dl {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* 内容区 */
.dark-theme .contain, .dark-theme .content, .dark-theme .container { 
     background: transparent !important; 
 }

/* 区块 */
.dark-theme .section,
.dark-theme .block {
    background-color: #1e1e1e !important;
}

/* 虚线分隔线 - 深色模式全透明 */
.dark-theme .hr-line-dashed {
    color: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
}

/* 列表卡片 */
.dark-theme .list,
.dark-theme .item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

.dark-theme .tle,
.dark-theme .title {
    color: var(--text-primary) !important;
}

.dark-theme .txt,
.dark-theme .desc {
    color: var(--text-secondary) !important;
}

/* 按钮 */
.dark-theme .btn,
.dark-theme .sub_btn,
.dark-theme .bit_btn .btn {
    background: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
}

.dark-theme .btn:hover,
.dark-theme .sub_btn:hover,
.dark-theme .bit_btn .btn:hover {
    background: var(--btn-primary-hover-bg) !important;
    filter: brightness(1.1);
}

.dark-theme .btn-outline,
.dark-theme .btn_2 {
    background: var(--btn-default-bg) !important;
    color: var(--btn-default-text) !important;
    border-color: var(--btn-default-border) !important;
}

/* 表格 */
.dark-theme table {
    color: var(--text-primary) !important;
}

.dark-theme th,
.dark-theme td {
    border-color: var(--border-color) !important;
    background: transparent !important;
}

/* 分页 */
.dark-theme .page,
.dark-theme .pagination {
    background: transparent;
}

.dark-theme .page a,
.dark-theme .pagination a {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

.dark-theme .page a:hover,
.dark-theme .page .current,
.dark-theme .pagination a:hover,
.dark-theme .pagination .current {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* 轮播 */
.dark-theme .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5) !important;
}

.dark-theme .swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}

/* ==================== 登录页面 ==================== */

.dark-theme .login-container,
.dark-theme .login-wrapper {
    background: var(--bg-primary) !important;
}

.dark-theme .login-box,
.dark-theme .form-area {
    background: transparent !important;
    border-color: transparent !important;
}

.dark-theme .form-title,
.dark-theme .panel-tag {
    color: var(--text-primary) !important;
}

.dark-theme .field-label {
    color: var(--text-secondary) !important;
}

/* ==================== Footer/页脚 ==================== */

.dark-theme .pulic_foot_cont,
.dark-theme .footer,
.dark-theme footer {
    background: var(--bg-primary) !important;
}

.dark-theme .bit_copy {
    background: var(--bg-secondary) !important;
    color: var(--text-tertiary) !important;
}

/* ==================== 主题切换按钮 ==================== */

.theme-switch {
    background-color: var(--bg-card) !important;
    box-shadow: var(--shadow-medium) !important;
}

.theme-switch:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-heavy) !important;
}

.theme-menu {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-heavy) !important;
}

.theme-menu-item:hover {
    background: var(--bg-hover) !important;
}

.theme-menu-item.active {
    color: var(--primary-color) !important;
}

/* ==================== Hover状态统一 ==================== */

.dark-theme *:hover {
    border-color: var(--border-hover) !important;
}

.dark-theme a:hover,
.dark-theme button:hover,
.dark-theme .btn:hover {
    color: #ffffff !important;
}

/* ==================== 禁用和只读状态 ==================== */

.dark-theme [disabled],
.dark-theme .disabled,
.dark-theme .readonly,
.dark-theme .layui-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--bg-hover) !important;
    color: var(--text-tertiary) !important;
}

/* ==================== 选中状态 ==================== */

.dark-theme .selected,
.dark-theme .layui-form-checked[lay-filter] {
    background-color: var(--primary-bg) !important;
    color: var(--primary-color) !important;
}

/* ==================== 加载状态 ==================== */

.dark-theme .loading,
.dark-theme .layui-layer-loading {
    background: transparent !important;
    box-shadow: none !important;
}

.dark-theme .layui-layer-loading .layui-layer-content,
.dark-theme .layui-layer-loading .layui-layer-loading1,
.dark-theme .layui-layer-loading .layui-layer-loading2 {
    background: transparent !important;
}

.layui-layer-loading {
    background: transparent !important;
    box-shadow: none !important;
}

.layui-layer-loading .layui-layer-content,
.layui-layer-loading .layui-layer-loading1,
.layui-layer-loading .layui-layer-loading2 {
    background: transparent !important;
}

/* ==================== 时间线 ==================== */

.dark-theme .timeline-item {
    border-color: var(--border-color) !important;
}

/* ==================== 步骤条 ==================== */

.dark-theme .step-item {
    color: var(--text-secondary) !important;
}

.dark-theme .step-item.active,
.dark-theme .step-item.current {
    color: var(--primary-color) !important;
}

/* ==================== 后台管理特殊样式 ==================== */

/* 顶部导航栏 */
.dark-theme .layui-header {
    background-color: #1e1e1e !important;
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-header .layui-nav {
    background-color: transparent !important;
}

/* 左侧菜单 */
.dark-theme .layui-side {
    background-color: #252526 !important;
    border-right-color: #3c3c3c !important;
}

.dark-theme .layui-side-scroll {
    background-color: #252526 !important;
}

.dark-theme .layui-nav-tree {
    background-color: transparent !important;
}

.dark-theme .layui-nav-tree .layui-nav-item a {
    color: #d4d4d4 !important;
}

.dark-theme .layui-nav-tree .layui-nav-item a:hover {
    color: #ffffff !important;
    background-color: #3c3c3c !important;
}

.dark-theme .layui-nav-tree .layui-nav-item.layui-this a {
    color: #c93c37 !important;
    background-color: rgba(201, 60, 55, 0.15) !important;
}

.dark-theme .layui-nav-tree .layui-nav-child dd.layui-this a {
    color: #c93c37 !important;
    background-color: rgba(201, 60, 55, 0.15) !important;
}

/* Dashboard统计卡片 - 深色模式下保持原有渐变背景，仅调整边框 */
.dark-theme .dashboard-card {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

.dark-theme .dashboard-card:hover {
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-4px);
}

.dark-theme .dashboard-card .count {
    color: #ffffff !important;
}

.dark-theme .dashboard-card .title {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* 访问统计面板 */
.dark-theme .visit-stats-panel {
    background-color: #252526 !important;
}

.dark-theme .visit-stat-item {
    background-color: #2d2d30 !important;
}

.dark-theme .visit-stat-item:hover {
    background-color: #3c3c3c !important;
}

/* 表格操作按钮 */
.dark-theme .layui-table .layui-btn {
    background-color: #c93c37 !important;
    color: #ffffff !important;
}

.dark-theme .layui-table .layui-btn:hover {
    background-color: #e04e49 !important;
}

.dark-theme .layui-table .layui-btn-primary {
    background-color: #2d2d30 !important;
    color: #ffffff !important;
    border-color: #4a4a4a !important;
}

.dark-theme .layui-table .layui-btn-primary:hover {
    border-color: #c93c37 !important;
    color: #c93c37 !important;
}

.dark-theme .layui-table .layui-btn-warm {
    background-color: #3c3c3c !important;
    color: #858585 !important;
    border-color: #4a4a4a !important;
}

.dark-theme .layui-table .layui-btn-danger {
    background-color: #f14c4c !important;
    color: #ffffff !important;
}

/* 富文本编辑器区域 */
.dark-theme .layui-textarea,
.dark-theme .layui-edit-layedit {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 页面内容区域 */
.dark-theme .layui-body {
    background-color: #1e1e1e !important;
    background-image: none !important;
}

/* 右侧滑块 */
.dark-theme .layui-layout-admin .layui-side-scroll {
    background-color: #252526 !important;
}

/* 登录页面 */
.dark-theme .login-container {
    background: linear-gradient(135deg, #1e1e1e 0%, #252526 100%) !important;
}

.dark-theme .login-box {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .login-box h1,
.dark-theme .login-box h2,
.dark-theme .login-box h3 {
    color: #ffffff !important;
}

.dark-theme .login-box label {
    color: #d4d4d4 !important;
}

.dark-theme .login-box input {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .login-btn {
    background-color: #c93c37 !important;
    color: #ffffff !important;
}

/* 搜索框 */
.dark-theme .layui-input-search {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 下拉选择框 */
.dark-theme .layui-form-select dl {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-form-select dl dd {
    color: #d4d4d4 !important;
}

.dark-theme .layui-form-select dl dd:hover {
    background-color: #3c3c3c !important;
}

.dark-theme .layui-form-select dl dd.layui-this {
    background-color: rgba(201, 60, 55, 0.15) !important;
    color: #c93c37 !important;
}

/* 复选框和单选框 */
.dark-theme .layui-form-checkbox[lay-skin="primary"] {
    border-color: #3c3c3c !important;
}

.dark-theme .layui-form-checkbox[lay-skin="primary"]:hover {
    border-color: #c93c37 !important;
}

.dark-theme .layui-form-checkbox[lay-skin="primary"] i {
    background-color: #c93c37 !important;
}

/* 开关 */
.dark-theme .layui-form-switch {
    background-color: #3c3c3c !important;
}

.dark-theme .layui-form-switch em {
    background-color: #858585 !important;
}

.dark-theme .layui-form-onswitch {
    background-color: #c93c37 !important;
}

.dark-theme .layui-form-onswitch em {
    background-color: #ffffff !important;
}

/* Tab标签页 */
.dark-theme .layui-tab-title {
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-tab-title li {
    color: #858585 !important;
}

.dark-theme .layui-tab-title li:hover {
    color: #d4d4d4 !important;
}

.dark-theme .layui-tab-title .layui-this {
    color: #c93c37 !important;
    border-bottom-color: #c93c37 !important;
}

/* 工具条 */
.dark-theme .layui-table-tool {
    background-color: #252526 !important;
    border-bottom-color: #3c3c3c !important;
}

/* 弹窗遮罩 */
.dark-theme .layui-layer-shade {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* 弹窗内容 */
.dark-theme .layui-layer-content {
    background-color: #2d2d30 !important;
}

/* 滚动条（自定义） */
.dark-theme .scrollbar {
    scrollbar-color: #4a4a4a #252526;
}

/* 时间选择器 */
.dark-theme .layui-laydate {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-laydate-header {
    background-color: #252526 !important;
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-laydate-content td {
    color: #d4d4d4 !important;
}

.dark-theme .layui-laydate-content td:hover {
    background-color: #3c3c3c !important;
}

.dark-theme .layui-laydate-content td.laydate-selected {
    background-color: rgba(201, 60, 55, 0.15) !important;
    color: #c93c37 !important;
}

/* 上传按钮 */
.dark-theme .layui-upload-button {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #d4d4d4 !important;
}

.dark-theme .layui-upload-button:hover {
    border-color: #c93c37 !important;
    color: #c93c37 !important;
}

/* 文件选择框 */
.dark-theme .layui-file {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

/* 表单标签 */
.dark-theme .layui-form-label {
    color: #d4d4d4 !important;
}

/* 表单提示 */
.dark-theme .layui-form-mid {
    color: #858585 !important;
}

/* 错误提示 */
.dark-theme .layui-form-danger {
    color: #f14c4c !important;
}

/* 成功提示 */
.dark-theme .layui-form-success {
    color: #4ec9b0 !important;
}

/* 警告提示 */
.dark-theme .layui-form-warning {
    color: #dcdcaa !important;
}

/* 排序图标 */
.dark-theme .layui-table-sort {
    color: #858585 !important;
}

/* 页码输入框 */
.dark-theme .layui-laypage input {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 下拉菜单 - 侧边栏 */
.dark-theme .layui-side .layui-nav-child {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-side .layui-nav-child a {
    color: #d4d4d4 !important;
}

.dark-theme .layui-side .layui-nav-child a:hover {
    color: #c93c37 !important;
    background-color: #3c3c3c !important;
}

/* ==================== 表格区域样式 ==================== */

/* 表格整体背景 */
.dark-theme .layui-table-view {
    background-color: #252526 !important;
}

/* 表格内容区 */
.dark-theme .layui-table {
    background-color: #252526 !important;
}

.dark-theme .layui-table th,
.dark-theme .layui-table td {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-table tr:hover td {
    background-color: #3c3c3c !important;
}

/* 表格头部 */
.dark-theme .layui-table thead tr {
    background-color: #2d2d30 !important;
}

.dark-theme .layui-table thead th {
    color: #ffffff !important;
    border-color: #3c3c3c !important;
}

/* 表格工具条 */
.dark-theme .layui-table-tool {
    background-color: #252526 !important;
    border-bottom-color: #3c3c3c !important;
}

/* 分页区域 */
.dark-theme .layui-laypage {
    background-color: #252526 !important;
}

.dark-theme .layui-laypage a,
.dark-theme .layui-laypage span {
    background-color: #2d2d30 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-laypage a:hover {
    background-color: #3c3c3c !important;
    color: #c93c37 !important;
}

.dark-theme .layui-laypage .layui-laypage-curr {
    background-color: #c93c37 !important;
    color: #ffffff !important;
    border-color: #c93c37 !important;
}

.dark-theme .layui-laypage .layui-laypage-curr em {
    border-color: #c93c37 !important;
    background-color: #c93c37 !important;
}

/* 分页容器选中状态 - 半透明红色 */
.pagination-container>ul>li.active>span {
    color: #fff !important;
    border-color: rgba(201, 60, 55, 0.5) !important;
    background: rgba(201, 60, 55, 0.5) !important;
}

/* 富文本编辑器 - 深色模式 */




/* 编辑器工具栏按钮文字 */
.dark-theme .cke_button_label,
.dark-theme .edui-btn-label,
.dark-theme .edui-toolbar .edui-btn-text {
    color: #f9f9f9 !important;
}



/* 编辑器工具栏容器 */
.dark-theme .cke_top *,
.dark-theme .edui-toolbarbox * {
    color: #f9f9f9 !important;
}

/* 编辑器工具栏分隔线 */
.dark-theme .cke_toolbar_separator {
    background-color: #3c3c3c !important;
}





/* 编辑器工具栏图标和文字 - 提高可见性 */
.cke_top {
    background: #f8f8f8 !important;
}
.dark-theme .cke_top {
    background: #2d2d30 !important;
	border-bottom: 1px solid #252526;
}

.dark-theme .cke_button_icon {
    filter: invert(1) brightness(0.9) !important;
}

.dark-theme .cke_toolgroup {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .cke_button {
    color: #ffffff !important;
}

.dark-theme .cke_button:hover {
    background-color: #3c3c3c !important;
}


.dark-theme a.cke_button_on
 {
    background: #2d2d30;
	border: none;

}
.dark-theme textarea.cke_source
 {
	background-color: #2d2d2d !important;
}
.dark-theme .cke_bottom
 {
    border-top: 1px solid #252526;
    background: #2d2d30;
}
.dark-theme .cke_editable
 {
    background: #2d2d2d !important;
}


/* ==================== 弹窗模态框样式 ==================== */

/* 弹窗背景遮罩 */
.dark-theme .layui-layer-shade {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* 弹窗主体 */
.dark-theme .layui-layer {
    background-color: #252526 !important;
    border: none !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
}

/* 弹窗标题栏 */
.dark-theme .layui-layer-title {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-bottom-color: #3c3c3c !important;
}

/* 弹窗内容区 */
.dark-theme .layui-layer-content {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
}

/* 弹窗按钮区域 */
.dark-theme .layui-layer-btn {
    background-color: #252526 !important;
    border-top: none !important;
}

.dark-theme .layui-layer-btn a {
    background-color: #2d2d30 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-layer-btn .layui-layer-btn0 {
    background-color: #c93c37 !important;
    color: #ffffff !important;
    border-color: #c93c37 !important;
}

/* ==================== 内容管理页面特殊样式 ==================== */

/* 内容编辑区域 */
.dark-theme .layui-tab-content {
    background-color: #1e1e1e !important;
}

/* 表单分组 */
.dark-theme .layui-form-item {
    background-color: #252526 !important;
}

/* 表单标签 */
.dark-theme .layui-form-label {
    color: #d4d4d4 !important;
}

/* 表单输入框 */
.dark-theme .layui-input,
.dark-theme .layui-textarea {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .layui-input:focus,
.dark-theme .layui-textarea:focus {
    border-color: #c93c37 !important;
}

/* 表单提示 */
.dark-theme .layui-form-mid {
    color: #858585 !important;
}

/* 表单错误提示 */
.dark-theme .layui-form-danger {
    color: #f14c4c !important;
}

/* 表单成功提示 */
.dark-theme .layui-form-success {
    color: #4ec9b0 !important;
}

/* ==================== 右侧操作栏样式 ==================== */

/* 右侧滑块背景 */
.dark-theme .layui-layout-admin .layui-side-scroll {
    background-color: #252526 !important;
}

/* 右侧菜单 */
.dark-theme .layui-nav-tree .layui-nav-item a {
    color: #d4d4d4 !important;
}

.dark-theme .layui-nav-tree .layui-nav-item a:hover {
    background-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .layui-nav-tree .layui-nav-item.layui-this a {
    background-color: rgba(201, 60, 55, 0.15) !important;
    color: #c93c37 !important;
}

/* ==================== 页面容器样式 ==================== */

/* 页面内容容器 */
.dark-theme .layui-container {
    background-color: #1e1e1e !important;
}

/* 卡片容器 */
.dark-theme .think-box-shadow {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

/* 统计面板 */
.dark-theme .visit-stats-panel {
    background-color: #252526 !important;
}

/* 系统信息区域 */
.dark-theme .system-info-item {
    background-color: #2d2d30 !important;
}

.dark-theme .system-info-item .info-label {
    color: #858585 !important;
}

.dark-theme .system-info-item .info-value {
    color: #ffffff !important;
}

/* ==================== 按钮统一样式 ==================== */

/* 主按钮 */
.dark-theme .layui-btn {
    background-color: #c93c37 !important;
    color: #ffffff !important;
    border-color: #c93c37 !important;
}

.dark-theme .layui-btn:hover {
    background-color: #e04e49 !important;
    border-color: #e04e49 !important;
}

/* 次要按钮 */
.dark-theme .layui-btn-primary {
    background-color: #2d2d30 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-btn-primary:hover {
    background-color: #3c3c3c !important;
    color: #c93c37 !important;
    border-color: #c93c37 !important;
}

/* 禁用按钮 */
.dark-theme .layui-btn-warm {
    background-color: #3c3c3c !important;
    color: #858585 !important;
    border-color: #4a4a4a !important;
}

/* 危险按钮 */
.dark-theme .layui-btn-danger {
    background-color: #f14c4c !important;
    color: #ffffff !important;
    border-color: #f14c4c !important;
}

/* ==================== 文字颜色统一 ==================== */

.dark-theme .layui-text {
    color: #d4d4d4 !important;
}

.dark-theme .layui-h1,
.dark-theme .layui-h2,
.dark-theme .layui-h3,
.dark-theme .layui-h4 {
    color: #ffffff !important;
}

/* ==================== 图标颜色 ==================== */

.dark-theme .layui-icon {
    color: #d4d4d4 !important;
}

/* 红色图标 */
.dark-theme .layui-icon-red {
    color: #c93c37 !important;
}

/* ==================== 分割线 ==================== */

.dark-theme hr {
    border-color: #3c3c3c !important;
}

/* ==================== 滚动条样式 ==================== */

/* 自定义滚动条 */
.dark-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
    background: #252526;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #5a5a5a;
}

/* ==================== 表单输入框增强样式 ==================== */

/* 输入框内部背景 */
.dark-theme .layui-form-item .layui-input-inline input,
.dark-theme .layui-form-item .layui-input-inline textarea,
.dark-theme .layui-form-item .layui-input-inline select {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .layui-form-item .layui-input-inline input:focus,
.dark-theme .layui-form-item .layui-input-inline textarea:focus,
.dark-theme .layui-form-item .layui-input-inline select:focus {
    border-color: #c93c37 !important;
    box-shadow: 0 0 0 2px rgba(201, 60, 55, 0.2) !important;
}

.dark-theme .layui-form-item .layui-input-inline input::placeholder,
.dark-theme .layui-form-item .layui-input-inline textarea::placeholder {
    color: #4a4a4a !important;
}

/* 数字输入框 */
.dark-theme input[type="number"] {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 复选框和单选框 */
.dark-theme .think-checkbox input[type=checkbox] {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .think-checkbox input[type=checkbox]:checked {
    background-color: #c93c37 !important;
    border-color: #c93c37 !important;
}

.dark-theme .think-checkbox input[type=checkbox]:checked:after {
    color: #ffffff !important;
}

.dark-theme .think-radio input[type=radio] {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .think-radio input[type=radio]:checked:after {
    background-color: #c93c37 !important;
}

/* ==================== 后台头部导航栏 ==================== */

/* Logo区域背景 */
.dark-theme .layui-header .layui-logo {
    background-color: #2d2d30 !important;
    color: #c93c37 !important;
}

.dark-theme .layui-header {
    background-color: #2d2d30 !important;
    border-bottom-color: #3c3c3c !important;
}

/* 顶部导航菜单 */
.dark-theme .layui-header .layui-nav-item a {
    color: #d4d4d4 !important;
   
}

.dark-theme .layui-header .layui-nav-item a:hover {
    color: #ffffff !important;
    background-color: rgba(201, 60, 55, 0.3) !important;
}

.dark-theme .layui-header .layui-nav-item.layui-this {
    background-color: #c93c37 !important;
}

.dark-theme .layui-header .layui-nav-item.layui-this a {
    color: #ffffff !important;
}

/* 顶部下拉菜单 */
body.dark-theme .layui-layout-admin .layui-header ul.layui-nav li.layui-nav-item dl.layui-nav-child {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .layui-layout-admin .layui-header ul.layui-nav li.layui-nav-item dl.layui-nav-child dd a {
    color: #d4d4d4 !important;
}

body.dark-theme .layui-layout-admin .layui-header ul.layui-nav li.layui-nav-item dl.layui-nav-child dd a:hover {
    color: #ffffff !important;
    background-color: rgba(201, 60, 55, 0.3) !important;
}

/* 覆盖 console.css 中编译后的浅色模式下拉菜单样式 */
/* .layui-header .layui-nav-item .layui-nav-child{background:#fff} */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child {
    background: #2d2d30 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
/* .layui-header .layui-nav-item .layui-nav-child.layui-show+a{background:#fff} */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child.layui-show+a {
    background: #2d2d30 !important;
}
/* .layui-header .layui-nav-item .layui-nav-child.layui-show+a span{color:#333} */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child.layui-show+a span {
    color: #ffffff !important;
}
/* .layui-header .layui-nav-item .layui-nav-child dd{background:#fff} */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child dd {
    background: #2d2d30 !important;
    margin-top: 0 !important;
}
/* .layui-header .layui-nav-item .layui-nav-child dd a{color:#333} */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child dd a {
    color: #ffffff !important;
    margin-top: 0 !important;
    background: transparent !important;
}
/* 下拉菜单 hover 效果 */
body.dark-theme .layui-header .layui-nav-item .layui-nav-child dd a:hover {
    color: #ffffff !important;
    background: rgba(201, 60, 55, 0.3) !important;
}
/* 确保下拉菜单整体背景深色 */
body.dark-theme .layui-layout-admin .layui-header ul.layui-nav.layui-layout-right li.layui-nav-item dl.layui-nav-child {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
/* 移除可能导致白线的边框 */
body.dark-theme .layui-layout-admin .layui-header .layui-nav-item .layui-nav-child dd a {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
/* 移除下拉菜单项之间的分割线 */
body.dark-theme .layui-layout-admin .layui-header .layui-nav-item .layui-nav-child dd {
    border-bottom: none !important;
}
/* 确保图标和文字颜色清晰可见 */
body.dark-theme .layui-layout-admin .layui-header .layui-nav-item .layui-nav-child dd a i {
    color: #ffffff !important;
}

/* ==================== 左侧菜单栏 ==================== */

.dark-theme .layui-layout>.layui-side {
    background-color: #252526 !important;
    border-right-color: #3c3c3c !important;
}

.dark-theme .layui-layout>.layui-side .layui-side-scroll {
    background-color: #252526 !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item {
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item a {
    color: #d4d4d4 !important;
    background-color: transparent !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item a:hover {
    color: #ffffff !important;
    background-color: rgba(201, 60, 55, 0.3) !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item.layui-this {
    background-color: #c93c37 !important;
    border-left-color: #c93c37 !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item.layui-this a {
    color: #ffffff !important;
}

/* 二级菜单 */
.dark-theme .layui-layout>.layui-side .layui-nav-item .layui-nav-child {
    background-color: #2d2d30 !important;
    border-top-color: #3c3c3c !important;
}

.dark-theme .layui-layout>.layui-side .layui-nav-item .layui-nav-child dd a {
    color: #d4d4d4 !important;
}

.dark-theme .layui-layout>.layui-nav-child dd.layui-this a {
    color: #c93c37 !important;
    background-color: rgba(201, 60, 55, 0.15) !important;
}

/* ==================== 后台首页统计卡片 ==================== */

/* 统计卡片通用样式 - 添加边框适配深色模式 */
.dark-theme .dashboard-card {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .dashboard-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 访问统计和系统信息标题 - 深色模式 */
.dark-theme .visit-stats-header,
.dark-theme .section-header {
    color: #ffffff !important;
}

.dark-theme .visit-stats-header .layui-icon,
.dark-theme .section-header .layui-icon {
    color: #c93c37 !important;
}

/* 系统信息值 - 深色模式 */
.dark-theme .system-info-item .info-value {
    color: #d4d4d4 !important;
}

/* ==================== 页面内容区域 ==================== */

/* 主体内容背景 */
.dark-theme .layui-layout>.layui-body {
    background-color: #1e1e1e !important;
}

/* 卡片头部 */
.dark-theme .layui-layout>.layui-body>.layui-card>.layui-card-header {
    background-color: #252526 !important;
    border-bottom-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 卡片内容 */
.dark-theme .layui-layout>.layui-body>.layui-card>.layui-card-body {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

/* Tab内容区 */
.dark-theme .layui-tab-content {
    background-color: #252526 !important;
}

/* 信息配置页面表单背景 */
.dark-theme .layui-form-item {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

/* 表单标签 */
.dark-theme .layui-form-label {
    color: #d4d4d4 !important;
}

/* ==================== 前台页面样式 ==================== */

/* 案例页面头图区域 */
.dark-theme .header-banner,
.dark-theme .banner-section {
    background-color: #252526 !important;
}

/* 案例页面banner首图 */
.dark-theme .cont_baner {
    background-color: #1e1e1e !important;
}

.dark-theme .cont_baner .bg {
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
}

.dark-theme .cont_baner .contain {
    background-color: transparent !important;
}

/* 首页轮播图下面的index_case_1区域 */
.dark-theme .index_case_1 {
    background-color: #252526 !important;
}

.dark-theme .index_case_1 .title_head h2,
.dark-theme .index_case_1 .title_head p {
    color: #ffffff !important;
}

.dark-theme .index_case_1 .last_cont .list .txt {
    color: #d4d4d4 !important;
}

/* 首页index_case_2区域 */
.dark-theme .index_case_2 {
    background-color: #252526 !important;
}

.dark-theme .index_case_2 .title_head h2,
.dark-theme .index_case_2 .title_head p {
    color: #ffffff !important;
}

.dark-theme .index_case_2 .last_cont .list .txt {
    color: #d4d4d4 !important;
}

.dark-theme .index_case_2 .last_cont .list {
    padding: 15px 5px !important;
    
}

/* 首页index_case_4区域 */
.dark-theme .index_case_4 {
    background-color: #252526 !important;
}
.dark-theme .tis_num {
    color: #c93c37 !important;
    font-size: 60px !important;
}
.index_case_3 .tis_head .nav_dl .list {
    background: transparent !important;
}

.dark-theme .index_case_4 .title_head {
    color: #ffffff !important;
}

.dark-theme .index_case_4 .last_cont .list .det h2 {
    color: #ffffff !important;
}

.dark-theme .index_case_4 .last_cont .list .det p {
    color: #d4d4d4 !important;
}

.dark-theme .index_case_4 .last_cont .list {
    border-bottom-color: #3c3c3c !important;
}

/* 首页index_case_6区域 */
.dark-theme .index_case_6 .case6_baner_cont {
    background-color: #2d2d30 !important;
}

/* 精选案例标题背景 - 与背景一致 */
.dark-theme .index_case_6 .tis_cont {
    background-color: transparent !important;
}

/* 运用领域区域 */
.dark-theme .index_case_3 .tis_head {
    background-color: transparent !important;
}

.dark-theme .index_case_3 .tis_head .tle {
    color: #ffffff !important;
    background-color: transparent !important;
}

.dark-theme .index_case_3 .tis_head .nav_dl {
    background-color: transparent !important;
}

/* 运用领域图标 - 深色模式下显示红色 */
.dark-theme .index_case_3 .tis_head .nav_dl .list .tis_i img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(85%) saturate(7453%) hue-rotate(357deg) brightness(97%) contrast(111%) !important;
    opacity: 0.85 !important;
}

.dark-theme .index_case_3 .tis_head .nav_dl .list:hover .tis_i img,
.dark-theme .index_case_3 .tis_head .nav_dl .list.hover .tis_i img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(85%) saturate(7453%) hue-rotate(357deg) brightness(105%) contrast(111%) !important;
    opacity: 1 !important;
}

/* 运用领域文字颜色 */
.dark-theme .index_case_3 .tis_head .nav_dl .list .det h2 {
    color: #ffffff !important;
}

.dark-theme .index_case_3 .tis_head .nav_dl .list .det p {
    color: #d4d4d4 !important;
}




.dark-theme .list, .dark-theme .item {
    background: transparent !important;
}
/* 精选案例箭头 - 透明/半透明 */
.dark-theme .index_case_6 .case6_baner_cont .index_case6_prev,
.dark-theme .index_case_6 .case6_baner_cont .index_case6_next {
    opacity: 0.6 !important;
    background-color: rgba(45, 45, 48, 0.5) !important;
}

.dark-theme .index_case_6 .case6_baner_cont .index_case6_prev:hover,
.dark-theme .index_case_6 .case6_baner_cont .index_case6_next:hover {
    opacity: 0.9 !important;
    background-color: rgba(45, 45, 48, 0.7) !important;
}

/* 案例8箭头 - 透明/半透明 */
.dark-theme .index_case_8 .case8_baner_cont .index_case8_prev,
.dark-theme .index_case_8 .case8_baner_cont .index_case8_next {
    opacity: 0.6 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .index_case_8 .case8_baner_cont .index_case8_prev:hover,
.dark-theme .index_case_8 .case8_baner_cont .index_case8_next:hover {
    opacity: 0.9 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* 案例详情箭头 - 透明/半透明 */
.dark-theme .example_detail_baner .example_detail_prev,
.dark-theme .example_detail_baner .example_detail_next {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .example_detail_baner .example_detail_prev:hover,
.dark-theme .example_detail_baner .example_detail_next:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* 产品推荐箭头 - 透明/半透明 */
.dark-theme .product_recom_cont .recom_prev,
.dark-theme .product_recom_cont .recom_next {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .product_recom_cont .recom_prev:hover,
.dark-theme .product_recom_cont .recom_next:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* 服务列表箭头 - 透明/半透明 */
.dark-theme .service_last_content .service_prev,
.dark-theme .service_last_content .service_next {
    opacity: 0.6 !important;
    background-color: rgba(45, 45, 48, 0.5) !important;
}

.dark-theme .service_last_content .service_prev:hover,
.dark-theme .service_last_content .service_next:hover {
    opacity: 0.9 !important;
    background-color: rgba(45, 45, 48, 0.7) !important;
}

/* 服务详情案例箭头 - 透明/半透明 */
.dark-theme .serdet_case_2 .serdet_prev,
.dark-theme .serdet_case_2 .serdet_next {
    opacity: 0.6 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .serdet_case_2 .serdet_prev:hover,
.dark-theme .serdet_case_2 .serdet_next:hover {
    opacity: 0.9 !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* 箭头旁边的蓝色条改为红色 */
.dark-theme .index_case5_baner .bit_set_cont {
    border-color: #c93c37 !important;
}

.dark-theme .page-title-area {
    background-color: #252526 !important;
}

/* 页面标题 */
.dark-theme .page-title {
    color: #ffffff !important;
}

.dark-theme .page-subtitle {
    color: #d4d4d4 !important;
}
.dark-theme .layui-input, .layui-textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], textarea, select {
    background-color: #252526 !important;
}


.dark-theme .pulic_foot_cont .tis_content .consul_service .tis_nav .li:hover, .pulic_foot_cont .tis_content .consul_service .tis_nav .li.active {
    background: transparent !important;

}
/* 面包屑导航 */
.dark-theme .breadcrumb {
    background-color: #252526 !important;
}

.dark-theme .breadcrumb a {
    color: #d4d4d4 !important;
}

.dark-theme .breadcrumb a:hover {
    color: #c93c37 !important;
}

/* 案例展示卡片 */
.dark-theme .case-card,
.dark-theme .project-card {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .case-card .card-title,
.dark-theme .project-card .card-title {
    color: #ffffff !important;
}

.dark-theme .case-card .card-desc,
.dark-theme .project-card .card-desc {
    color: #d4d4d4 !important;
}

/* 图片容器 */
.dark-theme .img-container {
    background-color: #252526 !important;
}

/* 按钮 */
.dark-theme .btn-primary {
    background-color: #c93c37 !important;
    color: #ffffff !important;
}

.dark-theme .btn-secondary {
    background-color: #2d2d30 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

/* ==================== 表格内部元素 ==================== */

/* 表格输入框 */
.dark-theme .layui-table input {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 表格下拉框 */
.dark-theme .layui-table select {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* ==================== 富文本编辑器 ==================== */

.dark-theme .layui-layedit {
    background-color: #252526 !important;
}

.dark-theme .layui-layedit-tool {
    background-color: #2d2d30 !important;
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-layedit-tool .layui-icon {
    color: #d4d4d4 !important;
}

.dark-theme .layui-layedit-tool .layui-icon:hover {
    color: #c93c37 !important;
}

/* ==================== 文件上传区域 ==================== */

.dark-theme .layui-upload-drag {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #d4d4d4 !important;
}

.dark-theme .layui-upload-drag:hover {
    border-color: #c93c37 !important;
}

/* ==================== 评分组件 ==================== */

.dark-theme .layui-rate li i {
    color: #3c3c3c !important;
}

.dark-theme .layui-rate li i:hover,
.dark-theme .layui-rate li.layui-rate-hover i {
    color: #c93c37 !important;
}

.dark-theme .layui-rate li.layui-rate-on i {
    color: #c93c37 !important;
}

/* ==================== 日期选择器 ==================== */

.dark-theme .layui-laydate {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-laydate-header {
    background-color: #252526 !important;
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-laydate-header i {
    color: #d4d4d4 !important;
}

.dark-theme .layui-laydate-content td {
    color: #d4d4d4 !important;
}

.dark-theme .layui-laydate-content td:hover {
    background-color: #3c3c3c !important;
}

.dark-theme .laydate-selected {
    background-color: rgba(201, 60, 55, 0.15) !important;
    color: #c93c37 !important;
}

/* ==================== 代码编辑器 ==================== */

.dark-theme .code-editor {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
}

/* ==================== 数据表格 ==================== */

/* 表格头部背景 */
.dark-theme .layui-table-view .layui-table-header {
    background-color: #252526 !important;
}

/* 表格行悬停 */
.dark-theme .layui-table tr:hover {
    background-color: #3c3c3c !important;
}

/* 表格边框 */
.dark-theme .layui-table,
.dark-theme .layui-table-view {
    border-color: #3c3c3c !important;
}

/* ==================== 搜索框 ==================== */

.dark-theme .form-search input {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .form-search select {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* ==================== 登录页面增强样式 ==================== */

/* 登录页面整体背景 */
.dark-theme .main-content {
    background-color: #1e1e1e !important;
}

/* 登录表单背景 */
.dark-theme .form-wrapper {
    background-color: #252526 !important;
    border: 1px solid #3c3c3c !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: none !important;
}

/* 移除表单周围的透明装饰层 */
.dark-theme .form-wrapper::before,
.dark-theme .form-wrapper::after {
    display: none !important;
}

/* 表单标题和副标题 */
.dark-theme .form-title {
    color: #ffffff !important;
}

.dark-theme .form-subtitle {
    color: #d4d4d4 !important;
}

.dark-theme .field-label {
    color: #d4d4d4 !important;
}

/* 登录输入框容器背景 */
.dark-theme .field-wrap {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .field-wrap:focus-within {
    border-color: #c93c37 !important;
    background-color: #2d2d30 !important;
    box-shadow: 0 0 0 3px rgba(201, 60, 55, 0.1) !important;
}

/* 登录输入框文字颜色 */
.dark-theme .form-wrapper ul li input {
    color: #ffffff !important;
    background: transparent !important;
}

.dark-theme .form-wrapper ul li input:focus {
    color: #ffffff !important;
}

.dark-theme .form-wrapper ul li input::placeholder {
    color: #4a4a4a !important;
}

/* 浏览器自动填充样式 */
.dark-theme .form-wrapper ul li input:-webkit-autofill,
.dark-theme .form-wrapper ul li input:-webkit-autofill:hover,
.dark-theme .form-wrapper ul li input:-webkit-autofill:focus,
.dark-theme .form-wrapper ul li input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2d2d30 inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 输入框图标颜色 */
.dark-theme .form-wrapper ul li i.layui-icon {
    color: #c93c37 !important;
}

/* 登录按钮 */
.dark-theme .form-wrapper ul li button:not(.layui-disabled) {
    background: linear-gradient(90deg, #c93c37 0%, #e04e49 100%) !important;
}

/* 登录表单底部提示 */
.dark-theme .footer-hint {
    color: #858585 !important;
}

/* 装饰元素在深色模式下隐藏 */
.dark-theme .decor-blur-1,
.dark-theme .decor-blur-2,
.dark-theme .decor-blur-3,
.dark-theme .decor-shape-1,
.dark-theme .decor-shape-2,
.dark-theme .decor-shape-3 {
    display: none !important;
}

.dark-theme .decor-grid {
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
}

/* ==================== 自动补全下拉框 (autocompleter) ==================== */

/* 下拉框背景 */
.dark-theme .autocompleter {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

/* 下拉列表 */
.dark-theme .autocompleter-list {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

/* 列表项 */
.dark-theme .autocompleter-item {
    color: #d4d4d4 !important;
    background-color: #252526 !important;
}

/* 列表项悬停/选中 */
.dark-theme .autocompleter-item:hover,
.dark-theme .autocompleter-item-selected {
    color: #ffffff !important;
    background-color: #3c3c3c !important;
}

/* 高亮文字 */
.dark-theme .autocompleter-item strong {
    color: #c93c37 !important;
}

/* 下拉框聚焦状态边框 */
.dark-theme .autocompleter-focus .autocompleter-list {
    border-color: #c93c37 !important;
}

/* ==================== 错误提示弹窗 ==================== */

/* 通用弹窗背景 */
.dark-theme .layui-layer-content {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
}

.dark-theme .layui-layer-title {
    background-color: #2d2d30 !important;
    color: #ffffff !important;
    border-bottom-color: #3c3c3c !important;
}

.dark-theme .layui-layer-btn {
    background-color: #252526 !important;
    border-top-color: #3c3c3c !important;
}

.dark-theme .layui-layer-btn a {
    color: #d4d4d4 !important;
}

.dark-theme .layui-layer-btn a:hover {
    color: #ffffff !important;
}

.dark-theme .layui-layer-btn .layui-layer-btn0 {
    background-color: #c93c37 !important;
    color: #ffffff !important;
}

/* Toast 提示 */
.dark-theme .layui-layer-TipsG {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .layui-layer-Tips {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
}

/* 自定义提示弹窗 */
.dark-theme .alert-box,
.dark-theme .msg-box,
.dark-theme .tip-box {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
    color: #d4d4d4 !important;
}

.dark-theme .alert-box .title,
.dark-theme .msg-box .title,
.dark-theme .tip-box .title {
    color: #ffffff !important;
}

/* ==================== 首页样式 ==================== */

/* 首页分割背景 */
.dark-theme .home-section-divider,
.dark-theme .section-divider {
    background-color: #252526 !important;
}

/* 首页查看更多按钮 */
.dark-theme .btn-more,
.dark-theme .view-more-btn {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #d4d4d4 !important;
}

.dark-theme .btn-more:hover,
.dark-theme .view-more-btn:hover {
    background-color: #3c3c3c !important;
    border-color: #c93c37 !important;
    color: #c93c37 !important;
}

/* 合作伙伴Logo背景 */
.dark-theme .partner-item,
.dark-theme .partner-logo {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .partner-item:hover,
.dark-theme .partner-logo:hover {
    border-color: #c93c37 !important;
}

/* ==================== 咨询表单 ==================== */

/* 咨询表单输入框 */
.dark-theme .consult-form input,
.dark-theme .consult-form textarea,
.dark-theme .consult-form select {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .consult-form input:focus,
.dark-theme .consult-form textarea:focus,
.dark-theme .consult-form select:focus {
    border-color: #c93c37 !important;
}

.dark-theme .consult-form input::placeholder,
.dark-theme .consult-form textarea::placeholder {
    color: #4a4a4a !important;
}

/* ==================== 立即询价弹窗 ==================== */

.dark-theme .quote-modal {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .quote-modal .modal-header {
    background-color: #2d2d30 !important;
    border-bottom-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .quote-modal .modal-body {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
}

.dark-theme .quote-modal .modal-footer {
    background-color: #2d2d30 !important;
    border-top-color: #3c3c3c !important;
}

/* ==================== 业务模块 ==================== */

.dark-theme .business-section,
.dark-theme .cooperation-section {
    background-color: #252526 !important;
}

.dark-theme .business-card,
.dark-theme .cooperation-card {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .business-card .card-title,
.dark-theme .cooperation-card .card-title {
    color: #ffffff !important;
}

.dark-theme .business-card .card-desc,
.dark-theme .cooperation-card .card-desc {
    color: #d4d4d4 !important;
}

/* ==================== 公司简介 ==================== */

.dark-theme .company-intro {
    background-color: #252526 !important;
}

.dark-theme .company-intro .intro-title {
    color: #ffffff !important;
}

.dark-theme .company-intro .intro-content {
    color: #d4d4d4 !important;
}

/* ==================== 我们模块 ==================== */

.dark-theme .about-section {
    background-color: #252526 !important;
}

.dark-theme .about-card {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .about-card .card-title {
    color: #ffffff !important;
}

.dark-theme .about-card .card-text {
    color: #d4d4d4 !important;
}

/* 时间线模块 */
.dark-theme .timeline-section {
    background-color: #252526 !important;
}

.dark-theme .timeline-item {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .timeline-item .timeline-year {
    color: #c93c37 !important;
}

.dark-theme .timeline-item .timeline-title {
    color: #ffffff !important;
}

.dark-theme .timeline-item .timeline-desc {
    color: #d4d4d4 !important;
}

/* ==================== 新闻模块 ==================== */

.dark-theme .news-section {
    background-color: #252526 !important;
}

.dark-theme .news-card {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .news-card .news-title {
    color: #ffffff !important;
}

.dark-theme .news-card .news-desc {
    color: #d4d4d4 !important;
}

.dark-theme .news-card .news-date {
    color: #858585 !important;
}

/* ==================== 弹窗表单通用 ==================== */

.dark-theme .modal-content {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .modal-header {
    background-color: #2d2d30 !important;
    border-bottom-color: #3c3c3c !important;
    color: #ffffff !important;
}

.dark-theme .modal-body {
    background-color: #252526 !important;
    color: #d4d4d4 !important;
}

.dark-theme .modal-footer {
    background-color: #2d2d30 !important;
    border-top-color: #3c3c3c !important;
}

/* ==================== 浮动咨询按钮 ==================== */

.dark-theme .float-contact-btn {
    background-color: #c93c37 !important;
    color: #ffffff !important;
}

.dark-theme .float-contact-btn:hover {
    background-color: #e04e49 !important;
}

/* ==================== 右侧聊天按钮 ==================== */

.dark-theme .chat-button {
    background-color: #c93c37 !important;
}

.dark-theme .chat-button:hover {
    background-color: #e04e49 !important;
}

/* ==================== 服务卡片 ==================== */

.dark-theme .service-card {
    background-color: #2d2d30 !important;
    border-color: #3c3c3c !important;
}

/* ==================== 轮播图进度条 - 浅色模式 ==================== */

:root .swiper-pagination-progressbar-fill,
.light-theme .swiper-pagination-progressbar-fill {
    background: #c93c37 !important;
}

/* ==================== Swiper导航箭头 - 浅色模式 ==================== */

.light-theme .swiper-button-next,
.light-theme .swiper-button-prev {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px;
}

.light-theme .swiper-button-next:hover,
.light-theme .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.light-theme .swiper-button-next::after,
.light-theme .swiper-button-prev::after {
    color: rgba(0, 0, 0, 0.6) !important;
}

.light-theme .swiper-button-next:hover::after,
.light-theme .swiper-button-prev:hover::after {
    color: #000000 !important;
}

/* ==================== 轮播图进度条 - 深色模式 ==================== */

.dark-theme .swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.15) !important;
}

.dark-theme .swiper-pagination-progressbar-fill {
    background: #c93c37 !important;
}

/* ==================== 轮播图分页器 - 深色模式 ==================== */

.dark-theme .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.4) !important;
}

.dark-theme .swiper-pagination-bullet-active {
    background: #c93c37 !important;
}

/* ==================== Swiper导航箭头 - 深色模式 ==================== */

.dark-theme .swiper-button-next,
.dark-theme .swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
}

.dark-theme .swiper-button-next:hover,
.dark-theme .swiper-button-prev:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-theme .swiper-button-next::after,
.dark-theme .swiper-button-prev::after {
    color: rgba(255, 255, 255, 0.7) !important;
}

.dark-theme .swiper-button-next:hover::after,
.dark-theme .swiper-button-prev:hover::after {
    color: #ffffff !important;
}

.dark-theme .service-card:hover {
    border-color: #c93c37 !important;
}

.dark-theme .service-card .service-title {
    color: #ffffff !important;
}

.dark-theme .service-card .service-desc {
    color: #d4d4d4 !important;
}

/* ==================== ECharts图表容器 ==================== */

.dark-theme .chart-container {
    background-color: transparent !important;
}

.dark-theme .think-box-shadow {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

.dark-theme .section-header,
.dark-theme .chart-title {
    color: var(--text-primary) !important;
}

.dark-theme .section-header .layui-icon,
.dark-theme .chart-title .layui-icon {
    color: var(--primary-color) !important;
}

/* Dashboard卡片在深色模式下的文字 */
.dark-theme .dashboard-card .title {
    color: rgba(255, 255, 255, 0.9) !important;
}

.dark-theme .dashboard-card .value {
    color: #ffffff !important;
}

/* 访问统计概览面板 */
.dark-theme .visit-stats-panel {
    background-color: var(--bg-card) !important;
}

.dark-theme .visit-stats-header {
    color: var(--text-primary) !important;
}

.dark-theme .visit-stat-item {
    background-color: var(--bg-tertiary) !important;
}

.dark-theme .visit-stat-item:hover {
    background-color: var(--bg-hover) !important;
}

.dark-theme .stat-label {
    color: var(--text-tertiary) !important;
}

.dark-theme .stat-value {
    color: var(--text-primary) !important;
}

.dark-theme .visit-stat-divider {
    background-color: var(--border-color) !important;
}

/* 系统信息区块 */
.dark-theme .system-info-item .info-label {
    color: var(--text-tertiary) !important;
}

.dark-theme .system-info-item .info-value {
    color: var(--text-primary) !important;
}

/* ==================== 左侧菜单栏选中状态 - 深浅模式通用 ==================== */

/* 左侧菜单选中项 - 红色背景白色文字（深浅模式通用） */
.layui-side .layui-nav-item.layui-this {
    background-color: #c93c37 !important;
}

.layui-side .layui-nav-item.layui-this > a {
    color: #ffffff !important;
}

.layui-side .layui-nav-item.layui-this > a:hover {
    color: #ffffff !important;
}

.layui-side .layui-nav-item.layui-this > a i,
.layui-side .layui-nav-item.layui-this > a .layui-icon,
.layui-side .layui-nav-item.layui-this > a .nav-icon,
.layui-side .layui-nav-item.layui-this > a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 左侧菜单子项选中状态 - 浅色模式 */
.layui-layout>.layui-side .layui-nav-item .layui-nav-child dd.layui-this a {
    color: #666 !important;
    border-left: 3px solid #d00000 !important;
}

/* 左侧菜单子项 hover 状态 - 红色文字，透明背景 */
.layui-layout>.layui-side .layui-nav-item .layui-nav-child dd a:hover {
    color: #f9f9f9 !important;
    background-color: #B91C1C !important;
}

.layui-side .layui-nav-item.layui-this > a {
    color: #ffffff !important;
}

.layui-side .layui-nav-item.layui-this > a:hover {
    color: #ffffff !important;
}

.layui-side .layui-nav-item.layui-this > a .layui-icon,
.layui-side .layui-nav-item.layui-this > a .nav-icon {
    color: #ffffff !important;
}

/* 表单卡片背景 */
.dark-theme .layui-card {
    background-color: var(--bg-card) !important;
}

.dark-theme .layui-card-body {
    background-color: var(--bg-card) !important;
}

/* 表单输入框 */
.dark-theme .layui-form-item .layui-input {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.dark-theme .layui-form-item .layui-input::placeholder {
    color: var(--text-placeholder) !important;
}

/* 表单标签 */
.dark-theme .layui-form-label {
    color: var(--text-secondary) !important;
}

/* 表单必填标记 */
.dark-theme .layui-form-label .required {
    color: var(--danger-color) !important;
}

/* 表单标题 */
.dark-theme .layui-card-header {
    background-color: var(--bg-secondary) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* 红色按钮 hover 状态 - 保持白色文字 */
.dark-theme .layui-btn-danger:hover,
.dark-theme .layui-btn-danger:active,
.dark-theme .layui-btn[style*="background:#c93c37"]:hover,
.dark-theme .layui-btn[style*="background-color:#c93c37"]:hover {
    color: #ffffff !important;
}

/* 表单按钮 hover 状态 */
.dark-theme .layui-card-body .layui-btn:hover {
    color: #ffffff !important;
}

/* ==================== 状态标签（已发布、草稿、禁用等） ==================== */

.dark-theme .layui-form-checked[lay-filter],
.dark-theme .layui-form-checked:hover,
.dark-theme .layui-form-checkbox:hover {
    color: var(--primary-color) !important;
}

.dark-theme .layui-laydate {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

.dark-theme .layui-laydate-content,
.dark-theme .layui-laydate-header,
.dark-theme .layui-laydate-main {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

.dark-theme .layui-laydate-title,
.dark-theme .layui-laydate-title span {
    color: var(--text-primary) !important;
}

/* 通用链接样式 - 深色模式 */
body.dark-theme a:not(.layui-nav-item a):not(.btn):not(.layui-btn) {
    color: #ffffff !important;
}

body.dark-theme a:not(.layui-nav-item a):not(.btn):not(.layui-btn):hover {
    color: #e0e0e0 !important;
}
.dark-theme .real_dc_cont {
    background: #2d2d30 !important;
}
.dark-theme .real_dc_cont .int {
    border: 1px solid #252526;
}
.dark-theme .btn:active, .dark-theme .sub_btn:active {
    border-radius: 5px !important;
}
.dark-theme .btn:hover, .dark-theme .sub_btn:hover, .dark-theme .bit_btn .btn:hover {
    border-radius: 5px !important;   
}
.dark-theme .btn, .dark-theme .sub_btn, .dark-theme button {
    border-radius: 5px !important;
}
.dark-theme .real_dc_cont .shut_btn {
    filter: brightness(1.8) contrast(0.95) saturate(0) !important;
    right: 10px !important;
}
.dark-theme.index_case_7 .bit_more .more_btn {
  background: #f9f9f9;
  color: #999999;
}

.dark-theme .pulic_foot_cont {
  background: #2f2e2e;
}

.dark-theme .pulic_foot_cont .tis_content .code_last .list .txt {
  color: #f5f5f5;
}

.dark-theme .bit_cont a {
    color: #f2f2f2 !important;
}

.layui-input, .layui-textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], textarea, select {
    background: #f2f2f2 !important;
}
 .dark-theme .example_bit_cont .cont_box .list_box .bit_cont .more_btn {

  color: #c93c37;
}
.dark-theme .example_bit_cont {
  background: #252526;
}
 .dark-theme 
p {
    color: #e0e0e0 !important;
}

/* ==================== CKEditor 对话框图像预览修复 ==================== */

.dark-theme .cke_dialog,
.dark-theme .cke_dialog *,
.dark-theme .cke_dialog_body,
.dark-theme .cke_dialog_contents,
.dark-theme .cke_dialog_ui_vbox,
.dark-theme .cke_dialog_ui_hbox {
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_dialog_title {
    background: #f5f5f5 !important;
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_dialog_footer {
    background: #f5f5f5 !important;
}

.dark-theme .cke_dialog .cke_button {
    background: transparent !important;
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_button:hover {
    background: #e0e0e0 !important;
}

.dark-theme .cke_dialog .ImagePreviewBox,
.dark-theme .cke_dialog .ImagePreviewBox img,
.dark-theme .cke_dialog [id*="preview"],
.dark-theme .cke_dialog [id*="Preview"],
.dark-theme .cke_dialog [class*="preview"],
.dark-theme .cke_dialog [class*="Preview"] {
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
}

.dark-theme .cke_dialog img {
    filter: none !important;
    opacity: 1 !important;
}

.dark-theme .cke_dialog .cke_label {
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_text {
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_input_text,
.dark-theme .cke_dialog .cke_input_textarea {
    background: #ffffff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
}

.dark-theme .cke_dialog .cke_dialog_tabs {
    background: #f5f5f5 !important;
}

.dark-theme .cke_dialog .cke_dialog_tab {
    color: #666 !important;
    background: #e0e0e0 !important;
}

.dark-theme .cke_dialog .cke_dialog_tab.cke_active {
    color: #333 !important;
    background: #ffffff !important;
}

.dark-theme .cke_dialog .cke_dialog_close_button {
    filter: none !important;
}

.dark-theme .cke_dialog .cke_dialog_ui_spacer {
    background: #ffffff !important;
}

.dark-theme .cke_dialog .cke_combopanel {
    background: #ffffff !important;
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_panel_listItem {
    color: #333 !important;
}

.dark-theme .cke_dialog .cke_panel_listItem:hover {
    background: #e0e0e0 !important;
}

.dark-theme .cke_dialog .cke_dialog_ui_radio,
.dark-theme .cke_dialog .cke_dialog_ui_checkbox {
    color: #333 !important;
}

.dark-theme .example_detail_content .l_cont {
    background: transparent;
}

.dark-theme .service_last_content .list_cont .bit_content {
        background: #252526;
    }

.dark-theme .service_last_content .list_cont {
    background: #252526;
}

.dark-theme .service_last_content .list_cont:nth-child(2n) .bit_content .r_det {
    background: transparent;
}

.dark-theme .product_last_head {
    background: #252526;
}

.young h2 {
    color: #f2f2f2 !important;
}


.dark-theme .serdet_case_2 {
    background: transparent;
}

.dark-theme .layui-input, .layui-textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], textarea, select {
    background-color: transparent !important;
}

.dark-theme .serdet_case_3 .tis_head_nav .li {
  background: #252526;
  color: #f9f9f9;
}

.dark-theme .serdet_case_3 .tis_head_nav .li:hover, .serdet_case_3 .tis_head_nav .li.hover {
    background: #B91C1C;
    color: #fff;
} 

.dark-theme .serdet_case_3 .bit_cont .tab_cont .dd .sele_int .sele_bit .li {
    background: #252526;
    color: #f9f9f9;
    border: none;
}
.dark-theme .serdet_case_3 .bit_cont .tab_cont .dd .sele_int .sele_bit .li:hover {
    background: #c93c37;
    color: #f9f9f9;
    border: none;
}
.dark-theme .product_det_cont {
  background: #252526;
}

.dark-theme .product_recom_cont {
    background: #252526;
}

.dark-theme .product_head_baner .bit_btn .btn img {
    filter: invert(1) brightness(1.5) contrast(1.5) saturate(0) !important;
}

.dark-theme .cooper_case_1 {
    background: #252526;
}

.dark-theme .cooper_case_1 .last_cont {
    background: #252526;
}

.dark-theme .cooper_case_2 .det_content {
    background: #25252650;
}

.dark-theme .cooper_case_4 {
    background: #252526;
}
.dark-theme .coopet_case_5 .contact_cont .l_cont {
    color: #f9f9f9;
}

.dark-theme .coopet_case_5 .contact_cont .r_cont p span {
    color: #B91C1C;
}

.dark-theme .about_case_3 .l_cont .time_cont {
    background: #252526;
}

.dark-theme .about_case_5 {
    background: #1e1e1e;
}

.dark-theme .about_case_5 .deta_cont {
    background: #252526;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li .det {
    border-bottom-color: #3c3c3c;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li h2 {
    color: #d4d4d4;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li p {
    color: #999999;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li:hover,
.dark-theme .about_case_5 .deta_cont .r_cont .li.hover {
    background: #c93c37;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li:hover .det,
.dark-theme .about_case_5 .deta_cont .r_cont .li.hover .det {
    border-bottom-color: #c93c37;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li:hover h2,
.dark-theme .about_case_5 .deta_cont .r_cont .li.hover h2 {
    color: #ffffff;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li:hover p,
.dark-theme .about_case_5 .deta_cont .r_cont .li.hover p {
    color: #ffffff;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li .more {
    color: #c93c37;
    border-bottom-color: #c93c37;
}

.dark-theme .about_case_5 .deta_cont .r_cont .li:hover .more,
.dark-theme .about_case_5 .deta_cont .r_cont .li.hover .more {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

.dark-theme .about_case_5 .bit_more_btn {
    background: #c93c37;
    color: #ffffff;
}

.dark-theme .about_case_5 .bit_more_btn:hover {
    background: #B91C1C;
}

.dark-theme .about_title {
    color: #ffffff;
}

.dark-theme .news_last_contain .list .bit_deta {
    background: #252526;
}

.dark-theme .sel_box {
    background: #252526;
    color: #f9f9f9;
    border: none;
}

.dark-theme .sel_list {
    border: none;
}
.dark-theme .sel_list li {
    background: #252526;
    color: #f9f9f9;
    border: none;
}
.dark-theme .news_detail_content .detail_cont {
    background: #252526;
}

.dark-theme .news_detail_content .bit_more_cont {
    background: transparent;
}
.dark-theme .warpin {
    background: #1e1e1e;
}
.dark-theme .news_detail_content {
    background: #1e1e1e;
}
.dark-theme .page-btn.disabled {
    background: #252526;
    color: #f9f9f9 !important;
    border: none;
}
.dark-theme .page-btn {
    background: #252526;
    color: #f9f9f9;
    border: none;
}
.dark-theme .phone_mene_cont {
        background: #252526;
        color: #f9f9f9f9;
    }
.dark-theme .layui-layout>.layui-side .layui-nav-item a:hover .layui-icon, .layui-layout>.layui-side .layui-nav-item a:hover .nav-icon {
    color: #f9f9f9 !important;
}

/* ==================== 浅色模式下的Tooltip样式（覆盖layui默认黑色背景） ==================== */
:root .layui-layer-tips .layui-layer-content,
.light-theme .layui-layer-tips .layui-layer-content {
    background-color: #f9f9f9 !important;
    color: #333333 !important;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

:root .layui-layer-tips i.layui-layer-TipsB, 
:root .layui-layer-tips i.layui-layer-TipsT,
.light-theme .layui-layer-tips i.layui-layer-TipsB, 
.light-theme .layui-layer-tips i.layui-layer-TipsT {
    border-right-color: #f9f9f9 !important;
}

:root .layui-layer-tips i.layui-layer-TipsL, 
:root .layui-layer-tips i.layui-layer-TipsR,
.light-theme .layui-layer-tips i.layui-layer-TipsL, 
.light-theme .layui-layer-tips i.layui-layer-TipsR {
    border-bottom-color: #f9f9f9 !important;
}

/* ==================== 深色模式下的Tooltip样式 ==================== */
.dark-theme .layui-layer-tips .layui-layer-content {
    background-color: #2d2d30 !important;
    color: #d4d4d4 !important;
    border: 1px solid #3c3c3c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* 箭头颜色修复 - 隐藏原始箭头 */
.dark-theme .layui-layer-tips i.layui-layer-TipsG {
    display: none !important;
}

.layui-layout>.layui-side .layui-nav-item .layui-nav-child dd a {
    color: #666 !important;
    height: 40px;
    line-height: 40px;
    background: #f9f9f9 !important;
}
.dark-theme .layui-layout>.layui-side .layui-nav-item .layui-nav-child dd a {
    background: transparent !important;
}
.layui-layout>.layui-side .layui-nav-item a:hover .layui-icon, .layui-layout>.layui-side .layui-nav-item a:hover .nav-icon {
    color: #f9f9f9 !important;
}
.dark-theme .style {
    padding: 10px 15px;
    background: #252526 !important;
    border-bottom: 1px solid #999 !important;
}
.dark-theme .layui-layer-btn .layui-layer-btn1:hover {
    border-color: #f9f9f9 !important;
    background-color: #f9f9f9 !important;
    color: #c93c37 !important;
}
.dark-theme .layui-layout>.layui-side .layui-nav-item .layui-nav-child dd.layui-this a {
    color: #f9f9f9 !important;
}

.dark-theme .real_zx_cont {
    background: #252526;
}

.dark-theme .pulic_floor_service .service_dc {
    background: transparent;
    box-shadow: none;
}

.dark-theme .example_head_nav {
    background: #1e1e1e;
}

.dark-theme .example_detail_content::after {
    background: transparent;
}
.dark-theme .service_last_content .list_cont .bit_content .r_det {
    background: #252526;
}
.dark-theme .about_case_5 .deta_cont .r_cont .li h2 {
    color: #f9f9f9 !important;
}
/* 刷新提示 */
.refresh-tooltip-wrap {
    position: relative;
    display: inline-block;
}
.refresh-tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    padding: 10px 15px;
	background: #f9f9f9;
    color: #252526;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999;
}
.refresh-tooltip p {
    margin: 0;
    line-height: 1.6;
}
.refresh-tooltip::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f9f9f9;
}
.refresh-tooltip-wrap:hover .refresh-tooltip {
    display: block;
}

.dark-theme .refresh-tooltip {
    background: #333;
    color: #fff;
}
.dark-theme .refresh-tooltip::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}
.young2 a {
    color: #555 !important;
}
.dark-theme .young2 a {
    color: #fafafa !important;
}
.cke_combo_on a.cke_combo_button, .cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus, .cke_combo_off a.cke_combo_button:active {
    background: #333 !important;
    border: 1px solid #bcbcbc;
}