/* ============================================
   Cart Dark Theme - 购物车深色科技风
   适用于 aknat.vip 用户中心购物车
   Theme: 深空蓝黑 #0a0e17 + 青色 #00d4ff
   ============================================ */

/* === 全局背景 === */
body,
html {
    background-color: #0a0e17 !important;
    color: #c8d6e5 !important;
}

/* === 顶部导航 === */
.topbar,
.firstgroup_box,
.secondgroup_box {
    background-color: rgba(16, 20, 32, 0.95) !important;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3) !important;
}

/* === 卡片 === */
.card,
.card-body {
    background-color: rgba(16, 20, 32, 0.85) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.card-header,
.card-footer {
    background-color: rgba(16, 20, 32, 0.9) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
}

/* === 产品卡片 (cartitem) === */
.cartitem {
    background-color: rgba(16, 20, 32, 0.8) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    border-radius: 1em;
    transition: all 0.3s ease;
}

.cartitem:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.1) !important;
}

.cartitem.active {
    background: rgba(16, 20, 32, 0.9) !important;
    border: 1px solid var(--bs-global, #00d4ff) !important;
}

/* === 表单控件 === */
.form-control {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

.form-control:focus {
    background-color: rgba(16, 20, 32, 0.8) !important;
    border-color: #00d4ff !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.15) !important;
    color: #fff !important;
}

.form-control::placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}

select.form-control {
    background-color: rgba(16, 20, 32, 0.6) !important;
    color: #c8d6e5 !important;
}

/* 下拉选择框 */
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-menu {
    background-color: rgba(16, 20, 32, 0.9) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.bootstrap-select .dropdown-menu li a {
    color: #c8d6e5 !important;
}

.bootstrap-select .dropdown-menu li a:hover {
    background-color: rgba(0, 212, 255, 0.15) !important;
    color: #00d4ff !important;
}

/* 输入组 */
.input-group-text,
.custom-file-label {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

/* === 按钮 === */
.btn-primary {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
    border: none !important;
    color: #0a0e17 !important;
    font-weight: 600;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #00e5ff, #00aadd) !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3) !important;
}

.btn-secondary {
    background: rgba(16, 20, 32, 0.8) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

.btn-secondary:hover {
    border-color: #00d4ff !important;
    color: #00d4ff !important;
}

.btn-light {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.btn-light:hover {
    border-color: #00d4ff !important;
    color: #00d4ff !important;
}

.btn-white {
    background: rgba(16, 20, 32, 0.7) !important;
    color: #c8d6e5 !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
}

.btn-white:hover,
.btn-white.active,
.btn-white:active {
    background: rgba(0, 212, 255, 0.15) !important;
    color: #00d4ff !important;
}

.btn-outline-light {
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

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

.btn-white-soft,
.btn-mode-soft {
    background: rgba(16, 20, 32, 0.6) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.btn-white-soft:hover,
.btn-white-soft:active,
.btn-white-soft:focus,
.btn-mode-soft:hover,
.btn-mode-soft:active,
.btn-mode-soft:focus {
    background: rgba(0, 212, 255, 0.1) !important;
    border-color: #00d4ff !important;
    color: #00d4ff !important;
}

/* === 表格 === */
.table {
    color: #c8d6e5 !important;
}

.table thead th {
    background-color: rgba(16, 20, 32, 0.8) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
    color: #c8d6e5 !important;
}

.table td,
.table th {
    border-color: rgba(0, 212, 255, 0.1) !important;
    background-color: transparent !important;
}

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

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

/* === 文本 === */
.text-dark {
    color: #c8d6e5 !important;
}

.text-muted,
.color-999,
.text-black-50 {
    color: rgba(200, 214, 229, 0.6) !important;
}

.text-white {
    color: #c8d6e5 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #e8edf3 !important;
}

/* === 移动端底部价格条 === */
.mobile-bottom-total {
    background: rgba(16, 20, 32, 0.95) !important;
    box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.5) !important;
    border-top: 1px solid rgba(0, 212, 255, 0.15) !important;
}

.mobile-bottom-total .total {
    color: #00d4ff !important;
}

/* === 订单摘要 === */
.ordersummary td {
    color: #c8d6e5 !important;
}

.ordersummary .text-dark {
    color: #e8edf3 !important;
}

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

/* === 警告框 === */
.alert {
    background-color: rgba(16, 20, 32, 0.85) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.15) !important;
    border-color: rgba(220, 53, 69, 0.3) !important;
    color: #ff6b7a !important;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.15) !important;
    border-color: rgba(40, 167, 69, 0.3) !important;
    color: #5cdb7a !important;
}

.alert-warning {
    background-color: rgba(255, 193, 7, 0.15) !important;
    border-color: rgba(255, 193, 7, 0.3) !important;
    color: #ffd93e !important;
}

/* === 关闭按钮 === */
.close {
    color: #c8d6e5 !important;
    text-shadow: none !important;
    opacity: 0.7;
}

/* === 复选框 / 单选框 === */
.custom-control-label::before {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.3) !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #00d4ff !important;
    border-color: #00d4ff !important;
}

.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: rgba(16, 20, 32, 0.7) !important;
}

/* === 进度条 === */
.progress {
    background-color: rgba(16, 20, 32, 0.6) !important;
}

.progress-bar {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
}

/* === 标签/徽章 === */
.badge {
    color: #c8d6e5 !important;
}

.badge-light {
    background-color: rgba(16, 20, 32, 0.6) !important;
    color: #c8d6e5 !important;
}

/* === 模态框 === */
.modal-content {
    background-color: rgba(16, 20, 32, 0.95) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.modal-header {
    border-bottom-color: rgba(0, 212, 255, 0.1) !important;
}

.modal-footer {
    border-top-color: rgba(0, 212, 255, 0.1) !important;
}

/* === 分页 === */
.page-link {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

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

.page-item.active .page-link {
    background-color: #00d4ff !important;
    border-color: #00d4ff !important;
    color: #0a0e17 !important;
}

.page-item.disabled .page-link {
    background-color: rgba(16, 20, 32, 0.4) !important;
    color: rgba(200, 214, 229, 0.3) !important;
}

/* === 选项卡 === */
.nav-tabs .nav-link {
    color: rgba(200, 214, 229, 0.6) !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link:hover {
    color: #00d4ff !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
}

.nav-tabs .nav-link.active {
    color: #00d4ff !important;
    background-color: transparent !important;
    border-bottom-color: #00d4ff !important;
}

.nav-pills .nav-link {
    color: rgba(200, 214, 229, 0.7) !important;
}

.nav-pills .nav-link.active {
    background-color: #00d4ff !important;
    color: #0a0e17 !important;
}

/* === 链接 === */
a {
    color: #00d4ff !important;
}

a:hover {
    color: #33ddff !important;
}

/* === 预加载器 === */
.preloader {
    background-color: #0a0e17 !important;
}

/* === 开关/切换 === */
.arrow-white [data-controls] {
    background-color: rgba(16, 20, 32, 0.8) !important;
    color: #c8d6e5 !important;
}

/* === img-thumbnail === */
.img-thumbnail {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
}

/* === 标签页导航 (购物车流程) === */
.twitter-bs-wizard-nav .nav-link {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
    color: rgba(200, 214, 229, 0.5) !important;
}

.twitter-bs-wizard-nav .nav-link.active {
    background-color: rgba(0, 212, 255, 0.15) !important;
    border-color: #00d4ff !important;
    color: #00d4ff !important;
}

.twitter-bs-wizard-nav .nav-link.done {
    background-color: rgba(0, 212, 255, 0.1) !important;
    border-color: rgba(0, 212, 255, 0.3) !important;
    color: #00d4ff !important;
}

/* === 表单校验 === */
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #5cdb7a !important;
    background-image: none !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #ff6b7a !important;
}

.error-tip {
    color: #ff6b7a !important;
}

/* === 选择框箭头 === */
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #c8d6e5 !important;
}

/* === 购物车商品列表 === */
.goods_info .title {
    color: #e8edf3 !important;
}

.goods_info .info {
    color: rgba(200, 214, 229, 0.7) !important;
}

/* === 支付方式选择 === */
.addfunds-payment {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.addfunds-payment.active {
    border-color: #00d4ff !important;
    background: rgba(0, 212, 255, 0.1) !important;
}

/* === 复选框选中 === */
.checkboxSelect {
    background: rgba(0, 212, 255, 0.08) !important;
    border-color: #00d4ff !important;
}

/* === 小计/总计区域 === */
.cart-total,
.order-total {
    background: rgba(16, 20, 32, 0.8) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
}

/* === 促销码输入 === */
.promo-code {
    background: rgba(16, 20, 32, 0.6) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

/* === 购物车空状态 === */
.cart-empty {
    color: rgba(200, 214, 229, 0.5) !important;
}

/* === Toast 提示 === */
.toast {
    background-color: rgba(16, 20, 32, 0.95) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.toast-header {
    background-color: rgba(16, 20, 32, 0.9) !important;
    border-bottom-color: rgba(0, 212, 255, 0.1) !important;
    color: #c8d6e5 !important;
}

/* === 下拉菜单 === */
.dropdown-menu {
    background-color: rgba(16, 20, 32, 0.95) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.dropdown-item {
    color: #c8d6e5 !important;
}

.dropdown-item:hover {
    background-color: rgba(0, 212, 255, 0.1) !important;
    color: #00d4ff !important;
}

/* === 列表组 === */
.list-group-item {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
    color: #c8d6e5 !important;
}

/* === 背景类 === */
.bg-white {
    background-color: rgba(16, 20, 32, 0.85) !important;
}

.bg-light {
    background-color: rgba(16, 20, 32, 0.5) !important;
}

/* === 滚动条 === */
::-webkit-scrollbar-track {
    background: #0a0e17 !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 212, 255, 0.3) !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 212, 255, 0.5) !important;
}

/* === 边框 === */
.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
    border-color: rgba(0, 212, 255, 0.1) !important;
}


/* ============================================
   V10 模板专用覆盖 (ZJMF 3.7.6)
   configureproduct-v10-*.tpl
   ============================================ */

/* --- 主容器 --- */
.main-card {
    background: transparent !important;
}

/* --- 左侧配置区 --- */
.common-config .l-config {
    background: transparent !important;
}

/* --- 右侧订单摘要卡片 --- */
.common-config .order-right {
    background: rgba(16, 20, 32, 0.92) !important;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5) !important;
}

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

/* 主标题 */
.common-config .pro-tit,
.common-config .config-tit,
.common-config .order-right .right-title,
.common-config .order-right .info .des,
.common-config .order-right .order-right-footer .footer-total .left,
.common-config .area-box .tit {
    color: #e8edf3 !important;
}

/* 项目名称 */
.common-config .cycle .item .name,
.common-config .config-item .unit,
.common-config .area-box .country .item span,
.common-config .area-box .city .item span,
.common-config .order-right .info .name {
    color: #c8d6e5 !important;
}

/* 描述/次要文字 */
.common-config .description,
.common-config .config-item .des,
.common-config .order-right .right-country-os .row,
.common-config .order-right .order-right-item .row,
.common-config .order-right .info .value,
.common-config .order-right .info .price {
    color: rgba(200, 214, 229, 0.65) !important;
}

/* 小计/折扣文字 */
.common-config .order-right .order-right-footer .footer-code .code-detail .code-detail-item {
    color: rgba(200, 214, 229, 0.7) !important;
}

/* === 选择卡片 (周期/配置项) === */
.common-config .cycle .item,
.common-config .click-select .item,
.common-config .area-box .country .item,
.common-config .area-box .city .item {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
    transition: all 0.3s ease;
}

.common-config .cycle .item:hover,
.common-config .click-select .item:hover,
.common-config .area-box .country .item:hover,
.common-config .area-box .city .item:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.08) !important;
}

/* 选中态 */
.common-config .com-active {
    border-color: #00d4ff !important;
    background: rgba(0, 212, 255, 0.08) !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.12) !important;
}

.common-config .com-active::after {
    border-bottom-color: #00d4ff !important;
}

.common-config .com-active .el-icon-check {
    color: #00d4ff !important;
}

/* === 价格颜色 === */
.common-config .cycle .item .price {
    color: #00d4ff !important;
    font-weight: 600 !important;
}

.common-config .order-right .order-right-footer .footer-total .right {
    color: #00d4ff !important;
    font-size: 28px !important;
    font-weight: bold !important;
}

/* === 分割线 === */
.common-config .order-right .subtotal,
.common-config .order-right .right-title,
.common-config .order-right .right-country-os,
.common-config .order-right .order-right-item,
.common-config .order-right .info {
    border-color: rgba(0, 212, 255, 0.08) !important;
}

/* === 购买按钮 (主) === */
.common-config .f-btn .buy-btn,
.common-config .order-right .order-right-footer .buy-btn {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
    color: #0a0e17 !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}

.common-config .f-btn .buy-btn:hover {
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.35) !important;
    transform: translateY(-1px);
}

/* === 加入购物车按钮 (次) === */
.common-config .f-btn .cart {
    color: #00d4ff !important;
    border: 1px solid #00d4ff !important;
    background: transparent !important;
}

.common-config .f-btn .cart:hover {
    background: rgba(0, 212, 255, 0.1) !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.2) !important;
}

/* === 产品描述区域 === */
.common-config .description {
    background: rgba(16, 20, 32, 0.4) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    border-radius: 3px !important;
    color: rgba(200, 214, 229, 0.7) !important;
}

/* === 促销码标签 === */
.common-config .order-right .order-right-footer .footer-total .discount-codeNumber {
    background: rgba(249, 149, 0, 0.12) !important;
    color: #ffd93e !important;
}

.common-config .order-right .order-right-footer .footer-code .code-main .left,
.common-config .order-right .order-right-footer .footer-code .code-main .right {
    color: #ffd93e !important;
}

.common-config .order-right .order-right-footer .footer-code .code-main .left .btn-add {
    border-color: #ffd93e !important;
    color: #ffd93e !important;
}

/* === Element UI 输入框 === */
.common-config .el-input__inner {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
    height: 46px !important;
    line-height: 46px !important;
}

.common-config .el-input__inner:focus {
    border-color: #00d4ff !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.1) !important;
}

.common-config .el-input__inner::placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}

.common-config .el-textarea__inner {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

.common-config .el-textarea__inner:focus {
    border-color: #00d4ff !important;
}

/* === Element UI 滑块 === */
.common-config .el-slider__bar {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
}

.common-config .el-slider__button {
    background: #00d4ff !important;
    border: none !important;
    width: 12px !important;
    height: 24px !important;
    border-radius: 0 !important;
}

.common-config .el-slider__button::after {
    background: #0a0e17 !important;
}

/* === Element UI 选择框 === */
.common-config .el-select-dropdown {
    background-color: rgba(16, 20, 32, 0.98) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.common-config .el-select-dropdown__item {
    color: #c8d6e5 !important;
}

.common-config .el-select-dropdown__item.hover,
.common-config .el-select-dropdown__item:hover {
    background-color: rgba(0, 212, 255, 0.1) !important;
    color: #00d4ff !important;
}

.common-config .el-select-dropdown__item.selected {
    color: #00d4ff !important;
    font-weight: 600 !important;
}

/* === 购物车弹窗 === */
.cartDialog {
    background: rgba(16, 20, 32, 0.98) !important;
}

.cartDialog .tit {
    color: #e8edf3 !important;
}

.cartDialog .el-dialog__body {
    color: #c8d6e5 !important;
}

.cartDialog .dialog-footer .el-button:first-child {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
    border: none !important;
    color: #0a0e17 !important;
}

.cartDialog .dialog-footer .el-button:last-child {
    border: 1px solid #00d4ff !important;
    color: #00d4ff !important;
    background: transparent !important;
}

/* === 数量增减按钮 === */
.common-config .order-right .order-right-item .row .del-add .del,
.common-config .order-right .order-right-item .row .del-add .add {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

.common-config .order-right .order-right-item .row .del-add .del:hover,
.common-config .order-right .order-right-item .row .del-add .add:hover {
    border-color: #00d4ff !important;
    color: #00d4ff !important;
}

.common-config .order-right .order-right-item .row .del-add .del.disabled,
.common-config .order-right .order-right-item .row .del-add .add.disabled {
    opacity: 0.3 !important;
}

/* === 标题前的蓝色竖条 === */
.common-config .config-tit::before {
    background: #00d4ff !important;
}

/* === 原价删除线 === */
.original-price {
    color: rgba(200, 214, 229, 0.4) !important;
}

/* === 阅读协议链接 === */
.common-config .order-right .order-right-footer .read a {
    color: #00d4ff !important;
}

/* === 配置项复选框 === */
.common-config .el-checkbox__label {
    color: #c8d6e5 !important;
}

.common-config .el-checkbox__inner {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border-color: rgba(0, 212, 255, 0.3) !important;
}

.common-config .el-checkbox__input.is-checked .el-checkbox__inner,
.common-config .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #00d4ff !important;
    border-color: #00d4ff !important;
}

/* === 单选按钮 === */
.common-config .el-radio__label {
    color: #c8d6e5 !important;
}

.common-config .el-radio__inner {
    border-color: rgba(0, 212, 255, 0.3) !important;
    background-color: rgba(16, 20, 32, 0.6) !important;
}

.common-config .el-radio__input.is-checked .el-radio__inner {
    border-color: #00d4ff !important;
    background-color: #00d4ff !important;
}

.common-config .el-radio__input.is-checked + .el-radio__label {
    color: #00d4ff !important;
}

/* === 标签/徽章 === */
.common-config .el-tag {
    background-color: rgba(0, 212, 255, 0.1) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #00d4ff !important;
}

/* === 数字输入框 === */
.common-config .el-input-number__decrease,
.common-config .el-input-number__increase {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}

.common-config .el-input-number__decrease:hover,
.common-config .el-input-number__increase:hover {
    color: #00d4ff !important;
}

/* === Element UI 弹窗遮罩 === */
.el-overlay {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.el-dialog {
    background-color: rgba(16, 20, 32, 0.98) !important;
}

.el-dialog__title {
    color: #e8edf3 !important;
}

.el-dialog__body {
    color: #c8d6e5 !important;
}

.el-dialog__headerbtn .el-dialog__close {
    color: rgba(200, 214, 229, 0.6) !important;
}

.el-dialog__headerbtn:hover .el-dialog__close {
    color: #00d4ff !important;
}

/* ============================================
   V10 Cloud/DCIM 专用覆盖
   ============================================ */

/* --- 推荐配置卡片 (cloud) --- */
.cloud-box .cloud-item {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
    border-radius: 3px !important;
    transition: all 0.3s ease;
}

.cloud-box .cloud-item:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
}

.cloud-box .cloud-item.active {
    border-color: #00d4ff !important;
    background: rgba(0, 212, 255, 0.08) !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.1) !important;
}

/* --- 镜像选择 (cloud/dcim) --- */
.image-box .image-item {
    background: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
    transition: all 0.3s ease;
}

.image-box .image-item:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
}

.image-box .image-item.active {
    border-color: #00d4ff !important;
    background: rgba(0, 212, 255, 0.08) !important;
}

/* --- 提示框 (dcim) --- */
.tip-box {
    background: rgba(16, 20, 32, 0.5) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    color: rgba(200, 214, 229, 0.7) !important;
    border-radius: 3px !important;
}

/* --- 登录提示 --- */
.login-box {
    background: rgba(16, 20, 32, 0.5) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    color: #c8d6e5 !important;
}

.login-box .s-tip {
    color: rgba(200, 214, 229, 0.7) !important;
}

.login-box .jump-box a {
    color: #00d4ff !important;
}

/* --- 底部价格区域 --- */
.bot-price {
    background: rgba(16, 20, 32, 0.85) !important;
    border-top: 1px solid rgba(0, 212, 255, 0.1) !important;
    color: #c8d6e5 !important;
}

.bot-price .l-txt {
    color: rgba(200, 214, 229, 0.7) !important;
}

/* --- 确认按钮 --- */
.sure {
    background: linear-gradient(135deg, #00d4ff, #0099cc) !important;
    color: #0a0e17 !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}

.sure:hover {
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.3) !important;
}

/* --- 内存/配置项标签 --- */
.item {
    color: #c8d6e5 !important;
}

/* --- 滑块容器 (dcim) --- */
.slider-box {
    background: transparent !important;
}

/* --- 磁盘输入 (cloud) --- */
.dis-input {
    background: transparent !important;
}

.dis-input .el-input__inner {
    background-color: rgba(16, 20, 32, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

/* ============================================
   通用增强覆盖
   ============================================ */

/* --- 全页面背景保障 --- */
#main,
.page-content,
.content-area,
.main-content,
.wrapper,
.page-wrapper {
    background-color: #0a0e17 !important;
}

/* --- section/div 白色背景抢救 --- */
section,
div:not([class*="bg-"]):not([class*="bg_"]) {
    /* 不强制所有 div, 留给具体类 */;
}

/* --- 表格行交替色 --- */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(0, 212, 255, 0.03) !important;
}

/* --- 无效/禁用状态 --- */
*:disabled,
.disabled {
    opacity: 0.4 !important;
}

/* --- Element UI 空状态 --- */
.el-empty {
    background: transparent !important;
}

.el-empty__description p {
    color: rgba(200, 214, 229, 0.5) !important;
}

/* --- 加载遮罩 --- */
.el-loading-mask {
    background-color: rgba(10, 14, 23, 0.7) !important;
}

/* --- 步骤条 --- */
.el-steps {
    background: transparent !important;
}

.el-step__title {
    color: rgba(200, 214, 229, 0.5) !important;
}

.el-step__title.is-process {
    color: #00d4ff !important;
}

.el-step__title.is-wait {
    color: rgba(200, 214, 229, 0.3) !important;
}

.el-step__title.is-finish {
    color: #00d4ff !important;
}

.el-step__head.is-process {
    color: #00d4ff !important;
    border-color: #00d4ff !important;
}

.el-step__head.is-wait {
    color: rgba(200, 214, 229, 0.3) !important;
    border-color: rgba(200, 214, 229, 0.3) !important;
}

.el-step__head.is-finish {
    color: #00d4ff !important;
    border-color: #00d4ff !important;
}

.el-step__line {
    background-color: rgba(200, 214, 229, 0.15) !important;
}

.el-step__line.is-finish {
    background-color: #00d4ff !important;
}

/* --- 气泡提示 --- */
.el-tooltip__popper {
    background-color: rgba(16, 20, 32, 0.98) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

/* --- 通知消息 --- */
.el-message {
    background-color: rgba(16, 20, 32, 0.98) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.el-message .el-message__content {
    color: #c8d6e5 !important;
}

/* --- 通知弹出 --- */
.el-notification {
    background-color: rgba(16, 20, 32, 0.98) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
}

.el-notification__title {
    color: #e8edf3 !important;
}

.el-notification__content {
    color: #c8d6e5 !important;
}

/* ============================================
   FILE 6: configureproduct 内联样式覆盖
   ============================================ */

/* 周期选择按钮 - btn-custom */
.btn-custom {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border: 1px solid rgba(0, 212, 255, 0.25) !important;
    color: #c8d6e5 !important;
    transition: all 0.3s ease;
}
.btn-custom:hover {
    background-color: rgba(0, 212, 255, 0.15) !important;
    border-color: rgba(0, 212, 255, 0.5) !important;
    color: #e8edf3 !important;
}

/* 选中状态 */
.btn-custom-group .active,
.btn-custom.active,
.btn-custom:active,
.btn-group-toggle .btn-custom.active,
.btn-group-toggle .btn-custom:active,
.btn-group-toggle .btn.active {
    background-color: rgba(0, 212, 255, 0.25) !important;
    border-color: #00d4ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.2) !important;
}

/* 折扣标签 - cycle-select-discount */
.cycle-select-discount {
    background: rgba(0, 212, 255, 0.3) !important;
    color: #00d4ff !important;
    border: 1px solid rgba(0, 212, 255, 0.4) !important;
    font-weight: bold !important;
}

/* 滑块轨道 - range input */
input[type='range'] {
    background: rgba(0, 212, 255, 0.3) !important;
    outline: none !important;
    -webkit-appearance: none !important;
    height: 4px !important;
    border-radius: 3px !important;
}

/* 滑块拖柄 - Webkit */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 12px !important;
    height: 22px !important;
    background-color: #00d4ff !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 3px !important;
    box-shadow: 0 0 6px rgba(0, 212, 255, 0.4) !important;
}

/* 滑块拖柄 - Firefox */
input[type="range"]::-moz-range-thumb {
    width: 12px !important;
    height: 22px !important;
    background-color: #00d4ff !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 3px !important;
}

/* 禁用区域 - range_none */
.range_none {
    background: rgba(200, 214, 229, 0.12) !important;
    cursor: not-allowed !important;
}

/* === Element UI 下拉选择框弹出层 === */
.el-select-dropdown,
.el-select-dropdown__wrap,
.el-scrollbar__view {
    background-color: rgba(16, 20, 32, 0.95) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    color: #c8d6e5 !important;
}
.el-select-dropdown__item {
    color: #c8d6e5 !important;
    background: transparent !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: rgba(0, 212, 255, 0.12) !important;
    color: #00d4ff !important;
}
.el-select-dropdown__item.selected {
    background-color: rgba(0, 212, 255, 0.2) !important;
    color: #00d4ff !important;
    font-weight: bold !important;
}
.el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-bottom-color: rgba(16, 20, 32, 0.95) !important;
}
.el-popper[x-placement^="top"] .popper__arrow::after {
    border-top-color: rgba(16, 20, 32, 0.95) !important;
}
.el-popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: rgba(0, 212, 255, 0.15) !important;
}
.el-popper[x-placement^="top"] .popper__arrow {
    border-top-color: rgba(0, 212, 255, 0.15) !important;
}

/* === Element UI 输入框 === */
.el-input__inner {
    background-color: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}
.el-input__inner:focus {
    border-color: #00d4ff !important;
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.15) !important;
}
.el-input__icon {
    color: rgba(200, 214, 229, 0.6) !important;
}
.el-input-group__append,
.el-input-group__prepend {
    background-color: rgba(0, 212, 255, 0.08) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}

/* === Element UI 单选框(radio) === */
.el-radio__label {
    color: #c8d6e5 !important;
}
.el-radio__inner {
    border-color: rgba(0, 212, 255, 0.3) !important;
    background: rgba(16, 20, 32, 0.7) !important;
}
.el-radio.is-checked .el-radio__inner {
    border-color: #00d4ff !important;
    background: #00d4ff !important;
}

/* === Element UI 复选框(checkbox) === */
.el-checkbox__label {
    color: #c8d6e5 !important;
}
.el-checkbox__inner {
    border-color: rgba(0, 212, 255, 0.3) !important;
    background: rgba(16, 20, 32, 0.7) !important;
}
.el-checkbox.is-checked .el-checkbox__inner {
    border-color: #00d4ff !important;
    background-color: #00d4ff !important;
}

/* === Ion rangeSlider === */
.irs {
    font-family: inherit !important;
}
.irs-line {
    background: rgba(200, 214, 229, 0.1) !important;
    border: none !important;
}
.irs-bar {
    background: rgba(0, 212, 255, 0.4) !important;
    border-top: none !important;
    border-bottom: none !important;
}
.irs-from, .irs-to, .irs-single {
    background: rgba(0, 212, 255, 0.2) !important;
    color: #00d4ff !important;
    font-size: 12px !important;
}
.irs-from::after, .irs-to::after, .irs-single::after {
    border-top-color: rgba(0, 212, 255, 0.2) !important;
}
.irs-slider {
    background: #00d4ff !important;
    border: none !important;
    border-radius: 2px !important;
    width: 12px !important;
    height: 20px !important;
    box-shadow: 0 0 6px rgba(0, 212, 255, 0.4) !important;
}
.irs-min, .irs-max {
    background: rgba(200, 214, 229, 0.08) !important;
    color: rgba(200, 214, 229, 0.5) !important;
}
.irs-grid-text {
    color: rgba(200, 214, 229, 0.4) !important;
}
.irs-grid-pol {
    background: rgba(200, 214, 229, 0.2) !important;
}

/* === Toastr 通知 === */
.toast-success {
    background-color: rgba(0, 200, 83, 0.85) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 200, 83, 0.3) !important;
}
.toast-error {
    background-color: rgba(244, 106, 106, 0.85) !important;
    color: #fff !important;
}
.toast-info {
    background-color: rgba(0, 212, 255, 0.85) !important;
    color: #fff !important;
}
.toast-warning {
    background-color: rgba(255, 193, 7, 0.85) !important;
    color: #1a1a2e !important;
}
#toast-container > div {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    opacity: 0.95 !important;
}

/* === 登录弹窗等 === */
#login-modal .modal-content,
.login-modal .modal-content,
.auth-modal .modal-content {
    background-color: rgba(16, 20, 32, 0.95) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
}

/* === 表单验证状态 === */
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: rgba(0, 200, 83, 0.4) !important;
    background-image: none !important;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: rgba(244, 106, 106, 0.6) !important;
    background-image: none !important;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: rgba(0, 200, 83, 0.2) !important;
    border-color: rgba(0, 200, 83, 0.4) !important;
}

/* === 下拉选择器 bootstrap-select 增强 === */
.bootstrap-select .dropdown-menu .inner .show {
    max-height: 300px !important;
}
.bootstrap-select .dropdown-menu {
    max-height: 340px !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #c8d6e5 !important;
}

/* === common-config 周期选择（V10通用） === */
.common-config .cycle .item {
    background: rgba(16, 20, 32, 0.7) !important;
    border-color: rgba(0, 212, 255, 0.2) !important;
    color: #c8d6e5 !important;
}
.common-config .cycle .item:hover {
    background: rgba(0, 212, 255, 0.1) !important;
    border-color: rgba(0, 212, 255, 0.4) !important;
    transform: translateY(-1px) !important;
}
.common-config .cycle .item.active {
    background: rgba(0, 212, 255, 0.2) !important;
    border-color: #00d4ff !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.15) !important;
}
.common-config .cycle .item .name {
    color: #e8edf3 !important;
}
.common-config .cycle .item .price {
    color: #00d4ff !important;
}

/* ============================================
   FILE 7: 文字颜色覆盖 (#333 / #666)
   ============================================ */

/* ordersummary - 浮动底部汇总 */
.mobile-bottom-total .total {
    color: #c8d6e5 !important;
}

/* viewcart - 文字颜色 */
.viewcart-domestic .card-body span[style*="color"],
.viewcart-table span[style*="color"],
.cart-items span[style*="color"],
#viewcart span[style*="color"] {
    color: #c8d6e5 !important;
}

/* 通用文字颜色覆盖 - 深色主题中不应有 #333 / #666 */
.text-dark,
a.text-dark,
.text-secondary,
a.text-secondary {
    color: #c8d6e5 !important;
}

/* 其他 #333 文字 */
.ordersummary .total {
    color: #c8d6e5 !important;
}

/* ============================================
   FILE 8: 表单验证+内联颜色冲突
   ============================================ */

/* 表单验证通过时的文字色 */
.was-validated .form-control:valid,
.form-control.is-valid {
    color: #c8d6e5 !important;
}

/* 表单验证通过时的下拉框 */
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: rgba(0, 212, 255, 0.3) !important;
}

/* 面包屑 active 文字 */
.breadcrumb-item.active {
    color: rgba(200, 214, 229, 0.7) !important;
}
.breadcrumb-item a {
    color: rgba(0, 212, 255, 0.7) !important;
}

/* 返回按钮 */
.backBtn i {
    color: rgba(200, 214, 229, 0.6) !important;
}

/* 密码显示/随机按钮 */
.text-primary {
    color: #00d4ff !important;
}

/* 错误提示 */
.error-tip {
    color: #f46a6a !important;
}

/* 禁用输入框 - 主机名 */
.form-control[disabled],
.form-control:disabled {
    background-color: rgba(16, 20, 32, 0.4) !important;
    color: rgba(200, 214, 229, 0.5) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
}

/* ============================================
   FILE 9: viewcart 剩余冲突
   ============================================ */

/* 白色边框的复选框区域 */
.checkboxDiv {
    border-color: rgba(0, 212, 255, 0.2) !important;
}
.checkboxSelect {
    border-color: #00d4ff !important;
}

/* 浅灰分隔线 */
hr[style*="border-top: 13px solid #F8F8FB"],
hr[style*="border-top:13px solid #F8F8FB"] {
    border-top: 13px solid rgba(16, 20, 32, 0.6) !important;
}

/* 商品信息文字颜色 */
.goods_info .info {
    color: #c8d6e5 !important;
}
.goods_info .title font {
    color: rgba(200, 214, 229, 0.6) !important;
}
.goods_info .title {
    color: #00d4ff !important;
}

/* 客户备注文字 */
span[style*="color:#979699"] {
    color: rgba(200, 214, 229, 0.5) !important;
}

/* 占位符颜色 - 备注 */
.remarksInput::-webkit-input-placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}
.remarksInput:-moz-placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}
.remarksInput::-moz-placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}
.remarksInput:-ms-input-placeholder {
    color: rgba(200, 214, 229, 0.4) !important;
}

/* 支付方式选中状态 */
.payType.active,
.payType:hover {
    border-color: #00d4ff !important;
}

/* 模态框（删除确认） */
.modal-content {
    background-color: rgba(16, 20, 32, 0.98) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
}
.modal-header {
    border-bottom: 1px solid rgba(0, 212, 255, 0.1) !important;
}
.modal-footer {
    border-top: 1px solid rgba(0, 212, 255, 0.1) !important;
}
.modal-title {
    color: #e8edf3 !important;
}
.modal-body {
    color: #c8d6e5 !important;
}
.modal-header .close {
    color: rgba(200, 214, 229, 0.6) !important;
    text-shadow: none !important;
    opacity: 0.8 !important;
}
.modal-header .close:hover {
    color: #00d4ff !important;
    opacity: 1 !important;
}
.btn-outline-light {
    border-color: rgba(200, 214, 229, 0.3) !important;
    color: #c8d6e5 !important;
}
.btn-outline-light:hover {
    background-color: rgba(200, 214, 229, 0.1) !important;
    border-color: rgba(200, 214, 229, 0.5) !important;
    color: #e8edf3 !important;
}

/* total价格文字 */
.font-size-16.mt-2.d-flex.justify-content-between span,
.invoice-title h4 {
    color: #e8edf3 !important;
}

/* 服务条款链接 */
.custom-control-label a {
    color: #00d4ff !important;
}
.custom-control-label {
    color: #c8d6e5 !important;
}

/* 立刻结账按钮 - 禁用状态 */
.submit-btn:disabled,
.btn-primary:disabled {
    background-color: rgba(0, 212, 255, 0.15) !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
    color: rgba(200, 214, 229, 0.4) !important;
    cursor: not-allowed !important;
}

/* ============================================
   FILE 10: ordersummary 订单汇总页面深度优化（桌面端）
   ============================================ */

/* 确保卡片体有相对定位，让 absolute 按钮正确定位 */
.card-body {
    position: relative !important;
}

/* 订单汇总卡片标题 */
.configoption_total + h4.card-title,
.card-title.fs-16 {
    color: #e8edf3 !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.1) !important;
    padding-bottom: 12px !important;
}

/* 订单汇总表格容器 */
.configoption_total {
    color: #c8d6e5 !important;
}

/* 桌面版总价行 */
.configoption_total tr.mobile-hide,
.ordersummary tr.mobile-hide {
    display: table-row !important;
}

.configoption_total tr.mobile-hide td,
.ordersummary tr.mobile-hide td {
    border-top: 1px solid rgba(0, 212, 255, 0.15) !important;
    padding-top: 12px !important;
}

/* 总价金额（font-weight-bold 粗体） */
.configoption_total .font-weight-bold,
.ordersummary .font-weight-bold,
.configoption_total td.text-right.font-weight-bold,
.ordersummary td.text-right.font-weight-bold {
    color: #00d4ff !important;
    font-size: 16px !important;
}

/* 桌面版加入购物车按钮容器 */
.configoption_total div[style*="position: absolute"],
.configoption_total div[style*="position:absolute"],
.ordersummary div[style*="position: absolute"],
.ordersummary div[style*="position:absolute"] {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin-top: 20px !important;
    text-align: center !important;
}

/* 加入购物车按钮 */
#addToCartBtn,
#addToCartBtnTwo {
    background: linear-gradient(135deg, #00d4ff, #0098cc) !important;
    border: none !important;
    color: #0a0e17 !important;
    font-weight: 600 !important;
    padding: 10px 30px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}
#addToCartBtn:hover,
#addToCartBtnTwo:hover {
    box-shadow: 0 6px 25px rgba(0, 212, 255, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* 配置页面的加入购物车按钮 */
.btn-primary#addToCartBtn,
.btn-primary#addToCartBtnTwo {
    background: linear-gradient(135deg, #00d4ff, #0098cc) !important;
    border: none !important;
    color: #0a0e17 !important;
}

/* 订单汇总表格中的 HR 分隔线 */
.ordersummary hr,
.configoption_total hr {
    border-color: rgba(0, 212, 255, 0.1) !important;
    margin: 8px 0 !important;
}

/* 折扣信息行 */
.discount-num {
    color: #00d4ff !important;
}

/* 桌面版总计区域底部间距 - 给按钮留空间 */
.configoption_total table.mb-5,
.ordersummary table.mb-5 {
    margin-bottom: 1rem !important;
}

/* 订单行价格右对齐文字颜色 */
.ordersummary td.text-right,
.configoption_total td.text-right {
    color: #c8d6e5 !important;
}

/* 价格原价文字（有折扣时） */
.configoption_total td.color-999 del,
.ordersummary td.color-999 del {
    color: rgba(200, 214, 229, 0.4) !important;
}

/* 小计/总价标签 */
.color-999 {
    color: rgba(200, 214, 229, 0.6) !important;
}