/* ========================================
   yunyoo-dark.css - 深色科技风主题覆盖
   适配 yunyoo 用户中心
   ======================================== */

/* ---------- CSS 变量重置 ---------- */
:root {
  --bs-global: #00d4ff;
  --bs-global-1: rgba(0, 212, 255, 0.08);
  --bs-global-2: rgba(0, 212, 255, 0.04);
  --bs-global-3: rgba(0, 212, 255, 0.2);
  --bs-global-o-1: rgba(0, 212, 255, 0.1);
  --bs-global-o-2: rgba(0, 212, 255, 0.2);
  --bs-global-o-3: rgba(0, 212, 255, 0.3);
  --bs-global-o-4: rgba(0, 212, 255, 0.4);
  --bs-global-o-5: rgba(0, 212, 255, 0.5);
  --bs-body-bg: #0a0e17;
  --bs-body-color: rgba(240, 244, 255, 0.8);
  --bs-dark: #0a0e17;
  --bs-light: #1a1f2e;
  --primary: #00d4ff;
  --secondary: #6c757d;
  --success: #00e676;
  --info: #00d4ff;
  --warning: #ffab00;
  --danger: #ff5252;
  --blue: #00d4ff;
  --indigo: #7c4dff;
  --purple: #b388ff;
  --pink: #ff4081;
  --red: #ff5252;
  --orange: #ffab00;
  --yellow: #ffd740;
  --green: #00e676;
  --teal: #1de9b6;
  --cyan: #00d4ff;
  --white: #f0f4ff;
  --gray: rgba(240, 244, 255, 0.5);
  --gray-dark: rgba(240, 244, 255, 0.8);
  --bs-btn-bg: #00d4ff;
  --bs-btn-border-color: #00d4ff;
  --bs-btn-hover-bg: #00b8d4;
  --bs-btn-hover-border-color: #00b8d4;
  --bs-btn-active-bg: #0099cc;
  --bs-btn-active-border-color: #0099cc;
  --card-bg: rgba(26, 31, 46, 0.8);
  --sidebar-bg: rgba(10, 14, 23, 0.95);
  --border-color: rgba(0, 212, 255, 0.1);
  --input-bg: rgba(26, 31, 46, 0.8);
  --input-color: rgba(240, 244, 255, 0.8);
  --input-border: rgba(0, 212, 255, 0.15);
}

/* ---------- 全局背景 ---------- */
body {
  background-color: #0a0e17 !important;
  color: rgba(240, 244, 255, 0.8) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0e17; }
::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 212, 255, 0.35); }

/* ---------- 顶栏 ---------- */
#page-topbar {
  background: rgba(10, 14, 23, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.08) !important;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3) !important;
}

.navbar-brand-box {
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.06) !important;
}

/* ---------- 侧边栏 ---------- */
.vertical-menu, .left-side-menu {
  background: rgba(10, 14, 23, 0.95) !important;
  border-right: 1px solid rgba(0, 212, 255, 0.06) !important;
}

.metismenu .menu-title {
  color: rgba(0, 212, 255, 0.4) !important;
  font-size: 0.7rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.metismenu a {
  color: rgba(240, 244, 255, 0.6) !important;
  transition: all 0.3s ease !important;
}

.metismenu a:hover {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.06) !important;
}

.metismenu .active > a {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.1) !important;
  border-left: 3px solid #00d4ff !important;
}

/* ---------- 卡片 ---------- */
.card {
  background: rgba(26, 31, 46, 0.75) !important;
  border: 1px solid rgba(0, 212, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
}

.card:hover {
  border-color: rgba(0, 212, 255, 0.15) !important;
}

.card-header {
  background: rgba(10, 14, 23, 0.5) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.06) !important;
  color: rgba(240, 244, 255, 0.9) !important;
}

.card-footer {
  background: rgba(10, 14, 23, 0.5) !important;
  border-top: 1px solid rgba(0, 212, 255, 0.06) !important;
}

.card-body {
  color: rgba(240, 244, 255, 0.75) !important;
}

/* ---------- 表单 ---------- */
.form-control, .form-select, input, textarea, select {
  background-color: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
  border-radius: 8px !important;
}

.form-control:focus, .form-select:focus, input:focus, textarea:focus {
  border-color: rgba(0, 212, 255, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.08) !important;
  background-color: rgba(26, 31, 46, 0.95) !important;
}

.form-control::placeholder {
  color: rgba(240, 244, 255, 0.3) !important;
}

.input-group-text {
  background: rgba(10, 14, 23, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(0, 212, 255, 0.7) !important;
}

.form-control-label {
  color: rgba(240, 244, 255, 0.7) !important;
  font-weight: 500 !important;
  margin-bottom: 0.3rem !important;
}

/* ---------- 表格 ---------- */
.table {
  color: rgba(240, 244, 255, 0.75) !important;
  --bs-table-bg: transparent !important;
  --bs-table-striped-bg: rgba(0, 212, 255, 0.02) !important;
  --bs-table-hover-bg: rgba(0, 212, 255, 0.05) !important;
}

.table thead th {
  border-bottom: 2px solid rgba(0, 212, 255, 0.1) !important;
  color: rgba(0, 212, 255, 0.8) !important;
  font-weight: 600 !important;
}

.table td, .table th {
  border-color: rgba(0, 212, 255, 0.06) !important;
  vertical-align: middle !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 212, 255, 0.015) !important;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(0, 212, 255, 0.04) !important;
}

/* ---------- 按钮 ---------- */
.btn { border-radius: 8px !important; font-weight: 500 !important; transition: all 0.3s ease !important; }

.btn-primary {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border: none !important;
  color: #0a0e17 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(0, 212, 255, 0.2) !important;
}

.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 212, 255, 0.3) !important;
}

.btn-outline-primary {
  border-color: rgba(0, 212, 255, 0.3) !important;
  color: #00d4ff !important;
}

.btn-outline-primary:hover {
  background: rgba(0, 212, 255, 0.1) !important;
  border-color: #00d4ff !important;
  color: #00d4ff !important;
}

.btn-secondary {
  background: rgba(240, 244, 255, 0.08) !important;
  border: 1px solid rgba(240, 244, 255, 0.1) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}

.btn-secondary:hover {
  background: rgba(240, 244, 255, 0.12) !important;
}

/* ---------- 文本 ---------- */
.text-primary { color: #00d4ff !important; }
.text-muted { color: rgba(240, 244, 255, 0.4) !important; }
.text-dark { color: rgba(240, 244, 255, 0.9) !important; }
.text-body { color: rgba(240, 244, 255, 0.75) !important; }

/* ---------- 背景 ---------- */
.bg-white, .bg-light { background-color: rgba(26, 31, 46, 0.6) !important; }
.bg-primary { background-color: #00d4ff !important; }

/* ---------- 列表 ---------- */
.list-group-item {
  background: rgba(26, 31, 46, 0.6) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
  color: rgba(240, 244, 255, 0.75) !important;
}

.list-group-item:hover { background: rgba(0, 212, 255, 0.04) !important; }

/* ---------- 下拉菜单 ---------- */
.dropdown-menu {
  background: rgba(17, 24, 39, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
}

.dropdown-item { color: rgba(240, 244, 255, 0.7) !important; }
.dropdown-item:hover { background: rgba(0, 212, 255, 0.06) !important; color: #00d4ff !important; }
.dropdown-divider { border-color: rgba(0, 212, 255, 0.06) !important; }

/* ---------- 导航标签 ---------- */
.nav-tabs { border-bottom: 1px solid rgba(0, 212, 255, 0.08) !important; }
.nav-tabs .nav-link { color: rgba(240, 244, 255, 0.5) !important; border: none !important; }
.nav-tabs .nav-link:hover { color: #00d4ff !important; border: none !important; }
.nav-tabs .nav-link.active { color: #00d4ff !important; background: transparent !important; border-bottom: 2px solid #00d4ff !important; }

/* ---------- 分页 ---------- */
.page-link {
  background: rgba(26, 31, 46, 0.6) !important;
  border-color: rgba(0, 212, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.page-link:hover { background: rgba(0, 212, 255, 0.1) !important; color: #00d4ff !important; }
.page-item.active .page-link { background: #00d4ff !important; border-color: #00d4ff !important; color: #0a0e17 !important; }
.page-item.disabled .page-link { background: rgba(26, 31, 46, 0.3) !important; color: rgba(240, 244, 255, 0.2) !important; }

/* ---------- 进度条 ---------- */
.progress { background: rgba(240, 244, 255, 0.06) !important; }
.progress-bar { background: linear-gradient(135deg, #00d4ff, #0099cc) !important; }

/* ---------- 徽章 ---------- */
.badge { font-weight: 500 !important; padding: 0.3em 0.6em !important; }
.badge-soft-primary { color: #00d4ff !important; background: rgba(0, 212, 255, 0.12) !important; }
.badge-soft-success { color: #00e676 !important; background: rgba(0, 230, 118, 0.12) !important; }
.badge-soft-danger { color: #ff5252 !important; background: rgba(255, 82, 82, 0.12) !important; }
.badge-soft-warning { color: #ffab00 !important; background: rgba(255, 171, 0, 0.12) !important; }
.badge-soft-info { color: #00d4ff !important; background: rgba(0, 212, 255, 0.12) !important; }

/* ---------- 页脚 ---------- */
.footer {
  background: rgba(10, 14, 23, 0.9) !important;
  border-top: 1px solid rgba(0, 212, 255, 0.06) !important;
  color: rgba(240, 244, 255, 0.4) !important;
}

/* ---------- 模态框 ---------- */
.modal-content {
  background: rgba(17, 24, 39, 0.98) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
  backdrop-filter: blur(16px) !important;
}
.modal-header { border-bottom: 1px solid rgba(0, 212, 255, 0.06) !important; }
.modal-footer { border-top: 1px solid rgba(0, 212, 255, 0.06) !important; }
.modal-backdrop { background: rgba(0, 0, 0, 0.6) !important; }
.close { color: rgba(240, 244, 255, 0.6) !important; text-shadow: none !important; }

/* ---------- 警告框 ---------- */
.alert { border-radius: 10px !important; border: none !important; }
.alert-info { background: rgba(0, 212, 255, 0.1) !important; color: #80eaff !important; }
.alert-success { background: rgba(0, 230, 118, 0.1) !important; color: #69f0ae !important; }
.alert-danger { background: rgba(255, 82, 82, 0.1) !important; color: #ff8a80 !important; }
.alert-warning { background: rgba(255, 171, 0, 0.1) !important; color: #ffd740 !important; }

/* ---------- 链接 ---------- */
a:not(.btn):not(.nav-link):not(.page-link) { color: #00d4ff !important; transition: all 0.3s !important; }
a:not(.btn):not(.nav-link):not(.page-link):hover { color: #80eaff !important; }

/* ---------- 代码 ---------- */
code, pre { background: rgba(10, 14, 23, 0.6) !important; color: #80eaff !important; border-radius: 6px !important; }

/* ---------- 统计数字 ---------- */
.card .yunyoo-num { color: #00d4ff !important; }

/* ---------- 响应式优化 ---------- */
@media (max-width: 768px) {
  .card { border-radius: 10px !important; margin-bottom: 1rem !important; }
  .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
  .table-responsive { border-radius: 10px !important; }
  .btn { padding: 0.4rem 0.8rem !important; font-size: 0.85rem !important; }
  .navbar-brand-box .logo-lg img { width: 100px !important; }
}

@media (max-width: 576px) {
  .card-body { padding: 1rem !important; }
  .row { margin-left: -8px !important; margin-right: -8px !important; }
  [class*="col-"] { padding-left: 8px !important; padding-right: 8px !important; }
}

/* ========================================
   CART 页面专用覆盖
   ======================================== */

/* 购物车卡片分类侧栏头部 */
.card.bg-primary.text-white-50 {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 204, 0.08)) !important;
  border: 1px solid rgba(0, 212, 255, 0.15) !important;
}

/* 覆盖任何残留的 #316eea 蓝色 */
[style*="background-color: #316eea"],
[style*="background-color:#316eea"] {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 204, 0.08)) !important;
}

/* 覆盖任何 #2f46b0 紫色残留 */
[style*="color: #2f46b0"],
[style*="color:#2f46b0"] {
  color: #00d4ff !important;
}

/* 侧栏产品分类列表颜色覆盖 */
.firstbox .active a {
  background-color: rgba(0, 212, 255, 0.08) !important;
  color: #00d4ff !important;
}
.secondbox {
  background-color: rgba(10, 14, 23, 0.4) !important;
}
.secondbox .active a {
  color: #00d4ff !important;
}
.firstbox a,
.secondbox a {
  color: rgba(240, 244, 255, 0.6) !important;
}

/* 购物车卡片头 */
.card-header h5 {
  color: #00d4ff !important;
}

/* 购物车 item 卡片 */
.cartitem .card-footer a {
  color: #00d4ff !important;
  text-decoration: none !important;
  display: block !important;
  padding: 12px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.cartitem .card-footer a:hover {
  background: rgba(0, 212, 255, 0.06) !important;
  color: #80eaff !important;
}

/* 产品价格颜色 */
.text-right[style*="color: #e64a19"],
.text-right[style*="color:#e64a19"] {
  color: #00d4ff !important;
}

/* 搜索框覆盖 */
.pro-search-box .form-control,
.pro-search-box .bg-light {
  background-color: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}

.pro-search-box input::placeholder {
  color: rgba(240, 244, 255, 0.4) !important;
}

/* 面包屑导航 */
.breadcrumb {
  background: transparent !important;
}
.breadcrumb-item a {
  color: rgba(0, 212, 255, 0.7) !important;
}
.breadcrumb-item.active {
  color: rgba(240, 244, 255, 0.5) !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(240, 244, 255, 0.2) !important;
}

/* 库存标签 */
p.card-text:has(pre) {
  color: rgba(240, 244, 255, 0.65) !important;
}

/* 立即购买按钮 - 修复硬编码蓝色 */
a.btn.btn-primary[style*="background-color: #316eea"] {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border: none !important;
  color: #0a0e17 !important;
}

/* 产品卡片图片 */
.icon-yishouqing,
[class*="icon-yishou"] {
  color: rgba(0, 212, 255, 0.3) !important;
}

/* 页面标题 */
.page-title-box h4 {
  color: rgba(240, 244, 255, 0.9) !important;
}

/* 回退按钮颜色 */
.backBtn i {
  color: rgba(240, 244, 255, 0.6) !important;
}

/* text-white-50 覆盖 */
.text-white-50 {
  color: rgba(240, 244, 255, 0.5) !important;
}

/* text-white 覆盖 - 在深色背景下应保持白色 */
.text-white {
  color: rgba(240, 244, 255, 0.9) !important;
}

/* h5.text-primary 在头部区域 */
h5.text-primary.font-size-18 {
  color: #00d4ff !important;
}

/* 状态指示器颜色 */
.btn-primary.waves-effect {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border: none !important;
  color: #0a0e17 !important;
}

/* 产品列表页库存售罄标识 */
img[src*="saleout"] {
  opacity: 0.7 !important;
}

/* ==========================================
   10. 服务列表页 (service.tpl) 覆盖
   ========================================== */

/* text-black-50 排序箭头/辅助文字 → 暗色适配 */
.text-black-50 {
  color: rgba(240, 244, 255, 0.3) !important;
}
.text-black-50 i.bx-caret-up,
.text-black-50 i.bx-caret-down {
  color: rgba(240, 244, 255, 0.3) !important;
}

/* table-header / table-footer 筛选区 */
.table-header,
.table-filter {
  background: transparent !important;
}
.table-footer {
  border-top: 1px solid rgba(0, 212, 255, 0.06) !important;
  background: transparent !important;
}
.table-tools .btn-outline-primary {
  background: transparent !important;
  border-color: rgba(0, 212, 255, 0.2) !important;
  color: #00d4ff !important;
}
.table-tools .btn-outline-primary:hover {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border-color: transparent !important;
  color: #0a0e17 !important;
}

/* 批量操作下拉按钮 */
.btn-secondary.dropdown-toggle {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.btn-secondary.dropdown-toggle:hover {
  border-color: rgba(0, 212, 255, 0.3) !important;
}
.btn-secondary.dropdown-toggle:disabled,
.btn-secondary.dropdown-toggle.not-allowed {
  opacity: 0.4 !important;
}

/* selectpicker (状态筛选) */
.bootstrap-select .dropdown-toggle {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.bootstrap-select .dropdown-toggle:hover {
  border-color: rgba(0, 212, 255, 0.3) !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: rgba(240, 244, 255, 0.7) !important;
}
.bootstrap-select .dropdown-menu {
  background: rgba(10, 14, 23, 0.95) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
}
.bootstrap-select .dropdown-menu li a {
  color: rgba(240, 244, 255, 0.7) !important;
}
.bootstrap-select .dropdown-menu li a:hover {
  background: rgba(0, 212, 255, 0.08) !important;
  color: #00d4ff !important;
}
.bootstrap-select .dropdown-menu li.selected a {
  background: rgba(0, 212, 255, 0.12) !important;
  color: #00d4ff !important;
}

/* 搜索框 - 服务列表 */
.search-box .form-control {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}
.search-box .form-control:focus {
  border-color: rgba(0, 212, 255, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.08) !important;
}
.search-box .form-control::placeholder {
  color: rgba(240, 244, 255, 0.35) !important;
}
.search-box .search-icon {
  color: rgba(0, 212, 255, 0.5) !important;
}

/* 表格 checkbox 适配暗色 */
.custom-control-label::before {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.2) !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border-color: #00d4ff !important;
}
.custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230a0e17' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") !important;
}
.custom-control-label {
  color: rgba(240, 244, 255, 0.6) !important;
}

/* 分页器适配 */
.pagination .page-link {
  background: rgba(26, 31, 46, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.pagination .page-link:hover {
  background: rgba(0, 212, 255, 0.08) !important;
  border-color: rgba(0, 212, 255, 0.2) !important;
  color: #00d4ff !important;
}
.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border-color: transparent !important;
  color: #0a0e17 !important;
}
.pagination .page-item.disabled .page-link {
  background: rgba(26, 31, 46, 0.3) !important;
  border-color: transparent !important;
  color: rgba(240, 244, 255, 0.2) !important;
}

/* 每页数量选择器 */
#limitSel {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.7) !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 4px !important;
}

/* no-data 空状态 */
.no-data {
  color: rgba(240, 244, 255, 0.3) !important;
  text-align: center !important;
  padding: 2rem !important;
}

/* 状态徽标 (badge 状态) */
.badge-pill.status-active {
  background: rgba(0, 230, 118, 0.15) !important;
  color: #00e676 !important;
}
.badge-pill.status-pending {
  background: rgba(255, 171, 0, 0.15) !important;
  color: #ffab00 !important;
}
.badge-pill.status-suspended {
  background: rgba(255, 82, 82, 0.15) !important;
  color: #ff5252 !important;
}
.badge-pill.status-terminated {
  background: rgba(240, 244, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.4) !important;
}
.badge-pill.status-cancelled {
  background: rgba(240, 244, 255, 0.06) !important;
  color: rgba(240, 244, 255, 0.3) !important;
}
.badge-pill.status-fraud {
  background: rgba(255, 82, 82, 0.15) !important;
  color: #ff5252 !important;
}

/* 表格内链接文字 */
.table a.text-dark {
  color: rgba(240, 244, 255, 0.9) !important;
}
.table a.text-dark:hover {
  color: #00d4ff !important;
}
.table .text-muted {
  color: rgba(240, 244, 255, 0.4) !important;
}

/* 操作按钮 (管理/续费) */
.table .btn-primary.w-xs {
  padding: 0.25rem 0.8rem !important;
  font-size: 0.8rem !important;
}
.table .btn-primary.w-xs:not([style*="background"]) {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border: none !important;
  color: #0a0e17 !important;
}

/* 备注编辑图标 */
.table .bx-edit-alt.text-primary {
  color: #00d4ff !important;
}

/* 弹窗 (Modal) 适配深色 */
.modal-content {
  background: rgba(10, 14, 23, 0.98) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
}
.modal-title {
  color: rgba(240, 244, 255, 0.9) !important;
}
.modal-header .close {
  color: rgba(240, 244, 255, 0.5) !important;
  text-shadow: none !important;
}
.modal-header .close:hover {
  color: #ff5252 !important;
}
.modal-body .form-control {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}
.modal-body .col-form-label {
  color: rgba(240, 244, 255, 0.7) !important;
}
.btn-outline-light {
  background: transparent !important;
  border: 1px solid rgba(0, 212, 255, 0.15) !important;
  color: rgba(240, 244, 255, 0.6) !important;
}
.btn-outline-light:hover {
  background: rgba(0, 212, 255, 0.08) !important;
  border-color: rgba(0, 212, 255, 0.3) !important;
  color: #00d4ff !important;
}

/* 电源状态指示灯 */
.dots {
  border-color: rgba(240, 244, 255, 0.2) !important;
}
.on_color {
  background-color: #00e676 !important;
  box-shadow: 0 0 6px rgba(0, 230, 118, 0.4) !important;
}
.off_color {
  background-color: #ff5252 !important;
  box-shadow: 0 0 6px rgba(255, 82, 82, 0.4) !important;
}
.ing_color {
  background-color: rgba(0, 212, 255, 0.3) !important;
}

/* 产品名行内小文字 */
.table td small.text-muted {
  color: rgba(240, 244, 255, 0.35) !important;
}

/* 表头排序箭头区域 */
.bg-light th .text-black-50 {
  color: rgba(240, 244, 255, 0.2) !important;
}

/* ==========================================
   11. 全局布局白色背景全面覆盖
   ========================================== */

/* 页面主背景 */
body, html {
  background: #0a0e17 !important;
}

/* 页面内容区背景（覆盖 #f8f8fb 等） */
.page-content,
#layout-wrapper,
.main-content {
  background: transparent !important;
}

/* boxed 布局背景 */
body[data-layout-size="boxed"] {
  background-color: #0a0e17 !important;
}
body[data-layout-size="boxed"] #layout-wrapper {
  background-color: #0a0e17 !important;
}

/* 顶部导航栏（水平） */
.topnav {
  background: rgba(10, 14, 23, 0.9) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.06) !important;
  box-shadow: none !important;
}

/* 右侧面板 */
.right-bar {
  background: rgba(10, 14, 23, 0.98) !important;
  border-left: 1px solid rgba(0, 212, 255, 0.08) !important;
}

/* 页脚 */
.footer {
  background: rgba(10, 14, 23, 0.6) !important;
  border-top: 1px solid rgba(0, 212, 255, 0.04) !important;
  color: rgba(240, 244, 255, 0.4) !important;
}

/* ==========================================
   12. 头部交互元素
   ========================================== */

/* 头部搜索框 */
.app-search .form-control {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}
.app-search .form-control::placeholder {
  color: rgba(240, 244, 255, 0.3) !important;
}
.app-search .form-control:focus {
  border-color: rgba(0, 212, 255, 0.3) !important;
}

/* 头部下拉展开项 */
.navbar-header .dropdown.show .header-item {
  background: rgba(0, 212, 255, 0.06) !important;
}

/* 头部通知图标 */
.notification-item .media:hover {
  background: rgba(0, 212, 255, 0.04) !important;
}

/* 头部用户下拉 */
.header-item {
  color: rgba(240, 244, 255, 0.7) !important;
}
.header-item:hover {
  color: rgba(240, 244, 255, 0.9) !important;
}
.header-item .bx {
  color: rgba(240, 244, 255, 0.7) !important;
}

/* ==========================================
   13. 侧面菜单（所有状态覆盖）
   ========================================== */

/* 侧栏默认白底 → 暗色 */
.vertical-menu,
body[data-sidebar="dark"] .vertical-menu {
  background: rgba(10, 14, 23, 0.95) !important;
  border-right: 1px solid rgba(0, 212, 255, 0.04) !important;
}

/* 侧栏菜单项 */
body[data-sidebar="dark"] #sidebar-menu ul li a,
#sidebar-menu ul li a {
  color: rgba(240, 244, 255, 0.55) !important;
}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.04) !important;
}
body[data-sidebar="dark"] #sidebar-menu ul li a i,
#sidebar-menu ul li a i {
  color: rgba(240, 244, 255, 0.4) !important;
}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover i,
#sidebar-menu ul li a:hover i {
  color: #00d4ff !important;
}

/* 子菜单 */
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a,
#sidebar-menu ul li ul.sub-menu li a {
  color: rgba(240, 244, 255, 0.45) !important;
}
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover,
#sidebar-menu ul li ul.sub-menu li a:hover {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.04) !important;
}

/* 激活菜单项 */
body[data-sidebar="dark"] .mm-active,
.mm-active {
  background: transparent !important;
}
body[data-sidebar="dark"] .mm-active > a,
.mm-active > a,
body[data-sidebar="dark"] .mm-active .active,
.mm-active .active {
  color: #00d4ff !important;
}
body[data-sidebar="dark"] .mm-active > a i,
.mm-active > a i,
body[data-sidebar="dark"] .mm-active .active i,
.mm-active .active i {
  color: #00d4ff !important;
}

/* 菜单标题 */
.menu-title {
  color: rgba(0, 212, 255, 0.3) !important;
}

/* 折叠态 */
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  background: rgba(10, 14, 23, 0.98) !important;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
  background: rgba(10, 14, 23, 0.98) !important;
  border: 1px solid rgba(0, 212, 255, 0.06) !important;
}

/* ==========================================
   14. 折叠面板（accordion）
   ========================================== */
.custom-accordion .accordion-list {
  background: rgba(26, 31, 46, 0.6) !important;
  color: rgba(240, 244, 255, 0.85) !important;
  border: 1px solid rgba(0, 212, 255, 0.06) !important;
}
.custom-accordion .accordion-list .accor-plus-icon {
  background: rgba(0, 212, 255, 0.15) !important;
  color: #00d4ff !important;
}

/* ==========================================
   15. 提示框 / 弹出通知（toastr）
   ========================================== */
.toast {
  background: rgba(10, 14, 23, 0.95) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
}
.toast-title {
  color: rgba(240, 244, 255, 0.9) !important;
}
.toast-message {
  color: rgba(240, 244, 255, 0.7) !important;
}
#toast-container > .toast-warning,
#toast-container > .toast-info,
#toast-container > .toast-success,
#toast-container > .toast-error {
  background-image: none !important;
  background: rgba(10, 14, 23, 0.95) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================
   16. 表单元素全面暗色覆盖
   ========================================== */

/* 所有输入框、文本域、下拉选择 */
.form-control,
select.form-control,
textarea.form-control,
.custom-select {
  background: rgba(26, 31, 46, 0.8) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}
.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.custom-select:focus {
  border-color: rgba(0, 212, 255, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.06) !important;
  background: rgba(26, 31, 46, 0.9) !important;
}
.form-control::placeholder,
textarea::placeholder {
  color: rgba(240, 244, 255, 0.3) !important;
}
.form-control:disabled,
.form-control[readonly] {
  background: rgba(26, 31, 46, 0.4) !important;
  opacity: 0.5 !important;
}

/* 输入框组前缀/后缀 */
.input-group-text {
  background: rgba(10, 14, 23, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(0, 212, 255, 0.7) !important;
}

/* 选择器（原生） */
select option {
  background: #0a0e17 !important;
  color: rgba(240, 244, 255, 0.8) !important;
}

/* btn-light（打印/下载等次要按钮） */
.btn-light {
  background: rgba(26, 31, 46, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.65) !important;
}
.btn-light:hover {
  background: rgba(0, 212, 255, 0.08) !important;
  border-color: rgba(0, 212, 255, 0.25) !important;
  color: #00d4ff !important;
}
.btn-light:focus {
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.1) !important;
}

/* border-light */
.border-light {
  border-color: rgba(0, 212, 255, 0.12) !important;
}
.border-white {
  border-color: rgba(0, 212, 255, 0.15) !important;
}

/* ==========================================
   17. 安全中心页（security）
   ========================================== */
.security-header.card.bg-primary {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 204, 0.08)) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
}
.security-item-icon.bg-primary {
  background: rgba(0, 212, 255, 0.15) !important;
  color: #00d4ff !important;
}
.security-item-icon.bg-primary i,
.security-item-icon.bg-primary svg {
  color: #00d4ff !important;
}

/* ==========================================
   18. 信用/余额页（credit）
   ========================================== */
.credit .bg-white.shadow {
  background: rgba(10, 14, 23, 0.5) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(0, 212, 255, 0.06) !important;
}
.avatar-title.bg-primary {
  background: rgba(0, 212, 255, 0.15) !important;
  color: #00d4ff !important;
}
.avatar-sm.rounded-circle.bg-primary {
  background: rgba(0, 212, 255, 0.1) !important;
}

/* 信用页额度指示小圆点 */
.float-left.bg-light,
.float-left.bg-primary {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  margin-top: 6px !important;
  margin-right: 6px !important;
}
.float-left.bg-light {
  background: rgba(240, 244, 255, 0.15) !important;
}
.float-left.bg-primary {
  background: #00d4ff !important;
}

/* ==========================================
   19. 新闻/文章页
   ========================================== */
.newslist a.text-dark {
  color: rgba(240, 244, 255, 0.9) !important;
}
.newslist a.text-dark:hover {
  color: #00d4ff !important;
}
.newslist input.form-control.bg-light.border-light {
  background: rgba(26, 31, 46, 0.8) !important;
  border-color: rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.85) !important;
}

/* ==========================================
   20. 下载页面
   ========================================== */
.downloads a.text-dark {
  color: rgba(240, 244, 255, 0.9) !important;
}
.downloads a.text-dark:hover {
  color: #00d4ff !important;
}
.downloads .card-body small.text-muted {
  color: rgba(240, 244, 255, 0.4) !important;
}

/* ==========================================
   21. 工单列表
   ========================================== */
.supporttickets .table thead.bg-light th,
.supporttickets table thead.bg-light th {
  background: rgba(26, 31, 46, 0.5) !important;
  color: rgba(240, 244, 255, 0.8) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.08) !important;
}

/* ==========================================
   22. 发票查看页 (viewbilling)
   ========================================== */
/* 发票头部高亮区 */
.viewbilling .bg-primary,
.invoice .bg-primary {
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
}
.viewbilling .bg-primary *,
.invoice .bg-primary * {
  color: #0a0e17 !important;
}

/* 发票打印/下载按钮 */
.btn-light.border.text-black-50.shadow-none {
  background: rgba(26, 31, 46, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: rgba(240, 244, 255, 0.5) !important;
}
.btn-light.border.text-black-50.shadow-none:hover {
  background: rgba(0, 212, 255, 0.08) !important;
  color: #00d4ff !important;
  border-color: rgba(0, 212, 255, 0.25) !important;
}

/* ==========================================
   23. 登录日志/API管理/合同等列表 - bg-light thead 全面覆盖
   ========================================== */

/* 所有符合 thead.bg-light 的模式 */
table thead.bg-light,
table thead.bg-light th,
.table thead.bg-light,
.table thead.bg-light th,
thead.bg-light,
thead.bg-light th {
  background: rgba(26, 31, 46, 0.5) !important;
  color: rgba(240, 244, 255, 0.8) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.08) !important;
}

/* 所有表格中 text-dark 链接 */
table a.text-dark,
.table a.text-dark {
  color: rgba(240, 244, 255, 0.9) !important;
}
table a.text-dark:hover,
.table a.text-dark:hover {
  color: #00d4ff !important;
}

/* loading 旋转图标 */
.bx-spin.text-dark {
  color: rgba(240, 244, 255, 0.6) !important;
}

/* ==========================================
   24. shadow 阴影类适配
   ========================================== */
.shadow,
.shadow-sm,
.shadow-lg {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.shadow-none {
  box-shadow: none !important;
}

/* ==========================================
   25. 其他通用暗色修复
   ========================================== */

/* 代码块/预格式文本 */
pre {
  color: rgba(240, 244, 255, 0.8) !important;
}

/* 水平分割线 */
hr {
  border-color: rgba(0, 212, 255, 0.08) !important;
}

/* 无数据/空状态 */
.no-data,
.text-empty {
  color: rgba(240, 244, 255, 0.3) !important;
}

/* 任何白色背景的通用清除 */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background: white"],
[style*="background:white"],
[style*="background-color: white"],
[style*="background-color:white"] {
  background: rgba(10, 14, 23, 0.85) !important;
}

/* 覆盖常见的浅灰背景 */
[style*="background-color: #f8f8fb"],
[style*="background-color: #f8f9fa"],
[style*="background-color: #f3f3f9"],
[style*="background-color: #f6f6f6"],
[style*="background-color: #f5f5f5"],
[style*="background-color: #ebebf4"] {
  background: transparent !important;
}

/* 任何白色文字在card中的适配 */
.card .text-white {
  color: rgba(240, 244, 255, 0.9) !important;
}

/* 确保所有表格行有暗色背景 */
.table td,
.table th {
  color: rgba(240, 244, 255, 0.8) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
}

/* 标签页 (nav-tabs) 暗色适配 */
.nav-tabs {
  border-bottom: 1px solid rgba(0, 212, 255, 0.08) !important;
}
.nav-tabs .nav-link {
  color: rgba(240, 244, 255, 0.5) !important;
  border: none !important;
}
.nav-tabs .nav-link:hover {
  color: rgba(240, 244, 255, 0.8) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
  color: #00d4ff !important;
  border-bottom: 2px solid #00d4ff !important;
  background: transparent !important;
}

/* 进度条暗色 */
.progress {
  background: rgba(26, 31, 46, 0.6) !important;
}
.progress-bar {
  background: linear-gradient(90deg, #00d4ff, #0099cc) !important;
}

/* 卡片阴影覆盖 */
.card {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
}


/* ==========================================
   26. global.css 中残留白色背景全面覆盖
   ========================================== */

/* 1. security-item-image 白底 */
.security-item-image {
  background-color: rgba(10, 14, 23, 0.6) !important;
}

/* 2. table-responsive 白底 */
.table-responsive {
  background: transparent !important;
}

/* 3. 用户中心产品列表白底 */
.user-center_product_grid .user-center_product {
  background-color: rgba(26, 31, 46, 0.6) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
}

/* 4. 购物车注册登录切换按钮白底 */
.cart-login .btn-primary,
.cart-login .btn-primary:not(:disabled):not(.disabled).active,
.cart-login .btn-primary:not(:disabled):not(.disabled):active,
.cart-register .btn-primary,
.cart-register .btn-primary:not(:disabled):not(.disabled).active,
.cart-register .btn-primary:not(:disabled):not(.disabled):active {
  color: #0a0e17 !important;
  background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
  border-color: transparent !important;
  background-image: none !important;
}
.cart-login .btn-primary:not(:disabled):not(.disabled).active,
.cart-register .btn-primary:not(:disabled):not(.disabled).active {
  border-bottom: 1px solid #00d4ff !important;
}

/* 5. btn-group-toggle .btn-primary（#eaeaea 浅灰底） */
.btn-group-toggle .btn-primary {
  color: rgba(240, 244, 255, 0.8) !important;
  background: rgba(26, 31, 46, 0.5) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
}

/* 6. btn-group-toggle .btn-primary.disabled 白底 */
.btn-group-toggle .btn-primary.disabled {
  color: rgba(240, 244, 255, 0.3) !important;
  background-color: rgba(26, 31, 46, 0.3) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
  background-image: none !important;
}

/* 7. .btn-light active/选中状态白底（含 !important 覆盖） */
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background-color: rgba(0, 212, 255, 0.15) !important;
  border-color: rgba(0, 212, 255, 0.25) !important;
  color: #00d4ff !important;
}


/* ==========================================
   27. 系统模板内联/嵌入 CSS 白色背景覆盖
   ========================================== */

/* API管理 - 弹窗标题白底 */
.api-manage-modal-title {
  background: rgba(26, 31, 46, 0.8) !important;
  color: rgba(240, 244, 255, 0.9) !important;
}

/* 404页面 - body白底 */
body.error-page,
main.error-page,
.error-page body {
  background-color: #0a0e17 !important;
}

/* 维护模式页面 - html/body白底 */
body.maintenance-page,
.maintenance-page body {
  background-color: #0a0e17 !important;
}

/* 工单详情 - 回复区淡灰底 */
  .card-body.p-0 {
  background-color: rgba(16, 20, 32, 0.5) !important;
}

/* 续费合同 - 分页下拉框白底 */
#limitSel,
select#limitSel {
  background-color: rgba(26, 31, 46, 0.8) !important;
  color: rgba(240, 244, 255, 0.8) !important;
  border-color: rgba(0, 212, 255, 0.15) !important;
}

/* 账单详情 - .box 卡片白底 */
.viewbilling-page .box,
body.viewbilling .box {
  background: rgba(26, 31, 46, 0.6) !important;
  border: 1px solid rgba(0, 212, 255, 0.06) !important;
}

/* 工单提交 - 校验表单白底 */
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
  background-color: rgba(0, 212, 255, 0.15) !important;
  border-color: rgba(0, 212, 255, 0.3) !important;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-color: rgba(26, 31, 46, 0.6) !important;
  color: rgba(240, 244, 255, 0.8) !important;
  border-color: rgba(0, 212, 255, 0.15) !important;
}

/* 服务详情 - 浮层提示白底 */
.xf-bg {
  background: rgba(26, 31, 46, 0.95) !important;
  color: rgba(240, 244, 255, 0.85) !important;
  border: 1px solid rgba(0, 212, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}


/* ==========================================
   28. 全局安全兜底：确保所有卡片无白底
   ========================================== */

/* 任何可能漏掉的白色卡片 */
.card {
  background-color: rgba(26, 31, 46, 0.5) !important;
}
.card-body {
  background-color: transparent !important;
}

/* 弹窗/模态框白底 */
.modal-content {
  background-color: rgba(16, 20, 32, 0.98) !important;
  border: 1px solid rgba(0, 212, 255, 0.08) !important;
}

/* 下拉菜单白底 */
.dropdown-menu {
  background-color: rgba(16, 20, 32, 0.98) !important;
  border: 1px solid rgba(0, 212, 255, 0.08) !important;
}
.dropdown-item {
  color: rgba(240, 244, 255, 0.7) !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(0, 212, 255, 0.08) !important;
  color: #00d4ff !important;
}

/* 列表组白底 */
.list-group-item {
  background-color: rgba(26, 31, 46, 0.5) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
}

/* 导航选项卡白底 */
.nav-tabs .nav-link {
  color: rgba(240, 244, 255, 0.6) !important;
}
.nav-tabs .nav-link.active {
  background-color: rgba(26, 31, 46, 0.6) !important;
  border-color: rgba(0, 212, 255, 0.1) !important;
  color: #00d4ff !important;
}

/* 分页组件白底 */
.page-link {
  background-color: rgba(26, 31, 46, 0.5) !important;
  border-color: rgba(0, 212, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.page-link:hover {
  background-color: rgba(0, 212, 255, 0.1) !important;
  color: #00d4ff !important;
}
.page-item.active .page-link {
  background-color: #00d4ff !important;
  border-color: #00d4ff !important;
  color: #0a0e17 !important;
}

/* 表格头部白底 */
.table thead th {
  background-color: rgba(10, 14, 23, 0.7) !important;
  border-bottom-color: rgba(0, 212, 255, 0.08) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}
.table td, .table th {
  border-top-color: rgba(0, 212, 255, 0.06) !important;
}

/* 表单输入框白底 */
.form-control {
  background-color: rgba(26, 31, 46, 0.5) !important;
  border-color: rgba(0, 212, 255, 0.1) !important;
  color: rgba(240, 244, 255, 0.8) !important;
}
.form-control:focus {
  background-color: rgba(26, 31, 46, 0.7) !important;
  border-color: rgba(0, 212, 255, 0.3) !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.08) !important;
}

/* 徽章背景 */
.badge-light {
  background-color: rgba(26, 31, 46, 0.6) !important;
  color: rgba(240, 244, 255, 0.7) !important;
}

/* 面包屑导航 */
.breadcrumb {
  background-color: transparent !important;
}

/* 输入框组 */
.input-group-text {
  background-color: rgba(10, 14, 23, 0.7) !important;
  border-color: rgba(0, 212, 255, 0.1) !important;
  color: rgba(240, 244, 255, 0.6) !important;
}

/* 警告框白底 */
.alert-light {
  background-color: rgba(26, 31, 46, 0.5) !important;
  border-color: rgba(0, 212, 255, 0.06) !important;
  color: rgba(240, 244, 255, 0.8) !important;
}