/* 基础变量 - 不需要换肤的公共样式 */

:root {
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-base: 16px;
    --border-radius-sm: 4px;
    --border-radius-base: 8px;
    --border-radius-lg: 16px;
    --transition-base: all 0.3s ease;
}


/* 蓝色主题 */

:root.theme-blue {
    --color-text-primary: #607eff;
    /* 主色文字颜色 */
    --color-text-fff: #ffffff;
    /* 白色文字颜色 */
    --color-text-dark: #333;
    /* 黑色文字颜色 */
    --color-text-dark-primary: #607eff;
    /* 主色深色文字颜色 */
    --color-bg-primary: #607eff;
    /* 主色背景颜色 */
    --color-bg-fff: #ffffff;
    /* 白色背景颜色 */
    --color-bg-tertiary: #f2f5fc;
    /* 主色浅色部分背景颜色 */
    --color-primary: #607eff;
    /* 主色文字颜色 */
    --color-primary-border: #607eff;
    /* 主色线框颜色 */
    --color-primary-gradient-dark: #607eff;
    /* 主色渐变深色颜色 */
    --color-primary-gradient-light: #94c6ff;
    /* 主色渐变深色颜色 */
    --color-bg-dark: #3656e3;
    /* 主色深色背景颜色 */
    --color-border-dark: #80a4ed;
    /* 主色线框背景颜色 */
    --color-primary-light: #607eff;
    --color-primary-dark: #2d55ff;
    --color-banner-bg: #6f8aff;
    --color-border: #d9e8ff;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #ff4d4f;
    --color-primary-shadow: #fafbff;
}


/* 橙色主题 */

:root.theme-orange {
    --color-text-primary: #ff963a;
    /* 主色文字颜色 */
    --color-text-fff: #ffffff;
    /* 白色文字颜色 */
    --color-text-dark: #e67f22;
    /* 黑色文字颜色 */
    --color-text-dark-primary: #ff5400;
    /* 主色深色文字颜色 */
    --color-bg-primary: #ff963a;
    /* 主色背景颜色 */
    --color-bg-fff: #ffffff;
    /* 白色背景颜色 */
    --color-bg-tertiary: #fffaf5;
    /* 主色浅色部分背景颜色 */
    --color-primary: #ff963a;
    /* 主色文字颜色 */
    --color-primary-border: #ff963a;
    /* 主色线框颜色 */
    --color-primary-gradient-dark: #ff9000;
    /* 主色渐变深色颜色 */
    --color-primary-gradient-light: #ffd900;
    /* 主色渐变浅色颜色 */
    --color-bg-dark: #c15a00;
    /* 主色深色背景颜色 */
    --color-border-dark: #f5c97a;
    /* 主色线框背景颜色 */
    --color-primary-light: #ffb36f;
    --color-primary-dark: #e67f22;
    --color-banner-bg: #f29c51;
    --color-border: #ffd9b8;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #ff4d4f;
    --color-primary-shadow: #fff4e9;
}


/* 绿色主题 */

:root.theme-green {
    /*--color-text-primary:#19be6b;!* 主色文字颜色 *!*/
    /*--color-text-fff: #ffffff;!* 白色文字颜色 *!*/
    /*--color-text-dark: #333;!* 黑色文字颜色 *!*/
    /*--color-text-dark-primary: #27b86f;!* 主色深色文字颜色 *!*/
    /*--color-bg-primary:#19be6b;!* 主色背景颜色 *!*/
    /*--color-bg-fff: #ffffff;!* 白色背景颜色 *!*/
    /*--color-bg-tertiary:#f2f5fc;!* 主色浅色部分背景颜色 *!*/
    /*--color-primary-border:#19be6b; !* 主色线框颜色 *!*/
    /*--color-primary-gradient-dark:#0f9e57; !* 主色渐变深色颜色 *!*/
    /*--color-primary-gradient-light:#b9f2cd; !* 主色渐变浅色颜色 *!*/
    /*--color-primary-light: #4cd889;*/
    /*--color-primary-dark: #0f9e57;*/
    /*--color-border: #b9f2cd;*/
    /*--color-success: #52c41a;*/
    /*--color-warning: #faad14;*/
    /*--color-error: #ff4d4f;*/
    --color-text-primary: #07c160;
    /* 主色文字颜色 */
    --color-text-fff: #ffffff;
    /* 白色文字颜色 */
    --color-text-dark: #333;
    /* 黑色文字颜色 */
    --color-text-dark-primary: #25b259;
    /* 主色深色文字颜色 */
    --color-bg-primary: #07c160;
    /* 主色背景颜色 */
    --color-bg-fff: #ffffff;
    /* 白色背景颜色 */
    --color-bg-tertiary: #f4fff8 !important;
    /* 主色浅色部分背景颜色 */
    --color-primary-border: #07c160;
    /* 主色线框颜色 */
    --color-primary-gradient-dark: #0f9e57;
    /* 主色渐变深色颜色 */
    --color-primary-gradient-light: #b9f2cd;
    /* 主色渐变浅色颜色 */
    --color-bg-dark: #296c09;
    /* 主色深色背景颜色 */
    --color-border-dark: #a6c995;
    /* 主色线框背景颜色 */
    --color-primary-light:#4cc988;
    --color-primary-dark: #0ac569;
    --color-banner-bg: #3ebc05;
    --color-border: #b9f2cd;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #ff4d4f;
    --color-primary-shadow: #eaf5ef;
}


/*天合*/

:root.theme-tianhe {
    --color-text-primary: #0055FF;
    /* 主色文字颜色 */
    --color-text-fff: #ffffff;
    /* 白色文字颜色 */
    --color-text-dark: #333;
    /* 黑色文字颜色 */
    --color-text-dark-primary: #0055FF;
    /* 主色深色文字颜色 */
    --color-bg-primary: #0055FF;
    /* 主色背景颜色 */
    --color-bg-fff: #ffffff;
    /* 白色背景颜色 */
    --color-bg-tertiary: #f4f4f4;
    /* 主色浅色部分背景颜色 */
    --color-primary: #0055FF;
    /* 主色文字颜色 */
    --color-primary-border: #0055FF;
    /* 主色线框颜色 */
    --color-primary-gradient-dark: #607eff;
    /* 主色渐变深色颜色 */
    --color-primary-gradient-light: #94c6ff;
    /* 主色渐变深色颜色 */
    --color-bg-dark: #0037a5;
    /* 主色深色背景颜色 */
    --color-border-dark: #89a2d2;
    /* 主色线框背景颜色 */
    --color-primary-light: #2d55ff;
    --color-primary-dark: #607eff;
    --color-banner-bg: #6f8aff;
    --color-border: #d9e8ff;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #ff4d4f;
    --color-primary-shadow: #fafbff;
}


/*保到老*/

:root.theme-baodaolao {
    --color-text-primary: #19be6b;
    /* 主色文字颜色 */
    --color-text-fff: #ffffff;
    /* 白色文字颜色 */
    --color-text-dark: #333;
    /* 黑色文字颜色 */
    --color-text-dark-primary: #27b86f;
    /* 主色深色文字颜色 */
    --color-bg-primary: #19be6b;
    /* 主色背景颜色 */
    --color-bg-fff: #ffffff;
    /* 白色背景颜色 */
    --color-bg-tertiary: #edfff3;
    /* 主色浅色部分背景颜色 */
    --color-primary: #19be6b;
    /* 主色文字颜色 */
    --color-primary-border: #19be6b;
    /* 主色线框颜色 */
    --color-primary-gradient-dark: #0f9e57;
    /* 主色渐变深色颜色 */
    --color-primary-gradient-light: #b9f2cd;
    /* 主色渐变浅色颜色 */
    --color-bg-dark: #296c09;
    /* 主色深色背景颜色 */
    --color-border-dark: #a6c995;
    /* 主色线框背景颜色 */
    --color-primary-light: #4cd889;
    --color-primary-dark: #0f9e57;
    --color-border: #b9f2cd;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #ff4d4f;
    --color-primary-shadow: #fafbff;
}


/*一键换肤*/

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

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

.tab-item.active .tab-item.active .theme header {
    background-color: var(--color-bg-primary) !important;
}

.theme .tk a {
    color: var(--color-text-primary) !important;
}

.theme .btn.btn-primary {
    color: var(--color-text-fff);
    background-color: var(--color-bg-primary) !important;
    border-color: var(--color-primary-border) !important;
}

.theme .checkbox:checked+label:before {
    border: var(--color-primary-border) !important;
    background: var(--color-bg-primary) !important;
}

.theme .modal .modal-dialog .modal-content.modal-rules .tabs .nav .nav-item.current {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-fff) !important;
    border-bottom: 1px solid var(--color-bg-primary) !important;
}

.theme .combo-box .combo-box-group .combo-box-item .title {
    color: #000;
}

.theme .combo-box.teplate-model-combo-bo-2 .combo-box-group .combo-box-item.current {
    background-color: var(--color-bg-primary) !important;
    color: var(--color-text-fff) !important;
    border-bottom: 1px solid var(--color-bg-primary) !important;
}

.theme .combo-box.teplate-model-combo-bo-2 .combo-box-group .combo-box-item.current .title {
    color: var(--color-text-fff) !important;
}

.theme .combo-box .combo-box-group .combo-box-item.current .title {
    color: var(--color-text-primary) !important;
}

.theme .btn.btn-icon .icon {
    color: var(--color-text-fff) !important;
}

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

.theme .combo-box .combo-box-group .combo-box-item.current {
    border: 1px solid var(--color-primary-border) !important;
    color: var(--color-text-primary) !important;
    background: var(--color-bg-tertiary)!important;
}

.theme .combo-box .combo-box-group .combo-box-item.current:after {
    border-color: var(--color-primary-border) transparent transparent transparent !important;
}

.theme .btn.btn-primary {
    color: var(--color-text-fff);
    background-color: var(--color-bg-primary) !important;
    border-color: var(--color-primary-border) !important;
}

.theme .btn.btn-primary.active {
    color: var(--color-text-fff) !important;
    background-color: var(--color-bg-primary) !important;
    border-color: var(--color-primary-border) !important;
}

.theme .icon-share-2:before {
    color: var(--color-bg-primary) !important;
}

.theme .step .step-item i {
    background-image: -webkit-linear-gradient(left, var(--color-primary-gradient-dark) 0%, var(--color-primary-gradient-light) 100%) !important;
    background-image: -o-linear-gradient(left, var(--color-primary-gradient-dark) 0%, var(--color-primary-gradient-light) 100%) !important;
    background-image: linear-gradient(to right, var(--color-primary-gradient-dark) 0%, var(--color-primary-gradient-light) 100%) !important;
}

.theme .btn-group .btn-primary {
    color: var(--color-bg-fff) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.theme .text-success {
    color: var(--color-text-primary) !important;
}

.theme .renew-banner {
    background: linear-gradient(to right, var(--color-primary-gradient-dark) 0%, var(--color-primary-gradient-light) 100%) !important;
}

.theme .resend-btn {
    border: 1px solid var(--color-primary-border) !important;
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

.theme .code-box.active {
    border-color: var(--color-primary-border) !important;
    background: var(--color-bg-fff) !important;
    box-shadow: 0 0 0 3px var(--color-primary-shadow) !important;
}

.theme .payment-complete .btn.btn-info {
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-primary-border) !important;
    background-color: var(--color-bg-fff)!important;
}

.theme .issearch .btn-group .btn-primary {
    color: var(--color-text-fff) !important;
}

.theme .footer .btn-group .btn-primary {
    color: var(--color-text-fff) !important;
}

.theme .modal-bottom .modal-footer .btn-primary {
    color: var(--color-text-fff) !important;
}

.theme .message p::before {
    background-color: var(--color-bg-primary);
}

.theme .page-form .btn.form-btn-mini {
    background-color: var(--color-bg-primary) !important;
}

.theme .back-top {
    background-image: linear-gradient(to bottom, var(--color-primary-gradient-light) 0%, var(--color-primary-gradient-dark) 100%) !important;
}

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

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

.theme .list.list-help .list-group .list-item .question {
    color: var(--color-text-primary) !important;
}

.theme .prompt .btn {
    background-color: var(--color-primary-border) !important;
}

.theme .list-group-wt::after {
    background-color: var(--color-primary-border) !important;
}

.theme .list.list-help .list-group .list-item .answer {
    background: var(--color-bg-tertiary)!important;
}

.theme .text-primary {
    font-size: 1.25rem !important;
    color: var(--color-text-dark-primary) !important;
}

.theme .details-tabs-fixed-new .van-tabs__wrap {
    background: var(--color-bg-tertiary);
}

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

.theme .header .btn:hover {
    background: var(--color-bg-primary) !important;
}

.theme .default-text {
    color: var(--color-text-primary) !important;
}


/*/\*form页面\*! */

.theme .order-preview .nav .nav-item.current {
    background-color: var(--color-bg-tertiary);
}

.theme .order-preview .nav .nav-item.current {
    border: 1px solid var(--color-primary-border) !important;
}

.theme .order-preview .nav .nav-item.current span,
.theme .order-preview .nav .nav-item.current i {
    color: var(--color-text-dark-primary) !important;
}

.theme .order-preview .nav .nav-item.current:after {
    border-color: var(--color-primary-border) transparent transparent transparent;
}

.theme .van-tab--active {
    color: var(--color-text-primary) !important;
}

.theme .title {
    color: var(--color-text-fff);
}

.theme .container .currently {
    color: var(--color-text-primary) !important;
}

.theme .form .form-item .form-check-group.form-check-group-btns .form-radio input.input-radio.current+.form-check-label {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-primary-border) !important;
    color: var(--color-text-dark-primary) !important;
}

.theme .input-form-2 li.current {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-primary-border) !important;
    color: var(--color-text-dark-primary) !important;
}

.theme .btn.form-btn-mini {
    color: var(--color-text-fff) !important;
}

.theme .form .form-item .form-check-group .form-radio input.input-radio:checked+.form-check-label:before,
.theme .form .form-item .form-check-group .form-radio input.input-radio.current+.form-check-label:before,
.theme .form .form-item .form-check-group .form-radio input.input-radio\[checked="true"\]+.form-check-label:before {
    color: var(--color-text-primary) !important;
}

.theme .customer-confirm a {
    background-color: var(--color-bg-primary) !important;
}

.theme .customer-top-page-able,
.theme .customer-next-page-able {
    color: var(--color-text-primary) !important;
}

.theme .modal .tabs .tabs-header .nav.nav-tabs .nav-item:hover,
.theme .modal .tabs .tabs-header .nav.nav-tabs .nav-item.active {
    background-color: var(--color-bg-primary) !important;
}

.theme .modal .tabs .tabs-header .nav.nav-tabs .nav-item:hover,
.theme .modal .tabs .tabs-header .nav.nav-tabs .nav-item.active {
    background-color: var(--color-bg-primary) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.theme .modal .modal-footer .btn-group .btn.btn-custom {
    background-color: var(--color-bg-primary) !important;
}

.theme .page-form .header .van-button--info {
    background-color: var(--color-bg-dark) !important;
    border: 1px solid var(--color-border-dark) !important;
}


/*/\*产品列表页面\*! */

.theme .page-container .container .currently {
    color: var(--color-text-primary) !important;
}

.theme .page-container .filter .filter-group .filter-item.current {
    background-color: var(--color-bg-primary) !important;
}

.theme .page-container .filterItems.active1,
.theme .page-container .filterGroup1.active2 {
    background-color: var(--color-bg-primary) !important;
}


/*/\*首页\*! */

.theme .banner:after {
    background: var(--color-bg-primary);
}

.theme .panel-header .title {
    color: var(--color-text-primary);
}

.theme .list .list-media .media-mark {
    background: var(--color-bg-primary);
}

.theme .list.list-block .list-group .list-item .list-content .tags .tags-item {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-primary-border) !important;
    color: var(--color-text-dark-primary) !important;
}

.theme .footer .nav.nav-grid .nav-item.current .icon,
.theme .footer .nav.nav-grid .nav-item.current span {
    color: var(--color-text-dark-primary) !important;
}


/*/\*订单列表\*!*/

.theme .tab .active,
.theme .van-tab--active {
    color: var(--color-text-primary) !important;
}

.theme .isheader .list.list-block .list-group .list-item .list-content .list-title {
    color: var(--color-text-primary) !important;
}

.theme .productList .list.list-block .list-group .list-item .list-content .list-title span {
    /*color: var(--color-text-primary) !important;*/
}


/*/\*订单详情\*!*/

.theme .order-info {
    background: var(--color-bg-primary);
}


/*/\*登录\*! */

.theme .login-main .btn-login .btn.btn-default.btn-outline {
    border: 1px solid var(--color-primary-border) !important;
    color: var(--color-text-dark-primary) !important;
}

.theme .login-main .btn-login .btn.btn-text span {
    color: var(--color-text-dark-primary) !important;
}

.theme .input-group>\*.form-control {
    background: var(--color-bg-tertiary) !important;
}


/*/\* 输入框聚焦时的样式 \*!*/

.theme .input:focus {
    background-color: var(--color-bg-tertiary) !important;
}

.theme .login-main .form .form-item .input-group .form-control {
    background: transparent !important;
}

.theme .btn.btn-primary:hover,
.theme .btn.btn-primary:focus,
.theme .btn.btn-primary.focus,
.theme .btn.btn-primary:active,
.theme .btn.btn-primary.active,
.theme .open>.dropdown-toggle.btn.btn-primary {
    color: var(--color-text-fff) !important;
    background-color: var(--color-bg-primary) !important;
    border-color: var(--color-primary-border) !important;
}


/* 密码输入框 - 浏览器自动填充状态 */

.theme input[type="tel"]:-webkit-autofill,
.theme input[type="tel"]:-internal-autofill-selected {
    background: transparent !important;
    /* 强制设置为目标背景色 */
    -webkit-text-fill-color: #333 !important;
    /* 可选：自动填充时的文字颜色 */
    transition: background-color 5000s ease-in-out 0s !important;
    /* 延迟重置，避免自动填充覆盖 */
}

.theme input[type="password"]:-webkit-autofill,
.theme input[type="password"]:-internal-autofill-selected {
    background: transparent !important;
    /* 强制设置为目标背景色 */
    -webkit-text-fill-color: #333 !important;
    /* 可选：自动填充时的文字颜色 */
    transition: background-color 5000s ease-in-out 0s !important;
    /* 延迟重置，避免自动填充覆盖 */
}

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

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

.theme .search-top .van-search .van-cell {
    border: 2px solid var(--color-primary-border) !important;
}

.theme .curtom-btn-action {
    border: 1px solid var(--color-primary-border) !important;
    background-color: var(--color-bg-primary) !important;
}

.theme .show-car-nocar {
    background-color: var(--color-bg-primary) !important;
}

.theme .ncar-item-select {
    border-bottom: solid 0.1 var(--color-text-dark-primary) !important;
    background: var(--color-banner-bg) !important;
}

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

.theme .reminderTit::after {
    background-color: var(--color-bg-tertiary) !important;
}

.theme .van-form .van-field\_\_button .van-button {
    background-color: var(--color-bg-primary) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.theme .checkbox-inline.checked label.control-label:before,
.theme .checkbox-link.checked label.control-label:before {
    color: var(--color-text-dark-primary) !important;
}

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

.theme .list.list-block .list-group .list-item .list-content .list-link {
    color: var(--color-text-primary) !important;
}

.theme .offer-box .title {
    background: linear-gradient(to bottom, var(--color-primary-dark) 14%, var(--color-primary-light) 52%, var(--color-banner-bg) 72%, var(--color-text-fff) 106%) !important;
}

.theme .offer-box .buy\_btn span {
    color: var(--color-text-primary) !important;
}

.theme .offer-box .buy\_btn a {
    background-color: var(--color-bg-primary) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.theme .van-checkbox\_\_icon--checked .van-icon {
    background-color: var(--color-bg-primary) !important;
    border: 1px solid var(--color-primary-border) !important;
}

.theme .show-customer-a {
    color: var(--color-text-primary) !important;
}

.theme .page-container-order .btn.btn-primary {
    background-color: var(--color-bg-fff) !important;
}

.theme .header-banner {
    background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);
}


/*/\* form页面 \*! */

.theme .rules {
    color: var(--color-text-primary) !important;
}

.theme .tiers-control .tiers-control-header .nav .nav-group .nav-item {
    color: var(--color-text-primary) !important;
}

.theme .tiers-control .tiers-control-header .nav .nav-group .nav-item.current span {
    color: var(--color-text-primary) !important;
}

.theme .batch-order-a {
    color: var(--color-text-primary) !important;
}

.theme .excel-import-btn {
    color: var(--color-text-primary) !important;
}

.theme .van-uploader .van-icon-plus {
    color: var(--color-text-primary) !important;
}

.theme .form .import\_form {
    border: 1px solid var(--color-text-primary) !important;
}

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

.theme .form-control:focus {
    outline: none;
    border-color: var(--color-text-primary) !important;
}

/\*toc\*/ .theme .tab-item.active {
    background-color: var(--color-bg-fff) !important;
    color: var(--color-text-primary) !important;
    font-weight: 500;
    box-shadow: 0 2px 4px var(--color-primary-shadow) !important;
}

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

.theme .get-code-btn span {
    color: var(--color-text-dark-primary) !important;
}

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

.theme .tag-item {
    color: var(--color-text-dark-primary) !important;
    background: var(--color-bg-tertiary) !important;
}

.theme .btn.btn-primary:hover,
.theme .btn.btn-primary:focus,
.theme .btn.btn-primary.focus,
.theme .btn.btn-primary:active,
.theme .btn.btn-primary.active,
.theme .open>.dropdown-toggle.btn.btn-primary {
    color: var(--color-text-fff) !important;
    background: var(--color-bg-primary) !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 4px var(--color-primary-shadow) !important;
    opacity: .5;
}


/*新详情样式*/
.detail_page_mode_2 .combo-box .combo-box-group .combo-box-item.current{
  border: none !important;
  border-top: 2px solid var(--color-primary-border) !important;
}