:root {
    --ws-bg: #f5f6f8;
    --ws-card: #ffffff;
    --ws-border: #e5e7eb;
    --ws-text: #111827;
    --ws-muted: #6b7280;
    --ws-primary: #111827;
    --ws-primary-soft: #f3f4f6;
}

body,
.bg-content,
.auth-wrapper {
    background: var(--ws-bg) !important;
    color: var(--ws-text) !important;
}

.auth-wrapper::before,
.auth-wrapper::after {
    display: none !important;
}

.navbar-acg,
.panel,
.acg-card,
.auth-card,
.fly-header,
.fly-user-main > .layui-nav,
.fly-user-main > .fly-panel,
.layui-card,
.dropdown-menu,
.cash-pay,
.order-item,
.goods-section,
.card-content,
.card-content-no-password,
.card-display-content,
.load-more-end,
.load-more-loading,
.layui-table,
.home-dacontent,
.detail-about,
.detail-about-reply,
.elem-quote,
.elem-tips {
    background: var(--ws-card) !important;
    border: 1px solid var(--ws-border) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
}

.panel-header,
.card-header,
.layui-card-header,
.content-header,
.fly-panel-title {
    background: #ffffff !important;
    border-bottom: 1px solid var(--ws-border) !important;
    box-shadow: none !important;
    color: var(--ws-text) !important;
}

.btn,
.btn-gradient,
.btn-ghost,
.layui-btn,
.layui-btn-pink,
.chip,
.sku,
.optional-card,
.pay-list .pay,
.badge-soft,
.status-badge,
.shipment-badge,
.copy-card-btn,
.copy-all-btn,
.button-click,
.page-link {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-primary,
.btn-gradient,
.copy-all-btn,
.order-query-form .btn-primary,
.layui-btn,
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-this > a:hover {
    background: var(--ws-primary) !important;
    border-color: var(--ws-primary) !important;
    color: #ffffff !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-ghost,
.copy-card-btn {
    background: #ffffff !important;
    border: 1px solid var(--ws-border) !important;
    color: var(--ws-text) !important;
}

.chip.is-primary,
.sku.is-primary,
.optional-card.is-primary,
.pay-list .pay.active,
.pay-list .pay.is-primary,
.pay-list .pay.selected {
    background: var(--ws-primary) !important;
    border-color: var(--ws-primary) !important;
    color: #ffffff !important;
}

.pay-list .pay.active span,
.pay-list .pay.is-primary span,
.pay-list .pay.selected span {
    color: #ffffff !important;
}

.badge-soft,
.status-badge,
.shipment-badge,
.layui-badge,
.acg-badge {
    background: var(--ws-primary-soft) !important;
    border: 1px solid var(--ws-border) !important;
    color: var(--ws-text) !important;
}

.form-control,
.form-select,
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.input-group-text,
.captcha-img,
.card-password-input,
.card-value,
.card-text,
.image-code,
.prompt-image-code,
.layui-input,
.layui-textarea,
.layui-select,
.layui-table-view,
.search-input .input-group-text,
.search-input .form-control,
.input-group.qty-group,
.card-item,
.card-content,
.card-content-no-password {
    background: #ffffff !important;
    border: 1px solid var(--ws-border) !important;
    color: var(--ws-text) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.form-control:focus,
.form-select:focus,
.form-floating > .form-control:focus,
.search-input .form-control:focus,
.card-password-input:focus {
    border-color: var(--ws-primary) !important;
    box-shadow: none !important;
    transform: none !important;
}

.search-input .input-group-text,
.search-input .form-control,
.captcha-input,
.captcha-img,
.order-query-form .captcha-input,
.order-query-form .captcha-img {
    border-radius: 0 !important;
}

.navbar-acg {
    border-bottom: 1px solid var(--ws-border) !important;
    padding: 10px 0 !important;
}

.navbar-acg .nav-link,
.navbar-brand,
.navbar-brand span,
.fly-nav a,
.fly-nav-user a,
.auth-title,
.auth-subtitle,
.text-link,
.layui-nav .layui-nav-item a,
.user-logo-title,
.goods-title,
.panel-title,
.card-title,
.order-no,
.goods-name,
.brand-header,
.layui-card-header,
.content-header,
.amount-value,
.payment-name {
    color: var(--ws-text) !important;
    text-shadow: none !important;
}

.muted,
.meta,
.text-muted,
.item-message,
.notice,
.user-about p span,
.detail-about,
.amount-label,
.order-time,
.payment-dst,
.payment-time,
.auth-subtitle,
.divider,
.order-query-form .form-label,
.card-loading,
.load-more-end span,
.load-more-loading span {
    color: var(--ws-muted) !important;
}

.layui-nav-tree > .layui-nav-item > a:hover,
.dropdown-item:hover,
.layui-nav-child dd a:hover,
#userDropdown:hover {
    background: var(--ws-primary-soft) !important;
    color: var(--ws-text) !important;
}

.brand-icon,
.brand-logo,
.user-logo img,
.goods-image,
.item-cover,
#user-avatar,
.user-avatar,
.pay-list .pay img,
.payment-icon,
.captcha-img,
.rounded-circle,
.image-code,
.prompt-image-code {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.soldout-ribbon {
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    padding: 4px 8px !important;
    background: var(--ws-text) !important;
    box-shadow: none !important;
}

.shared-button:hover,
.chip:hover,
.sku:hover,
.acg-card:hover,
.brand-icon:hover,
#userDropdown:hover,
.order-item:hover,
.card-item:hover,
.copy-all-btn:hover,
.btn-gradient:hover,
.order-query-form .btn-primary:hover,
.pay-list .pay:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.divider::before,
.divider::after {
    background: var(--ws-border) !important;
}

.fly-user-main > .layui-nav,
.fly-user-main > .fly-panel,
.fly-header,
.layui-nav-child,
.fly-nav-user .layui-nav-child {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.fly-user-main > .layui-nav {
    padding: 0 !important;
}

.fly-user-main > .fly-panel {
    overflow: hidden;
}

.bg-content {
    min-height: 100vh;
}

.auth-card {
    max-width: 420px;
    color: var(--ws-text) !important;
}

.auth-wrapper {
    padding: 48px 16px !important;
}

.br-12 {
    border-radius: 0 !important;
}

a,
.text-link {
    color: var(--ws-text) !important;
}

a:hover,
.text-link:hover {
    color: #000000 !important;
}

@media (max-width: 768px) {
    .fly-user-main > .fly-panel {
        margin-left: 10px !important;
    }

    .fly-user-main > .layui-nav,
    .site-tree-mobile {
        border-radius: 0 !important;
        box-shadow: none !important;
        border: 1px solid var(--ws-border) !important;
        background: #ffffff !important;
        color: var(--ws-text) !important;
    }
}