@charset "utf-8";

:root {
    --color-main: #0f766e;
    --color-price: #e5484d;
    --color-red: #e5484d;
    --border-radius: 0.8rem;
    --border-radius-sm: 0.4rem;
    --border-radius-lg: 0.8rem;
    --gm-ink: #1f2937;
    --gm-muted: #64748b;
    --gm-line: #e5e7eb;
    --gm-soft: #f6f7f9;
    --gm-card: #ffffff;
    --gm-accent: #2563eb;
    --gm-warm: #f97316;
}

html,
body {
    background: var(--gm-soft);
}

body {
    color: var(--gm-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    letter-spacing: 0;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
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 {
    font-family: inherit;
}

a {
    color: var(--gm-ink);
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

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

.am-btn-primary,
.am-btn-secondary,
.am-btn-success {
    border-radius: 0.6rem;
    border-color: transparent;
    box-shadow: none;
}

.am-btn-primary {
    background: var(--color-main);
}

.am-btn-secondary {
    background: var(--gm-accent);
}

.am-btn-success {
    background: #16a34a;
}

.am-btn-primary:hover,
.am-btn-primary:focus {
    background: #0b5f59;
}

.am-container {
    max-width: 122rem;
}

.body-content-formal-container {
    background:
        linear-gradient(180deg, #ffffff 0, #ffffff 18rem, var(--gm-soft) 18rem, var(--gm-soft) 100%);
}

.header-top,
.top-nav-right {
    height: 3.6rem;
    line-height: 3.6rem;
    background: #111827;
    border-bottom: 0;
    color: #d1d5db;
}

.header-top a,
.header-top em,
.header-top span,
.header-top i,
.top-nav-right a,
.top-nav-right span,
.top-nav-right i {
    color: #d1d5db;
}

.header-top .site-name {
    color: #ffffff;
    font-weight: 600;
}

.header-top a:hover,
.header-top a:focus {
    color: #ffffff;
}

.header-top .top-nav-items .menu-hd {
    padding: 0 0.8rem;
}

.header-top .am-badge,
.header-top .am-badge-tips {
    background: var(--gm-warm);
    border: 0;
}

.header-top ul.am-dropdown-content {
    border: 0;
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, 0.16);
}

.nav-search {
    padding: 2.2rem 0 1.7rem;
    background: #ffffff;
}

.nav-search > .am-container {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.nav-search .logo-big {
    width: 17rem;
    min-width: 17rem;
    height: auto;
}

.nav-search .logo-big a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.nav-search .logo-big img {
    max-height: 5rem;
    width: auto;
    max-width: 100%;
}

.nav-search .search-bar {
    width: min(64rem, calc(100% - 22rem));
    max-width: none;
    height: auto;
    display: block;
}

.nav-search .search-bar form .search-group {
    display: flex;
    align-items: center;
    height: 4.4rem;
    overflow: hidden;
    border: 0.1rem solid #d1d5db;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0.8rem 2.2rem rgba(15, 23, 42, 0.06);
}

.nav-search .search-bar form .search-group:focus-within {
    border-color: var(--color-main);
    box-shadow: 0 0 0 0.3rem rgba(15, 118, 110, 0.12);
}

.nav-search .search-bar input {
    flex: 1;
    width: auto;
    height: 4.2rem;
    padding: 0 1.4rem;
    font-size: 1.4rem !important;
    color: var(--gm-ink);
    background: transparent;
}

.nav-search #ai-topsearch {
    position: static;
    width: 11rem;
    height: 4.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    background: var(--color-main);
}

.search-hot-keywords {
    display: block;
    height: auto;
    margin-top: 0.9rem;
    padding-left: 0;
}

.search-hot-keywords li a {
    display: inline-flex;
    align-items: center;
    height: 2.4rem;
    padding: 0 0.9rem;
    border-radius: 2.4rem;
    background: #f1f5f9;
    color: var(--gm-muted);
}

.search-hot-keywords li a:hover {
    background: rgba(15, 118, 110, 0.1);
}

.shop-navigation {
    min-height: 4.8rem;
    border-bottom: 0;
    background: #ffffff;
    box-shadow: 0 0.1rem 0 rgba(15, 23, 42, 0.08);
}

.shop-navigation .am-container {
    display: flex;
    align-items: center;
}

.goods-category-title {
    height: 4.8rem;
    min-width: 16rem;
    padding: 0 1.6rem;
    border-radius: 0.8rem 0.8rem 0 0;
    background: #111827;
    color: #ffffff;
}

.goods-category-title .all-goods {
    line-height: 4.8rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
}

.shop-navigation .am-topbar-collapse {
    flex: 1;
}

.shop-navigation .am-nav > li > a {
    margin: 0.5rem 0.2rem;
    padding: 0.8rem 1.3rem;
    border-radius: 0.7rem;
    font-size: 1.5rem;
    color: #374151;
}

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

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

#goods-category {
    top: 0;
}

#goods-category .category-content {
    border-radius: 0 0 0.8rem 0.8rem;
    border: 0.1rem solid var(--gm-line);
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, 0.1);
}

.slideall {
    margin-top: 1.6rem;
}

.banner {
    border-radius: 0.8rem;
    overflow: hidden;
    background: #e5e7eb;
}

.banner .am-slider {
    box-shadow: none;
}

.banner .am-slider .am-slides li img {
    border-radius: 0;
}

.banner-mixed {
    border: 0;
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.1);
}

.banner-news-title {
    color: var(--gm-ink);
}

.small-nav {
    margin: 1.2rem 0;
    padding: 1.2rem;
    border-radius: 0.8rem;
    background: #ffffff;
    border: 0.1rem solid var(--gm-line);
}

.small-nav .am-u-sm-3 {
    margin-top: 0;
    padding: 0.5rem;
}

.small-nav .nav-icon {
    width: 5.6rem;
    height: 5.6rem;
    max-width: 5.6rem;
    max-height: 5.6rem;
    padding: 1rem;
    border-radius: 0.8rem;
    background: #f8fafc;
    border: 0.1rem solid #edf2f7;
}

.small-nav .mini-nav-title {
    color: #334155;
    font-weight: 500;
}

.floor {
    margin-top: 1.8rem;
}

.floor .aggregation-container {
    border-radius: 0.8rem;
}

.floor .aggregation img {
    border-radius: 0.8rem;
}

.aggregation .word {
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.88);
}

.word .outer {
    border-radius: 0.5rem;
    border-color: rgba(15, 23, 42, 0.12);
    color: #475569;
}

.module-goods-container .base-nav {
    min-height: 5.2rem;
}

.module-goods-container .base-nav .base-nav-title {
    position: relative;
    padding-left: 1.2rem;
    color: var(--gm-ink);
    font-size: 2.2rem;
    font-weight: 700;
}

.module-goods-container .base-nav .base-nav-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    width: 0.4rem;
    height: 1.8rem;
    border-radius: 0.4rem;
    background: var(--color-main);
}

.module-goods-container .base-nav .base-nav-desc {
    color: var(--gm-muted);
}

.module-goods-container .base-nav-keywords a,
.module-goods-container .base-nav .base-nav-more a {
    color: var(--gm-muted);
}

.module-goods-container .base-nav-keywords a:hover,
.module-goods-container .base-nav .base-nav-more a:hover {
    color: var(--color-main);
}

.module-goods-grid-base {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.module-goods-grid-base > ul[class*="am-avg-"] {
    display: flex;
    flex-wrap: wrap;
    margin: -0.7rem;
}

.module-goods-grid-base > ul[class*="am-avg-"] > li {
    padding: 0.7rem;
}

.module-goods-grid-base .item {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0.1rem solid var(--gm-line) !important;
    border-radius: 0.8rem !important;
    background: var(--gm-card) !important;
    box-shadow: 0 0.5rem 1.4rem rgba(15, 23, 42, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.module-goods-grid-base .item::before {
    display: none !important;
}

.module-goods-grid-base .item.box-shadow-hover:hover {
    transform: translateY(-0.3rem);
    border-color: rgba(15, 118, 110, 0.32) !important;
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.1);
}

.module-goods-grid-base .item .goods-info,
.module-goods-grid-base .item > a.goods-info {
    display: block;
    padding: 0;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0.8rem 0.8rem 0 0 !important;
    background: #f8fafc !important;
}

.module-goods-grid-base .item img,
.module-goods-grid-base .item .goods-images.am-radius {
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.module-goods-grid-base .item:hover img {
    transform: scale(1.035);
}

.module-goods-grid-base .item .price-content {
    padding: 1.2rem 1.2rem 1.4rem;
}

.module-goods-grid-base .item .price {
    text-align: left;
}

.module-goods-grid-base .item .price strong {
    color: var(--color-price);
    font-size: 2rem;
    font-weight: 700;
}

.module-goods-grid-base .item .goods-title,
.module-goods-grid-base .item .goods-title a {
    color: #111827;
    font-size: 1.38rem;
    line-height: 1.45;
    font-weight: 500;
}

.module-goods-grid-base .item .goods-title {
    margin-top: 0.7rem;
}

.module-goods-grid-base .item .original-price {
    color: #94a3b8;
}

.module-goods-grid-base .item .item-bottom {
    min-height: 7.4rem;
    padding: 1.2rem;
}

.module-goods-grid-base .item .item-bottom .price-content {
    padding: 0;
}

.module-goods-grid-base .item .item-bottom .buy-btn {
    min-width: 6.8rem;
    border-radius: 0.6rem;
    background: #111827;
}

.module-goods-list-base .item,
.search-content,
.cart-content,
.buy-items,
.user-content-body,
.plugins-admin-content {
    border: 0.1rem solid var(--gm-line);
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0.6rem 1.8rem rgba(15, 23, 42, 0.05);
}

.module-goods-list-base .item {
    padding: 1rem;
}

.module-goods-list-base .item .goods-info,
.module-goods-list-base .item .goods-info img {
    border-radius: 0.7rem;
}

.system-goods-detail {
    max-width: 122rem;
    margin: 1.8rem auto 0;
}

.goods-detail-container,
.goods-detail-base,
.tb-detail-container,
.tb-detail-panel-base,
.goods-buy-nav,
.goods-content,
.detail-content,
.goods-comments,
.goods-recommended-container {
    border-radius: 0.8rem;
}

.tb-detail-hd h1 {
    color: #111827;
    font-weight: 700;
    line-height: 1.35;
}

.simple-desc {
    color: var(--gm-muted);
}

.tb-detail-panel-base .tb-detail-panel-top-price-content {
    padding: 2rem;
    border: 0.1rem solid rgba(229, 72, 77, 0.18);
    border-radius: 0.8rem;
    background:
        linear-gradient(135deg, rgba(229, 72, 77, 0.08), rgba(249, 115, 22, 0.08)),
        #fff7ed;
}

.tb-detail-price-content .goods-sale-price .goods-sale-price-value {
    color: var(--color-price);
    font-size: 3rem;
    font-weight: 800;
}

.tb-detail-price-content .price-icon {
    border-radius: 0.5rem;
    background: #111827;
}

.buy-spec-info-container .sku-items li,
.buy-spec-info-container .sku-items a,
.spec-images-list li,
.spec-dont-images-list li {
    border-radius: 0.6rem !important;
}

.goods-buy-submit,
.goods-cart-submit,
.cart-submit,
.buy-submit,
.login-event {
    border-radius: 0.7rem;
}

.cart-content table {
    border-collapse: separate;
    border-spacing: 0;
}

.cart-content table tr {
    background: #ffffff;
}

.cart-content table tr td {
    border-bottom-color: var(--gm-line);
}

.cart-nav {
    border-radius: 0.8rem;
    border: 0.1rem solid var(--gm-line);
    background: #ffffff;
    box-shadow: 0 0.8rem 2rem rgba(15, 23, 42, 0.06);
}

.mobile-navigation {
    border-top-color: rgba(148, 163, 184, 0.28);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 -0.8rem 2.4rem rgba(15, 23, 42, 0.08);
}

.mobile-navigation li a {
    color: #64748b;
}

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

.am-footer-default,
.footer-base-content {
    background: #111827;
    color: #cbd5e1;
}

.am-footer-default a,
.footer-base-content a,
.am-footer-default b,
.footer-base-content b {
    color: #e5e7eb;
}

.am-footer-miscs,
.am-footer-miscs .am-container {
    background: #0b1220;
}

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

    .shop-navigation .am-nav-pills {
        display: flex;
        align-items: center;
        gap: 0.2rem;
    }

    .banner .am-slider,
    .banner .am-slider .am-slides li {
        height: 42rem;
    }

    .banner-mixed {
        right: 1.8rem;
        top: -39rem;
        width: 24rem;
    }
}

@media only screen and (max-width: 1024px) {
    .body-content-formal-container {
        background: var(--gm-soft);
    }

    .shop-navigation {
        padding-top: 0;
    }

    .shop-navigation .am-container {
        display: block;
    }

    .shop-navigation .am-topbar-nav {
        padding: 0.6rem 1rem;
    }

    .floor .goods-list {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media only screen and (max-width: 640px) {
    body {
        background: #f3f4f6;
    }

    .header-top,
    .top-nav-right {
        height: 4.8rem;
        line-height: 4.8rem;
        background: #ffffff;
        color: var(--gm-ink);
        box-shadow: 0 0.1rem 0 rgba(15, 23, 42, 0.08);
    }

    .header-top a,
    .header-top em,
    .header-top span,
    .header-top i,
    .top-nav-right a,
    .top-nav-right span,
    .top-nav-right i {
        color: var(--gm-ink);
    }

    .header-top .top-nav-left.am-show-sm-only {
        height: 4.8rem;
        padding-left: 1.2rem;
    }

    .header-top .top-nav-left.am-show-sm-only img {
        max-height: 3.2rem;
        width: auto;
        vertical-align: middle;
    }

    .shop-navigation {
        padding: 0 1rem 1rem;
        background: #ffffff;
        box-shadow: 0 0.4rem 1.6rem rgba(15, 23, 42, 0.06);
    }

    .shop-navigation .switch-submit {
        width: 3.8rem;
        height: 3.8rem;
        margin-top: 1rem;
        border-radius: 0.8rem;
        background: #f1f5f9;
        color: var(--gm-ink);
    }

    .shop-navigation .navigation-search {
        width: calc(100% - 4.8rem);
        margin: 1rem 0 0;
    }

    .shop-navigation .navigation-search > .am-input-group {
        height: 3.8rem;
        overflow: hidden;
        border: 0.1rem solid #dbe3ec;
        border-radius: 0.8rem;
        background: #f8fafc;
    }

    .shop-navigation .navigation-search input {
        height: 3.8rem;
        border: 0;
        background: transparent;
        font-size: 1.3rem !important;
    }

    .shop-navigation .navigation-search .am-btn {
        height: 3.8rem;
        background: #f8fafc;
        color: var(--color-main) !important;
    }

    .shop-navigation .am-topbar-collapse {
        margin-top: 1rem;
        border: 0;
        border-radius: 0.8rem;
        background: #f8fafc;
        box-shadow: inset 0 0 0 0.1rem #e5e7eb;
    }

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

    .shop-navigation .am-nav > li > a {
        margin: 0;
        padding: 1.1rem 1.2rem;
        border-radius: 0;
        font-size: 1.4rem;
    }

    .slideall {
        margin-top: 1rem;
        padding: 0 1rem;
        border-bottom: 0;
    }

    .banner {
        border-radius: 0.8rem;
    }

    .banner .am-slider .am-slides li img {
        height: 18rem;
    }

    .banner-mixed {
        margin: 1rem;
        padding: 0.7rem 1rem;
        background: #ffffff;
    }

    .small-nav {
        display: block;
        margin: 1rem;
        padding: 0.8rem;
        box-shadow: 0 0.4rem 1.4rem rgba(15, 23, 42, 0.05);
    }

    .small-nav .nav-icon {
        width: 4.8rem;
        height: 4.8rem;
        max-width: 4.8rem;
        max-height: 4.8rem;
        padding: 0.85rem;
    }

    .small-nav .mini-nav-title {
        font-size: 1.2rem;
    }

    .module-goods-container .base-nav {
        padding: 0 1rem;
    }

    .module-goods-container .base-nav .base-nav-title {
        margin: 1.4rem 0 0.6rem;
        font-size: 1.8rem;
    }

    .module-goods-container .base-nav .base-nav-desc {
        max-width: 58%;
        margin-top: 1.55rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.2rem;
    }

    .module-goods-grid-base {
        padding: 0 1rem 1rem !important;
    }

    .module-goods-grid-base > ul[class*="am-avg-"] {
        margin: -0.5rem;
    }

    .module-goods-grid-base > ul[class*="am-avg-"] > li {
        width: 50%;
        padding: 0.5rem;
    }

    .module-goods-grid-base .item {
        box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.06);
    }

    .module-goods-grid-base .item.box-shadow-hover:hover {
        transform: none;
        box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.06);
    }

    .module-goods-grid-base .item .price-content {
        padding: 0.9rem 0.9rem 1rem;
    }

    .module-goods-grid-base .item .goods-title,
    .module-goods-grid-base .item .goods-title a {
        font-size: 1.24rem;
        line-height: 1.38;
    }

    .module-goods-grid-base .item .price strong {
        font-size: 1.7rem;
    }

    .floor {
        margin-top: 0.8rem;
    }

    .floor .aggregation-container {
        width: calc(100% - 2rem);
        margin: 0 1rem;
    }

    .floor .goods-list {
        padding-left: 0;
        padding-right: 0;
    }

    .system-goods-detail {
        margin-top: 1rem;
        padding: 0 1rem;
    }

    .tb-detail-panel-base .tb-detail-panel-top-price-content {
        padding: 1.4rem;
    }

    .tb-detail-price-content .goods-sale-price .goods-sale-price-value {
        font-size: 2.4rem;
    }

    .cart-nav {
        left: 1rem;
        right: 1rem;
        width: auto;
        border-radius: 0.8rem;
    }

    .am-footer {
        padding-bottom: calc(7.4rem + env(safe-area-inset-bottom, 0px));
    }
}

/**
 * Stronger layout refresh
 */
.gm-hero-shell {
    margin-top: 0;
    padding: 2.2rem 0 3rem;
    background:
        linear-gradient(135deg, #f8fafc 0%, #eef7f6 46%, #fff7ed 100%);
}

.gm-hero-grid {
    display: grid;
    grid-template-columns: 21rem minmax(0, 1fr) 25rem;
    gap: 1.4rem;
    align-items: stretch;
}

.gm-hero-grid.gm-hero-no-panel {
    grid-template-columns: 22rem minmax(0, 1fr);
}

.gm-hero-category,
.gm-hero-banner,
.gm-hero-panel {
    min-width: 0;
}

.gm-hero-category #goods-category {
    display: block;
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.gm-hero-category #goods-category .goods-category-s,
.gm-hero-category #goods-category .category-content,
.gm-hero-category #goods-category .category,
.gm-hero-category #goods-category .category-list {
    height: 100%;
}

.gm-hero-category #goods-category .goods-category-title {
    width: 100%;
    height: 5.2rem;
    border-radius: 0.9rem 0.9rem 0 0;
    background: #0f172a;
}

.gm-hero-category #goods-category .goods-category-title .all-goods {
    line-height: 5.2rem;
}

.gm-hero-category #goods-category .category-content {
    display: block !important;
    overflow: visible;
    min-height: 39.8rem;
    border: 0;
    border-radius: 0 0 0.9rem 0.9rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1.6rem 3.8rem rgba(15, 23, 42, 0.1);
}

.gm-hero-category #goods-category .category-list > li {
    height: auto;
    min-height: 4.1rem;
    border-bottom: 0.1rem solid rgba(148, 163, 184, 0.18);
}

.gm-hero-category #goods-category .category-list {
    overflow-y: auto;
}

.gm-hero-category #goods-category .category-list > li:last-child {
    border-bottom: 0;
}

.gm-hero-category #goods-category .category-info {
    padding: 0.8rem 1rem;
}

.gm-hero-category #goods-category .category-name {
    color: #1f2937;
    font-weight: 600;
}

.gm-hero-category #goods-category .menu-item {
    left: 21rem;
    top: 0;
    min-height: 45rem;
    border: 0;
    border-radius: 0.9rem;
    box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.14);
}

.gm-hero-banner .banner {
    height: 45rem;
    border-radius: 1rem;
    box-shadow: 0 1.6rem 4rem rgba(15, 23, 42, 0.13);
}

.gm-hero-banner .banner .am-slider,
.gm-hero-banner .banner .am-slider .am-slides,
.gm-hero-banner .banner .am-slider .am-slides li,
.gm-hero-banner .banner .am-slider .am-slides li > a {
    height: 100%;
}

.gm-hero-banner .banner .am-slider .am-slides li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gm-hero-panel .slideall {
    width: auto;
    margin: 0;
    padding: 0;
}

.gm-hero-panel .banner-mixed {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: auto;
    height: 45rem;
    padding: 1.4rem;
    border: 0;
    border-radius: 1rem;
    background: #0f172a;
    color: #e5e7eb;
    opacity: 1;
    box-shadow: 0 1.6rem 4rem rgba(15, 23, 42, 0.16);
}

.gm-hero-panel .mod-vip {
    display: block;
    padding: 0;
    background: transparent;
}

.gm-hero-panel .m-baseinfo {
    padding: 1.2rem;
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.08);
}

.gm-hero-panel .m-baseinfo img.user-avatar {
    width: 5.8rem;
    height: 5.8rem;
    border: 0.2rem solid rgba(255, 255, 255, 0.18);
}

.gm-hero-panel .m-baseinfo em,
.gm-hero-panel .s-name,
.gm-hero-panel .member-center a,
.gm-hero-panel .banner-news-title,
.gm-hero-panel .banner-news a {
    color: #e5e7eb !important;
}

.gm-hero-panel .member-login {
    height: auto;
    margin-top: 1.2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
}

.gm-hero-panel .member-login .btn {
    width: auto;
    height: 3.6rem;
    line-height: 3.6rem;
    border-radius: 0.7rem;
    float: none;
}

.gm-hero-panel .member-login .am-btn-warning {
    background: var(--gm-warm);
    color: #ffffff !important;
}

.gm-hero-panel .member-center {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.gm-hero-panel .member-center a {
    width: auto;
    margin: 0;
    padding: 0.8rem 0.2rem;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.08);
    float: none;
}

.gm-hero-panel .member-center a strong {
    color: #ffffff;
    font-size: 1.7rem;
}

.gm-hero-panel .banner-news {
    flex: 1;
    width: auto;
    height: auto;
    max-width: none;
    padding: 0;
    background: transparent;
}

.gm-hero-panel .banner-news-title {
    display: block;
    height: auto;
    line-height: 1.4;
    padding: 0 0 0.9rem;
    font-size: 1.5rem;
}

.gm-hero-panel .banner-news-title::before {
    display: none;
}

.gm-hero-panel .banner-news ul {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.gm-hero-panel .banner-news li {
    float: none;
    width: 100%;
    height: auto;
    line-height: 1.5;
    padding: 0.8rem 0.9rem;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.07);
}

.home-floor {
    padding: 2.4rem 0 3.2rem;
}

.gm-floor-section {
    margin-top: 2.8rem;
}

.gm-floor-section > .am-container:first-child {
    display: grid;
    grid-template-columns: 1fr;
}

.gm-floor-section .items-nav-title {
    margin-bottom: 1.2rem;
    padding: 0;
    text-align: left;
}

.gm-floor-section .items-nav-title .floor-title {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0 1.4rem 0 0;
    color: #0f172a;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.2;
}

.gm-floor-section .items-nav-title .floor-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--gm-warm);
}

.gm-floor-section .items-nav-title .floor-desc {
    float: none;
    display: block;
    margin: 0.6rem 0 0;
    color: #64748b;
}

.gm-floor-section .items-nav-title .today-brands {
    right: 8rem;
    top: 0.5rem;
    height: auto;
}

.gm-floor-section .items-nav-title .today-brands a {
    display: inline-flex;
    align-items: center;
    height: 2.8rem;
    margin-left: 0.5rem;
    padding: 0 1rem;
    border-radius: 2.8rem;
    background: #ffffff;
    color: #475569;
    box-shadow: 0 0.3rem 1rem rgba(15, 23, 42, 0.05);
}

.gm-floor-section .items-nav-title .more {
    right: 0;
    top: 0.5rem;
}

.gm-floor-section .items-nav-title .more a {
    display: inline-flex;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-radius: 2.8rem;
    background: #0f172a;
    color: #ffffff;
}

.gm-floor-section .floor-flex {
    display: grid;
    grid-template-columns: 28rem minmax(0, 1fr);
    gap: 1.6rem;
    align-items: stretch;
    padding: 1.6rem;
    border: 0.1rem solid rgba(148, 163, 184, 0.18);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1.4rem 3.6rem rgba(15, 23, 42, 0.08);
}

.gm-floor-section:nth-of-type(even) .floor-flex {
    grid-template-columns: minmax(0, 1fr) 28rem;
}

.gm-floor-section:nth-of-type(even) .aggregation-container {
    grid-column: 2;
    grid-row: 1;
}

.gm-floor-section:nth-of-type(even) .goods-list {
    grid-column: 1;
    grid-row: 1;
}

.gm-floor-section .aggregation-container {
    width: auto;
    min-height: 100%;
    margin: 0;
    float: none;
}

.gm-floor-section .aggregation {
    height: 100%;
    min-height: 43rem;
    border-radius: 1rem;
    background: #111827 !important;
}

.gm-floor-section .aggregation .category-bg-images,
.gm-floor-section .aggregation .category-bg-images img {
    display: block;
    width: 100%;
    height: 100%;
}

.gm-floor-section .aggregation .category-bg-images img {
    object-fit: cover;
    opacity: 0.82;
}

.gm-floor-section .aggregation::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.08), rgba(15, 23, 42, 0.78));
    pointer-events: none;
}

.gm-floor-section .aggregation .word {
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
    width: calc(100% - 2.4rem);
    margin: 1.2rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.14);
}

.gm-floor-section .word .outer {
    width: auto;
    height: 3.2rem;
    line-height: 3.2rem;
    margin: 0;
    border: 0;
    border-radius: 0.6rem;
    background: rgba(255, 255, 255, 0.88);
    color: #0f172a;
    font-weight: 600;
}

.gm-floor-section .goods-list {
    width: auto;
    padding: 0;
    float: none;
}

.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li {
    width: 25%;
}

.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child {
    width: 50%;
}

.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-info {
    aspect-ratio: 2 / 1.18;
}

.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title,
.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title a {
    font-size: 1.7rem;
    font-weight: 700;
}

.gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price strong {
    font-size: 2.4rem;
}

@media only screen and (max-width: 1260px) {
    .gm-hero-grid {
        grid-template-columns: 20rem minmax(0, 1fr) 22rem;
        gap: 1rem;
    }

    .gm-hero-category #goods-category .menu-item {
        left: 20rem;
    }

    .gm-floor-section .floor-flex,
    .gm-floor-section:nth-of-type(even) .floor-flex {
        grid-template-columns: 24rem minmax(0, 1fr);
    }

    .gm-floor-section:nth-of-type(even) .aggregation-container {
        grid-column: 1;
    }

    .gm-floor-section:nth-of-type(even) .goods-list {
        grid-column: 2;
    }
}

@media only screen and (max-width: 1024px) {
    .gm-hero-shell {
        padding: 1.2rem 0 1.8rem;
    }

    .gm-hero-grid {
        display: block;
    }

    .gm-hero-category {
        display: none;
    }

    .gm-hero-banner,
    .gm-hero-panel {
        padding: 0 1.2rem;
    }

    .gm-hero-banner .banner {
        height: 32rem;
    }

    .gm-hero-panel {
        margin-top: 1.2rem;
    }

    .gm-hero-panel .banner-mixed {
        height: auto;
        min-height: 0;
        background: #ffffff;
        color: #0f172a;
    }

    .gm-hero-panel .m-baseinfo {
        background: #f8fafc;
    }

    .gm-hero-panel .m-baseinfo em,
    .gm-hero-panel .s-name,
    .gm-hero-panel .member-center a,
    .gm-hero-panel .banner-news-title,
    .gm-hero-panel .banner-news a {
        color: #0f172a !important;
    }

    .gm-hero-panel .banner-news ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .gm-hero-panel .banner-news li {
        background: #f8fafc;
    }

    .gm-floor-section .floor-flex,
    .gm-floor-section:nth-of-type(even) .floor-flex {
        grid-template-columns: 1fr;
        padding: 1.2rem;
    }

    .gm-floor-section:nth-of-type(even) .aggregation-container,
    .gm-floor-section:nth-of-type(even) .goods-list {
        grid-column: auto;
        grid-row: auto;
    }

    .gm-floor-section .aggregation {
        min-height: 20rem;
    }

    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child {
        width: 33.3333%;
    }
}

@media only screen and (max-width: 640px) {
    .gm-hero-shell {
        padding: 0.8rem 0 1rem;
        background: #f3f4f6;
    }

    .gm-hero-banner,
    .gm-hero-panel {
        padding: 0 1rem;
    }

    .gm-hero-banner .banner {
        height: 22rem;
        border-radius: 1.1rem;
    }

    .gm-hero-panel .banner-mixed {
        margin: 0;
        padding: 1rem;
        border-radius: 1.1rem;
        box-shadow: 0 0.6rem 1.8rem rgba(15, 23, 42, 0.07);
    }

    .gm-hero-panel .mod-vip {
        display: block;
    }

    .gm-hero-panel .member-login {
        grid-template-columns: 1fr 1fr;
    }

    .gm-hero-panel .banner-news ul {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .home-floor {
        padding: 0.6rem 0 1.6rem;
    }

    .gm-floor-section {
        margin-top: 1.2rem;
    }

    .gm-floor-section > .am-container:first-child {
        padding: 0 1rem;
    }

    .gm-floor-section .items-nav-title .floor-title {
        font-size: 2rem;
    }

    .gm-floor-section .items-nav-title .floor-desc {
        max-width: calc(100% - 8rem);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .gm-floor-section .floor-flex,
    .gm-floor-section:nth-of-type(even) .floor-flex {
        width: calc(100% - 2rem);
        margin: 0 1rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .gm-floor-section .aggregation {
        min-height: 13rem;
        border-radius: 1.1rem;
        overflow: hidden;
    }

    .gm-floor-section .aggregation .word {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
        width: calc(100% - 1.6rem);
        margin: 0.8rem;
        padding: 0.7rem;
    }

    .gm-floor-section .word .outer {
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 1.15rem;
    }

    .gm-floor-section .goods-list .module-goods-grid-base {
        padding: 1rem 0 0 !important;
    }

    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child {
        width: 50%;
    }

    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-info {
        aspect-ratio: 1 / 1;
    }

    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title a {
        font-size: 1.24rem;
        font-weight: 500;
    }

    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price strong {
        font-size: 1.7rem;
    }
}

/**
 * Roll back the experimental homepage grid safely.
 * This also protects deployments where old compiled templates still contain gm-* wrappers.
 */
.gm-hero-shell {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.gm-hero-grid,
.gm-hero-grid.gm-hero-no-panel,
.gm-hero-grid.gm-hero-has-panel {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}

.gm-hero-category,
.gm-hero-banner,
.gm-hero-panel {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.gm-hero-category #goods-category {
    position: relative !important;
    width: auto !important;
    max-width: 122rem !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.gm-hero-category #goods-category .goods-category-s,
.gm-hero-category #goods-category .category-content,
.gm-hero-category #goods-category .category,
.gm-hero-category #goods-category .category-list {
    height: auto !important;
}

.gm-hero-category #goods-category .category-content {
    min-height: 0 !important;
    overflow: visible !important;
}

.gm-hero-category #goods-category .menu-item {
    min-height: 0 !important;
}

.gm-hero-banner .banner {
    height: auto !important;
}

.gm-hero-banner .banner .am-slider,
.gm-hero-banner .banner .am-slider .am-slides,
.gm-hero-banner .banner .am-slider .am-slides li,
.gm-hero-banner .banner .am-slider .am-slides li > a {
    height: auto !important;
}

.gm-hero-panel .slideall {
    width: auto !important;
    margin: 1.6rem auto 0 !important;
    padding: 0 !important;
}

.gm-hero-panel .banner-mixed {
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.2rem !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--gm-ink) !important;
}

.gm-hero-panel .m-baseinfo em,
.gm-hero-panel .s-name,
.gm-hero-panel .member-center a,
.gm-hero-panel .banner-news-title,
.gm-hero-panel .banner-news a {
    color: var(--gm-ink) !important;
}

.gm-floor-section {
    margin-top: 0 !important;
}

.gm-floor-section .floor-flex,
.gm-floor-section:nth-of-type(even) .floor-flex {
    display: block !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.gm-floor-section:nth-of-type(even) .aggregation-container,
.gm-floor-section:nth-of-type(even) .goods-list {
    grid-column: auto !important;
    grid-row: auto !important;
}

.gm-floor-section .aggregation-container,
.gm-floor-section .goods-list {
    float: none !important;
}

@media only screen and (min-width: 1025px) {
    .gm-hero-panel .banner-mixed {
        position: absolute !important;
        right: 1.8rem !important;
        top: -39rem !important;
        width: 24rem !important;
    }
}

/**
 * Homepage product area and member card refresh.
 */
.home-floor .floor.floor-flex {
    display: block;
}

.home-floor .floor .aggregation-container {
    display: none !important;
}

.home-floor .floor .goods-list {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-floor .floor .goods-list .module-goods-grid-base {
    width: 100%;
    margin-left: 0;
}

.home-floor .items-nav-title {
    margin: 2.4rem 0 1.2rem;
    padding: 1.2rem 0;
    border-bottom: 0.1rem solid rgba(15, 23, 42, 0.08);
}

.home-floor .items-nav-title .floor-title {
    padding-left: 0;
    font-size: 2.4rem;
    font-weight: 800;
    color: #111827;
}

.home-floor .items-nav-title .floor-title::before {
    display: none;
}

.home-floor .items-nav-title .floor-desc {
    color: #64748b;
}

.home-floor .items-nav-title .today-brands a {
    display: inline-flex;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-radius: 2.8rem;
    background: #ffffff;
    color: #475569;
    box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.06);
}

.home-floor .items-nav-title .more a {
    display: inline-flex;
    align-items: center;
    height: 2.8rem;
    padding: 0 1rem;
    border-radius: 2.8rem;
    background: #111827;
    color: #ffffff;
}

.slideall .banner-mixed {
    border: 0 !important;
    overflow: hidden;
}

.slideall .banner-mixed .mod-vip {
    display: block;
}

.slideall .banner-mixed .m-baseinfo {
    margin-bottom: 1.2rem;
}

.slideall .banner-mixed .m-baseinfo img.user-avatar {
    width: 6.2rem;
    height: 6.2rem;
    border-radius: 1.4rem;
    object-fit: cover;
}

.slideall .banner-mixed .s-name {
    display: block;
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.45;
}

.slideall .banner-mixed .s-name em {
    color: inherit;
}

.slideall .banner-mixed .member-logout {
    color: rgba(255, 255, 255, 0.72);
}

.slideall .banner-mixed .member-login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
    height: auto;
    overflow: visible;
    margin-top: 1.2rem;
}

.slideall .banner-mixed .member-login .btn {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 3.8rem;
    line-height: 1;
    border-radius: 0.9rem;
    font-size: 1.4rem;
    font-weight: 700;
}

.slideall .banner-mixed .member-login .am-btn-primary {
    background: #ffffff;
    color: #0f172a !important;
}

.slideall .banner-mixed .member-login .am-btn-warning {
    background: #f97316;
    color: #ffffff !important;
}

.slideall .banner-mixed .member-center {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.7rem;
    height: auto;
    margin-top: 1.2rem;
    overflow: visible;
}

.slideall .banner-mixed .member-center a {
    float: none;
    width: auto;
    margin: 0;
    padding: 0.8rem 0.2rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.84) !important;
}

.slideall .banner-mixed .member-center a strong {
    display: block;
    color: #ffffff;
    font-size: 1.8rem;
}

.slideall .banner-mixed .banner-news-title,
.slideall .banner-mixed .banner-news a {
    color: #ffffff !important;
}

.slideall .banner-mixed .banner-news-title {
    display: block;
    padding: 1rem 0 0.6rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.slideall .banner-mixed .banner-news-title::before {
    display: none;
}

.slideall .banner-mixed .banner-news li {
    float: none;
    width: 100%;
    height: auto;
    line-height: 1.45;
    padding: 0.7rem 0;
}

@media only screen and (min-width: 1025px) {
    .slideall .banner-mixed {
        right: 1.8rem !important;
        width: 25rem !important;
        min-height: 38rem;
        padding: 1.5rem !important;
        border-radius: 1.4rem !important;
        background:
            linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(15, 118, 110, 0.88)) !important;
        box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.22);
        opacity: 1 !important;
    }

    .home-floor .floor .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li {
        width: 25%;
    }
}

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

    .home-floor .items-nav-title .floor-title {
        font-size: 1.9rem;
    }

    .slideall .banner-mixed {
        margin: 1rem;
        padding: 1.2rem !important;
        border-radius: 1.4rem !important;
        background:
            linear-gradient(150deg, #0f172a, #0f766e) !important;
        box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.16);
    }

    .slideall .banner-mixed .banner-news {
        margin-top: 0.8rem;
    }
}

/**
 * Member card polish - lighter, smaller, less intrusive.
 */
.slideall .banner-mixed {
    overflow: visible !important;
}

.slideall .banner-mixed .mod-vip {
    display: block;
    position: relative;
    padding: 1.2rem !important;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow:
        0 1.2rem 3rem rgba(15, 23, 42, 0.14),
        inset 0 0 0 0.1rem rgba(255, 255, 255, 0.72);
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
    .slideall .banner-mixed .mod-vip {
        -webkit-backdrop-filter: blur(14px) saturate(150%);
        backdrop-filter: blur(14px) saturate(150%);
    }
}

.slideall .banner-mixed .m-baseinfo {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0;
}

.slideall .banner-mixed .m-baseinfo > a {
    flex: 0 0 auto;
}

.slideall .banner-mixed .m-baseinfo img.user-avatar {
    display: block;
    width: 5.2rem !important;
    height: 5.2rem !important;
    border: 0.3rem solid #ffffff;
    border-radius: 50% !important;
    background: #eef2ff;
    box-shadow: 0 0.5rem 1.4rem rgba(15, 23, 42, 0.16);
}

.slideall .banner-mixed .m-baseinfo .am-flex-1 {
    min-width: 0;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.slideall .banner-mixed .s-name {
    color: #1f2937 !important;
    font-size: 1.35rem;
    font-weight: 700;
}

.slideall .banner-mixed .s-name em {
    color: #1f2937 !important;
}

.slideall .banner-mixed .member-login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
    height: auto;
    margin-top: 0.4rem;
    overflow: visible;
}

.slideall .banner-mixed .member-login .btn {
    height: 3.6rem;
    border-radius: 999rem;
    font-size: 1.35rem;
    font-weight: 700;
    box-shadow: none;
}

.slideall .banner-mixed .member-login .am-btn-primary {
    background: #0f172a !important;
    color: #ffffff !important;
}

.slideall .banner-mixed .member-login .am-btn-warning {
    background: #ff7a1a !important;
    color: #ffffff !important;
}

.slideall .banner-mixed .member-center {
    margin-top: 1rem;
}

.slideall .banner-mixed .member-center a {
    background: #f8fafc;
    color: #475569 !important;
}

.slideall .banner-mixed .member-center a strong {
    color: #0f766e;
}

.slideall .banner-mixed .member-logout {
    color: #64748b !important;
}

.slideall .banner-mixed .banner-news {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 0.8rem 2rem rgba(15, 23, 42, 0.08);
}

.slideall .banner-mixed .banner-news-title {
    padding: 0 0 0.6rem;
    color: #0f172a !important;
    font-size: 1.35rem;
}

.slideall .banner-mixed .banner-news a {
    color: #475569 !important;
}

.slideall .banner-mixed .banner-news li {
    padding: 0.45rem 0;
}

@media only screen and (min-width: 1025px) {
    .slideall .banner-mixed {
        right: 2.4rem !important;
        top: -36.5rem !important;
        width: 23.5rem !important;
        min-height: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

@media only screen and (max-width: 640px) {
    .slideall .banner-mixed {
        background: transparent !important;
        box-shadow: none !important;
    }

    .slideall .banner-mixed .mod-vip,
    .slideall .banner-mixed .banner-news {
        background: #ffffff !important;
    }
}

/**
 * Remove homepage login/register member box.
 */
.slideall .banner-mixed .mod-vip {
    display: none !important;
}

.slideall .banner-mixed .banner-news {
    margin-top: 0 !important;
}

@media only screen and (min-width: 1025px) {
    .slideall .banner-mixed {
        min-height: 0 !important;
    }
}

/**
 * Featured product cards.
 */
.home-floor .module-goods-grid-base > ul[class*="am-avg-"] {
    margin: -1rem;
}

.home-floor .module-goods-grid-base > ul[class*="am-avg-"] > li {
    padding: 1rem;
}

.home-floor .module-goods-grid-base .item {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 0 !important;
    border-radius: 1.4rem !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(145deg, rgba(15, 118, 110, 0.5), rgba(249, 115, 22, 0.28), rgba(37, 99, 235, 0.22)) border-box !important;
    box-shadow:
        0 0.1rem 0.2rem rgba(15, 23, 42, 0.04),
        0 1.2rem 2.8rem rgba(15, 23, 42, 0.08);
    isolation: isolate;
}

.home-floor .module-goods-grid-base .item::before {
    content: "精选";
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    left: 1rem;
    right: auto !important;
    top: 1rem;
    bottom: auto !important;
    width: auto;
    height: 2.4rem;
    padding: 0 0.85rem;
    border-radius: 99rem;
    background: rgba(17, 24, 39, 0.82);
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    pointer-events: none;
}

.home-floor .module-goods-grid-base .item::after {
    content: "";
    position: absolute;
    inset: auto 1.2rem 0.9rem 1.2rem;
    z-index: -1;
    height: 3rem;
    border-radius: 50%;
    background: rgba(15, 118, 110, 0.14);
    filter: blur(1.2rem);
    pointer-events: none;
}

.home-floor .module-goods-grid-base .item.box-shadow-hover:hover {
    transform: translateY(-0.45rem);
    box-shadow:
        0 0.2rem 0.4rem rgba(15, 23, 42, 0.05),
        0 1.8rem 4rem rgba(15, 23, 42, 0.13);
}

.home-floor .module-goods-grid-base .item .goods-info,
.home-floor .module-goods-grid-base .item > a.goods-info {
    margin: 0.8rem 0.8rem 0;
    border-radius: 1.1rem !important;
    background:
        radial-gradient(circle at 25% 15%, rgba(255, 255, 255, 0.95), rgba(241, 245, 249, 0.92) 42%, rgba(226, 232, 240, 0.72)) !important;
}

.home-floor .module-goods-grid-base .item .goods-info::after,
.home-floor .module-goods-grid-base .item > a.goods-info::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0.8rem;
    height: 1.6rem;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.1);
    filter: blur(0.7rem);
}

.home-floor .module-goods-grid-base .item img,
.home-floor .module-goods-grid-base .item .goods-images.am-radius {
    position: relative;
    z-index: 1;
    object-fit: contain;
    padding: 0.8rem;
}

.home-floor .module-goods-grid-base .item:hover img {
    transform: scale(1.055);
}

.home-floor .module-goods-grid-base .item .price-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.15rem 1.2rem 1.25rem;
}

.home-floor .module-goods-grid-base .item .goods-title,
.home-floor .module-goods-grid-base .item .goods-title a {
    color: #111827;
    font-size: 1.42rem;
    font-weight: 700;
    line-height: 1.42;
}

.home-floor .module-goods-grid-base .item .price {
    order: 2;
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    min-height: 3.6rem;
    margin-top: 1rem;
    padding: 0.55rem 0.85rem;
    border-radius: 0.9rem;
    background: #fff7ed;
}

.home-floor .module-goods-grid-base .item .price strong {
    color: #f05a24;
    font-size: 2.1rem;
    font-weight: 900;
    letter-spacing: 0;
}

.home-floor .module-goods-grid-base .item .price span.am-text-grey {
    color: #9a3412;
    font-size: 1.15rem;
}

.home-floor .module-goods-grid-base .item .original-price {
    margin-left: auto;
    color: #94a3b8;
    font-size: 1.1rem;
}

.home-floor .module-goods-grid-base .item.item-type-btn .type-btn {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.home-floor .module-goods-grid-base .item.item-type-btn .goods-title {
    padding-top: 1rem;
}

.home-floor .module-goods-grid-base .item .item-bottom {
    min-height: auto;
    padding: 1rem 1.2rem 1.25rem;
}

.home-floor .module-goods-grid-base .item .item-bottom .buy-btn,
.home-floor .module-goods-grid-base .item .item-bottom .am-btn-primary {
    border-radius: 99rem;
    background: #111827;
    color: #ffffff;
}

@media only screen and (max-width: 640px) {
    .home-floor .module-goods-grid-base > ul[class*="am-avg-"] {
        margin: -0.55rem;
    }

    .home-floor .module-goods-grid-base > ul[class*="am-avg-"] > li {
        padding: 0.55rem;
    }

    .home-floor .module-goods-grid-base .item {
        border-radius: 1rem !important;
    }

    .home-floor .module-goods-grid-base .item::before {
        left: 0.7rem;
        right: auto !important;
        top: 0.7rem;
        bottom: auto !important;
        width: auto !important;
        min-width: 0;
        height: 2rem;
        padding: 0 0.65rem;
        font-size: 1rem;
    }

    .home-floor .module-goods-grid-base .item .goods-info,
    .home-floor .module-goods-grid-base .item > a.goods-info {
        margin: 0.55rem 0.55rem 0;
        border-radius: 0.8rem !important;
    }

    .home-floor .module-goods-grid-base .item .price-content {
        padding: 0.85rem;
    }

    .home-floor .module-goods-grid-base .item .goods-title,
    .home-floor .module-goods-grid-base .item .goods-title a {
        font-size: 1.22rem;
        font-weight: 600;
    }

    .home-floor .module-goods-grid-base .item .price {
        min-height: 3.2rem;
        margin-top: 0.75rem;
        padding: 0.45rem 0.65rem;
    }

    .home-floor .module-goods-grid-base .item .price strong {
        font-size: 1.65rem;
    }
}

/**
 * Alternating poster product layout.
 */
/**
 * PC端：楼层商品区 4 列网格交错排版
 * 1. 正常商品为 4 列网格
 * 2. 每层第一个商品占 2列 x 2行 (大画报主推位)
 * 3. 奇数楼层主推在左侧，偶数楼层主推在右侧
 */
/**
 * PC端：楼层商品区 4 列网格交错排版 (修复大图被挤到第二行的问题)
 */
/**
 * PC端：楼层商品区 4 列网格交错排版 (修复排版 + 现代高级感审美重构)
 */
@media only screen and (min-width: 1025px) {
    /* 1. 彻底清除框架自带的伪元素，防止它们占据网格 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"]::before,
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"]::after,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"]::before,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"]::after {
        display: none !important;
        content: none !important;
    }

    /* 2. 设置 4列 网格布局 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"],
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: dense !important; 
        gap: 1.6rem !important;
        margin: 0 !important;
    }

    /* 3. 重置普通小商品 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li {
        width: auto !important;
        padding: 0 !important;
        display: flex;
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
    
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li .item,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: 1; 
    }

    /* 4. 【奇数层】主推大图：左上角 (第1~2列，第1~2行) */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child {
        grid-column: 1 / 3 !important;
        grid-row: 1 / 3 !important; 
    }

    /* 5. 【偶数层】主推大图：右上角 (第3~4列，第1~2行) */
    .home-floor-item:nth-child(even) .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child,
    .gm-floor-section:nth-of-type(even) .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child {
        grid-column: 3 / 5 !important;
        grid-row: 1 / 3 !important; 
    }

    /* ====================================================================
       6. 【视觉重构】大画报位内部视觉样式深度美化 (Modern Premium Aesthetic) 
       ==================================================================== */
       
    /* A. 外层卡片：纯净白底 + 柔和弥散阴影 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item {
        position: relative;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 2rem !important; 
        background: #ffffff !important; 
        color: #111827 !important;
        border: 0.1rem solid rgba(15, 118, 110, 0.06) !important; 
        box-shadow: 
            0 0.4rem 2rem -0.4rem rgba(15, 23, 42, 0.03), 
            0 1.2rem 3.6rem -0.8rem rgba(15, 118, 110, 0.06) !important; 
        min-height: 100% !important;
        overflow: hidden;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
    }

    /* 卡片悬停：轻盈上浮 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover {
        transform: translateY(-0.4rem) !important;
        box-shadow: 
            0 1rem 3rem -0.4rem rgba(15, 23, 42, 0.06), 
            0 2rem 4.8rem -0.8rem rgba(15, 118, 110, 0.1) !important;
    }

    /* B. 现代感标签：青色渐变微透胶囊 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item::before,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item::before {
        content: "✨ 本层主推";
        position: absolute;
        left: 1.8rem;
        top: 1.8rem;
        background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%); 
        color: #ffffff;
        padding: 0.5rem 1.4rem;
        border-radius: 99rem;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        z-index: 10;
        box-shadow: 0 0.6rem 1.6rem rgba(15, 118, 110, 0.25);
    }

    /* C. 图片区域：高级冰川灰背景，突出商品 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-info,
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item > a.goods-info,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-info,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item > a.goods-info {
        flex: 1; 
        margin: 1.2rem 1.2rem 0 !important;
        border-radius: 1.6rem !important;
        background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%) !important; 
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        aspect-ratio: auto !important;
    }

    /* 商品图：大留白与 3D 弹簧悬停特效 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item img,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; 
        padding: 4rem !important; /* 增加内边距，凸显高级感 */
        transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.5s ease; 
        z-index: 2;
    }

    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover img,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover img {
        transform: scale(1.08) translateY(-0.8rem); 
        filter: drop-shadow(0 1.2rem 2.4rem rgba(0,0,0,0.08)); /* 商品脱框 3D 阴影 */
    }

    /* D. 文本与价格区域：极简干净 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price-content,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price-content {
        padding: 2.4rem 2rem 2.8rem !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
        background: #ffffff !important;
    }

    /* 标题排版 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title,
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title a,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .goods-title a {
        color: #0f172a !important;
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: color 0.2s ease;
    }

    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover .goods-title,
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item:hover .goods-title a {
        color: #0f766e !important; 
    }

    /* 价格排版：去底色，用纯净锐利的大数字 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price {
        display: inline-flex !important;
        align-items: baseline;
        width: fit-content;
        background: transparent !important;
        padding: 0 !important;
        margin-top: 1.4rem !important;
    }

    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price strong,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price strong {
        color: #e5484d !important; 
        font-size: 3.2rem !important;
        font-weight: 800 !important;
        letter-spacing: -0.05rem;
    }

    /* 原价排版 */
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price span,
    .home-floor-item .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .original-price,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .price span,
    .gm-floor-section .goods-list .module-goods-grid-base > ul[class*="am-avg-"] > li:first-child .item .original-price {
        color: #94a3b8 !important;
        margin-left: 1.2rem;
        font-size: 1.4rem;
        text-decoration: line-through;
        font-weight: 500;
    }
}
