@charset "UTF-8";

/* Dark Theme Variables */
:root[data-theme="dark"] {
  --bs-body-bg: #1a1d29;
  --bs-body-color: #c7d2e7;
  --bs-card-bg: #232631;
  --bs-border-color: #2f3349;
  --bs-navbar-bg: #232631;
  --bs-sidebar-bg: #1e2139;
}

/* Dark Theme Base Styles */
[data-theme="dark"] body {
  background-color: #1a1d29 !important;
  color: #c7d2e7 !important;
}

/* Cards */
[data-theme="dark"] .card {
  background-color: #232631 !important;
  border-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] .card-header {
  background-color: #2a2d3a !important;
  border-bottom-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

/* Tables */
[data-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
  --bs-table-active-bg: rgba(255, 255, 255, 0.04);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.03);
  color: #c7d2e7 !important;
  border-color: #2f3349 !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
  border-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] .table thead th {
  background-color: #2a2d3a !important;
  color: #c7d2e7 !important;
}

/* Forms */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: #2a2d3a !important;
  border-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: #2a2d3a !important;
  border-color: #696cff !important;
  box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25) !important;
}

[data-theme="dark"] .form-control::placeholder {
  color: #8f9baa !important;
}

[data-theme="dark"] .form-label {
  color: #c7d2e7 !important;
}

/* Buttons */
[data-theme="dark"] .btn-outline-primary {
  border-color: #696cff !important;
  color: #696cff !important;
}

[data-theme="dark"] .btn-outline-primary:hover {
  background-color: #696cff !important;
  border-color: #696cff !important;
  color: #fff !important;
}

[data-theme="dark"] .btn-outline-secondary {
  border-color: #8f9baa !important;
  color: #8f9baa !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
  background-color: #8f9baa !important;
  border-color: #8f9baa !important;
  color: #1a1d29 !important;
}

/* Navbar */
[data-theme="dark"] .bg-navbar-theme {
  background-color: #232631 !important;
  border-bottom-color: #2f3349 !important;
}

[data-theme="dark"] .navbar-nav .nav-link {
  color: #c7d2e7 !important;
}

[data-theme="dark"] .navbar-nav .nav-link:hover {
  color: #696cff !important;
}

/* Sidebar Menu */
[data-theme="dark"] .bg-menu-theme {
  background-color: #1e2139 !important;
}

[data-theme="dark"] .bg-menu-theme .menu-inner .menu-item .menu-link {
  color: #c7d2e7 !important;
}

[data-theme="dark"] .bg-menu-theme .menu-inner .menu-item .menu-link:hover {
  background-color: rgba(105, 108, 255, 0.1) !important;
  color: #696cff !important;
}

[data-theme="dark"] .bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #696cff !important;
  background-color: rgba(105, 108, 255, 0.16) !important;
}

/* 子菜单激活状态 */
[data-theme="dark"] .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  background-color: rgba(105, 108, 255, 0.16) !important;
  color: #696cff !important;
  box-shadow: 0 2px 6px 0 rgba(105, 108, 255, 0.2);
}

/* 子菜单激活状态的圆点指示器 */
[data-theme="dark"] .bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before {
  background-color: #696cff !important;
  border: 3px solid rgba(105, 108, 255, 0.3) !important;
}

/* 修复子菜单左边距过大 */
[data-theme="dark"] .menu-vertical .menu-sub .menu-link {
  padding-left: 3.5rem !important;
}

[data-theme="dark"] .bg-menu-theme .menu-header {
  color: #8f9baa !important;
}

[data-theme="dark"] .bg-menu-theme .menu-header:before {
  background-color: #8f9baa !important;
}

[data-theme="dark"] .bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#1e2139 41%, rgba(30, 33, 57, 0.11) 95%, rgba(30, 33, 57, 0)) !important;
}

/* Dropdowns */
[data-theme="dark"] .dropdown-menu {
  background-color: #232631 !important;
  border-color: #2f3349 !important;
}

[data-theme="dark"] .dropdown-item {
  color: #c7d2e7 !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  background-color: rgba(105, 108, 255, 0.1) !important;
  color: #696cff !important;
}

[data-theme="dark"] .dropdown-divider {
  border-color: #2f3349 !important;
}

/* Modals */
[data-theme="dark"] .modal-content {
  background-color: #232631 !important;
  border-color: #2f3349 !important;
}

[data-theme="dark"] .modal-header {
  border-bottom-color: #2f3349 !important;
}

[data-theme="dark"] .modal-footer {
  border-top-color: #2f3349 !important;
}

/* Alerts */
[data-theme="dark"] .alert-primary {
  background-color: rgba(105, 108, 255, 0.1) !important;
  border-color: rgba(105, 108, 255, 0.2) !important;
  color: #696cff !important;
}

[data-theme="dark"] .alert-success {
  background-color: rgba(113, 221, 55, 0.1) !important;
  border-color: rgba(113, 221, 55, 0.2) !important;
  color: #71dd37 !important;
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(255, 171, 0, 0.1) !important;
  border-color: rgba(255, 171, 0, 0.2) !important;
  color: #ffab00 !important;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(255, 62, 29, 0.1) !important;
  border-color: rgba(255, 62, 29, 0.2) !important;
  color: #ff3e1d !important;
}

/* Badges */
[data-theme="dark"] .bg-label-primary {
  background-color: rgba(105, 108, 255, 0.16) !important;
  color: #696cff !important;
}

[data-theme="dark"] .bg-label-success {
  background-color: rgba(113, 221, 55, 0.16) !important;
  color: #71dd37 !important;
}

[data-theme="dark"] .bg-label-warning {
  background-color: rgba(255, 171, 0, 0.16) !important;
  color: #ffab00 !important;
}

[data-theme="dark"] .bg-label-danger {
  background-color: rgba(255, 62, 29, 0.16) !important;
  color: #ff3e1d !important;
}

[data-theme="dark"] .bg-label-secondary {
  background-color: rgba(143, 155, 170, 0.16) !important;
  color: #8f9baa !important;
}

[data-theme="dark"] .bg-label-info {
  background-color: rgba(3, 195, 236, 0.16) !important;
  color: #03c3ec !important;
}

/* Pagination */
[data-theme="dark"] .page-link {
  background-color: #232631 !important;
  border-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] .page-link:hover {
  background-color: rgba(105, 108, 255, 0.1) !important;
  border-color: #696cff !important;
  color: #696cff !important;
}

[data-theme="dark"] .page-item.active .page-link {
  background-color: #696cff !important;
  border-color: #696cff !important;
  color: #fff !important;
}

/* Spinners */
[data-theme="dark"] .spinner-border {
  color: #696cff !important;
}

/* Text colors */
[data-theme="dark"] .text-muted {
  color: #8f9baa !important;
}

[data-theme="dark"] .text-primary {
  color: #696cff !important;
}

[data-theme="dark"] .text-success {
  color: #71dd37 !important;
}

[data-theme="dark"] .text-warning {
  color: #ffab00 !important;
}

[data-theme="dark"] .text-danger {
  color: #ff3e1d !important;
}

/* Footer */
[data-theme="dark"] .bg-footer-theme {
  background-color: #232631 !important;
  border-top-color: #2f3349 !important;
}

[data-theme="dark"] .footer-link {
  color: #8f9baa !important;
}

[data-theme="dark"] .footer-link:hover {
  color: #696cff !important;
}

/* Avatar */
[data-theme="dark"] .avatar-initial {
  background-color: rgba(105, 108, 255, 0.16) !important;
  color: #696cff !important;
}

/* Code elements */
[data-theme="dark"] code {
  background-color: rgba(105, 108, 255, 0.1) !important;
  color: #696cff !important;
}

/* Theme Toggle Button */
.theme-toggle {
  background: none !important;
  border: none !important;
  color: inherit !important;
  font-size: 1.25rem !important;
  padding: 0.5rem !important;
  border-radius: 50% !important;
  transition: all 0.2s ease !important;
}

.theme-toggle:hover {
  background-color: rgba(105, 108, 255, 0.1) !important;
  color: #696cff !important;
}

[data-theme="dark"] .theme-toggle:hover {
  background-color: rgba(105, 108, 255, 0.2) !important;
}

/* Input Groups Dark Theme */
[data-theme="dark"] .input-group-text {
  background-color: #2c3e50;
  border-color: #34495e;
  color: #c7d2e7;
}

[data-theme="dark"] .input-group-text.cursor-pointer {
  background-color: #2c3e50;
  border-color: #34495e;
  color: #c7d2e7;
  transition: all 0.2s ease;
}

[data-theme="dark"] .input-group-text.cursor-pointer:hover {
  background-color: #34495e;
  color: #e9ecef;
}

[data-theme="dark"] .input-group .form-control {
  background-color: #1e2139;
  border-color: #34495e;
  color: #c7d2e7;
}

[data-theme="dark"] .input-group .form-control:focus {
  background-color: #1e2139;
  border-color: #696cff;
  box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25);
}

/* Device Type Cards - view_config.php */
[data-theme="dark"] .device-type-card .card {
  border-color: #34495e;
  background-color: #232631;
}

[data-theme="dark"] .device-type-card.selected .card {
  border-color: #696cff;
  background-color: #2c3e50;
  box-shadow: 0 4px 12px rgba(105, 108, 255, 0.2);
}

/* Alert Components - activate_membership.php and other pages */
[data-theme="dark"] .alert-info {
  background-color: #1e3a5f;
  border-color: #2c5aa0;
  color: #a8c8ec;
}

[data-theme="dark"] .alert-sm {
  background-color: #1e3a5f;
  border-color: #2c5aa0;
}

/* Text Color Overrides for Dark Theme */
[data-theme="dark"] .text-warning {
  color: #ffc107 !important;
}

[data-theme="dark"] .text-success {
  color: #28a745 !important;
}

[data-theme="dark"] .text-primary {
  color: #007bff !important;
}

[data-theme="dark"] .text-danger {
  color: #dc3545 !important;
}

[data-theme="dark"] .fw-bold {
  color: #c7d2e7;
}

/* Card Body Icons and Content */
[data-theme="dark"] .card-body .text-success {
  color: #28a745 !important;
}

[data-theme="dark"] .card-body h6.card-title {
  color: #c7d2e7;
}

[data-theme="dark"] .card-body .text-muted {
  color: #8f9baa !important;
}

/* Table Rows and Warning Styles */
[data-theme="dark"] .table-warning {
  background-color: rgba(255, 193, 7, 0.1) !important;
  border-color: rgba(255, 193, 7, 0.2) !important;
}

[data-theme="dark"] .table-warning td {
  background-color: rgba(255, 193, 7, 0.1) !important;
  color: #c7d2e7;
}

/* Badge Components */
[data-theme="dark"] .badge.bg-warning {
  background-color: #ffc107 !important;
  color: #000 !important;
}

[data-theme="dark"] .badge.bg-warning.text-dark {
  background-color: #ffc107 !important;
  color: #000 !important;
}

/* Avatar Components */
[data-theme="dark"] .avatar-initial.bg-label-warning {
  background-color: rgba(255, 193, 7, 0.12) !important;
  color: #ffc107 !important;
}

[data-theme="dark"] .avatar-initial.rounded-circle {
  background-color: rgba(255, 193, 7, 0.12) !important;
}

/* Button Warning Style */
[data-theme="dark"] .btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}

[data-theme="dark"] .btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #000;
}

/* Text Warning in Dark Theme */
[data-theme="dark"] .text-warning.fw-bold {
  color: #ffc107 !important;
}

/* Span and Div Text Colors */
[data-theme="dark"] .fw-medium {
  color: #c7d2e7;
}

/* Table Success Row */
[data-theme="dark"] .table-success {
  background-color: rgba(40, 167, 69, 0.1) !important;
  border-color: rgba(40, 167, 69, 0.2) !important;
}

[data-theme="dark"] .table-success td {
  background-color: rgba(40, 167, 69, 0.1) !important;
  color: #c7d2e7;
}

/* Badge Success */
[data-theme="dark"] .badge.bg-success {
  background-color: #28a745 !important;
  color: #fff !important;
}

/* Button Success */
[data-theme="dark"] .btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

[data-theme="dark"] .btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: #fff;
}

/* Device Selection Cards */
[data-theme="dark"] .device-type-card .card-body {
  color: #c7d2e7;
}

[data-theme="dark"] .device-type-card .card-body h6 {
  color: #c7d2e7;
}

[data-theme="dark"] .device-type-card .card-body small {
  color: #8f9baa;
}

/* Selected Device Card with Blue Border */
[data-theme="dark"] .device-type-card .card {
  border: 2px solid #34495e;
  background-color: #232631;
}

[data-theme="dark"] .device-type-card .card:hover {
  border-color: #696cff;
}

/* iOS and Android Icons */
[data-theme="dark"] .bxl-apple,
[data-theme="dark"] .bxl-android {
  color: inherit;
}

/* Text Colors for Device Cards */
[data-theme="dark"] .text-primary {
  color: #007bff !important;
}

[data-theme="dark"] .text-success {
  color: #28a745 !important;
}

/* Report Settings Cards - view_config.php */
[data-theme="dark"] .card .card-header {
  background-color: #232631;
  border-bottom: 1px solid #34495e;
  color: #c7d2e7;
}

[data-theme="dark"] .card .card-header .card-title {
  color: #c7d2e7;
}

[data-theme="dark"] .card .card-header .bx {
  color: inherit;
}

[data-theme="dark"] .card .card-body .text-muted {
  color: #8f9baa !important;
}

/* Modal Close Button Dark Mode - Use btn-close-white approach */
[data-theme="dark"] .modal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

[data-theme="dark"] .modal .btn-close:hover,
[data-theme="dark"] .modal .btn-close:focus,
[data-theme="dark"] .modal .btn-close:active {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
  opacity: 1 !important;
  outline: none !important;
}

[data-theme="dark"] .card .card-body .fw-bold {
  color: #c7d2e7;
}

/* Modal Body Dark Mode for Log Detail Content */
[data-theme="dark"] .log-detail-content {
  background-color: #232631 !important;
  border: 1px solid #34495e !important;
  color: #c7d2e7 !important;
}

/* Status Badges in Cards */
[data-theme="dark"] .badge.bg-label-success {
  background-color: rgba(40, 167, 69, 0.12) !important;
  color: #28a745 !important;
}

[data-theme="dark"] .badge.bg-label-warning {
  background-color: rgba(255, 193, 7, 0.12) !important;
  color: #ffc107 !important;
}

[data-theme="dark"] .badge.bg-label-danger {
  background-color: rgba(220, 53, 69, 0.12) !important;
  color: #dc3545 !important;
}

[data-theme="dark"] .badge.bg-label-info {
  background-color: rgba(23, 162, 184, 0.12) !important;
  color: #17a2b8 !important;
}

/* Card Text Colors */
[data-theme="dark"] .card .text-primary {
  color: #007bff !important;
}

[data-theme="dark"] .card .text-success {
  color: #28a745 !important;
}

[data-theme="dark"] .card .text-warning {
  color: #ffc107 !important;
}

[data-theme="dark"] .card .text-danger {
  color: #dc3545 !important;
}

/* Modal Footer Buttons - manage_configs.php */
[data-theme="dark"] .modal-footer.bg-light {
  background-color: #232631 !important;
  border-top: 1px solid #34495e;
}

[data-theme="dark"] .modal-footer .btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

[data-theme="dark"] .modal-footer .btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
}

[data-theme="dark"] .modal-footer .btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

[data-theme="dark"] .modal-footer .btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
}

[data-theme="dark"] .modal-footer .btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

[data-theme="dark"] .modal-footer .btn-secondary:hover {
  background-color: #5c636a;
  border-color: #565e64;
}

[data-theme="dark"] .modal-footer .btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

[data-theme="dark"] .modal-footer .btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

[data-theme="dark"] .modal-footer .btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

[data-theme="dark"] .modal-footer .btn-danger:hover {
  background-color: #c82333;
  border-color: #bd2130;
}

/* Report Cards with bg-light - view_config.php */
[data-theme="dark"] .bg-light {
  background-color: #232631 !important;
  color: #c7d2e7;
}

[data-theme="dark"] .bg-light h6 {
  color: inherit;
}

[data-theme="dark"] .bg-light .text-primary {
  color: #007bff !important;
}

[data-theme="dark"] .bg-light .text-success {
  color: #28a745 !important;
}

[data-theme="dark"] .bg-light .text-danger {
  color: #dc3545 !important;
}

[data-theme="dark"] .bg-light strong {
  color: #c7d2e7;
}

/* Device Selection Cards - Updated Structure */
[data-theme="dark"] .device-type-card .card {
  background-color: #232631;
  border: 1px solid #34495e;
  color: #c7d2e7;
}

[data-theme="dark"] .device-type-card .card:hover {
  border-color: #007bff !important;
  box-shadow: 0 4px 8px rgba(0,123,255,0.2) !important;
}

[data-theme="dark"] .device-type-card.selected .card {
  border-color: #007bff !important;
  background-color: #1e2139 !important;
  box-shadow: 0 4px 12px rgba(0,123,255,0.4) !important;
}

[data-theme="dark"] .device-type-card .card-body {
  color: #c7d2e7;
}

[data-theme="dark"] .device-type-card .card-title {
  color: #c7d2e7;
}

[data-theme="dark"] .device-type-card .text-muted {
  color: #8f9baa !important;
}

[data-theme="dark"] .device-type-card .text-dark {
  color: #c7d2e7 !important;
}

[data-theme="dark"] .device-type-card .bxl-apple,
[data-theme="dark"] .device-type-card .bxl-android {
  color: #c7d2e7;
}

/* Identity Badge Styles */
[data-theme="dark"] .identity-badge.bg-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}

[data-theme="dark"] .identity-badge.bg-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

[data-theme="dark"] .identity-badge.bg-secondary {
  background-color: #6c757d !important;
  color: #fff !important;
}

[data-theme="dark"] .identity-badge i {
  color: inherit;
}

/* Lifetime Member Badge - Special Gold Gradient */
.bg-gradient-gold {
  background: linear-gradient(135deg, #ffd700 0%, #ffb347 50%, #ff8c00 100%) !important;
  color: #212529 !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
  border: 1px solid rgba(255, 215, 0, 0.3);
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
}

[data-theme="dark"] .bg-gradient-gold {
  background: linear-gradient(135deg, #ffd700 0%, #ffb347 50%, #ff8c00 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(255, 215, 0, 0.4);
  box-shadow: 0 2px 12px rgba(255, 215, 0, 0.3);
}

.lifetime-badge {
  animation: subtle-glow 3s ease-in-out infinite alternate;
}

@keyframes subtle-glow {
  0% {
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
  }
  100% {
    box-shadow: 0 2px 12px rgba(255, 215, 0, 0.4);
  }
}

[data-theme="dark"] .lifetime-badge {
  animation: subtle-glow-dark 3s ease-in-out infinite alternate;
}

@keyframes subtle-glow-dark {
  0% {
    box-shadow: 0 2px 12px rgba(255, 215, 0, 0.3);
  }
  100% {
    box-shadow: 0 2px 16px rgba(255, 215, 0, 0.5);
  }
}

/* Badge Styles for Dark Theme */
[data-theme="dark"] .badge.bg-light {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #3e4357 !important;
}

[data-theme="dark"] .badge.bg-light.text-dark {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #3e4357 !important;
}

[data-theme="dark"] .badge.bg-light.border {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #3e4357 !important;
}

[data-theme="dark"] .badge.bg-light.text-white {
  background-color: #2f3349 !important;
  color: #ffffff !important;
  border-color: #3e4357 !important;
}

/* Override inline styles for better dark theme support */
[data-theme="dark"] .badge.bg-light[style*="color"] {
  color: #ffffff !important;
}

/* Menu Toggle Button Fix for Dark Theme */
[data-theme="dark"] .app-brand .layout-menu-toggle {
  background-color: #696cff !important;
  border: 7px solid #1a1d29 !important;
}

[data-theme="dark"] .layout-menu-toggle {
  border-color: #1a1d29 !important;
}

/* Additional specificity to ensure override */
[data-theme="dark"] .layout-menu .app-brand .layout-menu-toggle {
  background-color: #696cff !important;
  border: 7px solid #1a1d29 !important;
}

[data-theme="dark"] body .app-brand .layout-menu-toggle {
  background-color: #696cff !important;
  border: 7px solid #1a1d29 !important;
}

/* 文件上传按钮样式 */
[data-theme="dark"] input[type="file"].form-control {
  background-color: #2a2d3a !important;
  border-color: #2f3349 !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] input[type="file"].form-control::file-selector-button {
  background: linear-gradient(135deg, #3a3d4a 0%, #2a2d3a 100%) !important;
  border: 1px solid #696cff !important;
  color: #696cff !important;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}

[data-theme="dark"] input[type="file"].form-control::file-selector-button:hover {
  background: #696cff !important;
  color: #fff !important;
  border-color: #696cff !important;
}


/* Nav Tabs 导航标签样式 */
[data-theme="dark"] .nav-tabs {
  border-bottom-color: #2f3349 !important;
  background-color: transparent !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
  color: #8f9baa !important;
  background-color: transparent !important;
  border-color: transparent !important;
  transition: all 0.2s ease;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
  color: #696cff !important;
  border-color: transparent transparent #2f3349 transparent !important;
  background-color: rgba(105, 108, 255, 0.08) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
  color: #696cff !important;
  background-color: #232631 !important;
  border-color: #2f3349 #2f3349 #232631 #2f3349 !important;
}

[data-theme="dark"] .nav-tabs .nav-item.show .nav-link {
  color: #696cff !important;
  background-color: #232631 !important;
  border-color: #2f3349 #2f3349 #232631 #2f3349 !important;
}

/* Modal 内的 Nav Tabs - 更高优先级 */
[data-theme="dark"] .modal .nav-tabs,
[data-theme="dark"] .modal-body .nav-tabs,
[data-theme="dark"] .modal-content .nav-tabs {
  border-bottom-color: #2f3349 !important;
  background-color: transparent !important;
}

[data-theme="dark"] .modal .nav-tabs .nav-link,
[data-theme="dark"] .modal-body .nav-tabs .nav-link,
[data-theme="dark"] .modal-content .nav-tabs .nav-link {
  color: #8f9baa !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .modal .nav-tabs .nav-link:hover,
[data-theme="dark"] .modal-body .nav-tabs .nav-link:hover,
[data-theme="dark"] .modal-content .nav-tabs .nav-link:hover {
  color: #696cff !important;
  background-color: rgba(105, 108, 255, 0.08) !important;
}

[data-theme="dark"] .modal .nav-tabs .nav-link.active,
[data-theme="dark"] .modal-body .nav-tabs .nav-link.active,
[data-theme="dark"] .modal-content .nav-tabs .nav-link.active {
  color: #696cff !important;
  background-color: #232631 !important;
  border-color: #2f3349 #2f3349 #232631 #2f3349 !important;
}

/* Nav Fill 样式（等宽标签） */
[data-theme="dark"] .nav-tabs.nav-fill .nav-link,
[data-theme="dark"] .modal .nav-tabs.nav-fill .nav-link {
  color: #8f9baa !important;
  background-color: transparent !important;
}

[data-theme="dark"] .nav-tabs.nav-fill .nav-link.active,
[data-theme="dark"] .modal .nav-tabs.nav-fill .nav-link.active {
  color: #696cff !important;
  background-color: #232631 !important;
}

/* Nav Pills 导航标签样式 */
[data-theme="dark"] .nav-pills .nav-link {
  color: #8f9baa !important;
  background-color: transparent !important;
  transition: all 0.2s ease;
}

[data-theme="dark"] .nav-pills .nav-link:hover {
  color: #696cff !important;
  background-color: rgba(105, 108, 255, 0.1) !important;
}

[data-theme="dark"] .nav-pills .nav-link.active {
  background-color: #696cff !important;
  color: #fff !important;
}

/* Tab Content 标签内容区域 */
[data-theme="dark"] .tab-content {
  background-color: transparent !important;
  color: #c7d2e7 !important;
}

[data-theme="dark"] .tab-pane {
  color: #c7d2e7 !important;
}