html, body {
    /* overflow-x: hidden; */
    color: #374151;
}
:root{
    --menu-hover-color:#00A3E0;
    --main-color:#000000;
    --title-font:"Lato", sans-serif;
    --function-button-background:#00a3e0;
    --color-entry-line:221, 221, 221;
    --color-text: 0, 0, 0;
    --el-color-info-light-9: rgb(243.9, 244.2, 244.8);
    --el-border-color-lighter: #ebeef5;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-border-radius-base: 4px;
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-transition-duration: .3s;
    --el-color-error-light-9: rgb(254, 240.3, 240.3);
    --el-color-error-light-8: rgb(253, 225.6, 225.6);
    --el-color-error: #f56c6c;;
    --el-color-success: #67c23a;
    --el-color-success-light-8: rgb(224.6, 242.8, 215.6);
    --el-color-success-light-9: rgb(239.8, 248.9, 235.3);
    /* 主图按钮样式 */
    --el-button-bg-color:#DD8C32;
    --el-hover-button-bg-color:#364153;

    /* 价格样式 */
    --el-price-color:#B93D46;

    /* 商品卡片样式 */
    --el-card-bg-color:#fff;
    --el-card-border-color:#f0f0f0;
    --el-card-BoxShadow-color:0 8px 30px -12px hsl(330 81% 60% / 0.25);

    /* 货币选择器样式 */
    --el-currency-hoer-bg-color:#FEE2E2;

    /* 头部滚动轮播字幕样式 */
    --el-top-banner-bg-color:#B93D46;
    --el-top-banner-text-color:#fff;

    /* 服务承诺横幅样式 */
    --el-service-promise-bg-color:#14532D;
    --el-service-promise-text-color:#fff;

}

/* 导航栏选中样式 */
.header-main-nav > ul.menu>li:hover .item-text::after {
    content: "";
    display: block;
    position: absolute;
    left: 25%;
    width: 40px;
    height: 3px;
    bottom: 0px;
    background: var(--el-button-bg-color);
}
.cart-drawer.active {
    right: 0;
}
.search-modal__input:focus + .search-modal__field-label,
.search-modal__input:not(:placeholder-shown) + .search-modal__field-label {
    top: 1.2rem;
    left: 3rem;
    font-size: 0.75rem;
    background: white;
    padding: 0 0.25rem;
    color: #2563eb;
}

/* 侧边栏展开关闭 */
.description-list.open > .cart-customs-title > span {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.description-list > .cart-customs {
    height: auto;
    max-height: 42px;
    overflow: hidden;
    transition: all .3s;
    font-size: 14px;
}


.description-list.open > .cart-customs {
    max-height: initial;
}

.description-list .cart-custom {
    display: flex;
    padding-left: 5px;
    border-left: 1px solid;
}

.description-list .cart-custom .img-content {
    width: 48px;
    height: 48px;
}

.description-list .cart-custom .img-content > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;

}

.description-list .cart-customs-more {
    padding-left: 5px;
    border-left: 1px solid;
    cursor: pointer;
}

.description-list.init .cart-customs-more,
.description-list.none-more .cart-customs-more,
.description-list.open .cart-customs-more {
    display: none;
}

/* 登录/注册状态控制 */
/* 单选框选中状态样式 */
.login-or-register > .login-or-register-box > .content-body .form .form-item .radio-box > label input:checked + .radio-icon {
    border-color: #5D84B3;
}

/* 选中时的中心点 */
.login-or-register > .login-or-register-box > .content-body .form .form-item .radio-box > label input:checked + .radio-icon::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #5D84B3;
    border-radius: 50%;
}

/* 聚焦状态 */
.login-or-register > .login-or-register-box > .content-body .form .form-item .radio-box > label input:focus + .radio-icon {
    box-shadow: 0 0 3px #5D84B388;
}

/* 登录/注册状态控制 */
.login-or-register > .login-or-register-box > .content-body.login .is-login,
.login-or-register > .login-or-register-box > .content-body.register .is-register {
    display: inline-flex;
}

.login-or-register > .login-or-register-box > .content-body.login .is-login.block,
.login-or-register > .login-or-register-box > .content-body.register .is-register.block {
    display: block;
}

.login-or-register > .login-or-register-box > .content-body.login .btn-box > .btn.sign-btn,
.login-or-register > .login-or-register-box > .content-body.register .btn-box > .btn.register-btn {
    background-color: #1E2939;
    border-color: #1E2939;
    color: #fff;
}

.login-or-register > .login-or-register-box > .content-body.login .btn-box > .btn.sign-btn:hover,
.login-or-register > .login-or-register-box > .content-body.register .btn-box > .btn.register-btn:hover {
    background-color: #030712;
}

.login-or-register > .login-or-register-box > .content-body.login .btn-box > .btn.sign-btn[disabled],
.login-or-register > .login-or-register-box > .content-body.register .btn-box > .btn.register-btn[disabled] {
    background-color: #666;
    cursor: wait;
}

/* 密码可见性切换 */
.form .form-item .input-box .input-text[type="password"]+.view-icon .zheng-yan {
    display: none;
}

.form .form-item .input-box .input-text[type="password"]+.view-icon .bi-yan {
    display: inline-block;
}

.form .form-item .input-box .input-text[type="text"]+.view-icon .bi-yan {
    display: none;
}

.form .form-item .input-box .input-text[type="text"]+.view-icon .zheng-yan {
    display: inline-block;
}

        
.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform .4s, top .4s;
    width: -moz-fit-content;
    width: fit-content;
}

.el-message p {
    margin: 0;
}

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error);
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success);
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color);
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
}

/* 图标容器 */
.el-message__icon {
    display: flex;
    margin-right: 12px;
    font-size: 0; /* 防止SVG周围出现间隙 */
}

.el-message-icon--success svg {
    color: #52c41a;
}

.el-message-icon--error svg {
    color: #f56c6c;
}