/*
========================================
    LIGHT THEME STYLES
    Using CSS variables to avoid post-hoc CSS
========================================
*/

/* Base Styles - Using CSS Variables */
html[data-theme="light"] body {
    background: var(--theme-bg-primary);
    color: var(--theme-text-secondary);
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
    color: var(--theme-text-primary) !important;
}

html[data-theme="light"] h5 a {
    color: var(--theme-text-primary) !important;
}

html[data-theme="light"] p {
    color: var(--theme-text-secondary);
}

html[data-theme="light"] a {
    color: var(--theme-text-secondary);
}

html[data-theme="light"] hr {
    border-top: 1px solid var(--theme-border-light);
}

/* Widget Styles - Using CSS Variables */
html[data-theme="light"] .widget {
    background: var(--theme-bg-widget);
    border: 1px solid var(--theme-border-primary);
    box-shadow: var(--theme-shadow-light);
}

html[data-theme="light"] .widget-header {
    background: var(--theme-bg-tertiary);
    border-bottom: 1px solid var(--theme-border-primary);
}

html[data-theme="light"] .widget-content-area {
    background: var(--theme-bg-widget);
}

/* Table Styles - Using CSS Variables */
html[data-theme="light"] .table {
    background: var(--theme-bg-widget);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .table th {
    background: var(--theme-bg-tertiary);
    color: var(--theme-text-primary);
    border-color: var(--theme-border-primary);
}

html[data-theme="light"] .table td {
    color: var(--theme-text-secondary);
    border-color: var(--theme-border-light);
}

/* Form Styles - Using CSS Variables */
html[data-theme="light"] .form-control {
    background: var(--theme-input-bg);
    border-color: var(--theme-input-border);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .form-control:focus {
    border-color: var(--theme-input-focus-border);
    box-shadow: var(--theme-input-focus-shadow);
}

html[data-theme="light"] .form-select {
    background: var(--theme-input-bg);
    border-color: var(--theme-input-border);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .form-select:focus {
    border-color: var(--theme-input-focus-border);
    box-shadow: var(--theme-input-focus-shadow);
}

/* Card Styles - Using CSS Variables */
html[data-theme="light"] .card {
    background: var(--theme-bg-widget) !important;
    border-color: var(--theme-border-primary) !important;
    border: 1px solid var(--theme-border-primary) !important;
}

/* Button Styles - Using CSS Variables */
html[data-theme="light"] .btn-outline-primary {
    color: var(--theme-accent-primary);
    border-color: var(--theme-accent-primary);
}

html[data-theme="light"] .btn-outline-primary:hover {
    background: var(--theme-accent-primary);
    color: var(--theme-bg-widget);
}

/* Theme Toggle Button Styles - 基础样式，确保Light模式下正确显示 */
html[data-theme="light"] .theme-toggle-btn {
    background: var(--theme-btn-outline-primary-bg) !important;
    border-color: var(--theme-btn-outline-primary-border) !important;
    color: var(--theme-btn-outline-primary-color) !important;
  transition: all 0.3s ease !important;
}

/* Navigation Styles - Using CSS Variables */
html[data-theme="light"] .navbar {
    background: var(--theme-nav-bg);
    border-bottom: 1px solid var(--theme-nav-border);
}

html[data-theme="light"] .dropdown-menu {
    background: var(--theme-bg-dropdown);
    border-color: var(--theme-border-primary);
    box-shadow: var(--theme-shadow-medium);
}

html[data-theme="light"] .dropdown-item {
    color: var(--theme-text-primary);
}

html[data-theme="light"] .dropdown-item:hover {
    background: var(--theme-bg-tertiary);
    color: var(--theme-nav-link-hover);
}

/* 精准修复"已通过列表"页面中dropdown-item的黑色背景问题 */
/* 确保在Light模式下悬停时背景色协调 */
html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .dropdown-item:focus,
html[data-theme="light"] .dropdown-item:active {
    background-color: #f8f9fa !important; /* 强制使用浅灰色背景 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border-color: transparent !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 针对"已通过列表"页面中特定样式的dropdown-item */
html[data-theme="light"] .dropdown-menu .dropdown-item:hover,
html[data-theme="light"] .dropdown-menu .dropdown-item:focus,
html[data-theme="light"] .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa !important; /* 强制使用浅灰色背景 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border-color: transparent !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 针对表格中按钮组的dropdown-item */
html[data-theme="light"] .table .btn-group .dropdown-menu .dropdown-item:hover,
html[data-theme="light"] .table .btn-group .dropdown-menu .dropdown-item:focus,
html[data-theme="light"] .table .btn-group .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa !important; /* 强制使用浅灰色背景 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border-color: transparent !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 针对部署环境选择的dropdown-item */
html[data-theme="light"] .dropdown-item[title*="空闲"]:hover,
html[data-theme="light"] .dropdown-item[title*="上次部署环境"]:hover,
html[data-theme="light"] .dropdown-item[title*="占用"]:hover {
    background-color: #f8f9fa !important; /* 强制使用浅灰色背景 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border-color: transparent !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

/* Table Enhanced Styles - Using CSS Variables */
html[data-theme="light"] .table thead th {
    background: var(--theme-table-header-bg);
    color: var(--theme-text-primary);
    border-color: var(--theme-border-primary);
}

html[data-theme="light"] .table tbody tr:hover {
    background: var(--theme-table-row-hover);
}

html[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
    background: var(--theme-table-stripe);
}

/* Modal Styles - Using CSS Variables */
html[data-theme="light"] .modal-content {
    background: var(--theme-bg-modal);
    border-color: var(--theme-border-primary);
}

html[data-theme="light"] .modal-header {
    background: var(--theme-bg-tertiary);
    border-bottom: 1px solid var(--theme-border-primary);
}

html[data-theme="light"] .modal-footer {
    background: var(--theme-bg-tertiary);
    border-top: 1px solid var(--theme-border-primary);
}

/* Alert Styles - Using CSS Variables */
html[data-theme="light"] .alert {
    background: var(--theme-bg-widget);
    border-color: var(--theme-border-primary);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .alert-primary {
    background: #e7f3ff;
    border-color: #b3d9ff;
    color: var(--theme-accent-primary);
}

html[data-theme="light"] .alert-success {
    background: #e7f7ed;
    border-color: #b3e6c3;
    color: var(--theme-accent-success);
}

html[data-theme="light"] .alert-warning {
    background: #fef7e6;
    border-color: #fde6b3;
    color: var(--theme-accent-warning);
}

html[data-theme="light"] .alert-danger {
    background: #fde7e7;
    border-color: #fbb3b3;
    color: var(--theme-accent-danger);
}

/* Badge Styles - Using CSS Variables */
/*
html[data-theme="light"] .badge {
    color: #ffffff;
}
*/

html[data-theme="light"] .badge-primary {
    background: var(--theme-accent-primary);
}

html[data-theme="light"] .badge-success {
    background: var(--theme-accent-success);
}

html[data-theme="light"] .badge-warning {
    background: var(--theme-accent-warning);
}

html[data-theme="light"] .badge-danger {
    background: var(--theme-accent-danger);
}

html[data-theme="light"] .badge-info {
    background: var(--theme-accent-info);
}

/* Pagination Styles - Using CSS Variables */
html[data-theme="light"] .pagination .page-link {
    background: var(--theme-bg-widget);
    border-color: var(--theme-border-primary);
    color: var(--theme-accent-primary);
}

html[data-theme="light"] .pagination .page-item.active .page-link {
    background: var(--theme-accent-primary);
    border-color: var(--theme-accent-primary);
    color: #ffffff;
}

html[data-theme="light"] .pagination .page-item.disabled .page-link {
    background: var(--theme-bg-tertiary);
    border-color: var(--theme-border-primary);
    color: var(--theme-text-light);
}

/* Breadcrumb Styles - Using CSS Variables */
html[data-theme="light"] .breadcrumb {
    background: var(--theme-breadcrumb-bg);
}

html[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--theme-breadcrumb-separator);
}

html[data-theme="light"] .breadcrumb-item a {
    color: var(--theme-breadcrumb-link);
}

html[data-theme="light"] .breadcrumb-item.active {
    color: var(--theme-breadcrumb-active);
}

/* Tab Styles - Using CSS Variables */
html[data-theme="light"] .nav-tabs {
    border-bottom: 1px solid var(--theme-tab-border);
}

html[data-theme="light"] .nav-tabs .nav-link {
    background: var(--theme-tab-bg);
    border-color: var(--theme-tab-border);
    color: var(--theme-tab-link);
}

html[data-theme="light"] .nav-tabs .nav-link:hover {
    border-color: var(--theme-tab-border);
    color: var(--theme-tab-link-hover);
}

html[data-theme="light"] .nav-tabs .nav-link.active {
    background: var(--theme-bg-widget);
    border-color: var(--theme-tab-border);
    color: var(--theme-tab-link-active);
}

/* Accordion Styles - Using CSS Variables */
html[data-theme="light"] .accordion {
    background: var(--theme-accordion-bg);
    border-color: var(--theme-accordion-border);
}

html[data-theme="light"] .accordion-item {
    background: var(--theme-accordion-bg);
    border-color: var(--theme-accordion-border);
}

html[data-theme="light"] .accordion-button {
    background: var(--theme-accordion-header-bg);
    color: var(--theme-text-primary);
    border-color: var(--theme-accordion-border);
}

html[data-theme="light"] .accordion-button:not(.collapsed) {
    background: var(--theme-accordion-header-bg);
    color: var(--theme-accent-primary);
}

html[data-theme="light"] .accordion-body {
    background: var(--theme-accordion-body-bg);
}

/* List Group Styles - Using CSS Variables */
html[data-theme="light"] .list-group {
    background: var(--theme-list-group-bg);
    border-color: var(--theme-list-group-border);
}

html[data-theme="light"] .list-group-item {
    background: var(--theme-list-group-item-bg);
    border-color: var(--theme-list-group-border);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .list-group-item:hover {
    background: var(--theme-list-group-item-hover);
}

/* Progress Bar Styles - Using CSS Variables */
html[data-theme="light"] .progress {
    /*background: var(--theme-progress-bg);*/
    background:#d4d7da;
}

html[data-theme="light"] .progress-bar {
    background: var(--theme-progress-bar-bg);
}

/* Tooltip & Popover Styles - Using CSS Variables */
html[data-theme="light"] .tooltip .tooltip-inner {
    background: var(--theme-tooltip-bg);
    color: var(--theme-tooltip-color);
}

/* 优化Light模式下tooltip内容的显示效果 */
/* 针对包含H3标题的tooltip进行特殊优化 */
html[data-theme="light"] .tooltip .tooltip-inner h3 {
    color: #ffffff !important; /* H3标题使用白色文字 */
    background-color: transparent !important; /* 透明背景 */
    margin: 0 !important; /* 移除默认边距 */
    padding: 0 !important; /* 移除默认内边距 */
    font-size: 14px !important; /* 适中的字体大小 */
    font-weight: 600 !important; /* 加粗字体 */
    line-height: 1.4 !important; /* 合适的行高 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 添加文字阴影提高可读性 */
}

/* 针对"喊TA来验收"等特定tooltip内容的优化 */
html[data-theme="light"] .tooltip .tooltip-inner[data-original-title*="喊TA来验收"] h3,
html[data-theme="light"] .tooltip .tooltip-inner[title*="喊TA来验收"] h3 {
    color: #ffffff !important; /* 确保文字为白色 */
    background-color: transparent !important; /* 透明背景 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; /* 更强的文字阴影 */
}

/* 通用tooltip内容优化 */
html[data-theme="light"] .tooltip .tooltip-inner {
    background: var(--theme-tooltip-bg) !important; /* 使用主题定义的背景色 */
    color: var(--theme-tooltip-color) !important; /* 使用主题定义的文字色 */
    border-radius: 6px !important; /* 圆角边框 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* 添加阴影效果 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    max-width: 250px !important; /* 增加最大宽度 */
    padding: 8px 12px !important; /* 增加内边距 */
    font-size: 13px !important; /* 适中的字体大小 */
    line-height: 1.4 !important; /* 合适的行高 */
}

html[data-theme="light"] .popover {
    background: var(--theme-popover-bg);
    border-color: var(--theme-popover-border);
}

/* Input Group Styles - Using CSS Variables */
html[data-theme="light"] .input-group-text {
    background: var(--theme-input-group-addon-bg);
    border-color: var(--theme-input-group-addon-border);
    color: var(--theme-input-group-addon-color);
}

/* Form Validation Styles - Using CSS Variables */
html[data-theme="light"] .form-control.is-valid {
    border-color: var(--theme-valid-border);
}

html[data-theme="light"] .form-control.is-invalid {
    border-color: var(--theme-invalid-border);
}

html[data-theme="light"] .valid-feedback {
    color: var(--theme-valid-color);
}

html[data-theme="light"] .invalid-feedback {
    color: var(--theme-invalid-color);
}

/* Special Component Styles - Using CSS Variables */
html[data-theme="light"] .privacyContent {
    background: var(--theme-privacy-content-bg);
    color: var(--theme-text-primary);
}

/* 精准修复"发布记录"页面中privacyContent的颜色协调问题 */
/* 确保在Light模式下背景和文字颜色协调，文字清晰可见 */
html[data-theme="light"] .privacyContent {
    background: #ffffff !important; /* 使用纯白背景，与Light模式风格协调 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    border-radius: 8px !important; /* 圆角边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
    padding: 20px !important; /* 增加内边距 */
}

/* 修复privacyContent内部标题的颜色 */
html[data-theme="light"] .privacyContent h5,
html[data-theme="light"] .privacyContent h6 {
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    font-weight: 600 !important; /* 加粗字体 */
    margin-bottom: 15px !important; /* 增加下边距 */
}

/* 修复privacyContent内部段落的颜色 */
html[data-theme="light"] .privacyContent p {
    color: var(--theme-text-secondary) !important; /* 使用主题二级文字色 */
    line-height: 1.6 !important; /* 合适的行高 */
    margin-bottom: 10px !important; /* 增加下边距 */
}

/* 修复privacyContent内部链接的颜色 */
html[data-theme="light"] .privacyContent a {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] .privacyContent a:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 修复privacyContent内部特定链接的颜色 */
html[data-theme="light"] .privacyContent .testsheets_detail_link {
    color: var(--theme-accent-info) !important; /* 使用主题信息色 */
}

html[data-theme="light"] .privacyContent .testsheets_detail_link:hover {
    color: var(--theme-accent-info) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 修复privacyContent头部区域的样式 */
html[data-theme="light"] .privacyContent .privacy-head {
    background: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border-radius: 6px 6px 0 0 !important; /* 顶部圆角 */
    padding: 15px 20px !important; /* 内边距 */
    margin: -20px -20px 20px -20px !important; /* 负边距，延伸到容器边缘 */
}

html[data-theme="light"] .privacyContent .privacyHeader h5 {
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    font-weight: 600 !important; /* 加粗字体 */
    margin-bottom: 10px !important; /* 下边距 */
}

html[data-theme="light"] .privacyContent .privacyHeader p {
    color: var(--theme-text-secondary) !important; /* 使用主题二级文字色 */
    margin-bottom: 5px !important; /* 下边距 */
    font-size: 14px !important; /* 字体大小 */
}

/* 修复privacyContent内容区域的样式 */
html[data-theme="light"] .privacyContent .privacy-content-container {
    padding: 0 !important; /* 移除内边距 */
}

html[data-theme="light"] .privacyContent .privacy-content-container section {
    margin-bottom: 25px !important; /* 增加段落间距 */
    padding: 15px !important; /* 内边距 */
    background: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border-radius: 6px !important; /* 圆角 */
    border: 1px solid var(--theme-border-light) !important; /* 淡色边框 */
}

html[data-theme="light"] .privacyContent .privacy-content-container section h6 {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    margin-bottom: 15px !important; /* 下边距 */
    padding-bottom: 8px !important; /* 下内边距 */
    border-bottom: 2px solid var(--theme-accent-primary) !important; /* 底部边框 */
}

html[data-theme="light"] .invoice-container {
    background: var(--theme-invoice-container-bg);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .badge-chip {
    background: var(--theme-badge-chip-bg);
    color: var(--theme-badge-chip-color);
}

/* Enhanced Widget Styles - Using CSS Variables */
html[data-theme="light"] .widget .widget-header h4 {
    color: var(--theme-widget-heading-color) !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .widget.box .widget-header {
    background: var(--theme-widget-heading-bg);
    border-bottom: 1px solid var(--theme-widget-heading-border);
    box-shadow: var(--theme-widget-heading-shadow);
}

html[data-theme="light"] .widget .widget-header {
    background: var(--theme-widget-heading-bg);
    border-bottom: 1px solid var(--theme-widget-heading-border);
}

/* Widget Value Styles - 专门优化p.w-value的文字颜色 */
html[data-theme="light"] .widget p.w-value {
    color: var(--theme-widget-value-color) !important;
    background: var(--theme-widget-value-bg);
    font-weight: var(--theme-widget-value-font-weight);
    text-shadow: var(--theme-widget-value-text-shadow);
}

html[data-theme="light"] .widget .w-value {
    color: var(--theme-widget-value-color) !important;
    background: var(--theme-widget-value-bg);
    font-weight: var(--theme-widget-value-font-weight);
    text-shadow: var(--theme-widget-value-text-shadow);
}

/* Widget Content Styles - 优化widget内容区域 */
html[data-theme="light"] .widget-content-area {
    background: var(--theme-widget-content-bg);
    color: var(--theme-widget-content-color);
    border-color: var(--theme-widget-content-border);
}

/* Widget Stats Styles - 优化widget统计信息 */
html[data-theme="light"] .widget-stats {
    background: var(--theme-widget-stats-bg);
    color: var(--theme-widget-stats-color);
    border-color: var(--theme-widget-stats-border);
}

/* Enhanced Widget Header Styles - 进一步优化widget头部 */
html[data-theme="light"] .widget-header h4,
html[data-theme="light"] .widget-header h5,
html[data-theme="light"] .widget-header h6 {
    color: var(--theme-widget-heading-color) !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Widget Box Styles - 优化widget盒子样式 */
html[data-theme="light"] .widget.box {
    background: var(--theme-bg-widget);
    border-color: var(--theme-border-primary);
}

/* Widget Icon Styles - 优化widget图标相关文字 */
html[data-theme="light"] .widget .widget-icon + .widget-content h4,
html[data-theme="light"] .widget .widget-icon + .widget-content h5,
html[data-theme="light"] .widget .widget-icon + .widget-content h6 {
    color: var(--theme-widget-heading-color) !important;
}

html[data-theme="light"] .widget .widget-icon + .widget-content p {
    color: var(--theme-widget-content-color) !important;
}

/* Additional Widget Styles - 更多widget样式优化 */
html[data-theme="light"] .widget .widget-content h1,
html[data-theme="light"] .widget .widget-content h2,
html[data-theme="light"] .widget .widget-content h3,
html[data-theme="light"] .widget .widget-content h4,
html[data-theme="light"] .widget .widget-content h5,
html[data-theme="light"] .widget .widget-content h6 {
    color: var(--theme-widget-heading-color) !important;
}

html[data-theme="light"] .widget .widget-content p,
html[data-theme="light"] .widget .widget-content span,
html[data-theme="light"] .widget .widget-content div {
    color: var(--theme-widget-content-color) !important;
}

/* Widget Number Styles - 优化widget中的数字显示 */
html[data-theme="light"] .widget .widget-number,
html[data-theme="light"] .widget .number,
html[data-theme="light"] .widget .stat-number {
    color: var(--theme-widget-value-color) !important;
    font-weight: var(--theme-widget-value-font-weight);
    text-shadow: var(--theme-widget-value-text-shadow);
}

/* Widget Label Styles - 优化widget中的标签文字 */
html[data-theme="light"] .widget .widget-label,
html[data-theme="light"] .widget .label,
html[data-theme="light"] .widget .stat-label {
    color: var(--theme-text-secondary) !important;
}

/* Widget Description Styles - 优化widget中的描述文字 */
html[data-theme="light"] .widget .widget-description,
html[data-theme="light"] .widget .description,
html[data-theme="light"] .widget .stat-description {
    color: var(--theme-text-muted) !important;
}

/* Widget Icon Styles - 优化widget图标 */
html[data-theme="light"] .widget .widget-icon {
    color: var(--theme-accent-primary);
}

/* Widget Progress Styles - 优化widget进度条 */
html[data-theme="light"] .widget .widget-progress .progress {
    /*background: var(--theme-progress-bg);*/
    background:#d4d7da;
}

html[data-theme="light"] .widget .widget-progress .progress-bar {
    background: var(--theme-progress-bar-bg);
}

/* Widget Chart Styles - 优化widget图表 */
html[data-theme="light"] .widget .widget-chart {
    background: var(--theme-bg-content);
    border-color: var(--theme-border-primary);
}

/* Widget Footer Styles - 优化widget底部 */
html[data-theme="light"] .widget .widget-footer {
    background: var(--theme-bg-tertiary);
    border-top-color: var(--theme-border-primary);
    color: var(--theme-text-secondary);
}

/* Widget Action Styles - 优化widget操作按钮 */
html[data-theme="light"] .widget .widget-actions .btn {
    color: var(--theme-accent-primary);
    border-color: var(--theme-accent-primary);
}

html[data-theme="light"] .widget .widget-actions .btn:hover {
    background: var(--theme-accent-primary);
    color: #ffffff;
}

/* Widget Four Styles - 专门优化widget-four在Light模式下的样式 */
html[data-theme="light"] .widget-four {
    background: var(--theme-widget-four-bg) !important;
    border-color: var(--theme-widget-four-border) !important;
    box-shadow: var(--theme-widget-four-shadow) !important;
}

html[data-theme="light"] .widget-four .widget-header {
    background: var(--theme-widget-four-header-bg) !important;
    border-bottom-color: var(--theme-widget-four-border) !important;
}

html[data-theme="light"] .widget-four .widget-content {
    background: var(--theme-widget-four-content-bg) !important;
}

html[data-theme="light"] .widget-four .widget-icon {
    background: var(--theme-widget-four-icon-bg) !important;
    color: var(--theme-widget-four-icon-color) !important;
}

html[data-theme="light"] .widget-four .widget-number {
    color: var(--theme-widget-four-number-color) !important;
    font-weight: 600;
}

html[data-theme="light"] .widget-four .widget-label {
    color: var(--theme-widget-four-label-color) !important;
}

html[data-theme="light"] .widget-four .widget-description {
    color: var(--theme-widget-four-description-color) !important;
}

/* Enhanced Widget Four Styles - 进一步优化widget-four的子元素 */
html[data-theme="light"] .widget-four .widget-icon-wrapper {
    background: var(--theme-widget-four-icon-bg) !important;
}

html[data-theme="light"] .widget-four .widget-stats {
    background: var(--theme-widget-four-content-bg) !important;
}

html[data-theme="light"] .widget-four .widget-chart {
    background: var(--theme-widget-four-content-bg) !important;
}

html[data-theme="light"] .widget-four .widget-footer {
    background: var(--theme-bg-tertiary) !important;
    border-top-color: var(--theme-widget-four-border) !important;
}

/* Widget Four Variants - 处理不同样式的widget-four */
html[data-theme="light"] .widget-four.widget-box {
    background: var(--theme-widget-four-bg) !important;
    border: 1px solid var(--theme-widget-four-border) !important;
}

html[data-theme="light"] .widget-four.widget-card {
    background: var(--theme-widget-four-bg) !important;
    border-radius: 6px;
    box-shadow: var(--theme-widget-four-shadow) !important;
}

html[data-theme="light"] .widget-four.widget-stats {
    background: var(--theme-widget-four-bg) !important;
}

/* Widget Four Content Elements - 确保所有内容元素都使用正确的颜色 */
html[data-theme="light"] .widget-four h1,
html[data-theme="light"] .widget-four h2,
html[data-theme="light"] .widget-four h3,
html[data-theme="light"] .widget-four h4,
html[data-theme="light"] .widget-four h5,
html[data-theme="light"] .widget-four h6 {
    color: var(--theme-widget-four-number-color) !important;
}

/* 降低优先级，确保main.css中的样式能够覆盖 */
html[data-theme="light"] .widget-four p:not(.outline-badge-danger):not(.outline-badge-success):not(.outline-badge-warning):not(.outline-badge-info):not(.outline-badge-primary):not(.outline-badge-secondary),
html[data-theme="light"] .widget-four span:not(.outline-badge-danger):not(.outline-badge-success):not(.outline-badge-warning):not(.outline-badge-info):not(.outline-badge-primary):not(.outline-badge-secondary),
html[data-theme="light"] .widget-four div:not(.outline-badge-danger):not(.outline-badge-success):not(.outline-badge-warning):not(.outline-badge-info):not(.outline-badge-primary):not(.outline-badge-secondary) {
    color: var(--theme-widget-four-description-color);
}

/* 进一步优化，确保特殊样式不被覆盖 */
html[data-theme="light"] .widget-four .outline-badge-danger {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .outline-badge-success {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .outline-badge-warning {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .outline-badge-info {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .outline-badge-primary {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .outline-badge-secondary {
    /* 不设置color，让main.css控制 */
}

html[data-theme="light"] .widget-four .stat-number {
    color: var(--theme-widget-four-number-color) !important;
    font-weight: 600;
}

html[data-theme="light"] .widget-four .stat-label {
    color: var(--theme-widget-four-label-color) !important;
}

html[data-theme="light"] .widget-four .stat-description {
    color: var(--theme-widget-four-description-color) !important;
}

/* Calendar & Date Styles - Using CSS Variables */
html[data-theme="light"] .calendar {
    background: var(--theme-calendar-bg);
    border-color: var(--theme-calendar-border);
}

html[data-theme="light"] .calendar-header {
    background: var(--theme-calendar-header-bg);
}

html[data-theme="light"] .calendar-day {
    background: var(--theme-calendar-day-bg);
    color: var(--theme-text-primary);
}

html[data-theme="light"] .calendar-day:hover {
    background: var(--theme-calendar-day-hover);
}

html[data-theme="light"] .calendar-today {
    background: var(--theme-calendar-today-bg);
    color: var(--theme-calendar-today-color);
}

/* Timeline Styles - Using CSS Variables */
html[data-theme="light"] .timeline {
    background: var(--theme-timeline-bg);
    border-color: var(--theme-timeline-border);
}

html[data-theme="light"] .timeline-item {
    background: var(--theme-timeline-item-bg);
    border-color: var(--theme-timeline-item-border);
}

html[data-theme="light"] .timeline-marker {
    background: var(--theme-timeline-marker-bg);
    color: var(--theme-timeline-marker-color);
}

/* Chat & Message Styles - Using CSS Variables */
html[data-theme="light"] .chat-container {
    background: var(--theme-chat-bg);
    border-color: var(--theme-chat-border);
}

html[data-theme="light"] .message {
    background: var(--theme-message-bg);
    border-color: var(--theme-message-border);
}

html[data-theme="light"] .message-sent {
    background: var(--theme-message-sent-bg);
    color: var(--theme-message-sent-color);
}

html[data-theme="light"] .message-received {
    background: var(--theme-message-received-bg);
    color: var(--theme-message-received-color);
}

/* Notification Styles - Using CSS Variables */
html[data-theme="light"] .notification-container {
    background: var(--theme-notification-bg);
    border-color: var(--theme-notification-border);
}

html[data-theme="light"] .notification-header {
    background: var(--theme-notification-header-bg);
}

html[data-theme="light"] .notification-item {
    background: var(--theme-notification-item-bg);
}

html[data-theme="light"] .notification-item:hover {
    background: var(--theme-notification-item-hover);
}

/* Search Styles - Using CSS Variables */
html[data-theme="light"] .search-container {
    background: var(--theme-search-bg);
    border-color: var(--theme-search-border);
}

html[data-theme="light"] .search-input {
    background: var(--theme-search-input-bg);
    border-color: var(--theme-search-input-border);
}

html[data-theme="light"] .search-result {
    background: var(--theme-search-result-bg);
}

html[data-theme="light"] .search-result:hover {
    background: var(--theme-search-result-hover);
}

/* Filter Styles - Using CSS Variables */
html[data-theme="light"] .filter-container {
    background: var(--theme-filter-bg);
    border-color: var(--theme-filter-border);
}

html[data-theme="light"] .filter-option {
    background: var(--theme-filter-option-bg);
}

html[data-theme="light"] .filter-option:hover {
    background: var(--theme-filter-option-hover);
}

html[data-theme="light"] .filter-option.selected {
    background: var(--theme-filter-option-selected);
    color: #ffffff;
}

/* Sort Styles - Using CSS Variables */
html[data-theme="light"] .sort-container {
    background: var(--theme-sort-bg);
    border-color: var(--theme-sort-border);
}

html[data-theme="light"] .sort-option {
    background: var(--theme-sort-option-bg);
}

html[data-theme="light"] .sort-option:hover {
    background: var(--theme-sort-option-hover);
}

html[data-theme="light"] .sort-option.active {
    background: var(--theme-sort-option-active);
    color: #ffffff;
}

/* Enhanced Table Styles - Using CSS Variables */
html[data-theme="light"] .table tbody tr td {
    color: var(--theme-text-primary);
}

html[data-theme="light"] .table tbody tr td a {
    color: var(--theme-text-link);
}

html[data-theme="light"] .table tbody tr td a:hover {
    color: var(--theme-text-link-hover);
}

html[data-theme="light"] .table tbody tr td .btn {
    color: inherit;
}

html[data-theme="light"] .table tbody tr td .btn.btn-dark.btn-sm.table-func-btn.disabled {
    color: #000000 !important;
}

/*
html[data-theme="light"] .table tbody tr td .badge {
    color: #ffffff;
}
*/

/* Enhanced Form Styles - Using CSS Variables */
html[data-theme="light"] .form-label {
    color: var(--theme-text-primary);
}

html[data-theme="light"] .form-text {
    color: var(--theme-text-secondary);
}

html[data-theme="light"] .form-check-label {
    color: var(--theme-text-primary);
}

html[data-theme="light"] .form-check-input:checked {
    background-color: var(--theme-accent-primary);
    border-color: var(--theme-accent-primary);
}

/* Button Group Styles - Using CSS Variables */
html[data-theme="light"] .btn-group {
    background: var(--theme-btn-group-bg);
    border-color: var(--theme-btn-group-border);
    box-shadow: var(--theme-btn-group-shadow);
}

html[data-theme="light"] .btn-group .btn {
    border-color: var(--theme-border-primary);
}

/* Panel Styles - Using CSS Variables */
html[data-theme="light"] .panel {
    background: var(--theme-panel-bg);
    border-color: var(--theme-panel-border);
}

html[data-theme="light"] .panel-heading {
    background: var(--theme-panel-header-bg);
    border-bottom-color: var(--theme-panel-border);
}

html[data-theme="light"] .panel-body {
    background: var(--theme-panel-body-bg);
}

/* Well Styles - Using CSS Variables */
html[data-theme="light"] .well {
    background: var(--theme-well-bg);
    border-color: var(--theme-well-border);
}

/* Jumbotron Styles - Using CSS Variables */
html[data-theme="light"] .jumbotron {
    background: var(--theme-jumbotron-bg);
    border-color: var(--theme-jumbotron-border);
}

/* Thumbnail Styles - Using CSS Variables */
html[data-theme="light"] .thumbnail {
    background: var(--theme-thumbnail-bg);
    border-color: var(--theme-thumbnail-border);
}

html[data-theme="light"] .thumbnail .caption {
    background: var(--theme-thumbnail-caption-bg);
}

/* Media Styles - Using CSS Variables */
html[data-theme="light"] .media {
    background: var(--theme-media-bg);
    border-color: var(--theme-media-border);
}

html[data-theme="light"] .media-heading {
    color: var(--theme-media-heading-color);
}

/* Figure Styles - Using CSS Variables */
html[data-theme="light"] figure {
    background: var(--theme-figure-bg);
    border-color: var(--theme-figure-border);
}

html[data-theme="light"] figcaption {
    color: var(--theme-figure-caption-color);
}

/* Code Styles - Using CSS Variables */
html[data-theme="light"] code {
    background: var(--theme-code-bg);
    color: var(--theme-code-color);
    border-color: var(--theme-code-border);
}

html[data-theme="light"] pre {
    background: var(--theme-pre-bg);
    color: var(--theme-pre-color);
    border-color: var(--theme-pre-border);
}

/* Blockquote Styles - Using CSS Variables */
html[data-theme="light"] blockquote {
    background: var(--theme-blockquote-bg);
    border-left-color: var(--theme-blockquote-border);
    color: var(--theme-blockquote-color);
}

html[data-theme="light"] blockquote footer {
    color: var(--theme-blockquote-footer-color);
}

/* Enhanced Navigation Styles - Using CSS Variables */
html[data-theme="light"] .navbar-nav .nav-link {
    color: var(--theme-nav-link);
}

html[data-theme="light"] .navbar-nav .nav-link:hover {
    color: var(--theme-nav-link-hover);
}

html[data-theme="light"] .navbar-nav .nav-link.active {
    color: var(--theme-nav-link-active);
}

/* Enhanced Dropdown Styles - Using CSS Variables */
html[data-theme="light"] .dropdown-toggle::after {
    border-top-color: var(--theme-text-secondary);
}

html[data-theme="light"] .dropdown-divider {
    border-top-color: var(--theme-border-primary);
}

/* Enhanced Table Styles - 专门优化table在Light模式下的样式 */
html[data-theme="light"] .table {
    background: var(--theme-table-bg) !important;
    border-color: var(--theme-table-border) !important;
    color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .table thead th {
    background: var(--theme-table-header-bg) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-table-header-border) !important;
}

html[data-theme="light"] .table tbody tr {
    background: var(--theme-table-cell-bg) !important;
    border-color: var(--theme-table-row-border) !important;
}

html[data-theme="light"] .table tbody tr:hover {
    background: var(--theme-table-hover-row-bg) !important;
}

html[data-theme="light"] .table tbody tr td {
    background: var(--theme-table-cell-bg) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-table-row-border) !important;
}

html[data-theme="light"] .table tbody tr td:hover {
    background: var(--theme-table-cell-hover-bg) !important;
}

html[data-theme="light"] .table tbody tr td a {
    color: var(--theme-text-link) !important;
}

html[data-theme="light"] .table tbody tr td a:hover {
    color: var(--theme-text-link-hover) !important;
}

/*
html[data-theme="light"] .table tbody tr td .btn {
    color: inherit !important;
}
*/

/*
html[data-theme="light"] .table tbody tr td .badge {
    color: #ffffff ;
}
*/

/* Table Variants - 处理不同样式的table */
html[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
    background: var(--theme-table-striped-odd) !important;
}

html[data-theme="light"] .table-striped tbody tr:nth-of-type(even) {
    background: var(--theme-table-striped-even) !important;
}

html[data-theme="light"] .table-bordered {
    border-color: var(--theme-table-bordered-border) !important;
}

html[data-theme="light"] .table-bordered th,
html[data-theme="light"] .table-bordered td {
    border-color: var(--theme-table-bordered-cell-border) !important;
}

html[data-theme="light"] .table-hover tbody tr:hover {
    background: var(--theme-table-hover-row-bg) !important;
}

html[data-theme="light"] .table-hover tbody tr:hover td {
    background: var(--theme-table-hover-cell-bg) !important;
}

html[data-theme="light"] .table-condensed th,
html[data-theme="light"] .table-condensed td {
    padding: var(--theme-table-condensed-padding) !important;
    border-color: var(--theme-table-condensed-border) !important;
}

/* Table Responsive - 优化响应式table */
html[data-theme="light"] .table-responsive {
    background: var(--theme-table-responsive-bg) !important;
    border-color: var(--theme-table-responsive-border) !important;
    box-shadow: var(--theme-table-responsive-shadow) !important;
}

/* Table Footer - 优化table底部 */
html[data-theme="light"] .table tfoot th,
html[data-theme="light"] .table tfoot td {
    background: var(--theme-table-footer-bg) !important;
    border-color: var(--theme-table-footer-border) !important;
    color: var(--theme-text-primary) !important;
}

/* Table Caption - 优化table标题 */
html[data-theme="light"] .table caption {
    color: var(--theme-table-caption-color) !important;
}

/* Table Empty State - 优化空状态 */
html[data-theme="light"] .table tbody tr.empty-row td {
    background: var(--theme-table-empty-bg) !important;
    color: var(--theme-table-empty-color) !important;
    text-align: center;
    padding: 2rem;
}

/* Table Selection - 优化选择状态 */
html[data-theme="light"] .table tbody tr.selected {
    background: var(--theme-table-cell-selected-bg) !important;
}

html[data-theme="light"] .table tbody tr.selected td {
    color: var(--theme-table-cell-selected-color) !important;
}

/* Table Actions - 优化操作列 */
html[data-theme="light"] .table .actions-column {
    background: var(--theme-table-cell-bg) !important;
}

html[data-theme="light"] .table .actions-column .btn {
    margin: 0 0.25rem;
}

/* Table Status - 优化状态列 */
html[data-theme="light"] .table .status-column {
    background: var(--theme-table-cell-bg) !important;
}

html[data-theme="light"] .table .status-column .status-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

html[data-theme="light"] .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link:hover {
  background: transparent !important;
    border: none !important;
    color: #d3d3d3 !important;
}

/* 登录页面主题切换按钮样式 - 专门为登录页面设计 */
html[data-theme="light"] .theme-toggle-container {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 1000 !important;
}

html[data-theme="light"] .theme-toggle-btn {
    background: var(--theme-btn-outline-primary-bg) !important;
    border-color: var(--theme-btn-outline-primary-border) !important;
    color: var(--theme-btn-outline-primary-color) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
  font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .theme-toggle-btn:hover {
    background: var(--theme-accent-primary) !important;
    border-color: var(--theme-accent-primary) !important;
  color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .theme-toggle-btn:focus {
    background: var(--theme-btn-outline-primary-bg) !important;
    border-color: var(--theme-btn-outline-primary-border) !important;
    color: var(--theme-btn-outline-primary-color) !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
}

html[data-theme="light"] .theme-toggle-btn i {
    margin-right: 8px !important;
    font-size: 16px !important;
}

html[data-theme="light"] .theme-toggle-btn span {
    font-size: 14px !important;
  font-weight: 600 !important;
}

/* 进一步优化登录页面主题切换按钮样式 */
html[data-theme="light"] .theme-toggle-btn {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

html[data-theme="light"] .theme-toggle-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
    z-index: -1 !important;
}

html[data-theme="light"] .theme-toggle-btn:hover::before {
    left: 100% !important;
}

/* 确保按钮文字在所有状态下都清晰可见 */
html[data-theme="light"] .theme-toggle-btn:hover i,
html[data-theme="light"] .theme-toggle-btn:hover span {
  color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="light"] .theme-toggle-btn:focus i,
html[data-theme="light"] .theme-toggle-btn:focus span {
    color: var(--theme-btn-outline-primary-color) !important;
}

/* 添加按钮激活状态的样式 */
html[data-theme="light"] .theme-toggle-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Dashboard页面主题切换按钮样式 - 专门为Dashboard页面设计 */
html[data-theme="light"] .theme-toggle-container-dashboard {
    display: inline-block !important;
    margin-right: 10px !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn {
    background: var(--theme-btn-outline-primary-bg) !important;
    border-color: var(--theme-btn-outline-primary-border) !important;
    color: var(--theme-btn-outline-primary-color) !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid var(--theme-btn-outline-primary-border) !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:hover {
    background: var(--theme-accent-primary) !important;
    border-color: var(--theme-accent-primary) !important;
  color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:focus {
    background: var(--theme-btn-outline-primary-bg) !important;
    border-color: var(--theme-btn-outline-primary-border) !important;
    color: var(--theme-btn-outline-primary-color) !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn i {
    margin-right: 6px !important;
    font-size: 14px !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn span {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* 进一步优化Dashboard页面主题切换按钮样式 */
html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
    z-index: -1 !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:hover::before {
    left: 100% !important;
}

/* 确保Dashboard按钮文字在所有状态下都清晰可见 */
html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:hover i,
html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:hover span {
  color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:focus i,
html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:focus span {
    color: var(--theme-btn-outline-primary-color) !important;
}

/* 添加Dashboard按钮激活状态的样式 */
html[data-theme="light"] .theme-toggle-container-dashboard .theme-toggle-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Bootstrap Select Picker Styles - 专门优化selectpicker在Light模式下的样式 */
html[data-theme="light"] .bootstrap-select {
    background: var(--theme-selectpicker-bg) !important;
    border-color: var(--theme-selectpicker-border) !important;
    color: var(--theme-selectpicker-color) !important;
}

html[data-theme="light"] .bootstrap-select:hover {
    background: var(--theme-selectpicker-hover-bg) !important;
    border-color: var(--theme-selectpicker-hover-border) !important;
    color: var(--theme-selectpicker-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select:focus {
    background: var(--theme-selectpicker-focus-bg) !important;
    border-color: var(--theme-selectpicker-focus-border) !important;
    box-shadow: var(--theme-selectpicker-focus-shadow) !important;
}

/* Selectpicker Dropdown Toggle */
html[data-theme="light"] .bootstrap-select .dropdown-toggle {
    background: var(--theme-selectpicker-dropdown-toggle-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-toggle-border) !important;
    color: var(--theme-selectpicker-dropdown-toggle-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:hover {
    background: var(--theme-selectpicker-dropdown-toggle-hover-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-toggle-hover-border) !important;
    color: var(--theme-selectpicker-dropdown-toggle-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:focus {
    background: var(--theme-selectpicker-dropdown-toggle-focus-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-toggle-focus-border) !important;
    box-shadow: var(--theme-selectpicker-dropdown-toggle-focus-shadow) !important;
}

/* Selectpicker Button Group */
html[data-theme="light"] .bootstrap-select.btn-group > .dropdown-toggle {
    background: var(--theme-selectpicker-dropdown-toggle-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-toggle-border) !important;
    color: var(--theme-selectpicker-dropdown-toggle-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-group > .dropdown-toggle:hover {
    background: var(--theme-selectpicker-dropdown-toggle-hover-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-toggle-hover-border) !important;
    color: var(--theme-selectpicker-dropdown-toggle-hover-color) !important;
}

/* 强制修复"未提测列表"页面中bootstrap-select的白色背景问题 */
/* 针对form-control样式的bootstrap-select */
html[data-theme="light"] .bootstrap-select.form-control {
    background: transparent !important; /* 强制透明背景 */
    border: none !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 针对btn-group样式的bootstrap-select */
html[data-theme="light"] .bootstrap-select.btn-group {
    background: transparent !important; /* 强制透明背景 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 强制覆盖Bootstrap Select的默认深色背景 */
html[data-theme="light"] .bootstrap-select.btn-group > .dropdown-toggle {
    background: transparent !important; /* 强制透明背景，覆盖默认的#1b2e4b */
    border: 1px solid var(--theme-border-primary) !important; /* 使用主题边框色 */
    color: var(--theme-text-primary) !important; /* 使用主题文字色 */
    box-shadow: none !important; /* 移除默认阴影 */
    margin-top: 3px;
}

/* 确保悬停时也保持透明背景 */
html[data-theme="light"] .bootstrap-select.btn-group > .dropdown-toggle:hover {
    background: var(--theme-bg-tertiary) !important; /* 悬停时使用淡色背景 */
    border-color: var(--theme-border-primary) !important;
    color: var(--theme-text-primary) !important;
    box-shadow: none !important;
}

/* 针对"未提测列表"页面中特定样式的bootstrap-select */
html[data-theme="light"] .bootstrap-select.btn-group.form-control.mb-0.ml-0 {
    background: transparent !important; /* 强制透明背景 */
    border: none !important; /* 移除边框 */
    box-shadow: none !important; /* 移除阴影 */
}

html[data-theme="light"] .bootstrap-select.btn-group.form-control.mb-0.ml-0 > .dropdown-toggle {
    background: transparent !important; /* 强制透明背景 */
    border: 1px solid var(--theme-border-light) !important; /* 使用淡色边框 */
    color: var(--theme-text-primary) !important; /* 使用主题文字色 */
    box-shadow: none !important; /* 移除阴影 */
}

html[data-theme="light"] .bootstrap-select.btn-group.form-control.mb-0.ml-0 > .dropdown-toggle:hover {
    background: var(--theme-bg-tertiary) !important; /* 悬停时使用淡色背景 */
    border-color: var(--theme-border-primary) !important; /* 悬停时使用主边框色 */
    color: var(--theme-text-primary) !important;
    box-shadow: none !important;
}

/* Selectpicker Caret/Arrow */
html[data-theme="light"] .bootstrap-select .dropdown-toggle .caret {
    border-top-color: var(--theme-selectpicker-caret-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:hover .caret {
    border-top-color: var(--theme-selectpicker-caret-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:focus .caret {
    border-top-color: var(--theme-selectpicker-caret-focus-color) !important;
}

/* Selectpicker Filter Option */
html[data-theme="light"] .bootstrap-select .dropdown-toggle .filter-option {
    color: var(--theme-selectpicker-filter-option-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:hover .filter-option {
    color: var(--theme-selectpicker-filter-option-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle:focus .filter-option {
    color: var(--theme-selectpicker-filter-option-focus-color) !important;
}

/* Selectpicker Placeholder */
html[data-theme="light"] .bootstrap-select .dropdown-toggle.bs-placeholder {
    color: var(--theme-selectpicker-placeholder-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-toggle.bs-placeholder:hover,
html[data-theme="light"] .bootstrap-select .dropdown-toggle.bs-placeholder:focus,
html[data-theme="light"] .bootstrap-select .dropdown-toggle.bs-placeholder:active {
    color: var(--theme-selectpicker-placeholder-hover-color) !important;
}

/* Selectpicker Dropdown Menu */
html[data-theme="light"] .bootstrap-select .dropdown-menu {
    background: var(--theme-selectpicker-dropdown-menu-bg) !important;
    border-color: var(--theme-selectpicker-dropdown-menu-border) !important;
    box-shadow: var(--theme-selectpicker-dropdown-menu-shadow) !important;
}

/* Selectpicker Dropdown Items */
html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item {
    background: var(--theme-selectpicker-dropdown-item-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background: var(--theme-selectpicker-dropdown-item-hover-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item.active,
html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:active {
    background: var(--theme-selectpicker-dropdown-item-active-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-active-color) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:focus {
    background: var(--theme-selectpicker-dropdown-item-focus-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-focus-color) !important;
}

/* Selectpicker Dropdown Item Inner */
html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item span.dropdown-item-inner {
    background: var(--theme-selectpicker-dropdown-item-inner-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-inner-color) !important;
    padding: var(--theme-selectpicker-dropdown-item-inner-padding) !important;
}

html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item span.dropdown-item-inner:not([class*="bg-"]):hover {
    background: var(--theme-selectpicker-dropdown-item-inner-hover-bg) !important;
    color: var(--theme-selectpicker-dropdown-item-inner-hover-color) !important;
}

/* Selectpicker Dropdown Header */
html[data-theme="light"] .bootstrap-select .dropdown-header {
    background: var(--theme-selectpicker-dropdown-header-bg) !important;
    color: var(--theme-selectpicker-dropdown-header-color) !important;
    padding: var(--theme-selectpicker-dropdown-header-padding) !important;
}

/* Selectpicker Popover Title */
html[data-theme="light"] .bootstrap-select .dropdown-menu .popover-title {
    background: var(--theme-selectpicker-popover-title-bg) !important;
    color: var(--theme-selectpicker-popover-title-color) !important;
    padding: var(--theme-selectpicker-popover-title-padding) !important;
}

/* Selectpicker No Results */
html[data-theme="light"] .bootstrap-select .no-results {
    background: var(--theme-selectpicker-no-results-bg) !important;
    color: var(--theme-selectpicker-no-results-color) !important;
    padding: var(--theme-selectpicker-no-results-padding) !important;
    margin: var(--theme-selectpicker-no-results-margin) !important;
}

/* Selectpicker Notify */
html[data-theme="light"] .bootstrap-select .notify {
    background: var(--theme-selectpicker-notify-bg) !important;
    border-color: var(--theme-selectpicker-notify-border) !important;
    color: var(--theme-selectpicker-notify-color) !important;
    box-shadow: var(--theme-selectpicker-notify-shadow) !important;
}

/* Selectpicker Check Mark */
html[data-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item span.check-mark {
    color: var(--theme-selectpicker-check-mark-color) !important;
    font-size: var(--theme-selectpicker-check-mark-size) !important;
    margin-top: var(--theme-selectpicker-check-mark-margin) !important;
}

/* Selectpicker Sizes */
html[data-theme="light"] .bootstrap-select.btn-group.form-control-sm .dropdown-toggle {
    height: var(--theme-selectpicker-sm-height) !important;
    padding: var(--theme-selectpicker-sm-padding) !important;
    font-size: var(--theme-selectpicker-sm-font-size) !important;
}

html[data-theme="light"] .bootstrap-select.btn-group.form-control-lg .dropdown-toggle {
    height: var(--theme-selectpicker-lg-height) !important;
    padding: var(--theme-selectpicker-lg-padding) !important;
    font-size: var(--theme-selectpicker-lg-font-size) !important;
}

/* Selectpicker Variants */
html[data-theme="light"] .bootstrap-select.btn-primary .dropdown-toggle {
    background: var(--theme-selectpicker-primary-bg) !important;
    border-color: var(--theme-selectpicker-primary-border) !important;
    color: var(--theme-selectpicker-primary-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-primary .dropdown-toggle:hover {
    background: var(--theme-selectpicker-primary-hover-bg) !important;
    border-color: var(--theme-selectpicker-primary-hover-border) !important;
    color: var(--theme-selectpicker-primary-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-success .dropdown-toggle {
    background: var(--theme-selectpicker-success-bg) !important;
    border-color: var(--theme-selectpicker-success-border) !important;
    color: var(--theme-selectpicker-success-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-success .dropdown-toggle:hover {
    background: var(--theme-selectpicker-success-hover-bg) !important;
    border-color: var(--theme-selectpicker-success-hover-border) !important;
    color: var(--theme-selectpicker-success-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-warning .dropdown-toggle {
    background: var(--theme-selectpicker-warning-bg) !important;
    border-color: var(--theme-selectpicker-warning-border) !important;
    color: var(--theme-selectpicker-warning-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-warning .dropdown-toggle:hover {
    background: var(--theme-selectpicker-warning-hover-bg) !important;
    border-color: var(--theme-selectpicker-warning-hover-border) !important;
    color: var(--theme-selectpicker-warning-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-danger .dropdown-toggle {
    background: var(--theme-selectpicker-danger-bg) !important;
    border-color: var(--theme-selectpicker-danger-border) !important;
    color: var(--theme-selectpicker-danger-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-danger .dropdown-toggle:hover {
    background: var(--theme-selectpicker-danger-hover-bg) !important;
    border-color: var(--theme-selectpicker-danger-hover-border) !important;
    color: var(--theme-selectpicker-danger-hover-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-info .dropdown-toggle {
    background: var(--theme-selectpicker-info-bg) !important;
    border-color: var(--theme-selectpicker-info-border) !important;
    color: var(--theme-selectpicker-info-color) !important;
}

html[data-theme="light"] .bootstrap-select.btn-info .dropdown-toggle:hover {
    background: var(--theme-selectpicker-info-hover-bg) !important;
    border-color: var(--theme-selectpicker-info-hover-border) !important;
    color: var(--theme-selectpicker-info-hover-color) !important;
}

/* Selectpicker Show State */
html[data-theme="light"] .bootstrap-select.show .dropdown-toggle {
    border-color: var(--theme-input-focus-border) !important;
    color: var(--theme-text-primary) !important;
}

/* Selectpicker Outline Variants */
html[data-theme="light"] .bootstrap-select.show .dropdown-toggle.btn-outline-primary {
    border-color: var(--theme-accent-primary) !important;
}

html[data-theme="light"] .bootstrap-select.show .dropdown-toggle.btn-outline-info {
    border-color: var(--theme-accent-info) !important;
}

html[data-theme="light"] .bootstrap-select.show .dropdown-toggle.btn-outline-success {
    border-color: var(--theme-accent-success) !important;
}

html[data-theme="light"] .bootstrap-select.show .dropdown-toggle.btn-outline-warning {
    border-color: var(--theme-accent-warning) !important;
}

html[data-theme="light"] .bootstrap-select.show .dropdown-toggle.btn-outline-danger {
    border-color: var(--theme-accent-danger) !important;
}

/* Selectpicker Divider */
html[data-theme="light"] .bootstrap-select .dropdown-divider {
    border-color: var(--theme-border-primary) !important;
}

/* 修复"未提测列表"页面中透明按钮的白色背景问题 */
/* 针对页面中设置了background-color:transparent的按钮 */
html[data-theme="light"] button.btn.mb-1[style*="background-color:transparent"] {
    background-color: transparent !important; /* 强制透明背景 */
    box-shadow: none !important; /* 移除阴影 */
}

/* 确保这些按钮在悬停时也保持透明 */
html[data-theme="light"] button.btn.mb-1[style*="background-color:transparent"]:hover,
html[data-theme="light"] button.btn.mb-1[style*="background-color:transparent"]:focus {
    background-color: transparent !important; /* 悬停时保持透明 */
    box-shadow: none !important; /* 悬停时移除阴影 */
    transform: none !important; /* 移除悬停时的位移效果 */
}

/* 针对所有设置了透明背景的按钮的通用修复 */
html[data-theme="light"] .btn[style*="background-color:transparent"] {
    background-color: transparent !important; /* 强制透明背景 */
    box-shadow: none !important; /* 移除阴影 */
}

html[data-theme="light"] .btn[style*="background-color:transparent"]:hover,
html[data-theme="light"] .btn[style*="background-color:transparent"]:focus {
    background-color: transparent !important; /* 悬停时保持透明 */
    box-shadow: none !important; /* 悬停时移除阴影 */
    transform: none !important; /* 移除悬停时的位移效果 */
}

/* 基于corkview配色统一调整按钮样式 */
/* 确保在Light模式下与corkview light themes保持一致 */

/* Primary Button - 主要按钮 */
html[data-theme="light"] a.btn.btn-primary {
    color: #ffffff !important; /* 白色文字 */
    background-color: #1b55e2 !important; /* corkview蓝色 */
    border-color: #1b55e2 !important; /* 同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

html[data-theme="light"] a.btn.btn-primary:hover,
html[data-theme="light"] a.btn.btn-primary:focus {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #1b55e2 !important; /* 悬停时保持同色背景 */
    border-color: #1b55e2 !important; /* 悬停时保持同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* Info Button - 信息按钮 */
html[data-theme="light"] a.btn.btn-info {
    color: #ffffff !important; /* 白色文字 */
    background-color: #2196f3 !important; /* corkview蓝色 */
    border-color: #2196f3 !important; /* 同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

html[data-theme="light"] a.btn.btn-info:hover,
html[data-theme="light"] a.btn.btn-info:focus {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #2196f3 !important; /* 悬停时保持同色背景 */
    border-color: #2196f3 !important; /* 悬停时保持同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* Success Button - 成功按钮 */
html[data-theme="light"] a.btn.btn-success {
    color: #ffffff !important; /* 白色文字 */
    background-color: #8dbf42 !important; /* corkview绿色 */
    border-color: #8dbf42 !important; /* 同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

html[data-theme="light"] a.btn.btn-success:hover,
html[data-theme="light"] a.btn.btn-success:focus {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #8dbf42 !important; /* 悬停时保持同色背景 */
    border-color: #8dbf42 !important; /* 悬停时保持同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* Warning Button - 警告按钮 */
html[data-theme="light"] a.btn.btn-warning {
    color: #ffffff !important; /* 白色文字 */
    background-color: #e2a03f !important; /* corkview橙色 */
    border-color: #e2a03f !important; /* 同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

html[data-theme="light"] a.btn.btn-warning:hover,
html[data-theme="light"] a.btn.btn-warning:focus {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #e2a03f !important; /* 悬停时保持同色背景 */
    border-color: #e2a03f !important; /* 悬停时保持同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* Danger Button - 危险按钮 */
html[data-theme="light"] a.btn.btn-danger {
    color: #ffffff !important; /* 白色文字 */
    background-color: #e7515a !important; /* corkview红色 */
    border-color: #e7515a !important; /* 同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

html[data-theme="light"] a.btn.btn-danger:hover,
html[data-theme="light"] a.btn.btn-danger:focus {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #e7515a !important; /* 悬停时保持同色背景 */
    border-color: #e7515a !important; /* 悬停时保持同色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* 通用按钮悬停效果优化 */
html[data-theme="light"] a.btn:hover,
html[data-theme="light"] a.btn:focus {
    text-decoration: none !important; /* 确保所有按钮悬停时都没有下划线 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影效果 */
    transform: translateY(-1px) !important; /* 轻微上移效果 */
    transition: all 0.2s ease-in-out !important; /* 平滑过渡 */
}

/* 基于corkview light themes的SweetAlert2样式优化 */
/* 确保在Light模式下与corkview light themes保持一致 */

/* SweetAlert2容器样式 */
html[data-theme="light"] .swal2-container.swal2-center.swal2-fade.swal2-shown {
    background-color: rgba(0, 0, 0, 0.4) !important; /* 半透明黑色遮罩，与corkview一致 */
    z-index: 1060 !important; /* 确保层级正确 */
}

/* SweetAlert2模态框样式 */
html[data-theme="light"] .swal2-modal {
    background-color: #ffffff !important; /* 白色背景，与corkview一致 */
    border-radius: 5px !important; /* 圆角边框 */
    border: 1px solid var(--theme-border-light) !important; /* 使用主题边框色 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; /* 添加阴影效果 */
}

/* SweetAlert2标题样式 */
html[data-theme="light"] .swal2-modal .swal2-title {
    color: #3b3f5c !important; /* 深色文字，与corkview一致 */
    font-size: 24px !important; /* 字体大小 */
    font-weight: 600 !important; /* 加粗字体 */
    text-align: center !important; /* 居中对齐 */
    margin: 0 0 0.4em !important; /* 边距 */
    padding: 0 !important; /* 内边距 */
    line-height: 1.4 !important; /* 行高 */
}

/* SweetAlert2内容样式 */
html[data-theme="light"] .swal2-modal .swal2-content {
    color: var(--theme-text-secondary) !important; /* 使用主题文字色 */
    font-size: 14px !important; /* 字体大小 */
    line-height: 1.6 !important; /* 行高 */
    margin: 0 !important; /* 边距 */
    padding: 0 !important; /* 内边距 */
}

/* SweetAlert2按钮包装器样式 */
html[data-theme="light"] .swal2-modal .swal2-buttonswrapper {
    margin-top: 20px !important; /* 上边距 */
    display: flex !important; /* 弹性布局 */
    justify-content: center !important; /* 居中对齐 */
    gap: 10px !important; /* 按钮间距 */
}

/* SweetAlert2按钮样式 */
html[data-theme="light"] .swal2-modal .swal2-styled {
    border: none !important; /* 移除边框 */
    border-radius: 6px !important; /* 圆角 */
    padding: 10px 24px !important; /* 内边距 */
    font-size: 14px !important; /* 字体大小 */
    font-weight: 500 !important; /* 字体粗细 */
    cursor: pointer !important; /* 鼠标指针 */
    transition: all 0.2s ease-in-out !important; /* 过渡效果 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 轻微阴影 */
}

/* SweetAlert2确认按钮样式 */
html[data-theme="light"] .swal2-modal .swal2-styled.swal2-confirm {
    background-color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    color: #ffffff !important; /* 白色文字 */
}

html[data-theme="light"] .swal2-modal .swal2-styled.swal2-confirm:hover {
    background-color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    transform: translateY(-1px) !important; /* 轻微上移 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; /* 增强阴影 */
}

/* SweetAlert2取消按钮样式 */
html[data-theme="light"] .swal2-modal .swal2-styled.swal2-cancel {
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    color: var(--theme-text-secondary) !important; /* 使用主题二级文字色 */
    border: 1px solid var(--theme-border-primary) !important; /* 使用主题边框色 */
}

html[data-theme="light"] .swal2-modal .swal2-styled.swal2-cancel:hover {
    background-color: var(--theme-border-primary) !important; /* 悬停时使用边框色 */
    color: var(--theme-text-primary) !important; /* 悬停时使用主文字色 */
}

/* SweetAlert2关闭按钮样式 */
html[data-theme="light"] .swal2-modal .swal2-close {
    color: var(--theme-text-muted) !important; /* 使用主题静默文字色 */
    font-size: 28px !important; /* 字体大小 */
    line-height: 1 !important; /* 行高 */
    opacity: 0.7 !important; /* 透明度 */
    transition: opacity 0.2s ease-in-out !important; /* 过渡效果 */
}

html[data-theme="light"] .swal2-modal .swal2-close:hover {
    opacity: 1 !important; /* 悬停时完全不透明 */
    color: var(--theme-text-primary) !important; /* 悬停时使用主文字色 */
}

/* SweetAlert2输入框样式 */
html[data-theme="light"] .swal2-modal .swal2-input,
html[data-theme="light"] .swal2-modal .swal2-textarea {
    border: 1px solid var(--theme-border-primary) !important; /* 使用主题边框色 */
    border-radius: 4px !important; /* 圆角 */
    padding: 8px 12px !important; /* 内边距 */
    font-size: 14px !important; /* 字体大小 */
    background-color: var(--theme-input-bg) !important; /* 使用主题输入框背景色 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
}

html[data-theme="light"] .swal2-modal .swal2-input:focus,
html[data-theme="light"] .swal2-modal .swal2-textarea:focus {
    border-color: var(--theme-input-focus-border) !important; /* 使用主题焦点边框色 */
    box-shadow: var(--theme-input-focus-shadow) !important; /* 使用主题焦点阴影 */
    outline: none !important; /* 移除默认轮廓 */
}

/* SweetAlert2图标样式 */
html[data-theme="light"] .swal2-modal .swal2-icon {
    border-color: var(--theme-border-primary) !important; /* 使用主题边框色 */
}

/* SweetAlert2成功图标样式 */
html[data-theme="light"] .swal2-modal .swal2-icon.swal2-success {
    border-color: var(--theme-accent-success) !important; /* 使用主题成功色 */
}

html[data-theme="light"] .swal2-modal .swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--theme-accent-success) !important; /* 使用主题成功色 */
}

/* SweetAlert2错误图标样式 */
html[data-theme="light"] .swal2-modal .swal2-icon.swal2-error {
    border-color: var(--theme-accent-danger) !important; /* 使用主题危险色 */
}

/* SweetAlert2警告图标样式 */
html[data-theme="light"] .swal2-modal .swal2-icon.swal2-warning {
    border-color: var(--theme-accent-warning) !important; /* 使用主题警告色 */
}

/* SweetAlert2信息图标样式 */
html[data-theme="light"] .swal2-modal .swal2-icon.swal2-info {
    border-color: var(--theme-accent-info) !important; /* 使用主题信息色 */
}

/* 精准修复"schedules/create"页面中任务描述链接的颜色问题 */
/* 确保在Light模式下链接文字清晰可见 */
html[data-theme="light"] .schedules-create-page a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] .schedules-create-page a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 针对任务信息区域的链接 */
html[data-theme="light"] .inv--detail-section a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] .inv--detail-section a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 针对子任务信息表格中的链接 */
html[data-theme="light"] .inv--product-table-section a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] .inv--product-table-section a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 针对任务描述标签后的链接 */
html[data-theme="light"] p:contains("任务描述:") a[href*="zentao.psy-cloud.com"],
html[data-theme="light"] p:has(a[href*="zentao.psy-cloud.com"]) a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] p:contains("任务描述:") a[href*="zentao.psy-cloud.com"]:hover,
html[data-theme="light"] p:has(a[href*="zentao.psy-cloud.com"]) a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 通用修复：针对所有包含"任务描述:"文字的段落中的链接 */
html[data-theme="light"] p a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] p a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 精准修复"schedules"页面在Light模式下的配色协调问题 */
/* 确保所有元素都与Light模式主题风格协调 */

/* 1. 修复优先级标签的背景和文字颜色 */
html[data-theme="light"] .badge-chip {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border-color: var(--theme-border-primary) !important; /* 使用主题边框色 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
}

/* 高优先级标签 */
html[data-theme="light"] .badge-chip[style*="border-color: red"] {
    background-color: #fff5f5 !important; /* 浅红色背景 */
    border-color: #ef4444 !important; /* 红色边框 */
    color: #dc2626 !important; /* 深红色文字 */
}

/* 中优先级标签 */
html[data-theme="light"] .badge-chip[style*="border-color: darkgoldenrod"] {
    background-color: #fffbeb !important; /* 浅黄色背景 */
    border-color: #d97706 !important; /* 橙色边框 */
    color: #b45309 !important; /* 深橙色文字 */
}

/* 低优先级标签 */
html[data-theme="light"] .badge-chip[style*="border-color: yellowgreen"] {
    background-color: #f0fdf4 !important; /* 浅绿色背景 */
    border-color: #16a34a !important; /* 绿色边框 */
    color: #15803d !important; /* 深绿色文字 */
}

/* 2. 修复手风琴头部的背景色 */
html[data-theme="light"] .card-header[style*="background-color:#191e3a"] {
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border-bottom: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

/* 3. 修复子任务表格的背景色 */
html[data-theme="light"] .table[style*="background-color: #1b2e4b"] {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

/* 4. 修复表格行和单元格的背景色 */
html[data-theme="light"] .table[style*="background-color: #1b2e4b"] tbody tr {
    background-color: var(--theme-bg-content) !important; /* 使用主题内容背景色 */
    border-bottom: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

html[data-theme="light"] .table[style*="background-color: #1b2e4b"] tbody tr:hover {
    background-color: var(--theme-bg-tertiary) !important; /* 悬停时使用三级背景色 */
}

html[data-theme="light"] .table[style*="background-color: #1b2e4b"] tbody td {
    background-color: transparent !important; /* 单元格背景透明 */
    border-color: var(--theme-border-light) !important; /* 使用淡色边框 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
}

/* 5. 修复手风琴图标和文字颜色 */
html[data-theme="light"] .card-header[style*="background-color:#191e3a"] .accordion-icon svg {
    color: var(--theme-text-primary) !important; /* 图标使用主文字色 */
}

html[data-theme="light"] .card-header[style*="background-color:#191e3a"] div[style*="font-size: 15px"] {
    color: var(--theme-text-primary) !important; /* 文字使用主文字色 */
}

/* 6. 修复邮件徽章的背景和文字颜色 */
html[data-theme="light"] .mail-badge.badge[style*="background-color:gray"] {
    background-color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    color: #ffffff !important; /* 白色文字 */
}

/* 7. 修复手风琴展开图标的颜色 */
html[data-theme="light"] .card-header[style*="background-color:#191e3a"] .icons svg {
    color: var(--theme-text-primary) !important; /* 使用主文字色 */
}

/* 8. 修复任务链接的颜色 */
html[data-theme="light"] .schedules-page a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] .schedules-page a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 9. 修复下拉菜单项的颜色 */
html[data-theme="light"] .schedules-page .dropdown-item {
    color: var(--theme-text-primary) !important; /* 使用主文字色 */
    background-color: var(--theme-bg-widget) !important; /* 使用widget背景色 */
    border-bottom: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

html[data-theme="light"] .schedules-page .dropdown-item:hover {
    background-color: var(--theme-bg-tertiary) !important; /* 悬停时使用三级背景色 */
    color: var(--theme-text-primary) !important; /* 保持主文字色 */
}

/* 10. 修复特定状态的颜色 */
html[data-theme="light"] .schedules-page .dropdown-item[style*="color: #0baf0b"] {
    color: var(--theme-accent-success) !important; /* 使用主题成功色 */
}

html[data-theme="light"] .schedules-page .dropdown-item[style*="color: orangered"] {
    color: var(--theme-accent-warning) !important; /* 使用主题警告色 */
}

html[data-theme="light"] .schedules-page .dropdown-item[style*="color: red"] {
    color: var(--theme-accent-danger) !important; /* 使用主题危险色 */
}

/* 11. 修复卡片和媒体对象的样式 */
html[data-theme="light"] .schedules-page .card.post {
    background-color: var(--theme-bg-widget) !important; /* 使用widget背景色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
}

html[data-theme="light"] .schedules-page .media-body h5 a {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
}

html[data-theme="light"] .schedules-page .meta-time {
    color: var(--theme-text-secondary) !important; /* 使用二级文字色 */
}

/* 12. 修复测试任务标题的颜色 */
html[data-theme="light"] .schedules-page h6[style*="color: white"] {
    color: var(--theme-text-primary) !important; /* 使用主文字色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用三级背景色 */
    padding: 5px 10px !important; /* 添加内边距 */
    border-radius: 4px !important; /* 圆角边框 */
    display: inline-block !important; /* 行内块显示 */
}

/* 13. 修复页面标题和头部样式 */
html[data-theme="light"] .schedules-page .page-header h3 {
    color: var(--theme-text-primary) !important; /* 使用主文字色 */
}

html[data-theme="light"] .schedules-page .in-heading[style*="color:#adb5ee"] {
    color: var(--theme-text-primary) !important; /* 使用主文字色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用三级背景色 */
    padding: 10px 15px !important; /* 添加内边距 */
    border-radius: 6px !important; /* 圆角边框 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

/* 14. 修复优先级调整弹窗的背景色 */
html[data-theme="light"] #divAdjustPriority {
    background-color: rgba(248, 249, 250, 0.75) !important; /* 使用浅灰色半透明背景 */
    backdrop-filter: blur(5px) !important; /* 添加背景模糊效果 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important; /* 添加阴影效果 */
}

/* 14.1 修复divAdjustPriority中所有元素的配色，确保与Light模式完全协调 */
/* 修复优先级标题框的背景和文字颜色 */
html[data-theme="light"] #divAdjustPriority div[style*="background-color: #1b2e4b"] {
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
}

/* 修复高优先级标题框的特殊颜色 */
html[data-theme="light"] #divAdjustPriority div[style*="color: red"] {
    color: var(--theme-accent-danger) !important; /* 使用主题危险色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border: 1px solid var(--theme-accent-danger) !important; /* 使用危险色边框 */
}

/* 修复中优先级标题框的特殊颜色 */
html[data-theme="light"] #divAdjustPriority div[style*="color: darkgoldenrod"] {
    color: var(--theme-accent-warning) !important; /* 使用主题警告色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border: 1px solid var(--theme-accent-warning) !important; /* 使用警告色边框 */
}

/* 修复低优先级标题框的特殊颜色 */
html[data-theme="light"] #divAdjustPriority div[style*="color: yellowgreen"] {
    color: var(--theme-accent-success) !important; /* 使用主题成功色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border: 1px solid var(--theme-accent-success) !important; /* 使用成功色边框 */
}

/* 修复任务容器的背景色 */
html[data-theme="light"] #divAdjustPriority div[style*="background-color: #222930"] {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    border-radius: 6px !important; /* 圆角边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; /* 添加轻微阴影 */
}

/* 修复badge-chip的背景和文字颜色 */
html[data-theme="light"] #divAdjustPriority .badge-chip[style*="background-color: #1b2e4b"] {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border-color: var(--theme-border-primary) !important; /* 使用主题边框色 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
}

/* 修复高优先级badge的特殊样式 */
html[data-theme="light"] #divAdjustPriority #schedules_dragula_high_priority_container .badge-chip[style*="border-left-width: 10px"] {
    background-color: #fff5f5 !important;
    border-color: #ef4444 !important;
    color: #dc2626 !important;
}

/* 修复中优先级badge的特殊样式 */
html[data-theme="light"] #divAdjustPriority #schedules_dragula_medium_priority_container .badge-chip[style*="border-left-width: 10px"] {
    background-color: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #f97316 !important;
}

/* 修复低优先级badge的特殊样式 */
html[data-theme="light"] #divAdjustPriority #schedules_dragula_low_priority_container .badge-chip[style*="border-left-width: 10px"] {
    background-color: #ecfdf5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* 修复任务链接的颜色 */
html[data-theme="light"] #divAdjustPriority a[href*="zentao.psy-cloud.com"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    font-weight: 600 !important; /* 加粗字体 */
    text-decoration: none !important; /* 移除下划线 */
    transition: color 0.2s ease-in-out !important; /* 平滑过渡 */
}

html[data-theme="light"] #divAdjustPriority a[href*="zentao.psy-cloud.com"]:hover {
    color: var(--theme-accent-primary) !important; /* 悬停时保持同色 */
    text-decoration: underline !important; /* 悬停时显示下划线 */
}

/* 修复元数据文字颜色 */
html[data-theme="light"] #divAdjustPriority .meta-time {
    color: var(--theme-text-secondary) !important; /* 使用主题二级文字色 */
}

/* 修复添加符号的颜色 */
html[data-theme="light"] #divAdjustPriority .add-symbol[style*="color: gray"] {
    color: var(--theme-accent-primary) !important; /* 使用主题主色调 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    border-radius: 50% !important; /* 圆形背景 */
    width: 40px !important; /* 固定宽度 */
    height: 40px !important; /* 固定高度 */
    line-height: 40px !important; /* 垂直居中 */
    display: flex !important; /* 弹性布局 */
    align-items: center !important; /* 垂直居中 */
    justify-content: center !important; /* 水平居中 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 添加轻微阴影 */
}

/* 修复没有开发计划的提示文字 */
html[data-theme="light"] #divAdjustPriority .no-schedules {
    color: var(--theme-text-muted) !important; /* 使用主题静默文字色 */
    background-color: var(--theme-bg-tertiary) !important; /* 使用主题三级背景色 */
    padding: 20px !important; /* 添加内边距 */
    border-radius: 6px !important; /* 圆角边框 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
}

/* 修复任务卡片的样式 */
html[data-theme="light"] #divAdjustPriority .card.post.text-post {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border: 1px solid var(--theme-border-light) !important; /* 使用主题淡色边框 */
    border-radius: 6px !important; /* 保持与Dark模式一致的6px圆角 */
    padding: 14px 26px !important; /* 保持与Dark模式完全一致的padding */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; /* 添加轻微阴影 */
    margin-bottom: 5px !important; /* 保持底部边距 */
}

/* 修复任务卡片中card-body的样式 */
html[data-theme="light"] #divAdjustPriority .card.post.text-post .card-body {
    background-color: transparent !important; /* 背景透明，继承父元素背景 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border: none !important; /* 移除边框 */
    border-radius: 0 !important; /* 移除圆角 */
    box-shadow: none !important; /* 移除阴影 */
    padding: 0 !important; /* 保持与Dark模式完全一致的padding: 0 */
    margin: 0 !important; /* 确保没有额外边距 */
}

/* 修复任务标题的颜色 */
html[data-theme="light"] #divAdjustPriority .card.post.text-post h5 {
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    font-weight: 600 !important; /* 加粗字体 */
}

/* 修复拖拽容器的整体样式 */
html[data-theme="light"] #divAdjustPriority .schedules_dragula_adjust_priority_container {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border: 1px solid var(--theme-border-light) !important; /* 添加淡色边框 */
    border-radius: 6px !important; /* 圆角边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; /* 添加轻微阴影 */
}

/* 17. 针对.card-body在Light模式下的背景色设置 */
/* 确保Dark模式和Light模式使用不同的背景色，不做其他任何变更 */
html[data-theme="light"] .card-body {
    background: var(--theme-bg-content);
}

/* 18. 修复schedules页面中badge-chip的背景色 */
/* 确保在Light模式下最大程度与之前保持一致 */
html[data-theme="light"] #schedules_dragula_high_priority_container .badge-chip {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色，与原始#1b2e4b最接近 */
    border-color: var(--theme-accent-danger) !important; /* 保持红色边框 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
}

html[data-theme="light"] #schedules_dragula_medium_priority_container .badge-chip {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色，与原始#1b2e4b最接近 */
    border-color: var(--theme-accent-warning) !important; /* 保持金色边框，与原始darkgoldenrod最接近 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
    border-style: solid !important; /* 保持原始边框样式 */
    border-width: thin !important; /* 保持原始边框宽度 */
    border-left-width: 10px !important; /* 保持原始左边框宽度 */
}

html[data-theme="light"] #schedules_dragula_low_priority_container .badge-chip {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色，与原始#1b2e4b最接近 */
    border-color: var(--theme-accent-success) !important; /* 保持绿色边框 */
    color: var(--theme-text-primary) !important; /* 使用主题主文字色 */
}

/* 19. 修复开发计划详情页面中inv-list-container的背景色 */
/* 确保与Light风格协调一致 */
html[data-theme="light"] .inv-list-container {
    background-color: var(--theme-bg-widget) !important; /* 使用主题widget背景色 */
    border-right-color: var(--theme-border-light) !important; /* 使用主题淡色边框 */
}

html[data-theme="light"] .invoice-customer-name {
    color: #bfc9d4 !important; /* 使用主题主文字色 */
}

html[data-theme="light"] .inv-to {
    color: #222324 !important; /* 使用主题主文字色 */
}

/* 20. 修复"退出登录"按钮在Light模式下的对比度问题 */
/* 确保文字清晰可见且与Light模式协调 */
html[data-theme="light"] .dropdown-menu .dropdown-item a[href*="logout"] {
    /*color: var(--theme-text-primary) !important;*/ /* 使用主题主文字色，确保清晰可见 */
    color: #ffffff !important; /* 使用主题主文字色，确保清晰可见 */
}

html[data-theme="light"] .dropdown-menu .dropdown-item a[href*="logout"]:hover {
    background-color: var(--theme-accent-primary) !important; /* 使用主题主色调背景 */
    color: #ffffff !important; /* 白色文字，确保高对比度 */
}

html[data-theme="light"] .dropdown-menu .dropdown-item a[href*="logout"]:focus {
    background-color: var(--theme-accent-primary) !important; /* 使用主题主色调背景 */
    color: #ffffff !important; /* 白色文字，确保高对比度 */
}

html[data-theme="light"] .dropdown-menu .dropdown-item a[href*="logout"]:active {
    background-color: var(--theme-accent-primary) !important; /* 使用主题主色调背景 */
    color: #ffffff !important; /* 白色文字，确保高对比度 */
}

/* 21. 修复.pagination-default在Light模式下的当前页码样式 */
/* 确保当前页码有明显的视觉效果 */
html[data-theme="light"] .pagination-default li a.active:hover,
html[data-theme="light"] .pagination-default li.active a {
    background: var(--theme-accent-primary) !important; /* 使用主题主色调背景 */
    border-color: var(--theme-accent-primary) !important; /* 使用主题主色调边框 */
    color: #ffffff !important; /* 白色文字，确保高对比度 */
    font-weight: 600 !important; /* 加粗字体，增强视觉效果 */
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3) !important; /* 添加阴影效果 */
    transform: scale(1.05) !important; /* 轻微放大，突出当前页 */
    z-index: 2 !important; /* 提高层级 */
}

html[data-theme="light"] .pagination-default li.active {
    background: var(--theme-accent-primary) !important; /* 使用主题主色调背景 */
}

/* 为.pagination-default的当前页添加hover效果 */
html[data-theme="light"] .pagination-default li a.active:hover:hover,
html[data-theme="light"] .pagination-default li.active a:hover {
    background: var(--theme-accent-primary) !important; /* 保持主题主色调背景 */
    border-color: var(--theme-accent-primary) !important; /* 保持主题主色调边框 */
    color: #ffffff !important; /* 保持白色文字 */
    transform: scale(1.08) !important; /* hover时进一步放大 */
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4) !important; /* hover时增强阴影效果 */
    transition: all 0.2s ease-in-out !important; /* 添加平滑过渡动画 */
}

/* 确保.pagination-default的当前页在Light模式下有足够的对比度 */
html[data-theme="light"] .pagination-default li a.active:hover:focus,
html[data-theme="light"] .pagination-default li.active a:focus {
    outline: 2px solid var(--theme-accent-primary) !important; /* 添加焦点轮廓 */
    outline-offset: 1px !important; /* 轮廓偏移 */
}

/* 22. 修复Light模式下popover标题栏的深色背景问题 */
/* 根据图片显示，popover标题栏在Light模式下应该使用浅色背景 */

/* 基础popover样式覆盖 */
html[data-theme="light"] .popover {
    background-color: #ffffff !important;
    border: 1px solid #e0e6ed !important;
    border-radius: 6px !important;
    box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06) !important;
}

/* popover标题栏样式修复 - 关键修复点 */
html[data-theme="light"] .popover .popover-header {
    background-color: #e9ecef !important; /* 调整为稍深的灰色背景，提供更好的视觉层次 */
    border-bottom: 1px solid #e0e6ed !important;
    color: #3b3f5c !important; /* 深色文字，确保可读性 */
    border-radius: 6px 6px 0 0 !important;
    font-weight: 600 !important;
}

/* popover内容区域样式 */
html[data-theme="light"] .popover .popover-body {
    background-color: #ffffff !important;
    color: #515365 !important;
}

/* 覆盖所有popover变体的深色背景 */
html[data-theme="light"] .popover-primary,
html[data-theme="light"] .popover-success,
html[data-theme="light"] .popover-info,
html[data-theme="light"] .popover-danger,
html[data-theme="light"] .popover-warning,
html[data-theme="light"] .popover-secondary,
html[data-theme="light"] .popover-dark {
    background-color: #ffffff !important;
    border: 1px solid #e0e6ed !important;
}

/* 确保所有popover变体的标题栏都使用浅色背景 */
html[data-theme="light"] .popover-primary .popover-header,
html[data-theme="light"] .popover-success .popover-header,
html[data-theme="light"] .popover-info .popover-header,
html[data-theme="light"] .popover-danger .popover-header,
html[data-theme="light"] .popover-warning .popover-header,
html[data-theme="light"] .popover-secondary .popover-header,
html[data-theme="light"] .popover-dark .popover-header {
    background-color: #e9ecef !important; /* 调整为稍深的灰色背景，与基础popover保持一致 */
    border-bottom: 1px solid #e0e6ed !important;
    color: #3b3f5c !important;
}

/* 确保所有popover变体的内容区域都使用白色背景 */
html[data-theme="light"] .popover-primary .popover-body,
html[data-theme="light"] .popover-success .popover-body,
html[data-theme="light"] .popover-info .popover-body,
html[data-theme="light"] .popover-danger .popover-body,
html[data-theme="light"] .popover-warning .popover-body,
html[data-theme="light"] .popover-secondary .popover-body,
html[data-theme="light"] .popover-dark .popover-body {
    background-color: #ffffff !important;
    color: #515365 !important;
}

/* 使用!important确保样式优先级，覆盖原有的深色样式 */
html[data-theme="light"] .popover,
html[data-theme="light"] .popover * {
    background-color: #ffffff !important;
}

html[data-theme="light"] .popover .popover-header {
    background-color: #e9ecef !important; /* 调整为稍深的灰色背景 */
}