.recommend p {
    font-size: 14px;
}

.category {
    padding: 40px 0;
}

.separator {
    display: block;
    width: 60px;
    height: 5px;
    margin: 15px auto 15px;
    background-color: #cccccc;
    position: relative;
    border: 1px solid #cccccc;
}

.separator:after {
    width: 30px;
    height: 5px;
    background: #333333;
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
}

.category-menus li {
    display: inline-block;
    margin: 4px;
}

.goods-buy {
    line-height: 40px;
    font-size: 13px;
}


.goods-introduction-cate {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.buy-form label {
    font-size: 16px;
}
.currency-symbol {
    font-weight: 700;
    margin-right: 4px;
}

.currency-symbol {
    font-weight: 700;
    margin-right: 4px;
}

/* ===== Unicorn 首页轻量美化 ===== */

body {
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 38%, #f8fafc 100%);
    color: #2f3747;
}

.navbar,
.navbar-light,
header,
.header {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

.container > .card,
.notice,
.announcement {
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.82);
}

h1, h2, h3, h4 {
    letter-spacing: 0.5px;
}

.btn,
button {
    border-radius: 999px !important;
}

.nav-pills .nav-link,
.category-list a,
.category a,
[class*="category"] .btn {
    border-radius: 999px !important;
    padding: 9px 22px !important;
    transition: all .22s ease;
}

.nav-pills .nav-link:hover,
.category-list a:hover,
.category a:hover,
[class*="category"] .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.12);
}

.card.position-relative,
.goods-card,
.product-card {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 18px !important;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.card.position-relative:hover,
.goods-card:hover,
.product-card:hover {
    transform: translateY(-6px);
    border-color: rgba(16, 185, 129, 0.45) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);
}

.card.position-relative img,
.goods-card img,
.product-card img {
    transition: transform .28s ease;
}

.card.position-relative:hover img,
.goods-card:hover img,
.product-card:hover img {
    transform: scale(1.035);
}

.badge.bg-success {
    border-radius: 0 0 12px 0 !important;
    padding: 8px 14px !important;
    background: linear-gradient(135deg, #10b981, #059669) !important;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.28);
}

.btn-outline-success {
    border-color: #10b981 !important;
    color: #059669 !important;
    background: rgba(16, 185, 129, 0.06) !important;
    font-weight: 700;
}

.btn-outline-success:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #10b981, #059669) !important;
    box-shadow: 0 10px 22px rgba(16, 185, 129, 0.28);
}

.btn-primary,
.btn.btn-primary,
button[type="submit"],
.card .btn:not(.btn-outline-success):not(.btn-sm) {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    border: none !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.24);
    transition: all .22s ease;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button[type="submit"]:hover,
.card .btn:not(.btn-outline-success):not(.btn-sm):hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(37, 99, 235, 0.32);
}

.currency-symbol {
    font-weight: 800;
    margin-right: 4px;
}

input.form-control,
.search-input,
[type="search"],
[type="text"] {
    border-radius: 12px !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

input.form-control:focus,
.search-input:focus,
[type="search"]:focus,
[type="text"]:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.16) !important;
}

.text-muted,
small.text-muted {
    color: #7c8798 !important;
}

@media (max-width: 768px) {
    .card.position-relative {
        border-radius: 15px !important;
    }

    .badge.bg-success {
        padding: 6px 10px !important;
    }
}


/* ===== App Store Card Style for Unicorn Theme ===== */

:root {
    --app-bg: #f5f7fb;
    --app-card: #ffffff;
    --app-text: #1f2937;
    --app-muted: #8a94a6;
    --app-blue: #3478f6;
    --app-blue-dark: #1f63df;
    --app-green: #00b978;
    --app-border: rgba(15, 23, 42, 0.08);
    --app-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    --app-shadow-hover: 0 20px 46px rgba(15, 23, 42, 0.14);
}

html,
body {
    background: var(--app-bg) !important;
    color: var(--app-text);
}

/* 顶部导航 */
.navbar,
.navbar-light,
header,
.header {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

/* Logo 区域更清爽 */
.navbar img,
.logo img {
    filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.08));
}

/* 公告卡片 */
.container > .card:first-child,
.notice,
.announcement {
    background: #fff !important;
    border: 1px solid var(--app-border) !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

/* 首页标题 */
h1, h2, h3, h4, h5 {
    color: #202938;
    letter-spacing: .2px;
}

.text-muted,
small.text-muted {
    color: var(--app-muted) !important;
}

/* 分类按钮 */
.nav-pills .nav-link,
.category-list a,
.category a,
[class*="category"] .btn,
.btn-outline-secondary {
    border-radius: 999px !important;
    padding: 10px 24px !important;
    background: #fff !important;
    color: #7b8494 !important;
    border: 1px solid rgba(148, 163, 184, 0.36) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    transition: all .22s ease;
}

.nav-pills .nav-link.active,
.category-list a.active,
.category a.active,
[class*="category"] .btn.active {
    background: #111827 !important;
    color: #fff !important;
    border-color: #111827 !important;
}

.nav-pills .nav-link:hover,
.category-list a:hover,
.category a:hover,
[class*="category"] .btn:hover,
.btn-outline-secondary:hover {
    transform: translateY(-2px);
    color: #111827 !important;
    border-color: rgba(52, 120, 246, 0.45) !important;
    box-shadow: 0 10px 24px rgba(52, 120, 246, 0.12);
}

/* 商品卡片主体 */
.card.position-relative,
.goods-card,
.product-card {
    background: var(--app-card) !important;
    border: 1px solid var(--app-border) !important;
    border-radius: 28px !important;
    box-shadow: var(--app-shadow);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* 商品卡片悬浮 */
.card.position-relative:hover,
.goods-card:hover,
.product-card:hover {
    transform: translateY(-7px);
    border-color: rgba(52, 120, 246, 0.22) !important;
    box-shadow: var(--app-shadow-hover);
}

/* 商品图片：App Store 大图圆角 */
.card.position-relative img,
.goods-card img,
.product-card img {
    border-radius: 24px !important;
    width: 100%;
    object-fit: cover;
    transition: transform .28s ease, filter .28s ease;
}

.card.position-relative:hover img,
.goods-card:hover img,
.product-card:hover img {
    transform: scale(1.025);
    filter: saturate(1.04);
}

/* 商品标题 */
.card.position-relative h5,
.card.position-relative h6,
.goods-card h5,
.product-card h5 {
    font-weight: 700 !important;
    color: #1f2937 !important;
    letter-spacing: .1px;
}

/* 自动发货标签 */
.badge.bg-success {
    background: rgba(0, 185, 120, 0.95) !important;
    color: #fff !important;
    border-radius: 0 0 16px 0 !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 18px rgba(0, 185, 120, 0.26);
}

/* 价格胶囊 */
.btn-outline-success {
    background: rgba(0, 185, 120, 0.08) !important;
    border: 1px solid rgba(0, 185, 120, 0.65) !important;
    color: #009b67 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
}

.btn-outline-success:hover {
    background: rgba(0, 185, 120, 0.12) !important;
    color: #007f55 !important;
}

/* 美元符号 */
.currency-symbol,
.btn-outline-success span,
.btn-outline-success i {
    font-weight: 900 !important;
    margin-right: 4px;
}

/* 下单按钮：App Store 蓝 */
.btn-primary,
.btn.btn-primary,
.card .btn:not(.btn-outline-success):not(.btn-sm),
button[type="submit"] {
    background: linear-gradient(180deg, var(--app-blue), var(--app-blue-dark)) !important;
    border: none !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 9px 24px !important;
    box-shadow: 0 10px 22px rgba(52, 120, 246, 0.25);
    transition: all .22s ease;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.card .btn:not(.btn-outline-success):not(.btn-sm):hover,
button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 28px rgba(52, 120, 246, 0.34);
}

/* 搜索框 */
input.form-control,
.search-input,
[type="search"],
[type="text"] {
    background: #fff !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    transition: all .22s ease;
}

input.form-control:focus,
.search-input:focus,
[type="search"]:focus,
[type="text"]:focus {
    border-color: rgba(52, 120, 246, 0.65) !important;
    box-shadow: 0 0 0 5px rgba(52, 120, 246, 0.14) !important;
}

/* 搜索按钮 */
.input-group .btn,
form .btn {
    border-radius: 16px !important;
}

/* 库存文字 */
.card small,
.goods-card small,
.product-card small {
    font-weight: 600;
    color: #8a94a6 !important;
}

/* 商品区间距 */
.row,
.goods-list,
.product-list {
    row-gap: 28px;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .card.position-relative,
    .goods-card,
    .product-card {
        border-radius: 22px !important;
    }

    .card.position-relative img,
    .goods-card img,
    .product-card img {
        border-radius: 18px !important;
    }

    .badge.bg-success {
        padding: 6px 11px !important;
        border-radius: 0 0 12px 0 !important;
    }

    .btn-primary,
    .btn.btn-primary,
    .card .btn:not(.btn-outline-success):not(.btn-sm) {
        padding: 8px 18px !important;
    }
}


/* ===== App Store Soft Background Optimize ===== */
html,
body {
    background:
        radial-gradient(circle at top left, rgba(52, 120, 246, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(0, 185, 120, 0.06), transparent 28%),
        linear-gradient(180deg, #f8fafc 0%, #f3f6fb 45%, #eef2f7 100%) !important;
}

/* 顶部大块区域更自然 */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0));
    z-index: -1;
}

/* 公告区域降低厚重感 */
.container > .card:first-child,
.notice,
.announcement {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(14px);
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06) !important;
}

/* 商品区背景不要太灰 */
section,
.main,
.content,
.goods,
.product-list,
.goods-list {
    background: transparent !important;
}


/* ===== 顶部背景统一优化：覆盖前面重复 navbar 规则 ===== */
html,
body {
    background:
        radial-gradient(circle at 12% 0%, rgba(219, 234, 254, 0.75) 0, transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(220, 252, 231, 0.42) 0, transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef4fb 48%, #f8fafc 100%) !important;
}

/* 顶部导航不要纯白，改成浅蓝玻璃感 */
.navbar,
.navbar-light,
header,
.header {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(241, 247, 253, 0.86)) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.055) !important;
}

/* 公告外层和主体区域衔接更自然 */
.notice {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.78), rgba(241, 247, 253, 0.72)) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

/* 公告卡片保持白色，但更像 App Store 卡片 */
.notice .card,
.container > .card:first-child {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
}


/* ===== 隐藏顶部 Logo 图标 ===== */
.navbar-brand,
.navbar .navbar-brand,
.navbar img,
.logo img,
header img,
.header img {
    display: none !important;
}


/* ===== 隐藏顶部左侧头像 / Logo ===== */
.navbar-brand,
.navbar .navbar-brand,
.navbar img,
.logo img,
header img,
.header img {
    display: none !important;
}

/* ===== 隐藏首页公告区域 ===== */
.notice {
    display: none !important;
}

/* 公告隐藏后，减少顶部空白 */
.main-container {
    padding-top: 40px !important;
}


/* ===== 订单查询页背景优化 ===== */
html,
body {
    background:
        radial-gradient(circle at 12% 8%, rgba(59, 130, 246, 0.10), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(16, 185, 129, 0.10), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef5ff 42%, #f8fafc 100%) !important;
}

/* 顶部导航下面的大块背景，避免发灰发空 */
.main-container,
.query-container,
.order-container,
section {
    background: transparent !important;
}

/* 订单查询主卡片 */
.card,
.query-card,
.order-card {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

/* 表单输入框更贴合 App Store 风 */
.form-control,
input[type="text"],
input[type="email"] {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
}

/* 查询页按钮 */
.btn-primary,
button[type="submit"] {
    border-radius: 999px !important;
    background: linear-gradient(135deg, #3478f6 0%, #2563eb 100%) !important;
    border: none !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.28) !important;
}

/* 顶部空白区域柔和一点 */
.navbar,
.navbar-light,
header,
.header {
    background: rgba(255,255,255,0.72) !important;
    backdrop-filter: blur(18px);
}


/* ===== 商品卡片：标题和金额居中 ===== */

.goods .card .card-body {
    text-align: center;
}

.goods .card .card-title {
    text-align: center;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 12px;
}

.goods .card .btn-outline-success {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 96px;
}

.goods .card h6.mt-2 {
    text-align: center;
}

.goods .card .btn-primary,
.goods .card .btn.btn-primary,
.goods .card a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 下单按钮保持靠右会更有操作感；想完全居中再打开下面这段 */
/*
.goods .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goods .card .btn-primary,
.goods .card a.btn {
    align-self: center !important;
}
*/


/* 商品短描述 */
.goods .goods-desc {
    margin: -2px 0 10px;
    min-height: 20px;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 400;
    color: #8b97a8;
    text-align: center;
    letter-spacing: .1px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 首页客服链接 */
.hero-service-link {
    display: inline-block;
    margin: 0 6px;
    padding: 5px 14px;
    border-radius: 999px;
    color: #2563eb !important;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.18);
    font-weight: 600;
    text-decoration: none !important;
}

.hero-service-link:hover {
    color: #ffffff !important;
    background: #2563eb;
}

/* 首页主文案字体与颜色优化 */
.category h3,
.category h3 span {
    color: #172033 !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px;
    line-height: 1.25;
    text-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.category .lead,
.category .lead span {
    color: #667085 !important;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.9;
}

/* 客服链接在浅色背景下更清楚 */
.hero-service-link {
    color: #1d4ed8 !important;
    background: rgba(37, 99, 235, 0.09);
    border: 1px solid rgba(37, 99, 235, 0.22);
    font-weight: 700;
}

.hero-service-link:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: transparent;
}

/* 首页客服按钮：右上角两行 */
.category .container {
    position: relative;
}

.hero-service-box {
    position: absolute;
    top: 8px;
    right: 18px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.hero-service-box .hero-service-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    color: #334155 !important;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.32);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
    transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease;
}

.hero-service-box .hero-service-link:hover {
    transform: translateY(-2px);
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: transparent;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28);
}

/* 手机端不要挤压标题，改成居中横排 */
@media (max-width: 768px) {
    .hero-service-box {
        position: static;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto 22px;
    }

    .hero-service-box .hero-service-link {
        min-width: 104px;
        height: 38px;
        font-size: 14px;
        padding: 0 16px;
    }
}

/* 首页主标题与说明文字优化 */
.category h3,
.main-container .category h3 {
    color: #1f2937 !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    line-height: 1.25;
    text-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.category .lead,
.main-container .category .lead {
    color: #64748b !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
    line-height: 1.85;
    text-shadow: none !important;
}

.category .lead span,
.main-container .category .lead span {
    color: #64748b !important;
}

/* 分隔线更柔和 */
.category .separator {
    background: linear-gradient(90deg, #111827 0%, #111827 48%, #cbd5e1 48%, #cbd5e1 100%) !important;
    opacity: .85;
}

/* 客服按钮颜色优化 */
.hero-service-link {
    color: #475569 !important;
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(203, 213, 225, 0.9) !important;
}

.hero-service-link:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border-color: transparent !important;
}

/* SEO 主标题 H1 样式 */
.homepage-h1 {
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: .4px;
}

@media (max-width: 768px) {
    .homepage-h1 {
        font-size: 24px;
    }
}

/* 自定义表单错误提示 */
.custom-field-error {
    display: none;
    margin-top: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.18);
    color: #dc2626;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.custom-field-error.show {
    display: block;
}

.custom-email-input.is-invalid-custom {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.12) !important;
}

.custom-email-input.is-valid-custom {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.10) !important;
}

/* ==============================
   购买页表单现代化优化
   ============================== */

/* 购买页主卡片 */

/* =========================================================
   购买页表单修复：邮箱/购买横向 + 支付图标卡片
   ========================================================= */

/* 第一组表单：价格、邮箱、购买数量 */
.buy-form .form-group.row:first-of-type {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 24px !important;
    align-items: center !important;
}

/* 价格占满一行 */
.buy-form .form-group.row:first-of-type > .col-12 {
    grid-column: 1 / -1 !important;
}

/* 邮箱和购买数量容器横向排列 */
.buy-form .form-group.row:first-of-type > .col-md-6,
.buy-form .form-group.row:first-of-type > .col-md-4 {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

/* 标签在左边 */
.buy-form .form-group.row:first-of-type label.col-form-label {
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2937 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* 输入框在右边 */
.buy-form .form-group.row:first-of-type .form-control {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d7e0ec !important;
    background: #fff !important;
    color: #1f2937 !important;
    font-size: 15px !important;
    padding: 0 15px !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.04) !important;
}

#shop-number {
    text-align: center !important;
    font-weight: 800 !important;
}

/* 邮箱错误提示放到输入框下面，不挤标签 */
.custom-field-error {
    grid-column: 2 / -1 !important;
    display: none;
    margin-top: 6px;
    padding: 8px 11px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.18);
    color: #dc2626;
    font-size: 13px;
    font-weight: 700;
}

.custom-field-error.show {
    display: block;
}

/* 支付方式整块 */
.buy-form fieldset {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* 支付方式标题占满一行 */
.buy-form fieldset > label.col-form-label {
    grid-column: 1 / -1 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #1f2937 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

/* 每个支付项 */
.buy-form fieldset .form-check.form-check-inline {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 支付卡片 */
.buy-form fieldset .form-check-label {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px 13px !important;
    border-radius: 15px !important;
    border: 1px solid #d8e0ec !important;
    background: #ffffff !important;
    color: #263244 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.035) !important;
}

/* radio 圆点 */
.buy-form fieldset .form-check-input {
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

/* 支付图标：把 span 里的 USDC/POL/USDT 文字隐藏，显示 svg 背景 */
.buy-form .crypto-pay-badge {
    display: inline-block !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    padding: 0 !important;
    margin: 0 2px 0 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.buy-form .crypto-badge-usdc {
    background-image: url('/assets/pay-icons/usdc.svg') !important;
}

.buy-form .crypto-badge-usdt {
    background-image: url('/assets/pay-icons/usdt.svg') !important;
}

.buy-form .crypto-badge-polygon {
    background-image: url('/assets/pay-icons/polygon.svg') !important;
}

.buy-form .crypto-badge-eth {
    background-image: url('/assets/pay-icons/eth.svg') !important;
}

.buy-form .crypto-badge-bnb {
    background-image: url('/assets/pay-icons/bnb.svg') !important;
}

.buy-form .crypto-badge-sol {
    background-image: url('/assets/pay-icons/sol.svg') !important;
}

/* 选中状态 */
.buy-form fieldset .form-check-label:has(.form-check-input:checked) {
    border-color: #3478f6 !important;
    box-shadow: 0 0 0 3px rgba(52, 120, 246, 0.12), 0 8px 18px rgba(52, 120, 246, 0.10) !important;
}

/* 下单按钮居中 */
.buy-form .col-12.mt-2 {
    text-align: center !important;
    margin-top: 18px !important;
}

/* 手机端改回上下排列 */
@media (max-width: 768px) {
    .buy-form .form-group.row:first-of-type {
        grid-template-columns: 1fr !important;
    }

    .buy-form .form-group.row:first-of-type > .col-md-6,
    .buy-form .form-group.row:first-of-type > .col-md-4 {
        grid-template-columns: 60px minmax(0, 1fr) !important;
    }

    .buy-form fieldset {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   购买页微调：图标居中、邮箱对齐、购买框缩短
   ========================================================= */

/* 1. 商品图标在左侧区域垂直居中 */
.good-card .card .row.no-gutters {
    align-items: center !important;
}

.good-card .col-md-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
}

.good-card .col-md-4 .card-img-top {
    margin: 0 auto !important;
}

/* 自动发货标签仍然贴左上，不跟随图标居中 */
.good-card .col-md-4 h6 {
    position: absolute !important;
    top: -10px !important;
    left: -10px !important;
    margin: 0 !important;
}

/* 2. 表单整体左边界和支付方式标题对齐 */
.good-card .buy-form {
    max-width: 640px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* 邮箱/购买这一行保持两列，但让左边界与支付方式一致 */
.buy-form .form-group.row:first-of-type {
    grid-template-columns: 1.45fr 0.85fr !important;
    gap: 16px 24px !important;
}

/* 邮箱 label + input 横向对齐 */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    grid-template-columns: 68px minmax(0, 1fr) !important;
}

/* 3. 购买输入框短一点 */
.buy-form .form-group.row:first-of-type > .col-md-4 {
    grid-template-columns: 68px 150px !important;
    justify-content: start !important;
}

/* 购买数量输入框固定宽度 */
#shop-number {
    width: 150px !important;
    max-width: 150px !important;
}

/* 支付方式区域与邮箱行左边对齐 */
.buy-form fieldset {
    max-width: 640px !important;
    margin-left: 0 !important;
}

/* 手机端不要固定购买框宽度 */
@media (max-width: 768px) {
    .good-card .card .row.no-gutters {
        align-items: initial !important;
    }

    .good-card .buy-form {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .buy-form .form-group.row:first-of-type {
        grid-template-columns: 1fr !important;
    }

    .buy-form .form-group.row:first-of-type > .col-md-4 {
        grid-template-columns: 60px minmax(0, 1fr) !important;
    }

    #shop-number {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 只微调邮箱/购买标签宽度，不移动整体布局 */
.buy-form .form-group.row:first-of-type > .col-md-6,
.buy-form .form-group.row:first-of-type > .col-md-4 {
    grid-template-columns: 78px minmax(0, 1fr) !important;
}

.buy-form .form-group.row:first-of-type label.col-form-label {
    text-align: left !important;
}

.buy-form .form-group.row:first-of-type > .col-md-4 {
    grid-template-columns: 78px 130px !important;
}

#shop-number {
    width: 130px !important;
    max-width: 130px !important;
}

/* 修复购买数量这一行：让“购买:”和输入框靠近 */
.buy-form .form-group.row:first-of-type > .col-md-4 {
    display: grid !important;
    grid-template-columns: 68px 120px !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 220px !important;
    padding: 0 !important;
}

.buy-form .form-group.row:first-of-type > .col-md-4 label.col-form-label {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.buy-form .form-group.row:first-of-type > .col-md-4 #shop-number {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    text-align: center !important;
}

/* 邮箱这一列保持现状，不再移动 */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 只修购买数量框，不动邮箱、不动父级布局 */
.buy-form .form-group.row:first-of-type > .col-md-4 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.buy-form .form-group.row:first-of-type > .col-md-4 label.col-form-label {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

.buy-form .form-group.row:first-of-type > .col-md-4 #shop-number {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: center !important;
    flex: 0 0 120px !important;
}

/* 只调整邮箱：文字和输入框靠近一点 */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 邮箱文字稍微往右 */
.buy-form .form-group.row:first-of-type > .col-md-6 label.col-form-label {
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* 邮箱输入框往左靠，保持现有宽度 */
.buy-form .form-group.row:first-of-type > .col-md-6 .form-control {
    margin-left: 0 !important;
}

/* 邮箱错误提示跟随输入框 */
#emailError {
    grid-column: 2 / 3 !important;
}

/* 邮箱区域：缩短输入框，减少中间空白 */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    display: grid !important;
    grid-template-columns: 54px 360px !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 430px !important;
}

/* 邮箱文字 */
.buy-form .form-group.row:first-of-type > .col-md-6 label.col-form-label {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* 邮箱输入框固定宽度 */
.buy-form .form-group.row:first-of-type > .col-md-6 #email {
    width: 360px !important;
    max-width: 360px !important;
}

/* 邮箱错误提示跟随输入框 */
#emailError {
    grid-column: 2 / 3 !important;
    width: 360px !important;
    max-width: 360px !important;
}

/* 手机端恢复自适应 */
@media (max-width: 768px) {
    .buy-form .form-group.row:first-of-type > .col-md-6 {
        grid-template-columns: 60px minmax(0, 1fr) !important;
        max-width: 100% !important;
    }

    .buy-form .form-group.row:first-of-type > .col-md-6 #email,
    #emailError {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   最终修复：邮箱 + 购买 同一行稳定布局
   不再让购买框跑到卡片外
   ========================================================= */

/* 表单区域控制宽度 */
.good-card .buy-form {
    max-width: 720px !important;
    margin-top: 18px !important;
}

/* 第一组：价格 / 邮箱 / 购买 */
.buy-form .form-group.row:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px 26px !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 价格独占一行 */
.buy-form .form-group.row:first-of-type > .col-12 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* 邮箱区域：标签 + 输入框 */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    flex: 0 0 430px !important;
    width: 430px !important;
    max-width: 430px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

/* 购买区域：标签 + 短输入框 */
.buy-form .form-group.row:first-of-type > .col-md-4 {
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

/* 标签统一 */
.buy-form .form-group.row:first-of-type label.col-form-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2937 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* 邮箱输入框 */
.buy-form .form-group.row:first-of-type > .col-md-6 #email {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
    height: 40px !important;
}

/* 购买数量输入框 */
.buy-form .form-group.row:first-of-type > .col-md-4 #shop-number {
    flex: 0 0 110px !important;
    width: 110px !important;
    max-width: 110px !important;
    height: 40px !important;
    text-align: center !important;
}

/* 错误提示放到邮箱输入框下方 */
#emailError {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
    margin-left: 58px !important;
}

/* 支付方式保持正常宽度，不被上一行影响 */
.buy-form .form-group.row:nth-of-type(2) {
    display: block !important;
    width: 100% !important;
    max-width: 720px !important;
    margin-top: 16px !important;
}

/* 手机端自适应 */
@media (max-width: 768px) {
    .good-card .buy-form,
    .buy-form .form-group.row:first-of-type,
    .buy-form .form-group.row:nth-of-type(2) {
        max-width: 100% !important;
    }

    .buy-form .form-group.row:first-of-type > .col-md-6,
    .buy-form .form-group.row:first-of-type > .col-md-4 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .buy-form .form-group.row:first-of-type > .col-md-6 #email,
    .buy-form .form-group.row:first-of-type > .col-md-4 #shop-number,
    #emailError {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    #emailError {
        margin-left: 0 !important;
    }
}

/* 邮箱输入框改为 260px */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
}

.buy-form .form-group.row:first-of-type > .col-md-6 #email {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
}

#emailError {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
}

/* 手机端不固定宽度 */
@media (max-width: 768px) {
    .buy-form .form-group.row:first-of-type > .col-md-6,
    .buy-form .form-group.row:first-of-type > .col-md-6 #email,
    #emailError {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 邮箱输入框改为 180px */
.buy-form .form-group.row:first-of-type > .col-md-6 {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
}

.buy-form .form-group.row:first-of-type > .col-md-6 #email {
    flex: 0 0 180px !important;
    width: 180px !important;
    max-width: 180px !important;
}

#emailError {
    flex: 0 0 180px !important;
    width: 180px !important;
    max-width: 180px !important;
}

/* 手机端不固定宽度 */
@media (max-width: 768px) {
    .buy-form .form-group.row:first-of-type > .col-md-6,
    .buy-form .form-group.row:first-of-type > .col-md-6 #email,
    #emailError {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   首页商品卡片紧凑版
   只影响首页商品展示，不影响购买页
   ========================================================= */

/* 商品区整体间距稍微缩小 */
.goods {
    padding-top: 18px !important;
}

/* 商品卡片宽高更紧凑 */
.goods .card {
    border-radius: 22px !important;
    padding-bottom: 16px !important;
    min-height: auto !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

/* 商品图片缩小 */
.goods .card-img-top {
    width: 78% !important;
    height: auto !important;
    max-height: 190px !important;
    object-fit: contain !important;
    margin: 14px auto 8px !important;
    display: block !important;
    border-radius: 22px !important;
}

/* 卡片内容更紧凑 */
.goods .card-body {
    padding: 8px 14px 12px !important;
    text-align: center !important;
}

/* 商品标题缩小 */
.goods .card-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 4px 0 6px !important;
    font-weight: 700 !important;
}

/* 商品短描述 */
.goods .goods-desc {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 0 0 8px !important;
    min-height: 18px !important;
}

/* 价格胶囊缩小 */
.goods .btn-outline-success,
.goods .card-body .btn-outline-success {
    height: 30px !important;
    min-width: 96px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
}

/* 库存文字缩小 */
.goods .text-muted,
.goods small.text-muted {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

/* 下单按钮缩小 */
.goods .btn-primary,
.goods .btn-outline-primary,
.goods .btn.btn-primary,
.goods .btn.btn-outline-primary {
    min-width: 92px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

/* 自动发货标签缩小 */
.goods .badge {
    height: 28px !important;
    min-width: 86px !important;
    padding: 0 10px !important;
    border-radius: 0 0 16px 0 !important;
    font-size: 12px !important;
    line-height: 28px !important;
}

/* 商品之间的横向/纵向间距缩小 */
.goods .col,
.goods [class*="col-"] {
    margin-bottom: 26px !important;
}

/* 大屏幕每张卡片不要过宽 */
@media (min-width: 992px) {
    .goods .card {
        max-width: 230px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* 手机端稍微保守一点 */
@media (max-width: 768px) {
    .goods .card-img-top {
        max-height: 150px !important;
        margin-top: 12px !important;
    }

    .goods .card-title {
        font-size: 16px !important;
    }

    .goods .card {
        border-radius: 20px !important;
    }
}

/* =========================================================
   首页商品卡片超紧凑版：整体缩小约一半
   只影响首页商品列表
   ========================================================= */

/* 商品区域间距缩小 */
.goods {
    padding-top: 12px !important;
}

/* 大屏每个商品卡片变小 */
.goods .card {
    max-width: 165px !important;
    min-height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 18px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.055) !important;
}

/* 商品图片缩小一半左右 */
.goods .card-img-top {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 10px auto 6px !important;
    border-radius: 18px !important;
}

/* 内容区域压缩 */
.goods .card-body {
    padding: 4px 8px 8px !important;
    text-align: center !important;
}

/* 标题缩小 */
.goods .card-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 2px 0 4px !important;
    font-weight: 700 !important;
}

/* 描述缩小 */
.goods .goods-desc {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px !important;
    min-height: 14px !important;
}

/* 价格胶囊缩小 */
.goods .btn-outline-success,
.goods .card-body .btn-outline-success {
    height: 24px !important;
    min-width: 72px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
}

/* 库存缩小 */
.goods .text-muted,
.goods small.text-muted,
.goods .stock,
.goods .goods-stock {
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 4px 0 !important;
}

/* 下单按钮缩小 */
.goods .btn-primary,
.goods .btn-outline-primary,
.goods .btn.btn-primary,
.goods .btn.btn-outline-primary {
    min-width: 70px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
}

/* 自动发货标签缩小 */
.goods .badge {
    height: 22px !important;
    min-width: 64px !important;
    padding: 0 8px !important;
    border-radius: 0 0 13px 0 !important;
    font-size: 10px !important;
    line-height: 22px !important;
}

/* 商品之间间距压缩 */
.goods .col,
.goods [class*="col-"] {
    margin-bottom: 20px !important;
}

/* 大屏一行可以放更多商品 */
@media (min-width: 1200px) {
    .goods .row {
        row-gap: 18px !important;
    }

    .goods .card {
        max-width: 160px !important;
    }

    .goods .card-img-top {
        width: 130px !important;
        height: 130px !important;
        max-width: 130px !important;
        max-height: 130px !important;
    }
}

/* 手机端不要太小 */
@media (max-width: 768px) {
    .goods .card {
        max-width: 155px !important;
        border-radius: 16px !important;
    }

    .goods .card-img-top {
        width: 120px !important;
        height: 120px !important;
        max-width: 120px !important;
        max-height: 120px !important;
    }

    .goods .card-title {
        font-size: 13px !important;
    }
}

/* 首页商品标题：加粗加黑 */
.goods .card-title,
.goods h6.card-title {
    color: #111827 !important;
    font-weight: 900 !important;
    letter-spacing: -0.2px !important;
}


/* 首页商品图片再缩小一点 */
.goods .card-img-top {
    width: 110px !important;
    height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
    object-fit: contain !important;
    margin: 10px auto 6px !important;
}

/* 大屏保持同样尺寸，避免被之前媒体查询覆盖 */
@media (min-width: 1200px) {
    .goods .card-img-top {
        width: 110px !important;
        height: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
    }
}

/* 手机端稍微大一点，避免太小 */
@media (max-width: 768px) {
    .goods .card-img-top {
        width: 105px !important;
        height: 105px !important;
        max-width: 105px !important;
        max-height: 105px !important;
    }
}

/* 首页商品图片降到 80px */
.goods .card-img-top {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
    margin: 10px auto 6px !important;
}

/* 大屏防止被之前规则覆盖 */
@media (min-width: 1200px) {
    .goods .card-img-top {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
    }
}

/* 手机端也保持 80px */
@media (max-width: 768px) {
    .goods .card-img-top {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
    }
}

/* 首页商品：大屏一行显示 8 个 */
@media (min-width: 1200px) {
    .goods .row {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
    }

    .goods .row > .col,
    .goods .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .goods .card {
        max-width: 135px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .goods .card-img-top {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
    }
}

/* 中等屏一行 5 个 */
@media (min-width: 768px) and (max-width: 1199px) {
    .goods .row {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
    }

    .goods .row > .col,
    .goods .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 手机端一行 2 个 */
@media (max-width: 767px) {
    .goods .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 12px !important;
    }

    .goods .row > .col,
    .goods .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 首页商品下单按钮：缩小并居中 */
.goods .card-body a.btn,
.goods .card-body .btn-primary,
.goods .card-body .btn-outline-primary,
.goods .card-body .btn-success,
.goods .card-body .btn-outline-success {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 下单按钮单独缩小 */
.goods .card-body a[href*="/buy"],
.goods .card-body a[href*="buy"],
.goods .card-body .btn-primary,
.goods .card-body .btn-outline-primary {
    min-width: 58px !important;
    width: auto !important;
    height: 24px !important;
    padding: 0 9px !important;
    margin: 6px auto 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* 按钮里的图标也缩小 */
.goods .card-body a[href*="/buy"] i,
.goods .card-body a[href*="buy"] i,
.goods .card-body .btn-primary i,
.goods .card-body .btn-outline-primary i {
    font-size: 11px !important;
    margin-right: 3px !important;
}


/* 首页商品下单按钮：更小，并稍微往左 */
.goods .card-body a[href*="/buy"],
.goods .card-body a[href*="buy"],
.goods .card-body .btn-primary,
.goods .card-body .btn-outline-primary {
    min-width: 52px !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 22px !important;
    font-weight: 800 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* 往左靠一点 */
    margin: 5px auto 0 !important;
    transform: translateX(-8px) !important;
}

/* 下单图标也缩小 */
.goods .card-body a[href*="/buy"] i,
.goods .card-body a[href*="buy"] i,
.goods .card-body .btn-primary i,
.goods .card-body .btn-outline-primary i {
    font-size: 10px !important;
    margin-right: 2px !important;
}


/* 首页商品下单按钮：再小一点，再往左一点 */
.goods .card-body a[href*="/buy"],
.goods .card-body a[href*="buy"],
.goods .card-body .btn-primary,
.goods .card-body .btn-outline-primary {
    min-width: 46px !important;
    height: 19px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 19px !important;
    font-weight: 800 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 5px auto 0 !important;
    transform: translateX(-16px) !important;
}

/* 下单按钮图标更小 */
.goods .card-body a[href*="/buy"] i,
.goods .card-body a[href*="buy"] i,
.goods .card-body .btn-primary i,
.goods .card-body .btn-outline-primary i {
    font-size: 9px !important;
    margin-right: 2px !important;
}


/* ==============================
   首页客服按钮：右侧悬浮跟随
   ============================== */

.hero-service-box {
    position: fixed !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    align-items: center !important;
}

/* 悬浮客服按钮样式 */
.hero-service-box .hero-service-link {
    width: 118px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 999px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255, 255, 255, 0.92) !important;
    color: #1f2937 !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12) !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;

    transition: all .18s ease !important;
}

.hero-service-box .hero-service-link:hover {
    transform: translateY(-2px) !important;
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, 0.26) !important;
}

/* 手机端：放到底部右侧，避免遮挡内容 */
@media (max-width: 768px) {
    .hero-service-box {
        right: 12px !important;
        top: auto !important;
        bottom: 18px !important;
        transform: none !important;
        gap: 10px !important;
    }

    .hero-service-box .hero-service-link {
        width: 96px !important;
        height: 38px !important;
        font-size: 14px !important;
    }
}