@import url("theme-variables.css");

body {
    font-size: 1.4rem
}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,
td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Microsoft YaHei', SimSun;
    font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}
h1 {
    font-size: 1.8rem;
}
h2 {
    font-size: 1.6rem;
}
button {
    outline: none;
}

/**
 * body正式内容和页脚上下布局
 */
.body-content-container {
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/**
 * 表单
 */
.am-form select,
.am-form textarea,
.am-form input[type='text'],
.am-form input[type='password'],
.am-form input[type='datetime'],
.am-form input[type='datetime-local'],
.am-form input[type='date'],
.am-form input[type='month'],
.am-form input[type='time'],
.am-form input[type='week'],
.am-form input[type='number'],
.am-form input[type='email'],
.am-form input[type='url'],
.am-form input[type='search'],
.am-form input[type='tel'],
.am-form input[type='color'],
.am-form-field {
    font-size: 1.2rem !important;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 5000s ease-in-out 0s !important;
}

.am-input-group-sm>.am-input-group-btn>.am-btn,
.am-input-group-sm>.am-form-field,
.am-input-group-sm>.am-input-group-label,
.am-input-group-sm>.am-input-group-btn>.am-btn {
    height: 3.1rem;
    font-size: 1.2rem !important;
}

.am-input-group-sm>.am-input-group-label {
    line-height: 2.6rem;
}

/*所有超链接不要下划线*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

input {
    vertical-align: middle;
    max-width: 100%;
}

a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

a:link,
a:visited,
a:hover {
    outline: none;
}

a:hover,
a:focus {
    color: var(--color-main);
    text-decoration: none;
}

.spatic {
    width: 100%;
    height: 1.6rem;
}

h5 {
    float: right;
    color: #666666;
    padding-right: 2rem;
}

input.add,
input.min {
    width: 1.5rem;
}

.last {
    border-right: none !important;
}

/**
 * 公共数据表格
 */
.am-table-scrollable-horizontal,
#user-offcanvas {
    height: calc(100% - 4.5rem);
    overflow-x: auto;
    overflow-y: auto;
}

/* 商品分类 */
#goods-category {
    position: relative;
    top: -4rem;
}

#goods-category .category-content .menu-srot .sort-side {
    display: flex;
    flex-wrap: wrap;
}

#goods-category .category-show-level3 {
    display: flex;
    flex-wrap: wrap;
}

#goods-category .category-show-level3-title {
    padding: 1rem;
    width: 10rem;
    font-weight: 500;
    position: relative;
}

#goods-category .category-show-level3-title:after {
    content: '';
    width: 0.1rem;
    height: 1.5rem;
    background-color: #CCCCCC;
    position: absolute;
    right: 0.8rem;
    top: 1.4rem;
}

#goods-category .category-show-level3 .category-show-level3-child {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 10rem);
    align-items: center;
}

#goods-category .category-show-level3 .category-show-level3-child div {
    padding: 1rem 0.5rem;
}

/* 搜索 */
.nav-search {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0px auto;
    background: #FFFFFF;
    padding-top: 1.2rem;
    position: relative;
}

.nav-search>.am-container {
    position: relative;
}

.nav-search .logo {
    height: 3rem;
    width: 9.5rem;
    margin: 0 auto;
    display: -webkit-inline-box;
}

.logo img {
    height: 100%;
    vertical-align: middle;
}

/*搜索框*/
.search-bar {
    height: 3rem;
    width: calc(100% - 20rem);
    max-width: 59.7rem;
    display: -webkit-inline-box;
}

.search-bar form {
    width: 100%;
}

.search-bar form .search-group {
    border: 0.1rem solid var(--color-main);
    width: 100%;
    position: relative;
    background: #FFFFFF;
}

.search-bar input {
    height: 2.6rem;
    width: 79%;
    outline: none;
    font-size: 1.2rem;
    border: none;
}

#search-input {
    padding-left: 0.8rem;
    border: 0 !important;
    box-shadow: none !important;
}

#ai-topsearch {
    width: 27%;
    height: 2.6rem;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -0.1rem;
}

.search-hot-keywords {
    margin-top: 0.5rem;
    height: 1.6rem;
    overflow: hidden;
    display: none;
    padding-left: 0.2rem;
    font-size: 1.2rem;
}

.search-hot-keywords li {
    float: left;
}

.search-hot-keywords li:not(:last-child) {
    margin-right: 1rem;
}

.search-hot-keywords li a {
    color: #999999;
}

.search-hot-keywords li a:hover {
    color: var(--color-main);
}

/*侧边导航*/
.mui-mbar-tabs {
    display: none;
}

/* 顶部小导航 */
.header-top,
.top-nav-right {
    background-color: #fafafa;
    border-bottom: solid 0.1rem #f0f0f0;
    height: 4rem;
    line-height: 4rem;
}

.header {
    max-width: 100rem;
    margin: 0px auto;
    font-size: 1.2rem;
    position: relative;
}

.mobile-navigation {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1020;
    background: #FFFFFF;
}

.mobile-navigation li {
    width: 25%;
    padding: 1rem 0.2rem;
    background: #FFFFFF;
    border-top: 0.1rem solid #f5f5f5;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
}

.mobile-navigation li a {
    text-decoration: none;
    color: #666666;
}

.mobile-navigation li a>i.iconfont {
    display: block;
    font-size: 2.4rem;
    line-height: 2.4rem;
    height: 2.4rem;
}

.mobile-navigation li.active a {
    color: var(--color-main);
}

.mobile-navigation .hot-icon {
    position: absolute;
    top: 0.5rem;
    left: 53%;
    z-index: 2;
}

.top-nav-right {
    position: absolute;
    top: 0;
    right: 0;
}

ul.am-dropdown-content>li>a {
    padding: 0.8rem 1.1rem;
}

.header-top ul.am-dropdown-content>li>a:hover,
ul.am-dropdown-content>li>a:focus {
    background-color: #f2f2f2;
}

.line-column {
    display: inline-block;
    margin: 0 1.1rem;
    color: #eee;
}

.header-top .nav-images {
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    overflow: hidden;
    border-radius: var(--border-radius-sm);
}
.header-top .nav-images img {
    border-radius: var(--border-radius-sm);
}
.top-nav-right .top-nav-items .menu-hd i {
    font-size: 1.4rem;
}
.top-nav-right .top-nav-items .menu-hd .nav-icon {
    max-height: 1.2rem;
    line-height: 1.2rem;
    border-radius: var(--border-radius-sm);
}
@media only screen and (min-width: 641px) {
    .am-container {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .top-nav-left {
        float: left;
    }

    .top-nav-left .top-nav-items,
    .top-nav-right .top-nav-items {
        padding: 0rem 0rem;
        height: 4rem;
        line-height: 4rem;
    }

    .top-nav-right .top-nav-items {
        float: left;
        padding-left: 1.6rem;
    }
    .top-nav-right .top-nav-items .am-badge-tips {
        padding: 0.2rem 0.6rem;
    }

    .nav-search .logo-big {
        float: left;
        height: 4rem;
        width: 13.5rem;
        margin: 0.9rem 5rem 0 0;
    }

    .nav-search .logo-big img {
        width: 100%;
    }

    .search-bar {
        height: 4.3rem;
        margin: auto;
        width: calc(100% - 34.3rem);
    }

    .search-bar input {
        width: 80%;
    }

    .search-bar form .search-group,
    .search-bar input,
    #ai-topsearch {
        height: 4rem;
    }

    .mobile-navigation {
        display: none;
    }

    #ai-topsearch {
        width: 20%;
    }

    #ai-topsearch * {
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-weight: 500;
    }

    /*底部*/
    .am-footer {
        text-align: center;
        display: block;
        position: relative;
        margin: 0rem auto;
        padding: 1rem 0rem;
    }

    /*分类*/
    .goods-category-s {
        display: block;
        position: absolute;
        z-index: 1019;
    }

    .goods-category-s .all-goods,
    .goods-category-title .all-goods {
        font-size: 1.6rem;
    }

    .goods-category-title {
        background: var(--color-main);
        color: #FFFFFF;
        height: 4rem;
        line-height: 4rem;
        display: block;
        position: absolute;
        width: 15rem;
        text-align: center;
        top: 0px;
        cursor: pointer;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        left: 0;
    }

    .goods-category-s .category-content {
        position: relative;
        width: 15rem;
        float: left;
        background: transparent;
        top: 4rem;
    }

    .goods-category-s .category-content .all-goods {
        display: block;
        padding: 0;
        border-radius: 0.5rem 0.5rem 0 0;
        font-weight: 600;
        line-height: 3.6rem;
        width: 15rem;
        height: 3.6rem;
        padding: 0;
        border-radius: 0.5rem 0.5rem 0 0;
        color: #FFFFFF;
        text-align: center;
        font: 1.6rem/3.6rem 'Microsoft YaHei';
    }

    .goods-category-s .category-content .all-goods em {
        font: 1.2rem/3.6rem 'Microsoft YaHei';
    }

    .category-content:hover .category {
        background: #eee;
    }

    .goods-category-title,
    #goods-category .category-content,
    .category-content .category,
    #goods-category .category-content .all-goods,
    .category-content .category-info {
        width: 18rem;
    }

    .category-content .category {;
        border-top: none;
        background: #fff;
    }

    .category-content .down-ico {
        position: absolute;
        top: 4.8rem;
        left: 9.5rem;
        width: 1rem;
        height: 0.6rem;
        background-position: 0 -13.1rem;
    }

    .category-content .category-list li {
        height: 4.7rem;
        margin-top: -0.2rem;
    }

    .category-content .category-list li.first {
        margin-top: 0;
    }

    .category-content .category-list li.hover .category-fillet-top {
        position: absolute;
        right: 0;
        margin-top: -1.3rem;
    }

    .category-content .category-list li.hover .category-fillet-bottom {
        position: absolute;
        right: 0;
        margin-top: 4.6rem;
    }

    .category-content .category-list li.last .c-category-list {
        border-bottom: none;
    }

    .category-content .category-list a {
        text-decoration: none;
    }

    .category-content .b-category-name:hover,
    .category-content li:hover,
    .category-content li:hover .bd-name,
    .category-content dd a:hover,
    .category-content dd a:hover * {
        color: var(--color-main);
    }

    .category-content .category-name {
        overflow: hidden;
        position: relative;
    }

    .category-content .category-name i {
        top: 0.6rem;
    }

    .category-content .category-name img {
        position: absolute;
        top: 1.4rem;
        width: 2rem;
        height: 2rem;
        left: 0.6rem;
        display: block;
    }

    .category-content .category-name img.category-menu-img {
        display: block;
    }

    .category-content .category-name img.category-menu-img-active {
        display: none;
    }
    .category-content li.hover .category-name img.category-menu-img {
        display: none;
    }

    .category-content li.hover .category-name img.category-menu-img-active {
        display: block;
    }

    .category-content .bd-name {
        font-size: 1.4rem;
        padding-left: 3rem;
    }

    .category-content .category-list .bd-b {
        height: 0.1rem;
        margin: -0.1rem 1rem 0 1rem;
        background: #CCCCCC;
        line-height: 1;
        font-size: 0;
    }

    .category-content .b-category-name {
        line-height: 4.7rem;
        padding-left: 0.5rem;
        padding-right: 3rem;
    }

    .category-content .b-category-name b {
        margin-left: 0.4rem;
        font: 400 1.2rem/2.8rem '宋体';
    }

    .category-content .b-category-name {
        padding-left: 1rem;
    }

    .category-content .b-category-name,
    .category-content .bd-name {
        color: #333333;
    }

    .category-content .c-category-list a {
        margin-right: 0.8rem;
        color: #626262;
    }

    .category-content .b-category-name .fr {
        background-position: 0 -62.9rem;
        width: 2.2rem;
        height: 2.2rem;
        margin: 1rem 1.6rem 0 0;
    }

    .category-content .s-category-name {
        height: 2.2rem;
    }

    .category-content .s-category-name a {
        margin: 0 1.6rem 0 0;
        font: 1.2rem/2.2rem '宋体';
    }

    .category-content .category-info {
        position: relative;
        height: 100%;
        padding-left: 1rem;
        overflow: hidden;
    }

    .category-content .category-info i {
        position: absolute;
        top: 1.4rem;
        right: 1.2rem;
        width: 1.3rem;
        height: 1.3rem;
        font: 1.2rem/1.8rem '宋体';
        color: #666666;
    }

    .category-content .hover .category-info {
        border: none;
        text-decoration: none;
        background: #FFFFFF;
    }

    .category-content .menu-item {
        display: none;
        position: absolute;
        left: 17.9rem;
        padding: 0 0 0 0.2rem;
        width: 77rem;
        background: #FFFFFF;
        overflow-y: auto;
        overflow-x: hidden;
        height: 47rem;
        border-right: 0.1rem solid #eee;
        border-bottom: 0.1rem solid #eee;
        border-bottom-right-radius: var(--border-radius);
    }

    .category-content .menu-item .area-in {
        position: relative;
    }

    .category-content .menu-item .area-bg {
        padding: 1rem 0 1rem 2rem;
    }

    .category-content .category-list li.hover .b-category-name a {
        color: #4c4c4c;
    }

    .category-content .menu-srot .sort-side,
    .category-content .sort-side .dl-sort,
    .category-content .menu-srot {
        overflow: hidden;
    }

    .category-content .sort-side .dl-sort,
    .category-content .menu-srot {
        width: 100%;
    }

    .category-content .sort-side dt {
        margin-top: 0.5rem;
        font-size: 1.4rem;
        font-weight: bold;
        color: #db3e54;
        text-align: left;
    }

    .category-content .sort-side dd {
        float: left;
        margin: 1.5rem;
    }

    .category-content .sort-side dd a {
        float: left;
        width: auto;
        line-height: 1.4rem;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0.5rem;
    }

    .category-content .sort-side dd a span.red {
        color: #db3e54;
    }

    .category-content .menu-srot .brand-side {
        float: left;
        position: relative;
        margin-left: -1rem;
        padding-top: 1rem;
    }

    .category-content .menu-item.top {
        top: 0px;
    }

    .category-content .menu-item.bottom {
        bottom: -0.2rem;
    }

    .category-list li.hover .menu-in {
        border-top-width: 0.1rem solid #ccc;
        border-right-width: 0.1rem solid #ccc;
        bottom: 0.1rem solid #ccc;
    }

    .category-content .sort-side .dl-sort-two {
        float: left;
        width: auto;
    }


    /**
     * 分类数量高度处理、最多处理20个分类
     */
    .category-content .category-list.category-row-11 .b-category-name {
        line-height: 4.27rem;
    }
    .category-content .category-list.category-row-11 li {
        height: 4.27rem;
    }
    .category-content .category-list.category-row-11 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-11 li.hover .category-fillet-bottom {
        margin-top: 4.25rem;
    }
    .category-content .category-list.category-row-11 .category-name img {
        top: 1.1srem;
    }

    .category-content .category-list.category-row-12 .b-category-name {
        line-height: 3.92rem;
    }
    .category-content .category-list.category-row-12 li {
        height: 3.92rem;
    }
    .category-content .category-list.category-row-12 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-12 li.hover .category-fillet-bottom {
        margin-top: 3.9rem;
    }
    .category-content .category-list.category-row-12 .category-name img {
        top: 1rem;
    }
    .category-content .category-list.category-row-12 .category-info i {
        top: 1rem;
    }

    .category-content .category-list.category-row-13 .b-category-name {
        line-height: 3.615rem;
    }
    .category-content .category-list.category-row-13 li {
        height: 3.615rem;
    }
    .category-content .category-list.category-row-13 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-13 li.hover .category-fillet-bottom {
        margin-top: 3.6rem;
    }
    .category-content .category-list.category-row-13 .category-name img {
        top: 0.8rem;
    }
    .category-content .category-list.category-row-13 .category-info i {
        top: 0.8rem;
    }

    .category-content .category-list.category-row-14 .b-category-name {
        line-height: 3.35rem;
    }
    .category-content .category-list.category-row-14 li {
        height: 3.35rem;
    }
    .category-content .category-list.category-row-14 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-14 li.hover .category-fillet-bottom {
        margin-top: 3.35rem;
    }
    .category-content .category-list.category-row-14 .category-name img {
        top: 0.6rem;
    }
    .category-content .category-list.category-row-14 .category-info i {
        top: 0.6rem;
    }

    .category-content .category-list.category-row-15 .b-category-name {
        line-height: 3.13rem;
    }
    .category-content .category-list.category-row-15 li {
        height: 3.13rem;
    }
    .category-content .category-list.category-row-15 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-15 li.hover .category-fillet-bottom {
        margin-top: 3.1rem;
    }
    .category-content .category-list.category-row-15 .category-name img {
        top: 0.6rem;
    }
    .category-content .category-list.category-row-15 .category-info i {
        top: 0.6rem;
    }

    .category-content .category-list.category-row-16 .b-category-name {
        line-height: 2.938rem;
    }
    .category-content .category-list.category-row-16 li {
        height: 2.938rem;
    }
    .category-content .category-list.category-row-16 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-16 li.hover .category-fillet-bottom {
        margin-top: 2.9rem;
    }
    .category-content .category-list.category-row-16 .category-name img {
        top: 0.6rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .category-content .category-list.category-row-16 .category-info i {
        top: 0.6rem;
    }
    .category-content .category-list.category-row-16 .bd-name {
        padding-left: 2.5rem;
    }

    .category-content .category-list.category-row-17 .b-category-name {
        line-height: 2.765rem;
    }
    .category-content .category-list.category-row-17 li {
        height: 2.765rem;
    }
    .category-content .category-list.category-row-17 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-17 li.hover .category-fillet-bottom {
        margin-top: 2.75rem;
    }
    .category-content .category-list.category-row-17 .category-name img {
        top: 0.6rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .category-content .category-list.category-row-17 .category-info i {
        top: 0.6rem;
    }
    .category-content .category-list.category-row-17 .bd-name {
        padding-left: 2.5rem;
    }

    .category-content .category-list.category-row-18 .b-category-name {
        line-height: 2.61rem;
    }
    .category-content .category-list.category-row-18 li {
        height: 2.61rem;
    }
    .category-content .category-list.category-row-18 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-18 li.hover .category-fillet-bottom {
        margin-top: 2.6rem;
    }
    .category-content .category-list.category-row-18 .category-name img {
        top: 0.4rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .category-content .category-list.category-row-18 .category-info i {
        top: 0.5rem;
    }
    .category-content .category-list.category-row-18 .bd-name {
        padding-left: 2.5rem;
    }

    .category-content .category-list.category-row-19 .b-category-name {
        line-height: 2.475rem;
    }
    .category-content .category-list.category-row-19 li {
        height: 2.475rem;
    }
    .category-content .category-list.category-row-19 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-19 li.hover .category-fillet-bottom {
        margin-top: 2.45rem;
    }
    .category-content .category-list.category-row-19 .category-name img {
        top: 0.4rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .category-content .category-list.category-row-19 .category-info i {
        top: 0.4rem;
    }
    .category-content .category-list.category-row-19 .bd-name {
        padding-left: 2.5rem;
    }

    .category-content .category-list.category-row-20 .b-category-name {
        line-height: 2.35rem;
    }
    .category-content .category-list.category-row-20 li {
        height: 2.35rem;
    }
    .category-content .category-list.category-row-20 li.hover .category-fillet-top {
        margin-top: -1.5rem;
    }
    .category-content .category-list.category-row-20 li.hover .category-fillet-bottom {
        margin-top: 2.35rem;
    }
    .category-content .category-list.category-row-20 .category-name img {
        top: 0.3rem;
        width: 1.8rem;
        height: 1.8rem;
    }
    .category-content .category-list.category-row-20 .category-info i {
        top: 0.3rem;
    }
    .category-content .category-list.category-row-20 .bd-name {
        padding-left: 2.5rem;
    }
}

@media only screen and (min-width: 1025px) {
    .am-container {
        padding-left: 0rem;
        padding-right: 0rem;
        max-width: 100rem;
    }

    .mui-mbar-tabs {
        display: block;
    }

    .nav-search {
        padding: 4rem 0 0.5rem 0;
        height: 12.5rem;
    }

    .search-bar {
        width: calc(100% - 60.3rem);
    }

    .nav-search .logo-big {
        display: -webkit-inline-box;
        float: left;
        height: 6rem;
        width: 22rem;
        margin: 0 15rem 0 0;
    }

    .search-hot-keywords {
        display: block;
    }

    #goods-category:hover .category-content {
        opacity: 1;
    }
}

@media only screen and (min-width: 1260px) {
    .am-container,
    .footer,
    .nav-table {
        padding-left: 0rem;
        padding-right: 0rem;
        max-width: 120rem;
    }
    .footer {
        margin: auto;
    }
}

@media only screen and (min-width: 1600px) {
	.am-container,
	.footer,
	.nav-table {
		padding-left: 0rem;
		padding-right: 0rem;
		max-width: 150rem;
	}
    .nav-search .logo-big {
        margin-right: 23rem;
    }
}

@media only screen and (max-width: 1024px) {
    .am-container,
	.footer,
	.nav-table {
        width: 100%;
        max-width: 100%;
    }

    .top-nav-right {
        right: 0.6rem;
    }
    .top-nav-right .top-nav-items a span {
        display: none;
    }
}
@media only screen and (max-width: 640px) {

    .index-user-logininfo .header-top,
    .index-user-forgetpwdinfo .header-top,
    .index-user-reginfo .header-top {
        display: none;
    }
    .header-top,
    .top-nav-right {
        background-color: #fff;
        border-bottom: 0;
    }
    .header-top {
        padding: 0 0.6rem;
    }

    .header-top * {
        color: #666;
    }
    .header-top ul.am-dropdown-content > li > a span{
        color: #333;
    }

    .header-top .top-nav-items,
    .top-nav-left {
        float: left;
    }

    .top-nav-left,
    .top-nav-left > a > img,
    .top-nav-right {
        max-height: 4rem;
    }

    .top-nav-left > a > img {
        padding: 0.5rem 0;
    }

    .top-nav-right {
        right: 0;
    }
    .top-nav-right .top-nav-items:not(:last-child) {
        margin-right: 1.6rem;
    }

    .header-top .top-nav-left .menu-hd .last,
    .header-top .top-nav-left .menu-hd .site-name,
    .header-top .top-nav-left .menu-hd .logout {
        display: none;
    }

    .top-nav-items-center,
    .top-nav-items-favor,
    .top-nav-items-quick,
    .top-nav-items-cart,
    .top-nav-items-message {
        display: none;
    }
}

/**
 * 简洁导航
 */
.header-nav-simple {
    padding: 0.5rem 0;
    height: 6.8rem;
    background: #FFFFFF;
}

.header-nav-simple .logo {
    float: left;
    height: 5.6rem;
    margin: 0px auto;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.header-nav-simple .login-title {
    line-height: 6rem;
    height: 6rem;
    font-size: 2.4rem;
    color: #333333;
    font-weight: 500;
}
.header-nav-simple .gohome {
    line-height: 6rem;
    height: 6rem;
    color: #333333;
    font-weight: 500;
}
.header-nav-simple .gohome i {
    font-size: 2.4rem;
    color: #666666;
}

.header-nav-simple .search-bar {
    width: calc(100% - 25rem);
    max-width: 59rem;
}

@media only screen and (min-width: 641px) {
    .header-nav-simple .search-bar {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .header-nav-simple .search-bar {
        padding-right: 1rem;
    }
}

@media only screen and (max-width: 640px) {
    .header-nav-simple {
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: auto;
    }

    .header-nav-simple .logo {
        height: 3.1rem;
        max-width: 10rem;
    }

    .header-nav-simple .login-title {
        line-height: 3.1rem;
        height: 3.1rem;
        font-size: 1.6rem;
    }
    .header-nav-simple .gohome {
        line-height: 3.1rem;
        height: 3.1rem;
    }
    .header-nav-simple .gohome i {
        font-size: 1.6rem;
    }

    .header-nav-simple .search-bar {
        width: calc(100% - 13rem);
    }

    .header-nav-simple .search-bar input {
        height: 3.1rem;
    }

    .header-nav-simple #ai-topsearch {
        width: 7rem;
        height: 3.1rem;
    }
}

/**
 * 公共
 */
/* 导航分割 */
.spacing-nav-title {
    position: relative;
    color: var(--color-main);
    text-align: center;
    background-color: #FFFFFF;
    height: 3.5rem;
    line-height: 3.5rem;
    margin: 2rem 0;
}

.spacing-nav-title .line {
    display: inline-block;
    width: 50%;
    height: 0.1rem;
    background: var(--color-main);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spacing-nav-title .text-wrapper {
    position: relative;
    display: inline-block;
    padding: 0 0.8rem;
    background-color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: bold;
}

/* 价格 */
.original-price,
.line-price {
    font-family: Verdana, Tahoma, arial;
}

.original-price {
    color: #999999;
    text-decoration: line-through;
}

.line-price {
    color: #3c3c3c;
    font-weight: 700;
}

.price,
.price strong {
    color: var(--color-price);
}

/* 公共错误提示页面 */
.tips-error,
.tips-success {
    margin: 10% 0;
}

.tips-error i.am-icon-times-circle,
.tips-success i.am-icon-check-circle {
    font-size: 2rem;
}

.tips-error i.am-icon-times-circle {
    color: #f44336;
}

.tips-success i.am-icon-check-circle {
    color: #4caf50;
}

.tips-error span.msg,
.tips-success span.msg {
    font-size: 2.2rem;
    margin-left: 1rem;
}

.tips-error .tips-nav,
.tips-success .tips-nav {
    margin-top: 2rem;
}

.tips-error .tips-nav .am-btn:not(:first-child),
.tips-success .tips-nav .am-btn:not(:first-child) {
    margin-left: 2rem;
}

/* 页面加载数据 */
.loding-view {
    text-align: center;
    color: #888;
    padding: 1rem 0;
}

/**
 * 混合提示
 */
.mixed-tips {
    width: 38rem;
    overflow: hidden;
    margin: 6rem auto;
}

.mixed-tips .img {
    margin-right: 2rem;
    width: 10rem;
}

.mixed-tips-content {
    margin: 0.5rem 0 0 2rem;
}

.mixed-tips-content h1 {
    font-size: 1.2rem;
    color: #666666;
    font-weight: 400;
}

.mixed-tips-content ul {
    margin-top: 0.8rem;
    color: #666666;
}

.mixed-tips-content ul li {
    line-height: 2.8rem;
}

.mixed-tips-content ul li a {
    color: var(--color-main);
}

/**
 * 底部
 */
.am-footer-default {
    border-top: 0.1rem solid #eee;
    background: #FFFFFF;
    margin-top: 2rem;
}

.am-footer-default p.am-text-truncate {
    line-height: 2.6rem;
}

.am-footer-default b {
    margin: 0 0.3rem;
    font-weight: 400;
    color: #d4d4d4;
}

.am-footer-default a {
    font-size: 1.4rem;
    text-decoration: none;
}

.am-footer-default a:hover {
    color: var(--color-main);
}

.footer-nav-list {
    padding: 0;
}

.footer-nav-list .am-gallery-item {
    text-align: left;
}

.footer-nav-list .am-gallery-item .footer-nav-title {
    font-weight: 500;
    font-size: 1.6rem;
    color: #333333;
}

.footer-about li {
    line-height: 2.6rem;
    font-size: 1.4rem;
}

.footer-about li i {
    color: #666666;
    width: 2rem;
    text-align: center;
}

.am-footer-miscs {
    padding: 1rem 0 0.5rem 0;
    margin-top: 1rem;
}

.am-footer-miscs .am-container {
    border-top: 0.1rem solid #fafafa;
    padding-top: 1rem;
}

.am-footer-miscs .powered a {
    font-weight: 700;
}

.am-footer-miscs .powered a:hover,
.am-footer-miscs .powered a:focus {
    text-decoration: none;
}

.am-footer-miscs .powered a span.b {
    color: #026ed9;
}

.am-footer-miscs .powered a span.o {
    color: #e6000e;
}
.am-footer-default .am-footer-miscs p,
.am-footer-miscs .footer-icp a {
    color: #888;
}
.am-footer-miscs .footer-icp img {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: sub;
}

@media only screen and (max-width: 1024px) {
    .am-footer-default .am-container {
        padding: 0 0.5rem;
    }
}

@media only screen and (max-width: 640px) {
    .footer-about {
        border-top: 0.1rem solid #eee;
        padding-top: 1rem;
        margin-top: 1rem;
    }

    .am-footer-default b {
        display: none;
    }
}

/**
 * 底部-页脚基础信息
 */
.footer-base-content {
    border-top: 0;
    background: #FFFFFF;
    color: #999999;
    margin-top: 0;
    padding: 0;
}

.footer-base-content .am-footer-miscs {
    padding: 0.5rem 0;
}

.footer-base-content b {
    color: #ededed;
}

.footer-base-content a {
    color: #666666;
}

.footer-base-content a:hover {
    color: #333333;
}

/**
 * 友情链接
 */
.friendship-list ul li {
    line-height: 2.6rem;
}

.friendship-list ul li:not(:last-child) {
    margin-right: 1rem;
}

.friendship-list ul li:not(:last-child) a {
    padding-right: 1rem;
}

.friendship-list ul li.title {
    font-weight: 500;
    font-size: 1.4rem;
    color: #333;
    margin-right: 2rem;
}

/**
 * 框架覆盖
 */
/* 手机模式下 */
@media only screen and (max-width: 1024px) {
    .am-container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.am-article-title.blog-title {
    font-size: 2.4rem;
    line-height: 1.15;
    font-weight: normal;
    margin: 1rem 0px 2rem;
}

.am-gallery-overlay>li {
    padding: 0.6rem;
}

/**
 * 轮播图片
 */
.am-slider-default .am-control-nav li a.am-active,
.am-slider-a1 .am-control-nav li a.am-active {
    background-color: var(--color-main);
}
.am-slider-default .am-control-nav li a,
.am-slider-a1 .am-control-nav li a {
    width: 1rem;
    height: 1rem;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 0 0.3rem #FFFFFF;
    box-shadow: inset 0 0 0.3rem #FFFFFF;
}

.am-slider-a1 .am-control-nav {
    bottom: 1rem;
}

.am-slider-a1 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**
 * 公共用户登录、注册、密码找回
 */
.user-login-background-img-container {
    background-size: auto 100%;
    min-height: 56rem;
    background-position-x: 40%;
}

.user-login-background-img-content {
    position: absolute;
    max-width: 192rem;
    height: 56rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-size: auto 100%;
    background-position-x: 40%;
}

.user-login-background-img-container .user-login-container {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.user-right-container,
.user-register-container {
    padding: 6rem 2rem;
}

.user-right-container {
    max-width: 38rem;
}

@media only screen and (min-width: 641px) {
    .user-left-container {
        padding-left: 0.5rem;
        height: 56rem;
    }

    .user-left-container img {
        max-width: calc(100% - 1.5rem);
        max-height: 100%;
    }

    .user-left-container>a {
        display: inline-block;
        height: 100%;
        width: 100%;
    }
}

@media only screen and (min-width: 1025px) {
    .user-left-container {
        padding-left: 0;
    }

    .user-right-container {
        padding-right: 0;
    }
}

@media only screen and (max-width: 640px) {
    .user-login-container .user-right-container,
    .user-forgetpwd-container .user-right-container {
        margin: 0 auto !important;
        padding: 6rem 1rem;
        float: none !important;
    }
}

.user-form-content-container .bottom-content {
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.user-form-content-container .bottom-content span {
    color: #999999;
}

/**
 * 公共用户注册
 */
.user-register-container .register-container {
    max-width: 38rem;
}

.user-register-content-container .agreement {
    color: #999999;
}

.user-register-content-container .agreement label {
    display: initial;
}

.user-register-content-container .agreement a {
    color: var(--color-main);
}

/**
 * 表单验证码
 */
.user-form-content-container .form-verify {
    padding: 0;
}

.user-form-content-container .form-verify a.form-verify-tips {
    font-size: 1.2rem;
    text-decoration: none;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: none;
    width: 12.2rem;
    height: 3.1rem;
    line-height: 3.1rem;
    position: absolute;
    z-index: 1;
    top: 0;
}

.user-form-content-container .input-padding-right-max {
    padding-right: 10rem !important;
}

.user-form-content-container form.am-form {
    background: #FFFFFF;
    overflow: hidden;
    padding: 1rem 1rem 0 1rem;
}

.user-login-content-container form.am-form .am-form-group {
    padding-top: 0;
    margin-bottom: 0;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li {
    max-width: 33%;
    display: inline-block;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs>li a {
    font-size: 1.4rem;
    line-height: 3.6rem;
    color: #333333;
    font-weight: 500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0.56rem 0 !important;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li:not(:first-child) a {
    padding-left: 2rem !important;
}
@media only screen and (min-width: 641px) {
    .user-form-content-container .form-verify:hover a.form-verify-tips {
        display: block;
    }
}

/**
 * 公共用户登录-弹窗图片验证码
 */
#user-verify-win .am-modal-bd {
    margin-top: 1rem;
    padding: 1.2rem 3.2rem 3.2rem 3.2rem;
}

#user-verify-win .am-modal-bd {
    overflow: hidden;
}

#user-verify-win .am-modal-bd .verify-tips {
    font-size: 1.2rem;
}

#user-verify-win-img {
    width: 12.2rem;
    height: 3.1rem;
    border: 1px solid #eee;
    padding: 0.2em;
    margin-right: 0.8rem;
}

#user-verify-win .am-modal-bd .am-form-input-material {
    min-width: 32.6rem;
}

#user-verify-win .am-modal-bd .am-form-input-material input {
    width: 100% !important;
}

#user-verify-win .am-modal-bd .am-form-input-material .am-position-verify {
    position: absolute;
    right: 1rem;
    z-index: 1;
}

#user-verify-win .am-modal-bd .am-form-input-material .am-position-verify>a {
    font-size: 1.2rem;
    color: #999999;
    vertical-align: middle;
}

/**
 * 公共登录弹窗窗口
 */
.common-login-modal {
    height: 50rem;
}

@media only screen and (min-width: 641px) {
    .common-login-modal {
        max-width: 44rem;
        left: calc(50% - 22rem);
        top: calc(50% - 25rem);
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 640px) {
    .common-login-modal {
        top: calc(50% - 21rem);
    }
}

/**
 * 用户弹层登录内容
 */
.user-login-modal-container {
    padding: 0;
    background: #FFFFFF;
}

.user-login-modal-container .am-tabs {
    height: 100vh;
}

/**
 * 默认基础按钮
 */
.am-btn-default {
    color: var(--color-button-default-text);
    background-color: var(--color-button-default);
    border-color: var(--color-button-default-border);
}
.am-btn-default:hover {
    color: var(--color-button-default-hover-text);
    background-color: var(--color-button-default-hover);
    border-color: var(--color-button-default-hover-border);
}
.am-btn-default:focus {
    color: var(--color-button-default-focus-text);
    background-color: var(--color-button-default-focus);
    border-color: var(--color-button-default-focus-border);
}
.am-btn-default:active,
.am-btn-default.am-active,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
    color: var(--color-button-default-active-text);
    background-color: var(--color-button-default-active);
    border-color: var(--color-button-default-active-border);
}
.am-input-group-default .am-input-group-btn>.am-btn,
.am-input-group-default .am-input-group-label,
.am-input-group-default.am-input-group .am-form-field {
    border-color: var(--color-button-default-border);
}
.am-input-group-default .am-input-group-label {
    color: var(--color-button-default-text);
    background-color: var(--color-button-default);
}
.am-btn-default.am-disabled,
.am-btn-default[disabled],
fieldset[disabled] .am-btn-default,
.am-btn-default.am-disabled:hover,
.am-btn-default[disabled]:hover,
fieldset[disabled] .am-btn-default:hover,
.am-btn-default.am-disabled:focus,
.am-btn-default[disabled]:focus,
fieldset[disabled] .am-btn-default:focus,
.am-btn-default.am-disabled:active,
.am-btn-default[disabled]:active,
fieldset[disabled] .am-btn-default:active,
.am-btn-default.am-disabled.am-active,
.am-btn-default[disabled].am-active,
fieldset[disabled] .am-btn-default.am-active {
    color: var(--color-button-default-disabled-text);
    background-color: var(--color-button-default-disabled);
    border-color: var(--color-button-default-disabled-border);
}

/**
 * 主色按钮
 */
.am-btn-primary {
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary);
    border-color: var(--color-button-primary-border);
}
.am-btn-primary:hover {
    color: var(--color-button-primary-hover-text);
    background-color: var(--color-button-primary-hover);
    border-color: var(--color-button-primary-hover-border);
}
.am-btn-primary:focus {
    color: var(--color-button-primary-focus-text);
    background-color: var(--color-button-primary-focus);
    border-color: var(--color-button-primary-focus-border);
}
.am-btn-primary:active,
.am-btn-primary.am-active,
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle {
    color: var(--color-button-primary-active-text);
    background-color: var(--color-button-primary-active);
    border-color: var(--color-button-primary-active-border);
}
.am-input-group-primary .am-input-group-btn>.am-btn,
.am-input-group-primary .am-input-group-label,
.am-input-group-primary.am-input-group .am-form-field {
    border-color: var(--color-button-primary-border);
}
.am-input-group-primary .am-input-group-label {
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary);
}
.am-btn-primary.am-disabled,
.am-btn-primary[disabled],
fieldset[disabled] .am-btn-primary,
.am-btn-primary.am-disabled:hover,
.am-btn-primary[disabled]:hover,
fieldset[disabled] .am-btn-primary:hover,
.am-btn-primary.am-disabled:focus,
.am-btn-primary[disabled]:focus,
fieldset[disabled] .am-btn-primary:focus,
.am-btn-primary.am-disabled:active,
.am-btn-primary[disabled]:active,
fieldset[disabled] .am-btn-primary:active,
.am-btn-primary.am-disabled.am-active,
.am-btn-primary[disabled].am-active,
fieldset[disabled] .am-btn-primary.am-active {
    color: var(--color-button-primary-disabled-text);
    background-color: var(--color-button-primary-disabled);
    border-color: var(--color-button-primary-disabled-border);
}

/**
 * 次色按钮
 */
.am-btn-secondary {
    color: var(--color-button-secondary-text);
    background-color: var(--color-button-secondary);
    border-color: var(--color-button-secondary-border);
}
.am-btn-secondary:hover {
    color: var(--color-button-secondary-hover-text);
    background-color: var(--color-button-secondary-hover);
    border-color: var(--color-button-secondary-hover-border);
}
.am-btn-secondary:focus {
    color: var(--color-button-secondary-focus-text);
    background-color: var(--color-button-secondary-focus);
    border-color: var(--color-button-secondary-focus-border);
}
.am-btn-secondary:active,
.am-btn-secondary.am-active,
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
    color: var(--color-button-secondary-active-text);
    background-color: var(--color-button-secondary-active);
    border-color: var(--color-button-secondary-active-border);
}
.am-input-group-secondary .am-input-group-btn>.am-btn,
.am-input-group-secondary .am-input-group-label,
.am-input-group-secondary.am-input-group .am-form-field {
    border-color: var(--color-button-secondary-border);
}
.am-input-group-secondary .am-input-group-label {
    color: var(--color-button-secondary-text);
    background-color: var(--color-button-secondary);
}
.am-btn-secondary.am-disabled,
.am-btn-secondary[disabled],
fieldset[disabled] .am-btn-secondary,
.am-btn-secondary.am-disabled:hover,
.am-btn-secondary[disabled]:hover,
fieldset[disabled] .am-btn-secondary:hover,
.am-btn-secondary.am-disabled:focus,
.am-btn-secondary[disabled]:focus,
fieldset[disabled] .am-btn-secondary:focus,
.am-btn-secondary.am-disabled:active,
.am-btn-secondary[disabled]:active,
fieldset[disabled] .am-btn-secondary:active,
.am-btn-secondary.am-disabled.am-active,
.am-btn-secondary[disabled].am-active,
fieldset[disabled] .am-btn-secondary.am-active {
    color: var(--color-button-secondary-disabled-text);
    background-color: var(--color-button-secondary-disabled);
    border-color: var(--color-button-secondary-disabled-border);
}

/**
 * 成功色按钮
 */
.am-btn-success {
    color: var(--color-button-success-text);
    background-color: var(--color-button-success);
    border-color: var(--color-button-success-border);
}
.am-btn-success:hover {
    color: var(--color-button-success-hover-text);
    background-color: var(--color-button-success-hover);
    border-color: var(--color-button-success-hover-border);
}
.am-btn-success:focus {
    color: var(--color-button-success-focus-text);
    background-color: var(--color-button-success-focus);
    border-color: var(--color-button-success-focus-border);
}
.am-btn-success:active,
.am-btn-success.am-active,
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle {
    color: var(--color-button-success-active-text);
    background-color: var(--color-button-success-active);
    border-color: var(--color-button-success-active-border);
}
.am-input-group-success .am-input-group-btn>.am-btn,
.am-input-group-success .am-input-group-label,
.am-input-group-success.am-input-group .am-form-field {
    border-color: var(--color-button-success-border);
}
.am-input-group-success .am-input-group-label {
    color: var(--color-button-success-text);
    background-color: var(--color-button-success);
}
.am-btn-success.am-disabled,
.am-btn-success[disabled],
fieldset[disabled] .am-btn-success,
.am-btn-success.am-disabled:hover,
.am-btn-success[disabled]:hover,
fieldset[disabled] .am-btn-success:hover,
.am-btn-success.am-disabled:focus,
.am-btn-success[disabled]:focus,
fieldset[disabled] .am-btn-success:focus,
.am-btn-success.am-disabled:active,
.am-btn-success[disabled]:active,
fieldset[disabled] .am-btn-success:active,
.am-btn-success.am-disabled.am-active,
.am-btn-success[disabled].am-active,
fieldset[disabled] .am-btn-success.am-active {
    color: var(--color-button-success-disabled-text);
    background-color: var(--color-button-success-disabled);
    border-color: var(--color-button-success-disabled-border);
}

/**
 * 警告色按钮
 */
.am-btn-warning {
    color: var(--color-button-warning-text);
    background-color: var(--color-button-warning);
    border-color: var(--color-button-warning-border);
}
.am-btn-warning:hover {
    color: var(--color-button-warning-hover-text);
    background-color: var(--color-button-warning-hover);
    border-color: var(--color-button-warning-hover-border);
}
.am-btn-warning:focus {
    color: var(--color-button-warning-focus-text);
    background-color: var(--color-button-warning-focus);
    border-color: var(--color-button-warning-focus-border);
}
.am-btn-warning:active,
.am-btn-warning.am-active,
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle {
    color: var(--color-button-warning-active-text);
    background-color: var(--color-button-warning-active);
    border-color: var(--color-button-warning-active-border);
}
.am-input-group-warning .am-input-group-btn>.am-btn,
.am-input-group-warning .am-input-group-label,
.am-input-group-warning.am-input-group .am-form-field {
    border-color: var(--color-button-warning-border);
}
.am-input-group-warning .am-input-group-label {
    color: var(--color-button-warning-text);
    background-color: var(--color-button-warning);
}
.am-btn-warning.am-disabled,
.am-btn-warning[disabled],
fieldset[disabled] .am-btn-warning,
.am-btn-warning.am-disabled:hover,
.am-btn-warning[disabled]:hover,
fieldset[disabled] .am-btn-warning:hover,
.am-btn-warning.am-disabled:focus,
.am-btn-warning[disabled]:focus,
fieldset[disabled] .am-btn-warning:focus,
.am-btn-warning.am-disabled:active,
.am-btn-warning[disabled]:active,
fieldset[disabled] .am-btn-warning:active,
.am-btn-warning.am-disabled.am-active,
.am-btn-warning[disabled].am-active,
fieldset[disabled] .am-btn-warning.am-active {
    color: var(--color-button-warning-disabled-text);
    background-color: var(--color-button-warning-disabled);
    border-color: var(--color-button-warning-disabled-border);
}

/**
 * 危险色按钮
 */
.am-btn-danger {
    color: var(--color-button-danger-text);
    background-color: var(--color-button-danger);
    border-color: var(--color-button-danger-border);
}
.am-btn-danger:hover {
    color: var(--color-button-danger-hover-text);
    background-color: var(--color-button-danger-hover);
    border-color: var(--color-button-danger-hover-border);
}
.am-btn-danger:focus {
    color: var(--color-button-danger-focus-text);
    background-color: var(--color-button-danger-focus);
    border-color: var(--color-button-danger-focus-border);
}
.am-btn-danger:active,
.am-btn-danger.am-active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
    color: var(--color-button-danger-active-text);
    background-color: var(--color-button-danger-active);
    border-color: var(--color-button-danger-active-border);
}
.am-input-group-danger .am-input-group-btn>.am-btn,
.am-input-group-danger .am-input-group-label,
.am-input-group-danger.am-input-group .am-form-field {
    border-color: var(--color-button-danger-border);
}
.am-input-group-danger .am-input-group-label {
    color: var(--color-button-danger-text);
    background-color: var(--color-button-danger);
}
.am-btn-danger.am-disabled,
.am-btn-danger[disabled],
fieldset[disabled] .am-btn-danger,
.am-btn-danger.am-disabled:hover,
.am-btn-danger[disabled]:hover,
fieldset[disabled] .am-btn-danger:hover,
.am-btn-danger.am-disabled:focus,
.am-btn-danger[disabled]:focus,
fieldset[disabled] .am-btn-danger:focus,
.am-btn-danger.am-disabled:active,
.am-btn-danger[disabled]:active,
fieldset[disabled] .am-btn-danger:active,
.am-btn-danger.am-disabled.am-active,
.am-btn-danger[disabled].am-active,
fieldset[disabled] .am-btn-danger.am-active {
    color: var(--color-button-danger-disabled-text);
    background-color: var(--color-button-danger-disabled);
    border-color: var(--color-button-danger-disabled-border);
}

/**
 * 辅助色按钮
 */
.am-btn-assist {
    color: var(--color-button-assist-text);
    background-color: var(--color-button-assist);
    border-color: var(--color-button-assist-border);
}
.am-btn-assist:hover {
    color: var(--color-button-assist-hover-text);
    background-color: var(--color-button-assist-hover);
    border-color: var(--color-button-assist-hover-border);
}
.am-btn-assist:focus {
    color: var(--color-button-assist-focus-text);
    background-color: var(--color-button-assist-focus);
    border-color: var(--color-button-assist-focus-border);
}
.am-btn-assist:active,
.am-btn-assist.am-active,
.am-dropdown.am-active .am-btn-assist.am-dropdown-toggle {
    color: var(--color-button-assist-active-text);
    background-color: var(--color-button-assist-active);
    border-color: var(--color-button-assist-active-border);
}
.am-input-group-assist .am-input-group-btn>.am-btn,
.am-input-group-assist .am-input-group-label,
.am-input-group-assist.am-input-group .am-form-field {
    border-color: var(--color-button-assist-border);
}
.am-input-group-assist .am-input-group-label {
    color: var(--color-button-assist-text);
    background-color: var(--color-button-assist);
}
.am-btn-assist.am-disabled,
.am-btn-assist[disabled],
fieldset[disabled] .am-btn-assist,
.am-btn-assist.am-disabled:hover,
.am-btn-assist[disabled]:hover,
fieldset[disabled] .am-btn-assist:hover,
.am-btn-assist.am-disabled:focus,
.am-btn-assist[disabled]:focus,
fieldset[disabled] .am-btn-assist:focus,
.am-btn-assist.am-disabled:active,
.am-btn-assist[disabled]:active,
fieldset[disabled] .am-btn-assist:active,
.am-btn-assist.am-disabled.am-active,
.am-btn-assist[disabled].am-active,
fieldset[disabled] .am-btn-assist.am-active {
    color: var(--color-button-assist-disabled-text);
    background-color: var(--color-button-assist-disabled);
    border-color: var(--color-button-assist-disabled-border);
}


/**
 * 默认基础按钮 - 空心
 */
.am-btn-default-plain {
    border-color: var(--color-button-default);
    background: #FFFFFF;
    color: var(--color-button-default-text);
}
.am-btn-default-plain:focus,
.am-btn-default-plain:active,
.am-btn-default-plain.am-active {
    color: var(--color-button-default-text) !important;
    border-color: var(--color-button-default);
}
.am-btn-default-plain:hover,
.am-btn-default-plain:active,
.am-btn-default-plain.am-active,
.am-dropdown.am-active .am-btn-default-plain.am-dropdown-toggle {
    color: var(--color-button-default-text) !important;
    background: var(--color-button-default);
    border-color: var(--color-button-default);
}

/**
 * 主色按钮 - 空心
 */
.am-btn-primary-plain {
    border-color: var(--color-button-primary);
    background: transparent;
    color: var(--color-button-primary);
}
.am-btn-primary-plain:focus,
.am-btn-primary-plain:active,
.am-btn-primary-plain.am-active {
    color: var(--color-button-primary) !important;
    border-color: var(--color-button-primary);
}
.am-btn-primary-plain:hover,
.am-btn-primary-plain:active,
.am-btn-primary-plain.am-active,
.am-dropdown.am-active .am-btn-primary-plain.am-dropdown-toggle {
    color: #FFFFFF !important;
    background: var(--color-button-primary);
    border-color: var(--color-button-primary);
}

/**
 * 次色按钮 - 空心
 */
.am-btn-secondary-plain {
    border-color: var(--color-button-secondary);
    background: #FFFFFF;
    color: var(--color-button-secondary-text);
}
.am-btn-secondary-plain:focus,
.am-btn-secondary-plain:active,
.am-btn-secondary-plain.am-active {
    border-color: var(--color-button-secondary);
}
.am-btn-secondary-plain:hover,
.am-btn-secondary-plain:active,
.am-btn-secondary-plain.am-active,
.am-dropdown.am-active .am-btn-secondary-plain.am-dropdown-toggle {
    color: var(--color-button-secondary-text) !important;
    background: var(--color-button-secondary);
    border-color: var(--color-button-secondary);
}

/**
 * 成功色按钮 - 空心
 */
.am-btn-success-plain {
    border-color: var(--color-button-success);
    background: transparent;
    color: var(--color-button-success);
}
.am-btn-success-plain:focus,
.am-btn-success-plain:active,
.am-btn-success-plain.am-active {
    color: var(--color-button-success) !important;
    border-color: var(--color-button-success);
}
.am-btn-success-plain:hover,
.am-btn-success-plain:active,
.am-btn-success-plain.am-active,
.am-dropdown.am-active .am-btn-success-plain.am-dropdown-toggle {
    color: var(--color-button-success-text) !important;
    background: var(--color-button-success);
    border-color: var(--color-button-success);
}

/**
 * 警告色按钮 - 空心
 */
.am-btn-warning-plain {
    border-color: var(--color-button-warning);
    color: var(--color-button-warning);
    background: transparent;
}
.am-btn-warning-plain:focus,
.am-btn-warning-plain:active,
.am-btn-warning-plain.am-active {
    color: #FFFFFF !important;
    border-color: var(--color-button-warning);
}
.am-btn-warning-plain:hover,
.am-btn-warning-plain:active,
.am-btn-warning-plain.am-active,
.am-dropdown.am-active .am-btn-warning-plain.am-dropdown-toggle {
    color: #FFFFFF !important;
    background: var(--color-button-warning);
    border-color: var(--color-button-warning);
}

/**
 * 危险色按钮 - 空心
 */
.am-btn-danger-plain {
    border-color: var(--color-button-danger);
    background: transparent;
    color: var(--color-button-danger-text);
}
.am-btn-danger-plain:hover,
.am-btn-danger-plain:focus {
    color: var(--color-button-danger-text) !important;
    background-color: #FFE8E4;
    border-color: #FDC0B4;
}
.am-btn-danger-plain:active,
.am-btn-danger-plain.am-active,
.am-dropdown.am-active .am-btn-danger-plain.am-dropdown-toggle {
    color: var(--color-button-danger-text) !important;
    background: var(--color-button-danger);
    border-color: var(--color-button-danger);
}



/**
 * 默认输入组按钮
 */
.am-input-group-btn > .am-btn.am-btn-default {
    background-color: #fafafa;
}
.am-input-group-btn > .am-btn.am-btn-default:hover,
.am-input-group-btn > .am-btn.am-btn-default:focus,
.am-input-group-btn > .am-btn.am-btn-default:active  {
    border-color: #f0f0f0;
    color: #333333;
    box-shadow: none;
}


/** 
 * 小徽章
 */
.am-badge {
    display: inline-block;
    padding: 0.4rem 1.1rem;
    font-weight: initial;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: var(--border-radius-sm);
    color: var(--color-badge-default-text);
    background: var(--color-badge-default);
}
a.am-badge:hover,
a.am-badge:focus,
a.am-badge:active {
    background: var(--color-badge-default-hover);
    color: var(--color-badge-default-hover-text);
}

.am-badge-primary {
    background: var(--color-badge-primary);
    color: var(--color-badge-primary-text);
}
a.am-badge-primary:hover,
a.am-badge-primary:focus,
a.am-badge-primary:active {
    background: var(--color-badge-primary-hover);
    color: var(--color-badge-primary-hover-text);
}

.am-badge-secondary {
    background: var(--color-badge-secondary);
    color: var(--color-badge-secondary-text);
}
a.am-badge-secondary:hover,
a.am-badge-secondary:focus,
a.am-badge-secondary:active {
    background: var(--color-badge-secondary-hover);
    color: var(--color-badge-secondary-hover-text);
}

.am-badge-success {
    background: var(--color-badge-success);
    color: var(--color-badge-success-text);
}
a.am-badge-success:hover,
a.am-badge-success:focus,
a.am-badge-success:active {
    background: var(--color-badge-success-hover);
    color: var(--color-badge-success-hover-text);
}

.am-badge-warning {
    background: var(--color-badge-warning);
    color: var(--color-badge-warning-text);
}
a.am-badge-warning:hover,
a.am-badge-warning:focus,
a.am-badge-warning:active {
    background: var(--color-badge-warning-hover);
    color: var(--color-badge-warning-hover-text);
}

.am-badge-danger {
    background: var(--color-badge-danger);
    color: var(--color-badge-danger-text);
}
a.am-badge-danger:hover,
a.am-badge-danger:focus,
a.am-badge-danger:active {
    background: var(--color-badge-danger-hover);
    color: var(--color-badge-danger-hover-text);
}


/**
 * 小徽章 - 空心
 */
.am-badge-main-plain {
    border: 0.1rem solid var(--color-main);
    background: transparent;
    color: var(--color-main);
}
a.am-badge-main-plain:hover,
a.am-badge-main-plain:focus,
a.am-badge-main-plain:active {
    color: var(--color-main);
    border: 0.1rem solid var(--color-main);
    background: transparent;
}

.am-badge-plain {
    border: 0.1rem solid var(--color-badge-default);
    background: transparent;
    color: var(--color-badge-default-text);
}
a.am-badge-plain:hover,
a.am-badge-plain:focus,
a.am-badge-plain:active {
    color: var(--color-badge-default-text);
    border: 0.1rem solid var(--color-badge-default-text);
    background: transparent;
}

.am-badge-primary-plain {
    border: 0.1rem solid var(--color-badge-primary);
    background: transparent;
    color: var(--color-badge-primary-text);
}
a.am-badge-primary-plain:hover,
a.am-badge-primary-plain:focus,
a.am-badge-primary-plain:active {
    color: var(--color-badge-primary-text);
    border: 0.1rem solid var(--color-badge-primary-text);
    background: transparent;
}

.am-badge-secondary-plain {
    border: 0.1rem solid var(--color-badge-secondary);
    background: transparent;
    color: var(--color-badge-secondary-text);
}
a.am-badge-secondary-plain:hover,
a.am-badge-secondary-plain:focus,
a.am-badge-secondary-plain:active {
    color: var(--color-badge-secondary-text);
    border: 0.1rem solid var(--color-badge-secondary-text);
    background: transparent;
}

.am-badge-success-plain {
    border: 0.1rem solid var(--color-badge-success);
    background: transparent;
    color: var(--color-badge-success-text);
}
a.am-badge-success-plain:hover,
a.am-badge-success-plain:focus,
a.am-badge-success-plain:active {
    color: var(--color-badge-success-text);
    border: 0.1rem solid var(--color-badge-success-text);
    background: transparent;
}

.am-badge-warning-plain {
    border: 0.1rem solid var(--color-badge-warning);
    background: transparent;
    color: var(--color-badge-warning-text);
}
a.am-badge-warning-plain:hover,
a.am-badge-warning-plain:focus,
a.am-badge-warning-plain:active {
    color: var(--color-badge-warning-text);
    border: 0.1rem solid var(--color-badge-warning-text);
    background: transparent;
}

.am-badge-danger-plain {
    border: 0.1rem solid var(--color-badge-danger);
    background: transparent;
    color: var(--color-badge-danger-text);
}
a.am-badge-danger-plain:hover,
a.am-badge-danger-plain:focus,
a.am-badge-danger-plain:active {
    color: var(--color-badge-danger-text);
    border: 0.1rem solid var(--color-badge-danger-text);
    background: transparent;
}


/**
 * 下拉选框
 */
table.am-table .am-dropdown.am-active .am-selected-btn.am-btn-default.am-dropdown-toggle,
.am-selected>.am-selected-btn.am-btn-default,
.am-selected>.am-selected-btn.am-btn-default:hover {
    background: #FFFFFF !important;
    color: #666666 !important;
    border-color: #ccc !important;
    border-radius: var(--border-radius);
}

/**
 * 弹窗
 */
.am-popup {
    border-radius: var(--border-radius);
}

.am-popup .am-popup-hd .am-popup-title {
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding-left: 1.5rem;
    font-size: 1.4rem;
}

.am-popup.popup-not-title .am-popup-inner {
    padding-top: 0;
}
.am-popup-top-tips {
    margin-top: -0.6rem;
}

/**
 * 主导航
 */
.shop-navigation {
    margin: 0;
    min-height: 4rem;
    border-bottom: 0.2rem solid var(--color-main);
}

.shop-navigation .am-container {
    position: relative;
}

.shop-navigation .am-nav-pills>li:first-of-type {
    margin-left: 0;
}

.shop-navigation .am-nav>li {
    white-space: nowrap;
}

.shop-navigation .am-nav>li>a {
    font-size: 1.6rem;
    color: #333333;
    vertical-align: middle;
}

.shop-navigation .am-nav>li>a:after {
    bottom: -0.3rem;
}

.shop-navigation .am-nav>li>a:hover,
.shop-navigation .am-nav>li>a:focus,
.shop-navigation .am-nav>li>a.active {
    background-color: transparent;
    color: var(--color-main);
    font-weight: 500;
}

.shop-navigation .am-nav>li:hover>a::after {
    display: none;
}
.shop-navigation .am-nav>li:hover>a.active::after {
    display: block;
}

.shop-navigation .am-nav>li ul.am-dropdown-content>li>a.active {
    text-decoration: none;
    color: #d2354c;
    background-color: #fff5f6;
}

.shop-navigation .wap-logo {
    max-width: 10rem;
    max-height: 4.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    line-height: 3rem;
}

.shop-navigation .wap-logo img {
    max-width: 100%;
}

@media only screen and (min-width: 641px) {
    .shop-navigation {
        background: #FFFFFF;
        padding: 0 0.5rem;
    }

    .shop-navigation .am-topbar-nav>li>a {
        line-height: 3.7rem;
    }

    .shop-navigation .am-topbar-nav>li>a:hover:after,
    .shop-navigation .am-topbar-nav>li>a.active:after {
        border-bottom-color: var(--color-main);
    }

    .shop-navigation .am-topbar-nav>li>a.active:after {
        opacity: 1;
    }

    .shop-navigation .am-topbar-collapse {
        margin-left: 17rem;
    }
}

@media only screen and (min-width: 1260px) {
    .shop-navigation .am-container {
        padding-left: 18rem;
    }
}

@media only screen and (min-width: 1025px) {
    .shop-navigation {
        padding: 0;
    }

    .shop-navigation .am-container {
        padding-left: 15rem;
    }

    .shop-navigation .am-topbar-collapse {
        margin-left: 3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .shop-navigation {
        padding-top: 2rem;
    }

    .shop-navigation .am-topbar-nav {
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 640px) {
    .shop-navigation {
        margin-top: 0;
        padding-top: 0;
        border-bottom: 0;
        background-color: #fff;
    }

    .navigation-button .am-btn {
        border-radius: var(--border-radius);
    }

    .shop-navigation .am-topbar-collapse {
        border-bottom: 0.2rem solid #d2354c;
    }

    .shop-navigation .am-nav>li:not(:last-child) {
        border-bottom: 0.1rem solid #f5f5f5;
    }

    .shop-navigation .am-topbar-collapse .am-dropdown.am-active .am-dropdown-content li:not(:first-child) {
        border-top: 0.1rem solid #f5f5f5;
    }

    .shop-navigation .am-nav>li>a {
        padding: 0.5rem 0px;
    }

    .shop-navigation .am-topbar-nav {
        margin-bottom: 0;
    }

    .shop-navigation .navigation-search {
        display: -webkit-box !important;
        margin: 1.2rem 0;
        width: calc(100% - 4.5rem);
    }

    .shop-navigation .navigation-search>.am-input-group {
        width: 100%;
        border: 0.1rem solid #ddd;
        border-radius: var(--border-radius);
    }

    .shop-navigation .navigation-search input {
        border-color: #FFFFFF;
        border-top-left-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem;
    }

    .shop-navigation .navigation-search input,
    .shop-navigation .navigation-search .am-btn,
    .shop-navigation .switch-submit {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .shop-navigation .switch-submit {
        border: 0;
        color: #666666;
        background-color: transparent;
        margin-top: 1.4rem;
        padding: 0;
        margin-right: 0.6rem;
    }

    .shop-navigation .switch-submit span {
        font-size: 2.4rem;
    }

    .shop-navigation .navigation-search .am-btn {
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
        background: #FFFFFF;
        border-color: #FFFFFF;
        color: #bebebe !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
    }
}

/* 用户 */
img.common-user-icon {
    max-height: 1.5rem;
}

/**
 * 用户中心左侧菜单
 */
.user-menu {
    position: fixed;
    z-index: 10;
    bottom: 10rem;
    right: 2rem;
    box-shadow: 0 0 0.5rem 0.2rem #e8e8e8;
    opacity: 0.8;
    background: #fff;
    z-index: 101;
}
.user-menu.am-icon-btn:hover,
.user-menu.am-icon-btn:focus {
    color: #fff;
    background: var(--ht-green);
}

.user-sidebar {
    width: 18rem;
    min-height: 100%;
    float: left;
}

.user-sidebar .am-active {
    z-index: 1600;
}

.user-sidebar-list li,
.user-sidebar .am-active a,
.user-sidebar-list li a:hover {
    background: var(--ht-bg-white) !important;
    text-decoration: none;
}

.user-sidebar-list li:first-child {
    border-top: none;
}

.user-offcanvas-bar .am-list>li {
    border-bottom: 1px solid var(--ht-border);
    margin: 0;
}

.user-offcanvas-bar .am-list>li.am-active {
    border-left: 3px solid var(--ht-gold-light);
}

.user-offcanvas-bar .am-list>li:last-of-type,
.user-offcanvas-bar .am-list>li li {
    border: 0;
}

.user-offcanvas-bar .am-list>li>a {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.8rem 0;
}

.user-offcanvas-bar .am-list>li.am-active>a>i,
.user-offcanvas-bar .am-list>li.am-active>a {
    color: var(--ht-green);
}

.user-offcanvas-bar .am-list>li>a:hover>i,
.user-offcanvas-bar .am-list>li li>a:hover>i
.user-offcanvas-bar .am-list>li>a:hover,
.user-offcanvas-bar .am-list>li li>a:hover {
    color: var(--ht-green);
}

.user-offcanvas-bar .am-list>li>a>i {
    font-size: 2rem;
    color: var(--ht-text-soft);
}

.user-offcanvas-bar .am-list>li li>a {
    font-size: 1.4rem;
    color: var(--ht-text-soft);
    font-weight: 400;
    padding: 0.8rem 0 0.8rem 2.5rem;
}

.user-offcanvas-bar .am-list>li li.am-active>a {
    color: var(--ht-green);
    font-weight: var(--ht-font-weight-bold);
}

.user-offcanvas-bar .am-list>li li>a>i {
    font-size: 1.4rem;
}

.user-sidebar-sub {
    margin-top: 0;
    margin-bottom: 0;
}

.user-sidebar-sub li {
    border-left: 0 !important;
    border-right: 0 !important;
}

.user-sidebar-sub li a {
    padding-left: 3.5rem;
}

.user-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 2rem;
}

.user-content .user-content-body {
    background-color: var(--ht-bg-white);
    border-radius: var(--ht-radius-card);
}

/* ---------- 用户中心共享壳层容器宽度统一到 1200px，匹配首页/分类页 ----------
   app/module/view/form_table/user_form.html 这个共享壳层本身没有专属 CSS 文件
   （.am-form-table-data-container 这个 class 在 default 里也从来没有任何样式），
   宽度完全来自它身上同时挂着的原生 .am-container，走的是和分类页改之前一样的
   1000/1200/1500/100% 四档断点。这里用复合选择器覆盖，不改 .am-container 本体，
   同一份规则会自动惠及共用这个壳层的全部页面（我的订单/商品收藏/商品评论/
   我的足迹/订单售后列表/消息中心/我的积分/自定义表单数据），不用逐个页面重复写。 */
.am-form-table-data-container.am-container {
    max-width: 1200px;
}

.user-offcanvas-bar {
    z-index: 900;
}

@media only screen and (min-width: 641px) {
    .user-sidebar {
        display: block;
        position: relative;
        background: none;
        z-index: 0;
    }

    .user-offcanvas-bar {
        position: static;
        width: auto;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        overflow-y: hidden;
    }

    .user-offcanvas-bar:after {
        content: none;
    }

    .user-main {
        padding: 0 0.5rem;
    }
}

@media only screen and (min-width: 1025px) {
    .user-main {
        padding: 0;
    }
}

@media only screen and (max-width: 640px) {
    .user-sidebar {
        width: inherit;
    }
    .user-offcanvas-bar:after {
        background: #eee;
    }

    .user-sidebar-list a:hover,
    .user-sidebar-list a:active {
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        background: #e4e4e4;
    }

    .user-content-body {
        padding: 1.2rem !important;
    }

    .user-offcanvas-bar ul {
        margin-bottom: 0;
    }

    .user-content {
        padding-left: 0;
    }
}

.user-main {
    margin-top: 2rem;
}

.more-icon-rotate {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

button {
    outline: none !important;
}

/**
 * 下拉选择组件
 */
.chosen-container .chosen-results li.highlighted {
    background-color: #edf6ff;
    color: #409eff;
}
.chosen-container-active .chosen-single {
    border-color: #409eff;
}

/**
 * 公共头像样式
 */
.common-cropper-popup .cropper-images-view,
.common-cropper-popup .img-preview,
.common-cropper-popup .submit-operation {
    overflow: hidden;
}

.common-cropper-popup .img-container {
    width: 20rem;
    height: 20rem;
    margin-bottom: 0.5rem;
}

.common-cropper-popup .cropper-input-images-submit {
    width: 11.5rem;
    margin: 0px 0.5rem 0px 0.2rem;
}

.common-cropper-popup .preview-lg {
    width: 18rem;
    height: 18rem;
}

.common-cropper-popup .preview-md {
    width: 10rem;
    height: 10rem;
}

.common-cropper-popup .preview-sm {
    width: 5rem;
    height: 5rem;
}

.common-cropper-popup .img-preview {
    margin: 0 2rem 2rem 0;
    border: 0.1rem solid #CCCCCC;
    background-color: #f9f9f9;
}

.common-cropper-popup .cropper-container,
.cropper-input-images-submit {
    border-radius: 0.2rem;
}

.common-cropper-popup .am-form-file input[type='file'] {
    width: 11.7rem !important;
    height: 3.2rem;
}

.common-cropper-popup .am-form-group {
    width: auto;
}

.common-cropper-popup form.am-form .am-form-group-refreshing {
    padding: 0 !important;
}

@media only screen and (max-width: 640px) {
    .common-cropper-popup .img-preview {
        margin-left: 1rem;
    }

    .common-cropper-popup .preview-md,
    .common-cropper-popup .preview-sm {
        margin: 0 0 0.5rem 0.8rem;
    }

    .common-cropper-popup .preview-md {
        width: 9rem;
        height: 9rem;
    }

    .common-cropper-popup .preview-sm {
        width: 5rem;
        height: 5rem;
    }
}

/**
 * 公共
 */
.items-value-empty {
    color: #999999;
}
.business-operations-submit:hover {
    color: var(--color-main-hover);
    border: 0.1rem solid var(--color-main-hover);
}
span.business-operations-submit {
    color: var(--color-main);
    border: 0.1rem solid var(--color-main);
}
/**
 * 二级导航
 */
.second-nav li.am-active a,
.second-nav li.am-active a:hover {
    color: #FFFFFF !important;
}

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

.breadcrumb-data .am-breadcrumb {
    padding: 1rem 0.6rem;
}

.breadcrumb-data .am-breadcrumb li a {
    text-decoration: none;
    color: #666666;
    font-size: 1.4rem;
}

.breadcrumb-data .am-breadcrumb li a:hover {
    color: var(--color-main);
}

.breadcrumb-data .am-breadcrumb li a i {
    margin-right: 0.5rem;
}

/* Health Breadcrumb：公共主题覆盖专属作用域，不修改全局 .am-container。 */
.ht-breadcrumb {
    width: 100%;
    background: var(--ht-bg);
    color: var(--ht-text-soft);
}

.ht-breadcrumb > .ht-container {
    width: 100%;
}

.ht-breadcrumb .am-breadcrumb {
    min-height: 4.4rem;
    padding: 1.2rem 0;
    line-height: 2rem;
}

.ht-breadcrumb .am-breadcrumb > li,
.ht-breadcrumb .am-breadcrumb > li > a,
.ht-breadcrumb .am-dropdown-toggle {
    font-size: var(--ht-font-size-small);
    color: var(--ht-text-soft);
}

.ht-breadcrumb .am-breadcrumb > li > a:hover,
.ht-breadcrumb .am-breadcrumb > li > a:focus,
.ht-breadcrumb .am-dropdown-toggle:hover {
    color: var(--ht-green);
}

.ht-breadcrumb .am-breadcrumb > li.am-active {
    color: var(--ht-text);
    font-weight: var(--ht-font-weight-bold);
}

.ht-breadcrumb .am-dropdown-content {
    border-color: var(--ht-border);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
}

.ht-breadcrumb .am-dropdown-content > li > a {
    color: var(--ht-text-soft);
}

.ht-breadcrumb .am-dropdown-content > li > a:hover,
.ht-breadcrumb .am-dropdown-content > li > a:focus {
    background: var(--ht-bg-soft);
    color: var(--ht-green);
}

/**
 * 数据管理三级导航
 */
.table-three-nav li.am-active>a {
    background-color: #CCCCCC !important;
}

/**
 * 动态数据列表
 */
.am-table-scrollable-horizontal .am-table tr .am-operate-grid {
    min-width: 12rem;
}

/**
 * 公共
 */
header.am-topbar a {
    color: #FFFFFF;
}

/**
* 输入框组样式覆盖
*/
.am-input-group-label {
    background-color: #FFFFFF;
    color: #666666;
}

.am-form select:focus,
.am-form textarea:focus,
.am-form input[type='text']:focus,
.am-form input[type='password']:focus,
.am-form input[type='datetime']:focus,
.am-form input[type='datetime-local']:focus,
.am-form input[type='date']:focus,
.am-form input[type='month']:focus,
.am-form input[type='time']:focus,
.am-form input[type='week']:focus,
.am-form input[type='number']:focus,
.am-form input[type='email']:focus,
.am-form input[type='url']:focus,
.am-form input[type='search']:focus,
.am-form input[type='tel']:focus,
.am-form input[type='color']:focus,
.am-form-field:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/**
* tabs 选项卡
*/
.am-tabs-nav li a,
.am-tabs-nav li.am-active a,
.am-tabs-nav li {
    cursor: pointer !important;
}

.am-nav-tabs>li.am-active {
    color: var(--color-main);
}

.am-tabs-border>ul.am-tabs-nav.am-nav.am-nav-tabs {
    margin: 0;
    padding: 0 0 0 2rem;
    border: 0;
    border-bottom: 0.1rem solid #eee;
    border-radius: 0;
    border-top-left-radius: var(--border-radius-lg);
    border-top-right-radius: var(--border-radius-lg);
}

.am-tabs-border>ul.am-tabs-nav.am-nav.am-nav-tabs li a {
    padding: 0.56rem 1rem;
    line-height: 4.2rem;
}

.am-tabs.am-border-0 .am-nav-tabs > li.am-active > a,
.am-tabs.am-border-0 .am-nav-tabs > li.am-active > a:hover,
.am-tabs.am-border-0 .am-nav-tabs > li.am-active > a:focus,
.am-tabs.am-border-0 .am-nav-tabs > li > a:hover {
    border-color: transparent;
}

/**
 * 纯净模式下tab导航
 */
.popup-pure-page .am-nav-tabs>li a {
    line-height: 1.6rem;
}

/**
 * 选项卡伪元素短下划线
 */
.am-tabs-short-border {
    position: relative;
}
.am-tabs-short-border>li,
.am-tabs-short-border>li.am-active {
    text-align: center;
    border-bottom: 0.2rem solid transparent;
}
.am-tabs-short-border>li.am-active::before {
    content: '';
    width: 4rem;
    height: 0.2rem;
    background: var(--color-main);
    display: block;
    position: absolute;
    bottom: -0.2rem;
    left: calc(50% - 2rem);
}
.am-tabs-short-border>li>a {
    border: transparent !important;
}

/**
 * 选项卡下边线动画
 */
.am-tabs-border {
    box-shadow: 0rem 0.8rem 3.4rem 0rem rgba(50, 55, 58, 0.1);
}

.am-tabs-border>.am-tabs-nav {
    position: relative;
}

.am-tabs-border>.am-tabs-nav>.bar {
    height: 0.2rem;
    background: var(--color-main);
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    z-index: 1;
}

.am-tabs-border>.am-nav-tabs>li.am-active>a,
.am-tabs-border>.am-nav-tabs>li.am-active>a:hover,
.am-tabs-border>.am-nav-tabs>li.am-active>a:focus,
.am-tabs-border>.am-nav-tabs>li>a:hover,
.am-tabs-border>.am-nav-tabs>li>a:focus {
    color: #333333 !important;
    background: none;
    border-color: transparent;
    cursor: default;
}

.am-tabs-border>.am-tabs-nav>li>a {
    border-bottom: 0;
    color: #666666;
}

.am-tabs-border>.am-tabs-nav>li>a {
    border: 0 !important;
}

.am-tabs-border>.am-tabs-bd {
    padding: 0 1.2rem;
}

/* 小于1025 */
@media only screen and (max-width: 1024px) {
    ul.am-tabs-nav.am-nav.am-nav-tabs {
        width: 100% !important;
        left: 0px !important;
    }
}

/*导航固定*/
.am-tabs-border>.am-nav-tabs>li.am-active {
    border-bottom: none;
}

@media only screen and (min-width: 641px) {
    ul.am-avg-sm-4.am-tabs-nav.am-nav.am-nav-tabs {
        width: auto;
    }
    ul.am-tabs-nav.am-nav.am-nav-tabs {
        width: auto;
    }
}


/**
 * 公共标题 
 */
.items-nav-title {
    text-align: center;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.items-nav-title .floor-title {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    text-align: left;
    float: none;
    font-weight: 600;
}

.items-nav-title .today-brands {
    display: none;
}

.items-nav-title a:hover {
    color: var(--color-main);
}

.items-nav-title .more {
    position: absolute;
    right: -0.2rem;
    top: 1.3rem;
    overflow: hidden;
}

.items-nav-title .more .more-link {
    color: #FFFFFF;
    background: #F72862 none repeat scroll 0% 0%;
    display: block;
    line-height: 2rem;
    padding: 0 1rem;
    border-radius: 1rem;
    font-size: 1.4rem;
}

@media only screen and (min-width: 641px) {
    .items-nav-title {
        background: var(--body-bg-color);
    }

    .items-nav-title .floor-title {
        border: none;
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin: 1.2rem 0 0.5rem 0px;
    }

    .items-nav-title .floor-desc {
        display: block;
        font-size: 1.4rem;
        color: #999999;
        line-height: 1.8rem;
        margin-bottom: 0.5rem;
    }
}

@media only screen and (min-width: 1025px) {

    /*标题*/
    .items-nav-title {
        text-align: left;
        position: relative;
        margin-top: 0.6rem;
    }

    .items-nav-title .floor-title {
        float: left;
        border: none;
        margin-top: 0.8rem;
        font-weight: 500;
    }

    .items-nav-title .floor-desc {
        display: block;
        font-size: 1.4rem;
        color: #999999;
        float: left;
        margin-left: 1rem;
        margin-top: 1.2rem;
    }

    .items-nav-title .today-brands {
        display: block;
        position: absolute;
        right: 5rem;
        overflow: hidden;
        height: 2rem;
        top: 1.2rem;
        text-align: right;
    }

}

@media only screen and (max-width: 1024px) {
    .items-nav-title {
        padding: 0 0.6rem;
    }
    .items-nav-title .more {
        right: 0.7rem;
    }
}

@media only screen and (max-width: 640px) {
    .items-nav-title .floor-title {
        float: left;
        margin: 1rem 0 0 0;
    }

    .items-nav-title .floor-desc {
        float: left;
        margin: 1.2rem 0 0 1rem;
        color: #666666;
    }
}

/**
 * 无地址提示
 */
.address-no {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.address-no img {
    width: 11.6rem;
}

/**
* 进度条颜色
*/
.am-progress-color-deep1 {
    background-color: var(--color-main);
}

.am-progress-color-deep2 {
    background-color: #ff6b6b;
}

.am-progress-color-deep3 {
    background-color: #ffa1a1;
}

.am-progress-color-deep4 {
    background-color: #f4c1c1;
}

.am-progress-color-deep5 {
    background-color: #fedada;
}

/**
 * icon标签宽度控制
 */
.am-icon-width {
    width: 1.6rem;
}

/**
 * 标题左侧边框设置
 */
.am-title-left-border {
    position: relative;
    padding-left: 1rem;
}

.am-title-left-border::before {
    content: '';
    position: absolute;
    left: 0rem;
    width: 0.4rem;
    height: 60%;
    top: 20%;
    background: var(--color-main);
    border-radius: var(--border-radius);
}

/**
 * 个人中心表单样式
 */
.user-content-body {
    padding: 2.4rem 2.4rem 4rem 2.4rem;
}

/**
 * 标题轮播样式覆盖
 */
.title-slider.am-slider-default {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.title-slider .am-direction-nav li a.am-prev {
    left: 0rem;
    opacity: 0;
    transition: all .3s ease-out;
}
.title-slider .am-direction-nav li a.am-next {
    right: 0rem;
    opacity: 0;
    transition: all .3s ease-out;
}
.title-slider:hover .am-direction-nav li a.am-prev {
    left: 1rem;
    opacity: 0.45;
}
.title-slider:hover .am-direction-nav li a.am-next {
    right: 1rem;
    opacity: 0.45;
}
.title-slider:hover .am-direction-nav li a.am-next:hover,
.title-slider:hover .am-direction-nav li a.am-prev:hover {
    opacity: 1;
}

/**
 * 表单公共底部浮动
 */
.am-form-popup-fixed,
form.am-form-popup-sticky {
    background: #FFFFFF;
    border-radius: var(--border-radius);
}


/**
 * 用户中心管理导航
 */
.user-content-body .user-center-admin-nav {
    border-bottom: 0.1rem solid #EBECED;
}
.user-content-body .user-center-admin-nav > li {
    margin-bottom: -0.1rem;
}
.user-content-body .user-center-admin-nav > li:first-of-type {
    margin-left: 0;
}
.user-content-body .user-center-admin-nav > li > a {
    font-size: 1.6rem;
    color: #5F6264 !important;
    background-color: transparent;
}
.user-content-body .user-center-admin-nav .am-active {
    border-bottom: 0.2rem solid var(--color-main);
    color: var(--color-main);
}
.user-content-body .user-center-admin-nav .am-active > a {
    color: var(--color-main) !important;
}
.user-content-body .user-center-admin-nav-pills > li:first-of-type {
    margin-left: 0;
}
.user-content-body .user-center-admin-nav > li > a:hover, .user-content-body .user-center-admin-nav > li > a:focus {
    background: transparent;
    cursor: pointer;
}
.user-content-body .user-center-admin-nav .am-topbar-right {
    margin-right: 0;
    text-align: right;
}
.user-content-body .user-center-admin-nav .am-topbar-right .am-btn:not(:last-child) {
    margin-right: 0.5rem;
}
.user-content-body .user-center-admin-nav .am-topbar-right .am-topbar-btn {
    margin-top: 0;
}
@media only screen and (max-width: 640px) {
    .user-content-body .user-center-admin-nav > li > a,
    .user-content-body .user-center-admin-nav .am-topbar-right .am-topbar-btn {
        padding: 0.2rem 0.5rem;
    }
    .user-content-body .user-center-admin-nav .am-topbar-right .am-topbar-btn > span {
        display: none;
    }
}


/**
 * 主题数据修改
 */
.theme-data-admin-container {
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 1002;
}
.theme-data-edit-event {
    position: relative;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-border {
    position: absolute;
    border-color: #ccc;
    border-style: dashed;
    z-index: 1000;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-border-top {
    left: 0;
    top: 0;
    width: 100%;
    height: 0.1rem;
    border-width: 0.1rem 0 0 0;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-border-right {
    right: 0;
    top: 0;
    width: 0.1rem;
    height: 100%;
    border-width: 0 0.1rem 0 0;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-border-bottom {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.1rem;
    border-width: 0 0 0.1rem 0;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-border-left {
    left: 0;
    bottom: 0;
    width: 0.1rem;
    height: 100%;
    border-width: 0 0 0 0.1rem;
}
.theme-data-edit-event:hover .theme-data-edit-container > .theme-data-edit-border {
    border-color: #FF9494;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-content {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001;
    text-align: right;
    line-height: 2.5rem;
    display: none;
}
.theme-data-edit-event:hover .theme-data-edit-container > .theme-data-edit-content {
    display: block;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-content button {
    padding: 0.4rem 0.6rem;
    border-color: #FF9494 !important;
    color: #f00 !important;
    background: #FFE5E5 !important;
    border-style: dashed;
}
.theme-data-edit-event .theme-data-edit-container > .theme-data-edit-content button:hover {
    background: #ffdbdb !important;
}

/**
 * 上传文件按钮
 */
.am-upload-file .am-form-file .am-btn {
    color: var(--color-main);
    background: var(--color-main-light);
    border-radius: var(--border-radius-sm);
    border: 0.1rem dashed var(--color-main);
}

/**
 * 页面设计导航切换样式
 */
.renovation-tabs .am-nav-tabs>li>a {
    line-height: 2.4rem;
}
/* ==========================================================================
 * salestheme 全站公共样式（追加在 default 原始 common.css 完整原文之后）。
 * 之前这个文件被直接写成了一份只有导航/页脚/按钮的精简文件，覆盖掉了 default
 * 原有 3653 行 common.css —— 因为 common_css 和 page_css 一样是"整份文件二选一"
 * 而不是叠加加载，这导致 header_top_nav / nav_search 等站内大量依赖 common.css
 * 的组件在 salestheme 下一直是几乎裸样式的状态（不是本次任务才产生的问题）。
 * 现在改为：完整保留 default 原文在前，下面只追加/覆盖需要改的部分。
 * 2026-07-19 修复：这份 @import 之前一直放在文件末尾（3653行default原文之后），
 * 而 CSS 规范要求 @import 必须出现在所有其他规则之前，否则会被浏览器直接忽略——
 * 也就是说 theme-variables.css 里定义的全部 --ht-* 变量实际上从来没有真正生效过，
 * 导致本文件、index.css、goods.css 里所有 var(--ht-xxx) 引用全部解析失败（按钮背景
 * 消失、页脚文字颜色回退成继承色等，几乎所有截图反馈的对比度问题根源都在这里）。
 * 现在已经把 @import 挪到文件最开头（第1行），这里只留说明，不再重复导入。
 * ========================================================================== */

.ht-container {
    max-width: var(--ht-container-max);
    margin: 0 auto;
    padding: 0 var(--ht-space-page-x);
}
/* 和 AmazeUI 原生 .am-container 一样带上 clearfix——首页/分类页等原有用法
   都是 flex/grid 排布的子元素，clearfix 不影响它们；登录/注册/找回密码页面
   用 .ht-container 直接承载 AmazeUI 的 float 网格列（am-u-*），没有这条
   clearfix 会导致容器高度塌陷成0，浮动内容和页脚重叠（已实测复现过）。 */
.ht-container:before,
.ht-container:after {
    content: " ";
    display: table;
}
.ht-container:after {
    clear: both;
}

/* ---------- nav ---------- */
.ht-nav {
    background: var(--ht-bg-white);
    border-bottom: 1px solid var(--ht-border);
    position: relative;
    z-index: 50;
}
.ht-nav-inner {
    max-width: var(--ht-container-max);
    margin: 0 auto;
    padding: 16px var(--ht-space-page-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ht-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--ht-green);
}
.ht-logo img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.ht-logo span { font-size: 20px; font-weight: var(--ht-font-weight-bold); letter-spacing: 1px; }

/* Health simple header brand: keep all overrides inside the Health nav scope. */
.ht-nav.ht-nav-simple .ht-nav-simple-brand {
    display: flex;
    align-items: center;
    width: auto;
    max-width: none;
}
.ht-nav.ht-nav-simple .ht-nav-simple-brand .ht-logo {
    display: inline-flex;
    align-items: center;
    height: 5.6rem;
    gap: 10px;
    color: var(--ht-primary);
    white-space: nowrap;
}
.ht-nav.ht-nav-simple .ht-nav-simple-brand .ht-logo img {
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: contain;
}
.ht-nav.ht-nav-simple .ht-nav-simple-brand .ht-logo span {
    font-size: 20px;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 1px;
}
.ht-nav-menu {
    display: flex;
    align-items: center;
    gap: var(--ht-space-lg);
    list-style: none;
    margin: 0;
    padding: 0;
}
.ht-nav-menu > li {
    display: flex;
    align-items: center;
}
.ht-nav-menu a {
    display: inline-flex;
    align-items: center;
    line-height: 24px;
    color: var(--ht-text);
    text-decoration: none;
    font-size: var(--ht-font-size-body);
    padding: 6px 2px;
    border-bottom: 2px solid transparent;
}
.ht-nav-menu a:hover,
.ht-nav-menu a.active {
    color: var(--ht-green);
    border-bottom-color: var(--ht-gold-light);
}

/* ---------- Health mobile navigation ---------- */
.ht-nav .ht-mobile-nav-toggle,
.ht-nav .ht-mobile-nav-overlay,
.ht-nav .ht-mobile-nav-drawer {
    display: none;
}

/* ---------- 用户中心下拉（登录后，整合了原 header_top_nav 的几个入口） ---------- */
.ht-user-dropdown {
    position: relative;
}
.ht-user-dropdown > .am-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    line-height: 24px;
    gap: 4px;
    cursor: pointer;
    color: var(--ht-text);
    font-size: var(--ht-font-size-body);
    padding: 6px 2px;
    border-bottom: 2px solid transparent;
}
.ht-user-dropdown > .am-dropdown-toggle .am-icon-caret-down {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
}
.ht-user-dropdown.am-active > .am-dropdown-toggle,
.ht-user-dropdown > .am-dropdown-toggle:hover {
    color: var(--ht-green);
    border-bottom-color: var(--ht-gold-light);
}
.ht-user-dropdown .am-dropdown-content {
    left: auto;
    right: 0;
    margin-top: 10px;
    min-width: 160px;
    padding: 6px 0;
    background: var(--ht-bg-white);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    box-shadow: var(--ht-shadow-soft);
}
.ht-user-dropdown .am-dropdown-content > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 16px;
    color: var(--ht-text);
    font-size: var(--ht-font-size-body);
    text-decoration: none;
}
.ht-user-dropdown .am-dropdown-content > li > a:hover {
    color: var(--ht-green);
    background: var(--ht-bg-soft);
}
.ht-user-dropdown .am-dropdown-content > li > a .am-badge {
    font-size: 11px;
    padding: 1px 6px;
}
.ht-user-dropdown-divider {
    border-top: 1px solid var(--ht-border);
    margin-top: 4px;
}
.ht-nav .ht-identity-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 18px;
    font-weight: var(--ht-font-weight-bold);
    white-space: nowrap;
}
.ht-nav .ht-identity-badge-verified {
    color: var(--ht-green);
    background: rgba(200, 155, 60, 0.16);
    border: 1px solid rgba(200, 155, 60, 0.32);
}
.ht-nav .ht-identity-state {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 4px;
    color: var(--ht-text-light);
    font-size: var(--ht-font-size-body);
}

/* ---------- 搜索：图标+展开面板 ---------- */
.ht-search-toggle-wrap {
    position: relative;
}
.ht-search-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--ht-border);
    background: var(--ht-bg-white);
    color: var(--ht-text-soft);
    cursor: pointer;
    padding: 0;
}
.ht-search-icon-btn:hover {
    color: var(--ht-green);
    border-color: var(--ht-green);
}
.ht-search-panel {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 320px;
    padding: 16px;
    background: var(--ht-bg-white);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    box-shadow: var(--ht-shadow-soft);
    z-index: 60;
}
.ht-search-panel.ht-search-panel-open {
    display: block;
}
.ht-search-panel .search-group {
    display: flex;
    border: 1px solid var(--ht-border);
    overflow: hidden;
}
.ht-search-panel .search-group input {
    flex: 1;
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: var(--ht-font-size-body);
    background: transparent;
}
.ht-search-panel .search-group .submit {
    border: none;
    background: var(--ht-green);
    color: #fff;
    padding: 0 16px;
    cursor: pointer;
    font-size: var(--ht-font-size-small);
}
.ht-search-panel .search-group .submit:hover {
    background: var(--ht-green-dark);
}
.ht-search-panel .search-hot-keywords {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ht-search-panel .search-hot-keywords a {
    font-size: var(--ht-font-size-small);
    color: var(--ht-text-soft);
    text-decoration: none;
}
.ht-search-panel .search-hot-keywords a:hover {
    color: var(--ht-green);
}
@media (max-width: 640px) {
    .ht-search-panel {
        position: fixed;
        top: 7.6rem;
        right: 16px;
        left: 16px;
        width: auto;
        max-width: calc(100vw - 32px);
        box-sizing: border-box;
    }
    .ht-search-panel .search-group input {
        min-width: 0;
        font-size: 16px;
    }
}

/* ---------- buttons ---------- */
.ht-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: var(--ht-radius-btn);
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}
.ht-btn-gold {
    background: var(--ht-gold-light);
    color: #fff;
}
.ht-btn-gold:hover { background: var(--ht-gold); color: #fff; }
.ht-btn-green {
    background: var(--ht-green);
    color: #fff;
}
.ht-btn-green:hover { background: var(--ht-green-dark); color: #fff; }
.ht-btn-outline {
    background: transparent;
    border-color: var(--ht-green);
    color: var(--ht-green);
}
.ht-btn-outline:hover { background: var(--ht-green); color: #fff; }

/* 卡片内的小号"查看详情"按钮，首页商品卡/分类页商品卡共用同一份定义 */
.ht-btn-detail {
    display: block;
    text-align: center;
    padding: 9px 0;
    border-radius: var(--ht-radius-btn-sm);
    background: var(--ht-green);
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.ht-btn-detail:hover { background: var(--ht-green-dark); color: #fff; }

/* ---------- footer ---------- */
.ht-footer {
    background: var(--ht-green);
    color: var(--ht-text-on-dark);
    padding: var(--ht-space-xl) 0 0;
}
.ht-footer-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr;
    gap: var(--ht-space-page-x);
    padding-bottom: var(--ht-space-lg);
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.ht-footer .ht-logo { color: #fff; margin-bottom: 12px; }
.ht-footer-about p { font-size: var(--ht-font-size-desc); line-height: var(--ht-line-height-loose); color: var(--ht-text-on-dark-soft); margin: 0; }
.ht-footer-col h5 { color: #fff; font-size: var(--ht-font-size-body); margin: 0 0 16px; }
.ht-footer-col ul { list-style: none; margin: 0; padding: 0; }
.ht-footer-col li { margin-bottom: 10px; font-size: var(--ht-font-size-desc); }
.ht-footer-col a { color: rgba(255,255,255,0.7); text-decoration: none; }
.ht-footer-col a:hover { color: var(--ht-gold-light); }
.ht-footer-bottom {
    text-align: center;
    padding: 20px 0;
    font-size: var(--ht-font-size-small);
    color: rgba(255,255,255,0.55);
}

@media (max-width: 992px) {
    .ht-nav .ht-nav-inner {
        justify-content: flex-start;
        gap: 12px;
    }
    .ht-nav .ht-logo {
        min-height: 44px;
        margin-right: auto;
    }
    .ht-nav .ht-nav-menu,
    .ht-nav .ht-nav-inner > .ht-btn-gold {
        display: none;
    }
    .ht-nav .ht-search-icon-btn,
    .ht-nav .ht-mobile-nav-toggle,
    .ht-nav .ht-mobile-nav-close {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }
    .ht-nav .ht-mobile-nav-toggle {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 0;
        border: 1px solid var(--ht-border);
        border-radius: 50%;
        background: var(--ht-bg-white);
        color: var(--ht-green);
        cursor: pointer;
    }
    .ht-nav .ht-mobile-nav-toggle > span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: transform 0.22s ease, opacity 0.22s ease;
    }
    .ht-nav .ht-mobile-nav-toggle.ht-mobile-nav-open > span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .ht-nav .ht-mobile-nav-toggle.ht-mobile-nav-open > span:nth-child(2) {
        opacity: 0;
    }
    .ht-nav .ht-mobile-nav-toggle.ht-mobile-nav-open > span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
    .ht-nav .ht-mobile-nav-toggle:focus-visible,
    .ht-nav .ht-mobile-nav-close:focus-visible,
    .ht-nav .ht-mobile-nav-list a:focus-visible {
        outline: 2px solid var(--ht-gold);
        outline-offset: 2px;
    }
    .ht-nav .ht-mobile-nav-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 70;
        background: rgba(15, 38, 32, 0.42);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, visibility 0.22s ease;
    }
    .ht-nav .ht-mobile-nav-overlay.ht-mobile-nav-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .ht-nav .ht-mobile-nav-drawer {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 80;
        width: min(86vw, 360px);
        max-width: 100%;
        box-sizing: border-box;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--ht-bg-white);
        box-shadow: -12px 0 36px rgba(15, 38, 32, 0.18);
        transform: translateX(105%);
        visibility: hidden;
        transition: transform 0.24s ease, visibility 0.24s ease;
        -webkit-overflow-scrolling: touch;
    }
    .ht-nav .ht-mobile-nav-drawer.ht-mobile-nav-open {
        transform: translateX(0);
        visibility: visible;
    }
    .ht-nav .ht-mobile-nav-header {
        display: flex;
        min-height: 76px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid var(--ht-border);
    }
    .ht-nav .ht-mobile-nav-title {
        color: var(--ht-green);
        font-size: 18px;
        font-weight: var(--ht-font-weight-bold);
    }
    .ht-nav .ht-mobile-nav-close {
        position: relative;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: var(--ht-bg-soft);
        color: var(--ht-green);
        cursor: pointer;
    }
    .ht-nav .ht-mobile-nav-close > span {
        position: absolute;
        top: 21px;
        left: 12px;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
    }
    .ht-nav .ht-mobile-nav-close > span:first-child {
        transform: rotate(45deg);
    }
    .ht-nav .ht-mobile-nav-close > span:last-child {
        transform: rotate(-45deg);
    }
    .ht-nav .ht-mobile-nav-list {
        list-style: none;
        margin: 0;
        padding: 10px 20px 28px;
    }
    .ht-nav .ht-mobile-nav-list li {
        margin: 0;
        padding: 0;
    }
    .ht-nav .ht-mobile-nav-list a {
        display: flex;
        min-height: 48px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: var(--ht-radius-btn-sm);
        color: var(--ht-text);
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
    }
    .ht-nav .ht-mobile-nav-list a:hover,
    .ht-nav .ht-mobile-nav-list a:active {
        background: var(--ht-bg-soft);
        color: var(--ht-green);
    }
    .ht-nav .ht-mobile-nav-divider {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--ht-border);
    }
    .ht-nav .ht-mobile-nav-primary {
        margin-top: 6px;
        justify-content: center;
        background: var(--ht-gold-light);
        color: #fff;
        font-weight: var(--ht-font-weight-bold);
    }
    .ht-nav .ht-mobile-nav-primary:hover,
    .ht-nav .ht-mobile-nav-primary:active {
        background: var(--ht-gold);
        color: #fff;
    }
    .ht-nav .ht-mobile-nav-logout {
        color: #a94442;
    }
    .ht-nav .ht-mobile-identity-state {
        display: flex;
        min-height: 48px;
        box-sizing: border-box;
        align-items: center;
        padding: 10px 12px;
        color: var(--ht-text-light);
        font-size: 16px;
        line-height: 24px;
    }
    .ht-nav .ht-mobile-identity-verified {
        color: var(--ht-green);
        font-weight: var(--ht-font-weight-bold);
    }
    .ht-nav .ht-mobile-nav-badge {
        min-width: 22px;
        padding: 2px 7px;
        border-radius: 999px;
        background: #c94b4b;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
    }
    body.ht-mobile-nav-body-open {
        overflow: hidden;
    }
    .ht-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .ht-nav .ht-mobile-nav-toggle > span,
    .ht-nav .ht-mobile-nav-overlay,
    .ht-nav .ht-mobile-nav-drawer {
        transition: none;
    }
}

/* ---------- header_top_nav：顶部工具条，深绿底，和下面的 nav-search/ht-nav 用同一套配色衔接 ---------- */
.header-top,
.header-top .top-nav-right {
    background-color: var(--ht-green);
    border-bottom: none;
    height: 3.6rem;
    line-height: 3.6rem;
}
.header-top,
.header-top a,
.header-top em {
    color: var(--ht-text-on-dark);
    font-size: var(--ht-font-size-tiny);
}
.header-top a:hover {
    color: var(--ht-gold-light);
}
.header-top .site-name {
    color: var(--ht-text-on-dark-soft);
}
.header-top .line-column {
    color: rgba(255,255,255,0.25);
}
.header-top ul.am-dropdown-content > li > a {
    color: var(--ht-text);
}
.header-top ul.am-dropdown-content > li > a:hover,
.header-top ul.am-dropdown-content > li > a:focus {
    background-color: var(--ht-bg-soft);
    color: var(--ht-green);
}
.top-nav-right .top-nav-items .menu-hd i,
.top-nav-right .top-nav-items .menu-hd .nav-icon {
    color: inherit;
}

/* ---------- nav_search：logo + 搜索框，白底，直接衔接 header_nav ---------- */
.nav-search {
    background: var(--ht-bg-white);
    border-bottom: 1px solid var(--ht-border);
}
/* 搜索栏品牌 Logo 与主导航保持同一尺寸，避免被默认的 width: 100% 拉伸。 */
.nav-search .logo-big {
    display: flex;
    align-items: center;
}
.nav-search .logo-big img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}
.search-bar form .search-group {
    border: 1px solid var(--ht-green);
    background: #fff;
    border-radius: var(--ht-radius-btn-sm);
    overflow: hidden;
}
.search-bar input {
    font-family: var(--ht-font-family);
}
#search-input {
    color: var(--ht-text);
}
#ai-topsearch {
    background: var(--ht-green);
    color: #fff;
}
#ai-topsearch:hover {
    background: var(--ht-green-dark);
}
.search-hot-keywords li a {
    color: var(--ht-text-soft);
}
.search-hot-keywords li a:hover {
    color: var(--ht-green);
}

/* ---------- goods_category：分类导航模块（"全部分类"触发按钮 + 悬浮大菜单），
   被首页/商品详情/分类页/搜索页/购物车等20个页面共用。
   2026-07-19 修复：default 原文里 #goods-category 写死了 position:relative;
   top:-4rem，这是针对 default 原来的 header/nav_search 高度手动校准的"上移贴合"
   技巧。salestheme 的 header_nav（.ht-nav）实际高度和 default 原来的不一样，
   继续上移4rem 就会正好盖住 .ht-nav 的下半部分——这就是截图里"全部分类"按钮
   和"健康中心"字样重叠的真正原因，不是两套导航同时渲染，是这一个模块自己的
   绝对定位偏移量没有跟着新header的高度重新校准。这里改成 top:0，让它老老实实
   按正常文档流排在 header_nav 下面，不再需要一个和某个具体高度绑定的魔法数字。 ---------- */
#goods-category {
    top: 0;
    height: 4rem;
    margin-bottom: 0.6rem;
    background: var(--ht-bg);
}
.goods-category-s {
    position: static;
}
.goods-category-s .category-content {
    top: 0;
}
.goods-category-title {
    background: var(--ht-green);
    color: #fff;
}
.goods-category-s .category-content .all-goods {
    color: #fff;
    background: var(--ht-green);
}
.category-content .b-category-name:hover,
.category-content li:hover,
.category-content li:hover .bd-name,
.category-content dd a:hover,
.category-content dd a:hover * {
    color: var(--ht-green);
}
.category-content .menu-item {
    border-right-color: var(--ht-border);
    border-bottom-color: var(--ht-border);
}
.category-content .sort-side dt {
    color: var(--ht-gold);
}
.category-content .sort-side dd a span.red {
    color: var(--ht-gold);
}

/* ---------- 短内容页面 footer 异常大空白修复 ----------
 * default 原有的 .body-content-container 用 min-height:100vh + flex
 * justify-content:space-between 做"footer吸底"：内容不够高时，靠这个把footer
 * 强行推到视口底部，中间会撑出一段空白。这在内容本来就比视口高的页面（分类页/
 * 商品详情页/首页）不会有影响，因为内容本身已经超过100vh，没有多余空间可撑；
 * 但内容较短的页面（比如文字很少的文章详情页）就会在正文卡片和footer之间出现
 * 一段和视口高度绑定的、看起来像布局出错的空白。这里去掉 min-height 强制撑满
 * 视口的部分，让 footer 老老实实跟在内容后面，不再需要内容"刚好够高"才能看起来正常。 */
.body-content-container {
    min-height: 0;
}
/* 上面这条改完之后，内容不够高的页面 footer 下方会露出 <body> 的默认背景色
   （AmazeUI 基础重置样式给的中性灰 #f7f7f7），在暖色调页面上会有点割裂感。
   这里把它换成页面主背景色，这样footer下面万一露出一段，颜色也是协调的。 */
html,
body {
    background: var(--ht-bg);
}

/* ========================================================================== 
 * contentaccess Video：Health 主题覆盖页
 * 仅作用于主题覆盖模板的 .ht-page.ht-video-page，不修改全局 .am-container，
 * 不影响商品、订单、后台或插件原始模板。
 * ========================================================================== */
.ht-page.ht-video-page {
    min-height: 52rem;
    padding: var(--ht-space-lg) 0 var(--ht-space-xl);
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}
.ht-page.ht-video-page > .ht-container {
    width: 100%;
    max-width: var(--ht-container-max);
}
.ht-page.ht-video-page .ht-video-page-header {
    max-width: 76rem;
    margin: 0 auto var(--ht-space-lg);
    text-align: center;
}
.ht-page.ht-video-page .ht-video-page-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--ht-gold);
    font-size: 1.2rem;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 0.18em;
}
.ht-page.ht-video-page .ht-video-page-header h1 {
    margin: 0;
    color: var(--ht-text);
    font-size: 3.2rem;
    font-weight: var(--ht-font-weight-bold);
    line-height: var(--ht-line-height-title);
}
.ht-page.ht-video-page .ht-video-page-header h1::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.3rem;
    margin: 1.6rem auto 0;
    border-radius: 99px;
    background: var(--ht-gold-light);
}
.ht-page.ht-video-page .ht-video-page-header p {
    margin: 1.6rem 0 0;
    color: var(--ht-text-soft);
    font-size: 1.6rem;
    line-height: 1.8;
}

/* 分类筛选 */
.ht-page.ht-video-page .ht-video-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 0 0 var(--ht-space-lg);
}
.ht-page.ht-video-page .ht-video-filter-item {
    display: inline-flex;
    min-height: 3.8rem;
    padding: 0.8rem 1.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-btn);
    background: #fff;
    color: var(--ht-text-soft);
    font-size: 1.4rem;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.ht-page.ht-video-page .ht-video-filter-item:hover {
    border-color: var(--ht-green);
    color: var(--ht-green);
}
.ht-page.ht-video-page .ht-video-filter-item.active {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}

/* 视频列表卡片 */
.ht-page.ht-video-page .ht-video-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.4rem;
}
.ht-page.ht-video-page .ht-video-list-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: #fff;
    box-shadow: var(--ht-shadow-soft);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ht-page.ht-video-page .ht-video-list-card:hover {
    transform: translateY(-0.4rem);
    box-shadow: var(--ht-shadow-hero);
}
.ht-page.ht-video-page .ht-video-list-link {
    display: block;
    height: 100%;
    color: inherit;
}
.ht-page.ht-video-page .ht-video-list-cover {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--ht-bg-soft);
}
.ht-page.ht-video-page .ht-video-list-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.ht-page.ht-video-page .ht-video-list-card:hover .ht-video-list-cover img {
    transform: scale(1.035);
}
.ht-page.ht-video-page .ht-video-list-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    border: 2px solid rgba(255,255,255,0.9);
    border-radius: 50%;
    background: rgba(31,75,63,0.88);
    box-shadow: 0 0.8rem 2.4rem rgba(20,55,45,0.2);
    transform: translate(-50%, -50%);
}
.ht-page.ht-video-page .ht-video-list-play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
    border-left: 1.2rem solid #fff;
    transform: translate(-35%, -50%);
}
.ht-page.ht-video-page .ht-video-list-lock {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    padding: 0.5rem 1rem;
    border-radius: var(--ht-radius-btn);
    background: rgba(31,75,63,0.9);
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4;
}
.ht-page.ht-video-page .ht-video-list-body {
    padding: 2rem;
}
.ht-page.ht-video-page .ht-video-list-body h2 {
    display: -webkit-box;
    min-height: 5.2rem;
    overflow: hidden;
    margin: 0;
    color: var(--ht-text);
    font-size: 1.8rem;
    font-weight: var(--ht-font-weight-bold);
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ht-page.ht-video-page .ht-video-list-action {
    display: inline-block;
    margin-top: 1.4rem;
    color: var(--ht-green);
    font-size: 1.4rem;
    font-weight: var(--ht-font-weight-bold);
}

/* 分页与空状态 */
.ht-page.ht-video-page .ht-video-pagination {
    margin-top: var(--ht-space-lg);
    text-align: center;
}
.ht-page.ht-video-page .ht-video-pagination .am-pagination {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}
.ht-page.ht-video-page .ht-video-pagination .am-pagination > li > a,
.ht-page.ht-video-page .ht-video-pagination .am-pagination > li > span {
    border-color: var(--ht-border);
    border-radius: var(--ht-radius-btn-sm);
    background: #fff;
    color: var(--ht-text-soft);
}
.ht-page.ht-video-page .ht-video-pagination .am-pagination > .am-active > a,
.ht-page.ht-video-page .ht-video-pagination .am-pagination > .am-active > span {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}
.ht-page.ht-video-page .ht-video-empty {
    padding: 6.4rem 2.4rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: #fff;
    box-shadow: var(--ht-shadow-soft);
    text-align: center;
}
.ht-page.ht-video-page .ht-video-empty-icon {
    display: inline-flex;
    width: 5.6rem;
    height: 5.6rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ht-bg-soft);
    color: var(--ht-green);
    font-size: 2rem;
}
.ht-page.ht-video-page .ht-video-empty h2 {
    margin: 1.8rem 0 0;
    color: var(--ht-text);
    font-size: 2rem;
}
.ht-page.ht-video-page .ht-video-empty p {
    margin: 1rem 0 0;
    color: var(--ht-text-soft);
}

/* 视频详情 */
.ht-page.ht-video-page .ht-video-detail-back {
    margin-bottom: 1.6rem;
}
.ht-page.ht-video-page .ht-video-detail-back a {
    color: var(--ht-green);
    font-size: 1.4rem;
}
.ht-page.ht-video-page .ht-video-detail-card {
    padding: clamp(2rem, 4vw, 4.8rem);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: #fff;
    box-shadow: var(--ht-shadow-soft);
}
.ht-page.ht-video-page .ht-video-detail-header {
    margin-bottom: var(--ht-space-lg);
}
.ht-page.ht-video-page .ht-video-detail-meta {
    font-size: 1.4rem;
}
.ht-page.ht-video-page .ht-video-player {
    width: 100%;
    max-width: 112rem;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--ht-radius-card-sm);
    background: #101815;
    box-shadow: 0 1.6rem 4rem rgba(16, 24, 21, 0.14);
}
.ht-page.ht-video-page .ht-video-player video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    object-fit: contain;
}
.ht-page.ht-video-page .ht-video-iframe {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
}
.ht-page.ht-video-page .ht-video-description {
    margin-top: var(--ht-space-lg);
    color: var(--ht-text);
    font-size: 1.6rem;
    line-height: 1.9;
    white-space: pre-line;
}
.ht-page.ht-video-page .ht-video-restricted .contentaccess-restricted-tips {
    margin: 0;
    padding: 4.8rem 2.4rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card-sm);
    background: var(--ht-bg-soft);
    color: var(--ht-text);
    text-align: center;
}
.ht-page.ht-video-page .ht-video-restricted .am-btn-primary {
    border-color: var(--ht-green);
    border-radius: var(--ht-radius-btn);
    background: var(--ht-green);
    color: #fff;
}
.ht-page.ht-video-page .ht-video-restricted .am-btn-primary:hover {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
}
.ht-page.ht-video-page .ht-video-related {
    margin-top: var(--ht-space-lg);
}

@media (max-width: 992px) {
    .ht-page.ht-video-page .ht-video-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .ht-page.ht-video-page {
        padding: var(--ht-space-md) 0 var(--ht-space-lg);
    }
    .ht-page.ht-video-page .ht-video-page-header h1 {
        font-size: 2.6rem;
    }
    .ht-page.ht-video-page .ht-video-page-header p {
        font-size: 1.4rem;
    }
    .ht-page.ht-video-page .ht-video-list {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }
    .ht-page.ht-video-page .ht-video-filter {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.4rem;
    }
    .ht-page.ht-video-page .ht-video-filter-item {
        flex: 0 0 auto;
    }
    .ht-page.ht-video-page .ht-video-detail-card {
        padding: 1.6rem;
    }
}

/* ========================================================================== 
 * Search：Health 主题覆盖页
 * 默认 search.css 继续提供筛选/排序/商品模块的结构能力；这里仅在
 * .ht-page.ht-search-page 作用域内统一 1200px、颜色、卡片、空状态和分页。
 * ========================================================================== */
.ht-page.ht-search-page {
    min-height: 52rem;
    padding: 0 0 var(--ht-space-xl);
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}
.ht-page.ht-search-page > .breadcrumb-data .am-container,
.ht-page.ht-search-page .ht-search-container {
    width: 100%;
    max-width: var(--ht-container-max);
}
.ht-page.ht-search-page .ht-search-container {
    padding-top: var(--ht-space-md);
}
.ht-page.ht-search-page .search-container {
    float: none;
    width: 100%;
}

/* 筛选条件与排序区域 */
.ht-page.ht-search-page #search-map,
.ht-page.ht-search-page .map-content,
.ht-page.ht-search-page .map-list,
.ht-page.ht-search-page .search-nav .am-sticky,
.ht-page.ht-search-page .sort-nav {
    border-color: var(--ht-border);
    background: #fff;
}
.ht-page.ht-search-page .map-content,
.ht-page.ht-search-page .map-list,
.ht-page.ht-search-page .search-nav .am-sticky {
    border-radius: var(--ht-radius-card-sm);
}
.ht-page.ht-search-page .map-left,
.ht-page.ht-search-page .map-key,
.ht-page.ht-search-page .map-title,
.ht-page.ht-search-page .sort-nav li a {
    color: var(--ht-text-soft);
}
.ht-page.ht-search-page .map-right a,
.ht-page.ht-search-page .map-value a {
    color: var(--ht-text);
}
.ht-page.ht-search-page .map-right a:hover,
.ht-page.ht-search-page .map-value a:hover,
.ht-page.ht-search-page .sort-nav li.active a,
.ht-page.ht-search-page .sort-nav li a:hover {
    color: var(--ht-green);
}
.ht-page.ht-search-page .map-right a.selected,
.ht-page.ht-search-page .map-value a.selected,
.ht-page.ht-search-page .map-right .active a,
.ht-page.ht-search-page .map-value .active a {
    color: var(--ht-green);
}
.ht-page.ht-search-page .map-base-tips {
    border-color: var(--ht-border);
    border-radius: var(--ht-radius-card-sm);
    background: var(--ht-bg-soft);
    color: var(--ht-text-soft);
}
.ht-page.ht-search-page .map-result-count {
    color: var(--ht-gold) !important;
}
.ht-page.ht-search-page .map-offcanvas-submit.am-btn-primary {
    border-color: var(--ht-border);
    color: var(--ht-green) !important;
}

/* 商品结果：兼容 ShopXO list/grid 两种模块 */
.ht-page.ht-search-page .ht-search-results {
    margin-top: var(--ht-space-md);
}
.ht-page.ht-search-page .module-goods-grid-base li > .item,
.ht-page.ht-search-page .module-goods-list-base li > .item,
.ht-page.ht-search-page .goods-list .item,
.ht-page.ht-search-page .goods-grid .item {
    overflow: hidden;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: #fff;
    box-shadow: var(--ht-shadow-soft);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.ht-page.ht-search-page .module-goods-grid-base li > .item:hover,
.ht-page.ht-search-page .module-goods-list-base li > .item:hover,
.ht-page.ht-search-page .goods-list .item:hover,
.ht-page.ht-search-page .goods-grid .item:hover {
    border-color: var(--ht-gold-light);
    box-shadow: var(--ht-shadow-hero);
    transform: translateY(-0.3rem);
}
.ht-page.ht-search-page .goods-title,
.ht-page.ht-search-page .goods-title a,
.ht-page.ht-search-page .item-content .title,
.ht-page.ht-search-page .item-content .title a {
    color: var(--ht-text);
}
.ht-page.ht-search-page .goods-title a:hover,
.ht-page.ht-search-page .item-content .title a:hover {
    color: var(--ht-green);
}
.ht-page.ht-search-page .price,
.ht-page.ht-search-page .price-content,
.ht-page.ht-search-page .goods-price {
    color: var(--ht-gold);
}
.ht-page.ht-search-page .goods-cart,
.ht-page.ht-search-page .cart-submit {
    border-color: var(--ht-green);
    color: var(--ht-green);
}
.ht-page.ht-search-page .goods-cart:hover,
.ht-page.ht-search-page .cart-submit:hover {
    background: var(--ht-green);
    color: #fff;
}

/* 空状态 */
.ht-page.ht-search-page .ht-search-empty {
    padding: 6.4rem 2.4rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: #fff;
    box-shadow: var(--ht-shadow-soft);
    text-align: center;
}
.ht-page.ht-search-page .ht-search-empty-icon {
    display: inline-flex;
    width: 5.6rem;
    height: 5.6rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ht-bg-soft);
    color: var(--ht-green);
    font-size: 2.8rem;
    line-height: 1;
}
.ht-page.ht-search-page .ht-search-empty h2 {
    margin: 1.8rem 0 0;
    color: var(--ht-text);
    font-size: 2rem;
}
.ht-page.ht-search-page .ht-search-empty p {
    margin: 1rem 0 0;
    color: var(--ht-text-soft);
}

/* 分页 */
.ht-page.ht-search-page .ht-search-pagination {
    margin-top: var(--ht-space-lg);
    text-align: center;
}
.ht-page.ht-search-page .ht-search-pagination .am-pagination {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}
.ht-page.ht-search-page .ht-search-pagination .am-pagination > li > a,
.ht-page.ht-search-page .ht-search-pagination .am-pagination > li > span {
    border-color: var(--ht-border);
    border-radius: var(--ht-radius-btn-sm);
    background: #fff;
    color: var(--ht-text-soft);
}
.ht-page.ht-search-page .ht-search-pagination .am-pagination > .am-active > a,
.ht-page.ht-search-page .ht-search-pagination .am-pagination > .am-active > span {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}
.ht-page.ht-search-page .pagination-input,
.ht-page.ht-search-page .search-pages-submit input {
    border-color: var(--ht-border);
    border-radius: var(--ht-radius-btn-sm);
}
.ht-page.ht-search-page .search-pages-submit button {
    border-color: var(--ht-green);
    border-radius: var(--ht-radius-btn-sm);
    background: var(--ht-green);
    color: #fff;
}

@media (max-width: 1024px) {
    .ht-page.ht-search-page .ht-search-container {
        padding-top: var(--ht-space-md);
    }
    .ht-page.ht-search-page .search-nav,
    .ht-page.ht-search-page .ht-search-results {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 640px) {
    .ht-page.ht-search-page {
        padding-bottom: var(--ht-space-lg);
    }
    .ht-page.ht-search-page .ht-search-container {
        padding-top: 1.2rem;
    }
    .ht-page.ht-search-page .ht-search-results {
        margin-top: 1.6rem;
    }
    .ht-page.ht-search-page .ht-search-empty {
        padding: 4.8rem 1.6rem;
    }
}

/* ========================================================================== 
 * GuestGate Guide：仅接管登录引导页视觉，不改变跳转或权限流程。
 * 所有规则均限定在 .ht-guide-page，避免影响其他 ShopXO 页面。
 * ========================================================================== */
.ht-page.ht-guide-page {
    min-height: 52rem;
    padding: clamp(4.8rem, 8vw, 9.6rem) 0;
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}
.ht-page.ht-guide-page > .ht-container {
    width: 100%;
    max-width: var(--ht-container-max);
}
.ht-guide-page .ht-guide-card {
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: clamp(3.2rem, 6vw, 6.4rem);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
    text-align: center;
}
.ht-guide-page .ht-guide-icon {
    display: inline-flex;
    width: 6.4rem;
    height: 6.4rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-bg-soft);
    color: var(--ht-green);
    font-size: 2.6rem;
}
.ht-guide-page .ht-guide-kicker {
    margin: 0 0 1rem;
    color: var(--ht-gold);
    font-size: 1.2rem;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 0.18em;
}
.ht-guide-page .ht-guide-card h1 {
    margin: 0;
    color: var(--ht-text);
    font-size: clamp(2.6rem, 4vw, 3.4rem);
    font-weight: var(--ht-font-weight-bold);
    line-height: var(--ht-line-height-title);
}
.ht-guide-page .ht-guide-card h1::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.3rem;
    margin: 1.6rem auto 0;
    border-radius: 99px;
    background: var(--ht-gold-light);
}
.ht-guide-page .ht-guide-description {
    max-width: 52rem;
    margin: 2rem auto 0;
    color: var(--ht-text-soft);
    font-size: 1.6rem;
    line-height: var(--ht-line-loose);
}
.ht-guide-page .ht-guide-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 3.2rem;
}
.ht-guide-page .ht-guide-button {
    display: inline-flex;
    min-width: 17rem;
    min-height: 4.6rem;
    padding: 1.1rem 2.4rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--ht-radius-btn);
    font-size: 1.5rem;
    font-weight: var(--ht-font-weight-bold);
    line-height: 1.5;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.ht-guide-page .ht-guide-button:hover,
.ht-guide-page .ht-guide-button:focus {
    transform: translateY(-0.2rem);
}
.ht-guide-page .ht-guide-button-primary {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}
.ht-guide-page .ht-guide-button-primary:hover,
.ht-guide-page .ht-guide-button-primary:focus {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
    color: #fff;
}
.ht-guide-page .ht-guide-button-secondary {
    border-color: var(--ht-border);
    background: transparent;
    color: var(--ht-green);
}
.ht-guide-page .ht-guide-button-secondary:hover,
.ht-guide-page .ht-guide-button-secondary:focus {
    border-color: var(--ht-green);
    background: var(--ht-bg-soft);
    color: var(--ht-green-dark);
}

@media (max-width: 640px) {
    .ht-page.ht-guide-page {
        min-height: 44rem;
        padding: 3.2rem 0 4.8rem;
    }
    .ht-guide-page .ht-guide-card {
        padding: 3.2rem 1.8rem;
    }
    .ht-guide-page .ht-guide-actions {
        flex-direction: column;
    }
    .ht-guide-page .ht-guide-button {
        width: 100%;
    }
}

/* ========================================================================== 
 * MemberTier Application：仅统一认证会员申请页视觉。
 * 原表单字段、地区联动、提交接口与状态判断均由主题覆盖模板原样保留。
 * ========================================================================== */
.ht-page.ht-member-application-page {
    min-height: 60rem;
    padding: var(--ht-space-lg) 0 var(--ht-space-xl);
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}
.ht-page.ht-member-application-page > .ht-container {
    width: 100%;
    max-width: var(--ht-container-max);
}
.ht-member-application-page .ht-member-application-header {
    margin-bottom: var(--ht-space-lg);
    text-align: center;
}
.ht-member-application-page .ht-member-application-kicker {
    margin: 0 0 1rem;
    color: var(--ht-gold);
    font-size: 1.2rem;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 0.18em;
}
.ht-member-application-page .ht-member-application-header h1 {
    margin: 0;
    color: var(--ht-text);
    font-size: clamp(2.8rem, 4vw, 3.6rem);
    font-weight: var(--ht-font-weight-bold);
    line-height: var(--ht-line-height-title);
}
.ht-member-application-page .ht-member-application-header h1::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.3rem;
    margin: 1.6rem auto 0;
    border-radius: 99px;
    background: var(--ht-gold-light);
}
.ht-member-application-page .ht-member-application-header > p:last-child {
    margin: 1.6rem 0 0;
    color: var(--ht-text-soft);
    font-size: 1.6rem;
    line-height: var(--ht-line-loose);
}
.ht-member-application-page .ht-member-application-layout.user-main {
    width: 100%;
    max-width: none;
    margin: 0;
}
.ht-member-application-page .ht-member-application-content.user-content {
    min-width: 0;
}
.ht-member-application-page .ht-member-application-info,
.ht-member-application-page .ht-member-application-card {
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
}
.ht-member-application-page .ht-member-application-info {
    display: flex;
    gap: 1.6rem;
    margin-bottom: var(--ht-space-md);
    padding: 2rem 2.4rem;
    align-items: flex-start;
}
.ht-member-application-page .ht-member-application-info-icon {
    display: inline-flex;
    flex: 0 0 4.4rem;
    height: 4.4rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-bg-soft);
    color: var(--ht-green);
    font-size: 2rem;
}
.ht-member-application-page .ht-member-application-info h2,
.ht-member-application-page .ht-member-application-card h2 {
    margin: 0;
    color: var(--ht-text);
    font-size: 2rem;
    font-weight: var(--ht-font-weight-bold);
}
.ht-member-application-page .ht-member-application-info p {
    margin: 0.8rem 0 0;
    color: var(--ht-text-soft);
    line-height: var(--ht-line-body);
}
.ht-member-application-page .ht-member-application-card {
    overflow: hidden;
    padding: clamp(2.4rem, 4vw, 4.8rem);
}
.ht-member-application-page .ht-member-application-card-header {
    display: flex;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 2.8rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid var(--ht-border);
}
.ht-member-application-page .ht-member-application-card-header p {
    margin: 0;
    color: var(--ht-text-soft);
    font-size: 1.3rem;
}
.ht-member-application-page .ht-member-application-card-header p span,
.ht-member-application-page .am-form-group-label-tips-must {
    color: var(--ht-gold);
}
.ht-member-application-page .ht-member-application-form {
    max-width: 76rem;
}
.ht-member-application-page .ht-member-application-form .am-form-group {
    margin-bottom: 2.2rem;
}
.ht-member-application-page .ht-member-application-form .am-form-group > label:first-child {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--ht-text);
    font-weight: var(--ht-font-weight-bold);
}
.ht-member-application-page .ht-member-application-form input[type="text"],
.ht-member-application-page .ht-member-application-form input[type="tel"],
.ht-member-application-page .ht-member-application-form select,
.ht-member-application-page .ht-member-application-form textarea {
    min-height: 4.4rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-btn-sm);
    background: #fff;
    color: var(--ht-text);
    font-size: 1.5rem;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ht-member-application-page .ht-member-application-form textarea {
    min-height: 12rem;
    resize: vertical;
}
.ht-member-application-page .ht-member-application-form input:focus,
.ht-member-application-page .ht-member-application-form select:focus,
.ht-member-application-page .ht-member-application-form textarea:focus {
    border-color: var(--ht-green);
    box-shadow: 0 0 0 3px rgba(31,75,63,0.1);
}
.ht-member-application-page .ht-member-application-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-bottom: 1rem;
}
.ht-member-application-page .ht-member-application-radio-group .am-radio-inline {
    margin: 0;
    color: var(--ht-text);
}
.ht-member-application-page .ht-member-application-help {
    margin-top: 0.8rem;
    color: var(--ht-text-soft);
    line-height: var(--ht-line-body);
}
.ht-member-application-page .ht-member-application-submit.am-btn-primary {
    min-width: 18rem;
    min-height: 4.6rem;
    padding: 1rem 2.8rem;
    border-color: var(--ht-green);
    border-radius: var(--ht-radius-btn);
    background: var(--ht-green);
    color: #fff;
    font-size: 1.5rem;
    font-weight: var(--ht-font-weight-bold);
}
.ht-member-application-page .ht-member-application-submit.am-btn-primary:hover,
.ht-member-application-page .ht-member-application-submit.am-btn-primary:focus {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
    color: #fff;
}
.ht-member-application-page .ht-member-application-status {
    display: flex;
    gap: 1.8rem;
    padding: clamp(2.4rem, 5vw, 4.8rem);
    border: 1px solid var(--ht-gold-light);
    border-radius: var(--ht-radius-card-sm);
    background: var(--ht-bg-soft);
    align-items: flex-start;
}
.ht-member-application-page .ht-member-application-status-icon {
    display: inline-flex;
    flex: 0 0 5.2rem;
    height: 5.2rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-green);
    color: #fff;
    font-size: 2.2rem;
}
.ht-member-application-page .ht-member-application-status p {
    margin: 1rem 0 0;
    color: var(--ht-text-soft);
    font-size: 1.5rem;
    line-height: var(--ht-line-loose);
}
.ht-member-application-page .ht-member-application-status strong {
    color: var(--ht-green);
}

@media (max-width: 768px) {
    .ht-page.ht-member-application-page {
        padding: var(--ht-space-md) 0 var(--ht-space-lg);
    }
    .ht-member-application-page .ht-member-application-card-header,
    .ht-member-application-page .ht-member-application-status {
        flex-direction: column;
    }
    .ht-member-application-page .ht-member-application-submit.am-btn-primary {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ht-member-application-page .ht-member-application-info {
        padding: 1.8rem;
    }
    .ht-member-application-page .ht-member-application-card {
        padding: 2.4rem 1.8rem;
    }
}

/* ========================================================================== 
 * HealthPay：主题覆盖页视觉。状态接口、轮询脚本和支付数据均保持原逻辑。
 * ========================================================================== */
.ht-page.ht-healthpay-page {
    min-height: 60rem;
    padding: var(--ht-space-lg) 0 var(--ht-space-xl);
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}

.ht-page.ht-healthpay-page > .ht-container {
    width: 100%;
    max-width: var(--ht-container-max);
}

.ht-healthpay-page .ht-healthpay-header {
    margin-bottom: var(--ht-space-lg);
    text-align: center;
}

.ht-healthpay-page .ht-healthpay-kicker {
    margin: 0 0 1rem;
    color: var(--ht-gold);
    font-size: 1.2rem;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 0.18em;
}

.ht-healthpay-page .ht-healthpay-header h1 {
    margin: 0;
    color: var(--ht-text);
    font-size: clamp(2.8rem, 4vw, 3.6rem);
    font-weight: var(--ht-font-weight-bold);
    line-height: var(--ht-line-height-title);
}

.ht-healthpay-page .ht-healthpay-header h1::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.3rem;
    margin: 1.6rem auto 0;
    border-radius: 99px;
    background: var(--ht-gold-light);
}

.ht-healthpay-page .ht-healthpay-header > p:last-child {
    margin: 1.6rem 0 0;
    color: var(--ht-text-soft);
    font-size: 1.6rem;
    line-height: var(--ht-line-loose);
}

.ht-healthpay-page .ht-healthpay-card {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    padding: clamp(2.8rem, 5vw, 4.8rem);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
    text-align: center;
}

.ht-healthpay-page .ht-healthpay-channel-icon {
    display: inline-flex;
    width: 5.6rem;
    height: 5.6rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.4rem;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-bg-soft);
    color: var(--ht-green);
    font-size: 2.4rem;
}

.ht-healthpay-page .ht-healthpay-card-label,
.ht-healthpay-page .ht-healthpay-amount-label {
    margin: 0;
    color: var(--ht-text-soft);
    font-size: 1.3rem;
}

.ht-healthpay-page .ht-healthpay-card h2 {
    margin: 0.6rem 0 2.4rem;
    color: var(--ht-text);
    font-size: 2.4rem;
    font-weight: var(--ht-font-weight-bold);
}

.ht-healthpay-page .ht-healthpay-card .price {
    margin: 0.6rem 0 2.4rem;
    color: var(--ht-gold);
    font-size: clamp(3.2rem, 6vw, 4.2rem);
    font-weight: var(--ht-font-weight-bold);
    line-height: 1.25;
}

.ht-healthpay-page .ht-healthpay-qr-frame {
    width: 30.4rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.2rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card-sm);
    background: #fff;
    box-shadow: 0 0.8rem 2.4rem rgba(31,75,63,0.08);
}

.ht-healthpay-page .ht-healthpay-qr-frame .qr {
    display: block;
    width: 28rem;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.ht-healthpay-page .ht-healthpay-status-card {
    display: flex;
    gap: 1rem;
    margin-top: 2.4rem;
    padding: 1.4rem 1.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card-sm);
    background: var(--ht-bg-soft);
}

.ht-healthpay-page .ht-healthpay-status-dot {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 0.9rem;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-gold);
    box-shadow: 0 0 0 0.4rem rgba(184,138,62,0.14);
}

.ht-healthpay-page .ht-healthpay-status-card #status {
    margin: 0;
    color: var(--ht-text-soft);
    font-size: 1.5rem;
    line-height: var(--ht-line-body);
}

.ht-healthpay-page #order-link-wrap {
    margin: 2.4rem 0 0;
}

.ht-healthpay-page #order-link.order-link {
    display: inline-flex;
    min-width: 17rem;
    min-height: 4.6rem;
    padding: 1rem 2.4rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ht-green);
    border-radius: var(--ht-radius-btn);
    background: var(--ht-green);
    color: #fff;
    font-size: 1.5rem;
    font-weight: var(--ht-font-weight-bold);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.ht-healthpay-page #order-link.order-link:hover,
.ht-healthpay-page #order-link.order-link:focus {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
    color: #fff;
    transform: translateY(-0.2rem);
}

@media (max-width: 640px) {
    .ht-page.ht-healthpay-page {
        padding: var(--ht-space-md) 0 var(--ht-space-lg);
    }

    .ht-healthpay-page .ht-healthpay-card {
        padding: 2.8rem 1.8rem;
    }

    .ht-healthpay-page .ht-healthpay-qr-frame {
        width: 29rem;
    }

    .ht-healthpay-page #order-link.order-link {
        width: 100%;
    }
}

/* ========================================================================== 
 * Health Result Success：全站公共成功结果页，仅限定 .ht-result-page。
 * ========================================================================== */
.ht-page.ht-result-page {
    min-height: 52rem;
    padding: clamp(4.8rem, 8vw, 9.6rem) 0;
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}

.ht-page.ht-result-page > .ht-container {
    width: 100%;
    max-width: var(--ht-container-max);
}

.ht-result-page .ht-result-card {
    width: 100%;
    max-width: 68rem;
    margin: 0 auto;
    padding: clamp(3.2rem, 6vw, 6.4rem);
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
    text-align: center;
}

.ht-result-page .ht-result-icon {
    display: inline-flex;
    width: 7.2rem;
    height: 7.2rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    border-radius: var(--ht-radius-circle);
    background: var(--ht-bg-soft);
}

.ht-result-page.ht-result-success .ht-result-icon {
    color: var(--ht-green);
}

.ht-result-page .ht-result-icon i {
    font-size: 3.8rem;
    line-height: 1;
}

.ht-result-page .ht-result-kicker {
    margin: 0 0 1rem;
    color: var(--ht-gold);
    font-size: 1.2rem;
    font-weight: var(--ht-font-weight-bold);
    letter-spacing: 0.18em;
}

.ht-result-page .ht-result-card h1 {
    margin: 0;
    color: var(--ht-text);
    font-size: clamp(2.8rem, 4vw, 3.6rem);
    font-weight: var(--ht-font-weight-bold);
    line-height: var(--ht-line-height-title);
}

.ht-result-page .ht-result-card h1::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.3rem;
    margin: 1.6rem auto 0;
    border-radius: 99px;
    background: var(--ht-gold-light);
}

.ht-result-page .ht-result-card .msg {
    display: block;
    margin: 2rem auto 0;
    color: var(--ht-text-soft);
    font-size: 1.8rem;
    line-height: var(--ht-line-loose);
    overflow-wrap: anywhere;
}

.ht-result-page .ht-result-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 3.2rem;
}

.ht-result-page .ht-result-actions .ht-result-button {
    display: inline-flex;
    min-width: 16rem;
    min-height: 4.6rem;
    margin: 0;
    padding: 1rem 2.4rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--ht-radius-btn);
    font-size: 1.5rem;
    font-weight: var(--ht-font-weight-bold);
    line-height: 1.5;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.ht-result-page .ht-result-actions .ht-result-button:hover,
.ht-result-page .ht-result-actions .ht-result-button:focus {
    transform: translateY(-0.2rem);
}

.ht-result-page .ht-result-actions .ht-result-button-primary {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}

.ht-result-page .ht-result-actions .ht-result-button-primary:hover,
.ht-result-page .ht-result-actions .ht-result-button-primary:focus {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
    color: #fff;
}

.ht-result-page .ht-result-actions .ht-result-button-secondary {
    border-color: var(--ht-border);
    background: transparent;
    color: var(--ht-green);
}

.ht-result-page .ht-result-actions .ht-result-button-secondary:hover,
.ht-result-page .ht-result-actions .ht-result-button-secondary:focus {
    border-color: var(--ht-green);
    background: var(--ht-bg-soft);
    color: var(--ht-green-dark);
}

.ht-result-page.ht-logout-result-page .ht-logout-home-button {
    border-color: var(--ht-gold);
    background: var(--ht-gold);
    color: var(--ht-green-dark);
}

.ht-result-page.ht-logout-result-page .ht-logout-home-button:hover,
.ht-result-page.ht-logout-result-page .ht-logout-home-button:focus {
    border-color: var(--ht-gold-light);
    background: var(--ht-gold-light);
    color: var(--ht-green-dark);
}

@media (max-width: 640px) {
    .ht-page.ht-result-page {
        min-height: 44rem;
        padding: 3.2rem 0 4.8rem;
    }

    .ht-result-page .ht-result-card {
        padding: 3.2rem 1.8rem;
    }

    .ht-result-page .ht-result-actions {
        flex-direction: column;
    }

    .ht-result-page .ht-result-actions .ht-result-button {
        width: 100%;
    }
}

/* Health Result Error：共享错误状态的视觉差异，仍限定在 Result Shell 内。 */
.ht-result-page.ht-result-error .ht-result-icon {
    background: #fbefe9;
    color: #b45745;
}

.ht-result-page.ht-result-error .ht-result-kicker {
    color: var(--ht-gold);
}

/* ========================================================================== 
 * Health 用户中心公共 Shell：由 salestheme/public/user_menu.html 添加视觉 class。
 * 全部规则限定在 .ht-user-shell，不修改全局 user-main/user-content/am-container。
 * ========================================================================== */
.ht-user-shell {
    display: flow-root;
    width: calc(100% - 4.8rem);
    max-width: var(--ht-container-max);
    min-height: 52rem;
    margin: var(--ht-space-lg) auto var(--ht-space-xl);
    padding: var(--ht-space-md);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg);
    color: var(--ht-text);
    font-family: var(--ht-font-family);
}

.ht-user-shell .ht-user-sidebar {
    width: 21rem;
}

.ht-user-shell .ht-user-sidebar-card {
    overflow: hidden;
    padding: 1.2rem 1.6rem;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white) !important;
    box-shadow: var(--ht-shadow-soft);
}

.ht-user-shell .ht-user-nav > li {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--ht-border);
    background: transparent !important;
}

.ht-user-shell .ht-user-nav > li:last-child {
    border-bottom: 0;
}

.ht-user-shell .ht-user-nav li > a {
    border-radius: var(--ht-radius-btn-sm);
    color: var(--ht-text-soft);
    transition: color 0.2s ease, background 0.2s ease;
}

.ht-user-shell .ht-user-nav li > a:hover,
.ht-user-shell .ht-user-nav li > a:focus {
    background: var(--ht-bg-soft) !important;
    color: var(--ht-green);
}

.ht-user-shell .ht-user-nav li.am-active > a {
    background: var(--ht-bg-soft) !important;
    color: var(--ht-green);
    font-weight: var(--ht-font-weight-bold);
}

.ht-user-shell .ht-user-nav > li.am-active {
    border-left-color: var(--ht-gold);
}

.ht-user-shell .ht-user-nav li.am-active > a .iconfont,
.ht-user-shell .ht-user-nav li > a:hover .iconfont {
    color: var(--ht-green);
}

.ht-user-shell .ht-user-content {
    min-width: 0;
    padding-left: var(--ht-space-md);
}

.ht-user-shell .ht-user-content > .user-content-body {
    min-height: 48rem;
    overflow: hidden;
    border: 1px solid var(--ht-border);
    border-radius: var(--ht-radius-card);
    background: var(--ht-bg-white);
    box-shadow: var(--ht-shadow-soft);
}

.ht-user-shell .ht-user-title {
    min-height: 4.8rem;
    margin: 0 0 var(--ht-space-md);
    padding: 0 0 var(--ht-space-sm);
    border-bottom: 1px solid var(--ht-border);
}

.ht-user-shell .ht-user-title-text,
.ht-user-shell .ht-user-content .user-content-body > h1,
.ht-user-shell .ht-user-content .user-content-body > h2,
.ht-user-shell .ht-user-content .user-content-body > h3 {
    margin: 0;
    color: var(--ht-text);
    font-size: var(--ht-font-size-h3);
    font-weight: var(--ht-font-weight-bold);
}

.ht-user-shell .ht-user-title-action {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 3.2rem;
    color: var(--ht-green) !important;
    font-weight: var(--ht-font-weight-bold);
    text-decoration: none;
}

.ht-user-shell .ht-user-title-action:hover,
.ht-user-shell .ht-user-title-action:focus {
    color: var(--ht-green-dark) !important;
}

.ht-user-shell .ht-user-title-separator {
    color: var(--ht-border) !important;
}

.ht-user-shell .ht-user-content .am-btn-primary {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
}

.ht-user-shell .ht-user-content .am-btn-primary:hover,
.ht-user-shell .ht-user-content .am-btn-primary:focus {
    border-color: var(--ht-green-dark);
    background: var(--ht-green-dark);
    color: #fff;
}

.ht-user-shell .ht-user-menu-toggle {
    border-color: var(--ht-green);
    background: var(--ht-green);
    color: #fff;
    box-shadow: 0 0.8rem 2.4rem rgba(31,75,63,0.2);
}

@media only screen and (max-width: 640px) {
    .ht-user-shell {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 1.2rem;
        border-radius: 0;
    }

    .ht-user-shell .ht-user-sidebar {
        width: inherit;
    }

    .ht-user-shell .ht-user-sidebar-card {
        border-radius: 0 var(--ht-radius-card) var(--ht-radius-card) 0;
    }

    .ht-user-shell .ht-user-content {
        padding-left: 0;
    }

    .ht-user-shell .ht-user-content > .user-content-body {
        min-height: 0;
    }

    .ht-user-shell .ht-user-title {
        min-height: 4.4rem;
    }

    .ht-user-shell .ht-user-title-text {
        font-size: var(--ht-font-size-h4);
    }
}

/* Mobile purchase entry keeps the same server-provided access capabilities. */
.sales-mobile-shopping{display:none}
@media(max-width:640px){
 .sales-mobile-shopping{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#f1f6f3;border-bottom:1px solid #dae5df}
 .sales-mobile-shopping a{flex:1;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;color:#174f3c;background:#fff;border-radius:8px;font-size:15px}
 .ht-buy-page input:not([type=checkbox]):not([type=radio]),.ht-buy-page select,.ht-buy-page textarea{font-size:16px;min-height:44px}
 .ht-buy-page .buy-submit{min-height:48px;font-size:16px}
 .ht-buy-page .supply-shipping-options label{white-space:normal;min-height:44px;display:flex;align-items:center;gap:8px}
 .ht-buy-page .buy-order-nav{padding-bottom:env(safe-area-inset-bottom)}
 .ht-buy-page .supply-shipping-panel{overflow-wrap:anywhere}
 .ht-buy-page .supply-shipping-panel .am-panel-bd{padding:12px}
}
.mobile-checkout-guide{padding:14px 16px;margin:16px 0;background:#f1f6f3;border-radius:10px;color:#174f3c}.mobile-checkout-guide p{margin:6px 0 0;line-height:1.7}@media(max-width:640px){.ht-buy-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.ht-buy-page textarea{width:100%;max-width:100%}.ht-buy-page .buy-order-nav{z-index:20}.mobile-checkout-guide{font-size:14px}.mobile-review a.am-btn{min-height:44px}}