@charset "utf-8";
/**
 * index 模块视图骨架补全样式（配合 app/index/view）
 * 不覆盖模板内联 style 的配色/内容；资金/代理人区块已改为中性底与排版为主。
 * h5_show / h5_hidden：与模板约定一致，仅控制 PC/H5 哪一块显示（全站无其它 CSS 定义时须补全）。
 * html.index-app：在 public/header 与独立整页模板上挂载，统一 index 应用全局观感。
 */

/* -------------------------------------------------------------------------
 * 0. Index 应用全局基线（AmazeUI 全站页；排除 page-home 避免干扰 Bootstrap 首页）
 * ------------------------------------------------------------------------- */
html.index-app {
    -webkit-text-size-adjust: 100%;
}

html.index-app body {
    -webkit-font-smoothing: antialiased;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    line-height: 1.5;
}

html.index-app:not(.page-home) body {
    color: #333;
    background: #f5f6f8;
}

/* Bootstrap 独立页（开店流程等）：白底，不参与 Amaze 表单/面板覆写 */
html.index-app.page-bootstrap body {
    background: #fff !important;
}

html.index-app:not(.page-home) .am-container {
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
    box-sizing: border-box;
}

html.index-app:not(.page-home) .am-panel {
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

html.index-app:not(.page-home) .am-panel-hd {
    background: #fafafa;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    color: #222;
}

html.index-app:not(.page-home) .am-panel-bd {
    background: #fff;
}

html.index-app:not(.page-home) .am-form input[type="text"],
html.index-app:not(.page-home) .am-form input[type="password"],
html.index-app:not(.page-home) .am-form input[type="number"],
html.index-app:not(.page-home) .am-form input[type="email"],
html.index-app:not(.page-home) .am-form input[type="tel"],
html.index-app:not(.page-home) .am-form input[type="url"],
html.index-app:not(.page-home) .am-form input[type="search"],
html.index-app:not(.page-home) .am-form select,
html.index-app:not(.page-home) .am-form textarea {
    border-radius: 8px;
    border-color: #ddd;
}

html.index-app:not(.page-home) .am-form input:focus,
html.index-app:not(.page-home) .am-form select:focus,
html.index-app:not(.page-home) .am-form textarea:focus {
    border-color: #d2364c;
    box-shadow: 0 0 0 2px rgba(210, 54, 76, 0.12);
    outline: none;
}

html.index-app:not(.page-home) .am-btn-primary {
    background: #d2364c !important;
    border-color: #d2364c !important;
    border-radius: 8px;
}

html.index-app:not(.page-home) .am-btn-primary:hover,
html.index-app:not(.page-home) .am-btn-primary:focus {
    background: #b82e41 !important;
    border-color: #b82e41 !important;
}

html.index-app:not(.page-home) .am-btn-default {
    border-radius: 8px;
}

html.index-app:not(.page-home) .am-table {
    border-radius: 8px;
    overflow: hidden;
}

html.index-app:not(.page-home) .am-table-bordered {
    border: 1px solid #eee;
}

html.index-app:not(.page-home) .am-breadcrumb {
    padding: 10px 0;
    margin-bottom: 8px;
    font-size: 13px;
}

html.index-app:not(.page-home) .am-breadcrumb > li + li:before {
    color: #bbb;
}

html.index-app:not(.page-home) .am-pagination > li > a,
html.index-app:not(.page-home) .am-pagination > li > span {
    border-radius: 6px;
    margin: 0 2px;
}

html.index-app:not(.page-home) .am-pagination > .am-active > a {
    background: #d2364c;
    border-color: #d2364c;
}

html.index-app:not(.page-home) .am-alert {
    border-radius: 10px;
    border-width: 1px;
}

html.index-app:not(.page-home) .am-modal-dialog {
    border-radius: 12px;
    overflow: hidden;
}

html.index-app:not(.page-home) .am-list > li {
    border-color: #f0f0f0;
}

html.index-app:not(.page-home) .am-list-bordered {
    border-radius: 10px;
    overflow: hidden;
    border-color: #eee;
}

html.index-app:not(.page-home) hr.am-divider {
    border-color: #eee;
}

html.index-app:not(.page-home) .am-tabs-d2 .am-tabs-nav,
html.index-app:not(.page-home) .am-tabs-bd {
    border-color: #eee;
}

html.index-app:not(.page-home) .am-tabs-nav .am-active > a {
    color: #d2364c;
}

html.index-app:not(.page-home) .am-article-hd {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 14px;
}

html.index-app:not(.page-home) .am-article-title {
    color: #222;
    font-weight: 600;
}

html.index-app:not(.page-home) .am-thumbnail {
    border-radius: 10px;
    border-color: #eee;
}

html.index-app:not(.page-home) .am-badge {
    border-radius: 6px;
}

html.index-app:not(.page-home) .am-comment {
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 10px;
    background: #fff;
}

html.index-app:not(.page-home) .am-checkbox,
html.index-app:not(.page-home) .am-radio {
    margin-right: 6px;
}

html.index-app:not(.page-home) .am-selected .am-btn-default {
    border-radius: 8px;
}

html.index-app:not(.page-home) .am-input-group .am-form-field {
    border-radius: 8px 0 0 8px;
}

html.index-app:not(.page-home) .am-input-group .am-input-group-btn .am-btn {
    border-radius: 0 8px 8px 0;
}

/* 侧栏 Logo（public/user_menu，全端） */
.user-offcanvas-bar .user-sidebar-logo {
    display: block;
    max-width: 128px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------------------------------------------------
 * 1. 模板约定：H5 块 / PC 块显隐（class 名即骨架语义的一部分）
 * ------------------------------------------------------------------------- */
@media only screen and (min-width: 641px) {
    .h5_show {
        display: none !important;
    }
}

@media only screen and (max-width: 640px) {
    .h5_hidden {
        display: none !important;
    }
}

/* -------------------------------------------------------------------------
 * 2. 双栏布局：首页 product、商品详情 goods/index
 * ------------------------------------------------------------------------- */
.two_column_layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 8px 12px 32px;
    box-sizing: border-box;
}

.two_column_layout > .left {
    flex: 1 1 100%;
    min-width: 0;
}

.two_column_layout > .right {
    display: none;
}

@media only screen and (min-width: 992px) {
    .two_column_layout {
        flex-wrap: nowrap;
        gap: 24px;
        padding: 12px 16px 40px;
    }

    .two_column_layout > .left {
        flex: 1 1 auto;
        min-width: 0;
    }

    .two_column_layout > .right {
        display: block;
        flex: 0 0 280px;
        width: 280px;
        max-width: 280px;
        align-self: flex-start;
        position: sticky;
        top: 64px;
    }

    .two_column_layout > .right h2 {
        font-size: 16px;
        margin: 0 0 14px;
        padding-bottom: 10px;
        border-bottom: 2px solid #d2364c;
        color: #111;
        font-weight: 600;
    }
}

/* -------------------------------------------------------------------------
 * 3. 商品详情页 good_detail_content（goods/index.html）
 * ------------------------------------------------------------------------- */
.good_detail_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    padding: 16px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
}

.good_detail_content .pic_box {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex: 1 1 100%;
    min-width: 0;
}

.good_detail_content .dot_col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.good_detail_content .dot_col .dot {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    border: 2px solid #e8e8e8;
    cursor: pointer;
    background-color: #fafafa;
    background-size: cover;
    background-position: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.good_detail_content .dot_col .dot.select {
    border-color: #d2364c;
    box-shadow: 0 0 0 2px rgba(210, 54, 76, 0.2);
}

.good_detail_content .pic {
    flex: 1;
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #f0f0f0;
}

.good_detail_content .pic_orbit img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}

.good_detail_content .info_box {
    flex: 1 1 100%;
    min-width: 0;
}

@media only screen and (min-width: 768px) {
    .good_detail_content .pic_box {
        flex: 0 0 360px;
        max-width: 360px;
    }

    .good_detail_content .info_box {
        flex: 1 1 280px;
    }
}

.good_detail_content .info_box .title {
    font-size: clamp(16px, 2.5vw, 20px);
    font-weight: 600;
    color: #111;
    line-height: 1.35;
    margin-bottom: 10px;
}

.good_detail_content .browse_col,
.good_detail_content .browse_row {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 6px;
}

.good_detail_content .sub_title {
    font-size: 13px;
    color: #666;
    line-height: 1.55;
    margin: 8px 0 12px;
}

.good_detail_content .price_box {
    margin-top: 16px;
    padding: 14px;
    background: #fff8f9;
    border: 1px solid #fce8eb;
    border-radius: 10px;
}

.good_detail_content .price_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(240, 240, 240, 0.9);
    font-size: 14px;
}

.good_detail_content .price_row:last-child {
    border-bottom: none;
}

.good_detail_content .price_row span:last-child {
    font-weight: 700;
    color: #d2364c;
}

.detail_box {
    margin-top: 8px;
    padding: 20px 16px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
}

.detail_box h2 {
    font-size: 18px;
    margin: 0 0 18px;
    color: #111;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.detail_box .content-photo {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.detail_box .content-photo li {
    margin-bottom: 12px;
}

.detail_box .content-photo img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.details_rich_box {
    font-size: 14px;
    line-height: 1.75;
    color: #444;
    overflow-x: auto;
}

.details_rich_box img {
    max-width: 100%;
    height: auto;
}

.h5_like {
    margin-top: 16px;
}

/* 猜你喜欢（双栏内重复结构） */
.two_column_layout .good_list a {
    text-decoration: none;
    color: inherit;
}

.two_column_layout .good_item {
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    transition: box-shadow 0.2s ease;
}

.two_column_layout .good_item:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.two_column_layout .good_item .img_box img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.two_column_layout .good_item p {
    margin: 10px 0 6px;
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.two_column_layout .price,
.two_column_layout .price_h5 {
    font-weight: 700;
    color: #d2364c;
    font-size: 15px;
}

/* -------------------------------------------------------------------------
 * 4. 首页楼层别名：good_content / goods_list / goods_items（index/product.html）
 *    与 index.css 中 .floor 风格一致，使用下划线类名
 * ------------------------------------------------------------------------- */
.good_content {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.good_content .title_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

.good_content .title_row .floor-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.good_content .title_row .more {
    font-size: 13px;
    color: #d2364c;
    text-decoration: none;
}

.good_content .title_row .more:hover {
    text-decoration: none;
    opacity: 0.88;
}

.good_content .goods_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.good_content .goods_items {
    box-sizing: border-box;
    width: 50%;
    padding: 12px;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.good_content .goods_items:nth-child(2n) {
    border-right: none;
}

@media only screen and (min-width: 768px) {
    .good_content .goods_items {
        width: 25%;
        border-right: 1px solid #f0f0f0;
    }

    .good_content .goods_items:nth-child(2n) {
        border-right: 1px solid #f0f0f0;
    }

    .good_content .goods_items:nth-child(4n) {
        border-right: none;
    }
}

.good_content .goods-title {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #333;
    min-height: 42px;
    line-height: 1.35;
}

.good_content .good_img_content {
    margin: 0;
}

.good_content .good_img_content .goods-images {
    max-width: 100%;
    height: auto;
    display: block;
}

.good_content .btn_row {
    min-height: 8px;
}

/* -------------------------------------------------------------------------
 * 5. 个人中心 H5（personal/center.html）
 * ------------------------------------------------------------------------- */
.user_center_h5_content {
    background: #f3f4f6;
    min-height: 50vh;
    padding-bottom: 24px;
}

.user_center_h5_content > a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.user_center_h5_content .user_info_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 16px;
    background: #fff;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.user_center_h5_content .user_info_row .left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.user_center_h5_content .user_head img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.user_center_h5_content .user_menu_box {
    background: #fff;
    border-radius: 12px;
    margin: 0 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

/* -------------------------------------------------------------------------
 * 6. 运营中心 iframe（user/operating_center.html）
 * ------------------------------------------------------------------------- */
.user_center_content #ifcontent {
    min-height: 68vh;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.user_center_content #ifcontent iframe {
    width: 100%;
    min-height: 68vh;
    border: 0;
    display: block;
    vertical-align: top;
}

/* -------------------------------------------------------------------------
 * 7. 资金 / 钱包（fund/*.html）— 只补排版，不替换模板配色
 * ------------------------------------------------------------------------- */
.wallet-body .wallet_content {
    width: 100%;
}

.wallet-body .money_content {
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    border: 1px solid #eee;
    background: #fff;
    box-sizing: border-box;
}

.wallet-body .money_content .money_row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.wallet-body .money_content .money_item {
    flex: 1 1 160px;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background: #fafafa;
    box-sizing: border-box;
}

.wallet-body .money_content .money_item .money {
    font-size: 20px;
    font-weight: 700;
}

.wallet-body .money_content .money_item .title {
    font-size: 13px;
    margin-top: 8px;
}

.wallet-body .money_content .money_item .sub_tips {
    font-size: 11px;
    margin-top: 6px;
    line-height: 1.45;
    color: #666;
}

.wallet-body .option_row {
    margin-bottom: 14px;
}

.wallet-body .option_row .select_col {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wallet-body .select_item {
    padding: 8px 16px;
    border-radius: 999px;
    background: #f3f4f6;
    font-size: 13px;
    color: #444;
    border: 1px solid transparent;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.wallet-body .select_item.select {
    background: #fff1f5;
    color: #d2364c;
    border-color: #d2364c;
    font-weight: 600;
}

.wallet-body .data-list {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

.wallet-body .table-no {
    padding: 28px 16px;
    text-align: center;
    color: #888;
    font-size: 14px;
}

.wallet-body .money-bold {
    font-weight: 600;
    color: #222;
}

.wallet-body .content-top {
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    border: 1px solid #eee;
    background: #fff;
    box-sizing: border-box;
}

.wallet-body .content-top > div > div {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.wallet-body .content-top > div > p {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px;
}

.wallet-body .content-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wallet-body .content-list li {
    list-style: none;
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #eee;
    background: #fff;
    box-sizing: border-box;
}

/* -------------------------------------------------------------------------
 * 8. 合伙人列表、表单搜索（partner_list_info 等）
 * ------------------------------------------------------------------------- */
.user-content-body .form_content input[type="text"],
.user-content-body .form_content select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}

.user-content-body .form_content .button.primary_color,
.user-content-body .form_content button.primary_color {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    min-height: 40px;
    background: #d2364c;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(210, 54, 76, 0.25);
}

.user-content-body .form_content .button.primary_color:hover,
.user-content-body .form_content button.primary_color:hover {
    filter: brightness(1.05);
    text-decoration: none;
}

.user-content-body .button.primary_colorreset-submit,
.user-content-body a.primary_colorreset-submit {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    margin-left: 8px;
    color: #555 !important;
    background: #f3f4f6;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 14px;
    border: 1px solid #e5e7eb;
}

.user-content-body .button.primary_colorreset-submit:hover,
.user-content-body a.primary_colorreset-submit:hover {
    background: #e5e7eb;
    color: #333 !important;
}

.user-content-middle .title {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 14px;
    border-bottom: 1px solid #eee;
    margin-bottom: 14px;
    color: #111;
}

.user-content-middle .title span {
    border-left: 4px solid #d2364c;
    padding-left: 10px;
}

.partners_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    font-size: 13px;
    border: 1px solid #eee;
}

.partners_table tr.head td {
    background: #fafafa;
    font-weight: 600;
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.partners_table tr:not(.head) td {
    padding: 12px 10px;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: top;
}

.partners-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.partners-list li {
    padding: 16px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.partners-list li > div {
    margin-bottom: 6px;
}

.partners-list li > div:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------------------------------------
 * 9. 店铺升级弹窗（store/index.html 等，不依赖 Bootstrap）
 * ------------------------------------------------------------------------- */
.poup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: rgba(15, 23, 42, 0.45);
    box-sizing: border-box;
    padding: 16px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.pop_upbox {
    background: #fff;
    border-radius: 16px;
    max-width: 420px;
    width: 100%;
    margin: 10vh auto 24px;
    padding: 16px 20px 22px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.pop_upbox .d-flex {
    display: flex;
}

.pop_upbox .justify-content-end {
    justify-content: flex-end;
}

.pop_upbox .btn_close {
    border: none;
    background: #f3f4f6;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    cursor: pointer;
    color: #374151;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pop_upbox .btn_close:hover {
    background: #e5e7eb;
}

.popup_content {
    text-align: center;
    margin: 14px 0 20px;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
}

.popup_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 12px;
    display: inline-block;
}

.pop_upbox .btn_cancel,
.pop_upbox .btn_confirm {
    flex: 1;
    padding: 12px 14px;
    border-radius: 10px;
    border: none;
    font-size: 15px;
    cursor: pointer;
    font-weight: 500;
}

.pop_upbox .btn_cancel {
    background: #e5e7eb;
    color: #374151;
}

.pop_upbox .btn_confirm {
    background: #d2364c;
    color: #fff;
}

.pop_upbox .btn_confirm:hover {
    filter: brightness(1.05);
}

/* -------------------------------------------------------------------------
 * 10. 代理人 / 合伙人中心（agent/index.html）— 仅排版与留白，保留模板原有配色/内联样式
 * ------------------------------------------------------------------------- */
.user-main .user-content-top .title {
    padding: 8px 0 10px;
    margin-bottom: 8px;
}

.user-main .user-content-top ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.user-main .user-content-top ul:last-child {
    margin-bottom: 0;
}

.user-main .user-content-top ul > li {
    flex: 1 1 120px;
    min-width: 100px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}

.user-main .user-content-top ul > li strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.user-main .user-content-top ul > li p {
    font-size: 12px;
    margin: 0;
    line-height: 1.35;
}

.user-main .user-content-bottom {
    margin-top: 16px;
}

.user-main .invite-container {
    flex-wrap: wrap;
    gap: 12px;
}

.user-main .invite_link {
    word-break: break-all;
    font-size: 12px;
    line-height: 1.5;
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}

.user-main .protocol-container {
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
}

.user-main .protocol-container .content p {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.6;
}

/* -------------------------------------------------------------------------
 * 11. 首页 STA（index/index.html，body.page-home）— 与 home/*.css 互补
 * ------------------------------------------------------------------------- */
.page-home .about .a_content {
    padding: 12px 4px 12px 0;
    box-sizing: border-box;
}

.page-home .about .a_content h2 {
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    margin: 0 0 8px;
    color: #111;
}

.page-home .about .a_content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #555;
}

.page-home .brands .ban_icon,
.page-home .owl-carouselthree .ban_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    box-sizing: border-box;
}

.page-home .brands .ban_icon img {
    max-height: 52px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.page-home .ex_content a {
    display: block;
    height: 100%;
    padding: 20px 16px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    box-sizing: border-box;
}

.page-home .ex_content a:hover {
    border-color: #e5e7eb;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
    text-decoration: none;
}

.page-home .ex_content img {
    height: 48px;
    width: auto;
    margin-bottom: 14px;
    display: block;
}

.page-home .ex_content h2 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #111;
    line-height: 1.35;
}

.page-home .ex_content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #666;
}

.page-home .build .ur_video {
    border-radius: 12px;
    overflow: hidden;
    background: #111;
    border: 1px solid #eee;
}

.page-home .build .ur_video video {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
}

.page-home .build .str_cnt {
    padding: 16px 8px 8px;
    box-sizing: border-box;
}

.page-home .build .str_cnt h2 {
    font-size: 17px;
    margin: 0 0 10px;
    color: #111;
}

.page-home .build .str_cnt p {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
}

.page-home .build .str_cnt button {
    margin-top: 4px;
}

.page-home .mail_chimp {
    margin-top: 8px;
}

.page-home .mail_form .btn_start_selling,
.page-home .btn_start_selling {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 360px;
    padding: 14px 18px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.page-home .btn_start_selling:hover {
    filter: brightness(1.08);
}

.page-home .btn_start_selling .s_st,
.page-home .btn_start_selling .s_lst {
    font-size: 14px;
    opacity: 0.95;
}

.page-home .sale_cannels .sale_img {
    padding: 6px;
    box-sizing: border-box;
}

.page-home .sale_cannels .sale_img img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}

.page-home .checkout .video {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

.page-home .checkout .video video {
    width: 100%;
    display: block;
    vertical-align: top;
}

.page-home .marketing .videos video {
    width: 100%;
    border-radius: 10px;
    background: #000;
}

.page-home .testimonial .slider_content h1 {
    font-size: clamp(1.15rem, 2.8vw, 1.5rem);
    line-height: 1.35;
    margin: 0 0 12px;
    color: #111;
}

.page-home .testimonial .slider_content h2 {
    font-size: 15px;
    margin: 0 0 8px;
    color: #333;
}

.page-home .testimonial .slider_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

.page-home .testimonial .img_part {
    text-align: center;
}

.page-home .testimonial .img_part img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.page-home .support .btn-read {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid #d2364c;
    color: #d2364c !important;
    text-decoration: none !important;
    font-size: 13px;
}

.page-home .support .btn-read:hover {
    background: #fff1f5;
}

.page-home .grow_business .grow_content .btn_trial {
    margin-top: 8px;
}

@media only screen and (max-width: 767px) {
    .page-home .ex_content a {
        padding: 16px 14px;
    }
}

/* -------------------------------------------------------------------------
 * 12. 用户中心 / 表单列表（扫描视图高频 class，不重复 Bootstrap）
 * ------------------------------------------------------------------------- */
.user-main .business-form-block,
.am-container.user-main .business-form-block {
    margin-bottom: 16px;
    padding: 12px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
}

.user-main .form-input-group,
.am-container.user-main .form-input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin-bottom: 10px;
}

.user-main .form-input-group-btn,
.am-container.user-main .form-input-group-btn {
    flex-shrink: 0;
}

.user-main .form_col,
.am-container.user-main .form_col {
    flex: 1 1 200px;
    min-width: 160px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.user-main .search_col,
.am-container.user-main .search_col {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

.user-main .button_col,
.am-container.user-main .button_col {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.user-main .more_form,
.am-container.user-main .more_form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.user-main .form_option_bar,
.am-container.user-main .form_option_bar {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.user-main .form-table-search-inner,
.am-container.user-main .form-table-search-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.user-main .form-table-search,
.am-container.user-main .form-table-search {
    margin-bottom: 12px;
}

.user-main .form-table-search-section,
.am-container.user-main .form-table-search-section {
    margin-bottom: 10px;
}

.user-main .form-table-search-time,
.am-container.user-main .form-table-search-time {
    margin-bottom: 8px;
}

.user-main .user_form_content,
.am-container.user-main .user_form_content {
    padding-bottom: 16px;
    box-sizing: border-box;
}

.user-main .form-validation-search .form_col input,
.user-main .form-validation-search .form_col select,
.am-container.user-main .form-validation-search .form_col input,
.am-container.user-main .form-validation-search .form_col select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.user-main .table,
.am-container.user-main .table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.user-main .plugins-tag,
.am-container .plugins-tag {
    font-size: 11px;
    padding: 4px 8px;
    margin: 4px 0;
    background: #fff8e6;
    border: 1px dashed #f59e0b;
    border-radius: 4px;
    color: #92400e;
}

/* 代理人区块标题容器（与内联配色共存） */
.am-container.user-main .block-container {
    margin-bottom: 14px;
}

.am-container.user-main .block-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

/* -------------------------------------------------------------------------
 * 12b. 用户中心 UI（对齐 ShopXO 演示站：红白主色、卡片、侧栏高亮）
 * 参考: https://crm.myxs.ltd/?s=user/index.html
 * ------------------------------------------------------------------------- */
.user-main.user-center {
    background: #f5f6f8;
}

.user-main.user-center .user-content {
    background: transparent;
}

.user-main.user-center .user-content-body {
    padding: 12px 12px 28px;
    box-sizing: border-box;
}

@media only screen and (min-width: 641px) {
    .user-main.user-center .user-content-body {
        max-width: 920px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px 16px 32px;
    }
}

.user-main.user-center .activity-container,
.user-main.user-center .guide-container {
    margin-top: 0 !important;
}

.user-main.user-center .activity-content-h5,
.user-main.user-center .guide-content-h5 {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

/* 顶部问候区：品牌红条 + 白字（与演示站个人中心头图一致） */
.user-main.user-center .activity-content-h5 > div:first-child,
.user-main.user-center .guide-content-h5 > div:first-child {
    background: linear-gradient(135deg, #d2364c 0%, #b82e41 100%) !important;
    color: #fff !important;
    padding: 18px 16px !important;
    margin: 0 !important;
}

.user-main.user-center .activity-content-h5 > div:first-child p,
.user-main.user-center .activity-content-h5 > div:first-child a,
.user-main.user-center .guide-content-h5 > div:first-child p,
.user-main.user-center .guide-content-h5 > div:first-child a {
    color: rgba(255, 255, 255, 0.98) !important;
    text-align: left !important;
}

.user-main.user-center .activity-content-h5 > div:first-child a:hover,
.user-main.user-center .guide-content-h5 > div:first-child a:hover {
    text-decoration: underline;
    opacity: 0.95;
}

/* 粗灰分隔条改细线，避免「补丁感」 */
.user-main.user-center .guide-content-h5 > div[style*="gainsboro"] {
    height: 1px !important;
    min-height: 0 !important;
    background: #eee !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.user-main.user-center .activity-content-h5 > div:not(:first-child):not(:last-child),
.user-main.user-center .guide-content-h5 > div:not(:first-child):not(:last-child):not([style*="gainsboro"]) {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.user-main.user-center .activity-content-h5 ul,
.user-main.user-center .guide-content-h5 ul {
    list-style: none;
    margin: 0;
    padding: 4px 0 8px;
}

.user-main.user-center .activity-content-h5 ul li,
.user-main.user-center .guide-content-h5 ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.user-main.user-center .activity-content-h5 ul li:last-child,
.user-main.user-center .guide-content-h5 ul li:last-child {
    border-bottom: none;
}

.user-main.user-center .activity-content-h5 ul li a,
.user-main.user-center .guide-content-h5 ul li a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
}

.user-main.user-center .activity-content-h5 ul li a:hover,
.user-main.user-center .guide-content-h5 ul li a:hover {
    color: #d2364c;
}

.user-main.user-center .guide-content-h5 .am-progress {
    border-radius: 999px;
    background: #f0f0f0;
}

.user-main.user-center .guide-content-h5 .am-progress-bar {
    background: linear-gradient(90deg, #d2364c, #e85d73) !important;
    border-radius: 999px;
}

/* 侧栏（含 offcanvas）：分组感 + 当前项浅粉底 */
.user-offcanvas-bar {
    background: #fff !important;
}

.user-offcanvas-bar > img {
    display: block;
    margin: 14px auto 8px;
    max-height: 36px;
    width: auto;
    object-fit: contain;
}

.user-sidebar-list > li {
    border-bottom: 1px solid #f5f5f5;
}

.user-sidebar-list > li > a.user-item-parent {
    font-weight: 600;
    color: #333 !important;
}

.user-sidebar-list li.am-active > a {
    background: #fff0f3 !important;
    color: #d2364c !important;
    box-shadow: inset 3px 0 0 #d2364c;
}

.user-sidebar-sub {
    background: #fafafa;
}

.user-sidebar-sub li a {
    font-size: 14px;
    color: #555 !important;
}

.user-sidebar-sub li.am-active > a {
    background: #fff5f6 !important;
    color: #d2364c !important;
    font-weight: 500;
}

@media only screen and (min-width: 641px) {
    .user-main .user-sidebar {
        background: #fff;
        border-radius: 0 0 12px 12px;
        border: 1px solid #eee;
        border-top: 4px solid #d2364c;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }

    .user-offcanvas-bar {
        background: transparent !important;
    }

    .user-offcanvas-bar > img {
        margin: 12px auto;
    }
}

/* H5 个人中心入口条：红头 + 白字 */
.user_center_h5_content .user_info_row {
    background: linear-gradient(135deg, #d2364c 0%, #b82e41 100%);
    color: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0 4px 16px rgba(210, 54, 76, 0.25);
}

.user_center_h5_content .user_info_row .left {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.user_center_h5_content .user_info_row .right .am-icon {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
}

.user_center_h5_content .user_head img {
    border: 3px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.user_center_h5_content .user_menu_box {
    margin-top: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
}

.user_center_h5_content .user_menu_box .user-sidebar-list li.am-active > a {
    background: #fff0f3 !important;
    color: #d2364c !important;
    box-shadow: inset 3px 0 0 #d2364c;
}

/* 个人资料页卡片（personal/index） */
.user-main .user_info_content {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}

.user-main .plant_title_row {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px 12px 0 0;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.user-main .plant_title_row .title {
    font-size: 17px;
    font-weight: 600;
    color: #111;
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #d2364c;
}

.user-main .user_info_box {
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 8px 0 20px;
    margin-bottom: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.user-main .user_form_box .row_box .row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 12px 16px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
}

.user-main .user_form_box .row_box .row:last-child {
    border-bottom: none;
}

.user-main .user_form_box .row_box .row label {
    flex: 0 0 100px;
    max-width: 40%;
    color: #888;
    font-weight: 500;
}

.user-main .user_form_box .row_box .row > div {
    flex: 1;
    min-width: 0;
    color: #333;
}

.user-main .user_form_box .head_row {
    padding: 16px;
    align-items: center;
}

/* 客服悬浮钮（H5） */
.am-icon-btn.user-menu.h5_show {
    background: #6b7280 !important;
    color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

/* -------------------------------------------------------------------------
 * 14. 全视图 HTML 扫描兜底（164 文件 class 频次 + 丢失的 admin 对齐样式）
 * 工具: python tools/scan_index_view_classes.py
 * ------------------------------------------------------------------------- */

/* user/init：模板为 G_store-base，index 无 user.init.css，原样式在 admin .shopxo-base */
.G_store-base li {
    padding: 14px 10px;
    box-sizing: border-box;
}

.G_store-base li .li-content {
    padding: 14px 14px 18px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.G_store-base li:nth-child(1) .li-content {
    background: linear-gradient(135deg, #d2364c 0%, #b82e41 100%);
}

.G_store-base li:nth-child(2) .li-content {
    background: linear-gradient(135deg, #e85d73 0%, #c53030 100%);
}

.G_store-base li:nth-child(3) .li-content {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
}

.G_store-base li:nth-child(4) .li-content {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
}

.G_store-base li .name {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.95);
}

.G_store-base li .li-content .total {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(22px, 4.5vw, 30px);
    font-weight: 700;
    line-height: 1.15;
}

.G_store-base li .li-content p,
.G_store-base li .li-content .item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.G_store-base li .li-content .item {
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
}

.G_store-base li .li-content img {
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 52px;
    height: auto;
    opacity: 0.3;
    pointer-events: none;
}

@media only screen and (max-width: 640px) {
    .G_store-base li {
        padding: 10px 6px;
    }
}

html.index-app .content-right > .content {
    padding: 12px 12px 24px;
    box-sizing: border-box;
    min-height: 120px;
}

html.index-app .block-container.echarts-content {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 14px 16px 18px;
    margin-bottom: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

html.index-app .echarts-content .block-title.echarts-title,
html.index-app .echarts-content .echarts-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

html.index-app .echarts-content .echarts-title .title {
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

html.index-app .echarts-content .right-operate {
    margin-bottom: 12px;
}

html.index-app .echarts-content .quick-time a {
    display: inline-block;
    margin: 4px 8px 4px 0;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #444;
    background: #f3f4f6;
    text-decoration: none;
}

html.index-app .echarts-content .quick-time a:hover {
    background: #fff0f3;
    color: #d2364c;
}

html.index-app #echarts-order-profit,
html.index-app #echarts-total-completed-orders,
html.index-app #echarts-order-trading,
html.index-app #echarts-goods-hot,
html.index-app #echarts-pay-type,
html.index-app #echarts-map-whole-country {
    min-height: 280px;
    width: 100%;
}

html.index-app table.form-table-data-list {
    font-size: 13px;
}

html.index-app .form-sort-container .sort-icon.sort-active {
    color: #d2364c !important;
}

html.index-app .btn-loading-example.am-btn {
    transition: opacity 0.2s ease;
}

html.index-app .wow {
    visibility: visible;
}

@keyframes index-skel-fade-in {
    from {
        opacity: 0;
        transform: translate3d(0, 14px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

html.index-app .fadeIn {
    animation: index-skel-fade-in 0.55s ease both;
}

@media (prefers-reduced-motion: reduce) {
    html.index-app .fadeIn {
        animation: none;
    }
}

html.index-app:not(.page-home):not(.page-bootstrap) .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    box-sizing: border-box;
}

html.index-app:not(.page-home):not(.page-bootstrap) [class*="col-"] {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

@media (min-width: 768px) {
    html.index-app:not(.page-bootstrap) .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    html.index-app:not(.page-bootstrap) .col-md-8 {
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    html.index-app:not(.page-bootstrap) .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    html.index-app:not(.page-bootstrap) .col-md-4 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

html.index-app:not(.page-bootstrap) .col-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%;
}

html.index-app:not(.page-bootstrap) .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

html.index-app:not(.page-bootstrap) .col-2 {
    flex: 0 0 16.666%;
    max-width: 16.666%;
}

html.index-app:not(.page-bootstrap) .py-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

html.index-app:not(.page-bootstrap) .mt-5 {
    margin-top: 2.5rem;
}

html.index-app:not(.page-bootstrap) .m-auto {
    margin-left: auto;
    margin-right: auto;
}

html.index-app .map-item {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

html.index-app .map-item .map-left {
    flex: 0 0 auto;
    min-width: 0;
}

html.index-app .map-item .map-right {
    flex: 1 1 220px;
    min-width: 0;
}

html.index-app strong.total-price-content,
html.index-app .nav-total-price {
    font-weight: 700;
    color: #d2364c;
}

html.index-app .operation-reduce-icon,
html.index-app .operation-increase-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    cursor: pointer;
    border-radius: 6px;
    vertical-align: middle;
}

html.index-app .operation-reduce-icon:hover,
html.index-app .operation-increase-icon:hover {
    background: #f3f4f6;
}

html.index-app select.chosen-select,
html.index-app .chosen-container {
    font-size: 14px;
}

html.index-app input.Wdate {
    min-width: 120px;
    border-radius: 8px;
    padding: 6px 10px;
    box-sizing: border-box;
}

html.index-app .animation-count-to {
    font-variant-numeric: tabular-nums;
}

html.index-app .owl-carousel .owl-stage-outer {
    min-height: 40px;
}

html.index-app button.submit-ajax,
html.index-app button.submit-popup,
html.index-app button.submit-btn,
html.index-app input.submit_button {
    border-radius: 8px;
}

html.index-app .plug-file-upload-view li {
    border-radius: 8px;
}

/* -------------------------------------------------------------------------
 * 13. 可访问性与减少动效
 * ------------------------------------------------------------------------- */
.user_info_group:focus-visible,
.top_menu_user_info_row a:focus-visible,
.good_detail_content .dot:focus-visible,
.pop_upbox .btn_close:focus-visible {
    outline: 2px solid #d2364c;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .good_content .goods_items,
    .two_column_layout .good_item,
    .partners-list li {
        transition: none;
    }
}