.mobile-search-modal {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(9, 22, 40, 0.55) !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

.mobile-search-modal.active {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.mobile-search-modal .search-modal-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(92%, 360px) !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: -12px 0 32px rgba(15, 23, 42, 0.18) !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
    padding-bottom: 30px !important;
}

.mobile-search-modal.active .search-modal-content {
    transform: translateX(0) !important;
}

.mobile-search-modal .search-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 20px 22px !important;
    border-bottom: 1px solid #f0f2f5 !important;
}





.mobile-search-modal .search-modal-close {
    background: none !important;
    border: none !important;
    color: #6c737f !important;
    font-size: 2rem !important;
    cursor: pointer !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.mobile-search-modal .search-modal-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 24px 22px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
}

.mobile-search-modal .panel-section {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.mobile-search-modal .panel-link {
    display: flex !important;
    align-items: center !important;
    background: var(--accent) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    color: #1c1c1c !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    box-shadow: inset 0 0 0 1px rgba(232, 90, 113, 0.1) !important;
    border: none !important;
    cursor: pointer !important;
}

.mobile-search-modal .panel-link:active {
    transform: scale(0.99) !important;
}

.mobile-search-modal .panel-link-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: rgba(255, 123, 142, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 14px !important;
    flex-shrink: 0 !important;
    font-size: 1.6rem !important;
    color: var(--primary) !important;
}

.mobile-search-modal .panel-link-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.mobile-search-modal .panel-link-text strong {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #1c1c1c !important;
}

.mobile-search-modal .panel-link-text small {
    font-size: 1.2rem !important;
    color: #75829a !important;
}

.mobile-search-modal .panel-link-arrow {
    margin-left: auto !important;
    color: #a8b0bd !important;
    font-size: 1.4rem !important;
}

.mobile-search-modal .search-category-select {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 1.35rem !important;
    border: 1px solid rgba(15, 35, 58, 0.18) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #1c1c1c !important;
    transition: border-color 0.2s ease !important, box-shadow 0.2s ease !important;
    box-shadow: 0 6px 18px rgba(15, 35, 58, 0.08) !important;
}

.mobile-search-modal .search-category-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.12) !important;
}

.mobile-search-modal .search-input-wrapper {
    display: flex !important;
    align-items: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 35, 58, 0.18) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 35, 58, 0.08) !important;
    transition: border-color 0.2s ease !important, box-shadow 0.2s ease !important;
    padding: 0 16px !important;
    gap: 12px !important;
}

.mobile-search-modal .search-input-wrapper:focus-within {
    border-color: var(--primary) !important;
    box-shadow: 0 10px 34px rgba(9, 105, 218, 0.18) !important;
}

.mobile-search-modal .search-input-wrapper i {
    color: rgba(15, 76, 129, 0.75) !important;
    font-size: 1.5rem !important;
}

.mobile-search-modal .search-input-wrapper input {
    flex: 1 !important;
    padding: 16px 0 !important;
    font-size: 1.5rem !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    color: #1b1f24 !important;
}

.mobile-search-modal .search-input-wrapper input::placeholder {
    color: #98a2b3 !important;
}

/* 热门搜索词区域 */
.mobile-search-modal .panel-hot-keywords {
    margin-top: 8px !important;
}

.mobile-search-modal .panel-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    color: var(--primary) !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
}

.mobile-search-modal .panel-section-title i {
    font-size: 1.4rem !important;
}

.mobile-search-modal .mobile-hot-keywords-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    max-height: min(36vh, 260px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-right: 4px !important;
}

.mobile-search-modal .mobile-hot-keywords-list::-webkit-scrollbar {
    width: 5px !important;
}

.mobile-search-modal .mobile-hot-keywords-list::-webkit-scrollbar-thumb {
    background: rgba(232, 90, 113, 0.35) !important;
    border-radius: 6px !important;
}

.mobile-search-modal .mobile-hot-keyword-item {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    background: var(--accent) !important;
    border-radius: 20px !important;
    color: var(--text-primary) !important;
    font-size: 1.3rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(232, 90, 113, 0.15) !important;
}

.mobile-search-modal .mobile-hot-keyword-item:active {
    background: rgba(255, 123, 142, 0.25) !important;
    transform: scale(0.98) !important;
}

.mobile-search-modal .mobile-hot-keyword-item i {
    margin-right: 6px !important;
    font-size: 1.1rem !important;
    color: var(--primary) !important;
}

/* 移动端样式适配 */

/* 桌面端默认隐藏移动端专用元素 */
.mobile-search-modal,
.mobile-action-panel,
.mobile-filter-modal {
    display: none !important;
}

/* 确保移动端搜索按钮在桌面端也隐藏 */
.mobile-search-toggle,
.mobile-menu-toggle,
.mobile-sidebar-toggle,
.mobile-sidebar-overlay,
.mobile-sidebar-close,
.pagesize-button {
    display: none !important;
}

div[id*="scope-"] .mobile-controls {
    display: none;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* 基础移动端检测 */
@media screen and (max-width: 768px) {

    /* 设置移动端基础样式 */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
        /* 确保所有元素使用 border-box 模型 */
    }

    html,
    body {
        font-size: 12px;
        /* 移动端字体稍大一点 */
        overflow-x: hidden;
        /* 防止横向滚动 */
        margin: 0;
        /* 明确重置 margin，避免居中计算问题 */
        padding: 0;
        /* 确保没有额外的 padding */
        width: 100%;
        /* 确保宽度是 100% */
    }

    /* 1. 置顶横幅在移动端隐藏 */
    div[id*="scope-"].top {
        display: none !important;
    }

    /* 确保头部和其他重要元素在移动端显示 */
    div[id*="scope-"].header,
    div[id*="scope-"].categories,
    div[id*="scope-"].ranks {
        display: block !important;
    }

    /* 确保header的z-index高于filters区域，使header始终显示在上层 */
    div[id*="scope-"].header.sticky {
        z-index: 500 !important;
    }

    /* 2. 头部搜索栏适配 - 优化空间布局 (仅针对header) */
    div[id*="scope-"].header .content,
    div[id*="scope-"].top .content {
        max-width: 100% !important;
        padding: 0 15px !important;
        /* 增加左右内边距 */
        height: auto !important;
        min-height: 65px !important;
        /* 稍微增加高度 */
        flex-wrap: wrap !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        /* 充分利用空间 */
    }

    /* 隐藏搜索栏但保留其他按钮 */
    div[id*="scope-"] .search {
        display: none !important;
    }

    /* 移动端隐藏头部其他快捷按钮，仅保留搜索与菜单 */
    div[id*="scope-"] .register,
    div[id*="scope-"] .login,
    div[id*="scope-"] .lang-switch,
    div[id*="scope-"] .spcart,
    div[id*="scope-"] .home {
        display: none !important;
    }

    /* logo区域优化 */
    div[id*="scope-"] .content .logo {
        flex-shrink: 0 !important;
        margin-right: 15px !important;
        /* 增加右边距 */
    }

    div[id*="scope-"] .content .logo .icon {
        height: 35px !important;
        /* 稍微增大logo */
    }

    /* 右侧按钮组容器 - 充分利用剩余空间 */
    div[id*="scope-"] .content .actions {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        /* 统一使用gap来控制间距 */
        flex: 1 !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
        /* 允许收缩 */
    }

    /* 调整按钮组布局 - 更舒适的尺寸 */
    div[id*="scope-"] .register,
    div[id*="scope-"] .login {
        margin-left: 0 !important;
        /* 使用gap统一控制间距 */
        padding: 0 12px !important;
        /* 增加内边距 */
        font-size: 1.2rem !important;
        /* 稍微增大字体 */
        height: 32px !important;
        /* 增加按钮高度 */
        line-height: 32px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        border-radius: 4px !important;
        /* 添加圆角 */
    }

    /* 移动端home按钮特殊处理 - 删除20px左边距 */
    div[id*="scope-"] .home {
        margin-left: 0 !important;
        /* 移动端删除20px左边距 */
        padding: 0 !important;
        /* 移动端不需要额外内边距 */
        font-size: 2.2rem !important;
        /* 保持原始图标大小 */
        width: 30px !important;
        height: 30px !important;
        flex-shrink: 0 !important;
    }

    /* 移动端VIP图标位置调整 - 紧贴用户图标右上角 */
    div[id*="scope-"] .home em {
        position: absolute !important;
        width: 12px !important;
        height: 12px !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        right: -6px !important;
        /* 调整到紧贴右上角 */
        top: -3px !important;
        /* 调整到紧贴右上角 */
        border-radius: 50% !important;
        /* 圆形图标 */
        padding: 0 !important;
        /* 移除内边距 */
        z-index: 2 !important;
        /* 确保在上层显示 */
    }

    /* 用户等级样式区分 */

    div[id*="scope-"] .home.user-level-wholesale {
        /* 批发用户 - 商店图标，蓝色边框 */
        border: 2px solid #007bff !important;
        border-radius: 50% !important;
        background-color: rgba(0, 123, 255, 0.1) !important;
    }

    div[id*="scope-"] .home.user-level-vip {
        /* VIP用户 - 宝石图标，金色边框 */
        border: 2px solid #ffd700 !important;
        border-radius: 50% !important;
        background-color: rgba(255, 215, 0, 0.1) !important;
        color: #b8860b !important;
    }

    div[id*="scope-"] .home.user-level-custom {
        /* 自定义用户 - 星星图标，紫色边框 */
        border: 2px solid #6f42c1 !important;
        border-radius: 50% !important;
        background-color: rgba(111, 66, 193, 0.1) !important;
        color: #6f42c1 !important;
    }

    div[id*="scope-"] .register {
        line-height: 32px !important;
        height: 32px !important;
    }

    div[id*="scope-"] .login {
        height: 30px !important;
        line-height: 28px !important;
    }

    /* 语言切换移动端优化 - 与register完全一致 */
    div[id*="scope-"] .lang-switch {
        margin-left: 0 !important;
        /* 使用gap统一控制间距 */
        z-index: 1000 !important;
        flex-shrink: 0 !important;
    }

    div[id*="scope-"] .lang-switch>.lang {
        padding: 0 8px !important;
        /* 与register一致的内边距 */
        font-size: 1.2rem !important;
        /* 与register一致的字体大小 */
        height: 30px !important;
        /* 与register一致的高度 */
        line-height: 30px !important;
        /* 与register一致的行高 */
        white-space: nowrap !important;
        border-radius: 4px !important;
        /* 与register一致的圆角 */
    }

    /* 移动端隐藏语言切换的文字，只显示图标 */
    div[id*="scope-"] .lang-switch .lang span {
        display: none !important;
    }

    /* 移动端语言切换按钮紧凑布局 */
    div[id*="scope-"] .lang-switch>.lang {
        padding: 0 6px !important;
        /* 减少内边距，只给图标留空间 */
        min-width: 30px !important;
        /* 确保按钮有最小宽度 */
        justify-content: center !important;
    }

    /* 移动端语言图标稍微放大 */
    div[id*="scope-"] .lang-switch .lang img {
        height: 18px !important;
        width: 18px !important;
    }

    div[id*="scope-"] .lang-switch .lang-options {
        z-index: 1000 !important;
    }

    /* 移动端下拉选项样式 - 与主按钮保持一致 */
    div[id*="scope-"] .lang-switch .lang-options .lang {
        padding: 0 6px !important;
        /* 与移动端主按钮一致 */
        height: 30px !important;
        /* 与移动端主按钮一致 */
        line-height: 30px !important;
        /* 与移动端主按钮一致 */
        justify-content: center !important;
        min-width: 30px !important;
        /* 确保与主按钮一致 */
    }

    /* 移动端下拉选项也隐藏文字，只显示图标 */
    div[id*="scope-"] .lang-switch .lang-options .lang span {
        display: none !important;
    }

    /* 移动端下拉选项图标 */
    div[id*="scope-"] .lang-switch .lang-options .lang img {
        height: 18px !important;
        width: 18px !important;
    }

    div[id*="scope-"] .spcart {
        margin-left: 0 !important;
        /* 使用gap统一控制间距 */
        flex-shrink: 0 !important;
    }

    div[id*="scope-"] .spcart a {
        width: 32px !important;
        /* 增大购物车图标区域 */
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    div[id*="scope-"] .spcart a .fa-shopping-cart,
    div[id*="scope-"] .spcart a .fa-star {
        font-size: 1.6rem !important;
        /* 增大图标 */
    }

    /* 3. 移动端隐藏原来的分类菜单 */
    div[id*="scope-"].categories {
        display: none !important;
    }

    /* 移动端菜单按钮 */
    .mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
        border: none !important;
        color: #ffffff !important;
        font-size: 1.4rem !important;
        padding: 0 !important;
        border-radius: 12px !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
    }

    /* 移动端操作面板 */
    .mobile-action-panel {
        display: none !important;
        position: fixed !important;
        inset: 0 !important;
        background-color: rgba(0, 0, 0, 0.55) !important;
        z-index: 10000 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease !important;
    }

    .mobile-action-panel.active {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .mobile-action-panel .action-panel {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(90%, 360px) !important;
        background-color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s ease !important;
        box-shadow: -12px 0 32px rgba(15, 23, 42, 0.18) !important;
    }

    .mobile-action-panel.active .action-panel {
        transform: translateX(0) !important;
    }

    .mobile-action-panel .action-panel-header {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 20px 22px !important;
        border-bottom: 1px solid #f0f2f5 !important;
    }


    .mobile-action-panel .action-panel-close {
        background: none !important;
        border: none !important;
        color: #6c737f !important;
        font-size: 2rem !important;
        cursor: pointer !important;
        padding: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-action-panel .action-panel-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 24px 22px 30px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    .mobile-action-panel .panel-section {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .mobile-action-panel .panel-shortcuts {
        gap: 30px !important;
    }

    .mobile-action-panel .panel-home-slot:empty {
        display: none !important;
    }

    .mobile-action-panel .panel-auth-guest {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .mobile-action-panel .panel-auth-guest.hidden {
        display: none !important;
    }

    .mobile-action-panel .panel-link {
        display: flex !important;
        align-items: center !important;
        background: var(--accent) !important;
        border-radius: 14px !important;
        padding: 14px 16px !important;
        height: 56px !important;
        color: #1c1c1c !important;
        text-decoration: none !important;
        transition: background 0.2s ease, transform 0.2s ease !important;
        box-shadow: inset 0 0 0 1px rgba(232, 90, 113, 0.1) !important;
    }

    .mobile-action-panel .panel-link:active {
        transform: scale(0.99) !important;
    }

    .mobile-action-panel .panel-link-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 12px !important;
        background: rgba(255, 123, 142, 0.15) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 14px !important;
        flex-shrink: 0 !important;
        font-size: 1.6rem !important;
        color: var(--primary) !important;
    }

    .mobile-action-panel .panel-link-icon img {
        width: 24px !important;
        height: 24px !important;
        object-fit: contain !important;
    }

    .mobile-action-panel .panel-link-text {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }

    .mobile-action-panel .panel-link-text strong {
        font-size: 1.35rem !important;
        font-weight: 600 !important;
        color: #1c1c1c !important;
    }

    .mobile-action-panel .panel-link-text small {
        font-size: 1.1rem !important;
        color: #6f7785 !important;
        line-height: 1.4 !important;
    }

    .mobile-action-panel .panel-link-arrow {
        margin-left: auto !important;
        font-size: 1.2rem !important;
        color: #9aa0ab !important;
    }

    .mobile-action-panel .panel-link .panel-count {
        margin-left: auto !important;
        min-width: 28px !important;
        height: 28px !important;
        border-radius: 14px !important;
        background: var(--primary, #0969da) !important;
        color: #fff !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 6px !important;
    }

    /* 语言下拉框容器 */
    .mobile-action-panel .panel-language-dropdown {
        position: relative !important;
    }

    /* 语言下拉框触发按钮 */
    .mobile-action-panel .panel-language-toggle {
        display: flex !important;
        align-items: center !important;
        background: var(--accent) !important;
        border-radius: 14px !important;
        padding: 12px 16px !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
        box-shadow: inset 0 0 0 1px rgba(9, 105, 218, 0.05) !important;
    }

    .mobile-action-panel .panel-language-toggle:active {
        transform: scale(0.99) !important;
    }

    /* 箭头旋转动画 */
    .mobile-action-panel .panel-language-arrow {
        transition: transform 0.25s ease !important;
    }

    .mobile-action-panel .panel-language-dropdown.open .panel-language-arrow {
        transform: rotate(180deg) !important;
    }

    /* 语言选项容器 */
    .mobile-action-panel .panel-language-options {
        display: none !important;
        flex-direction: column !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
    }

    .mobile-action-panel .panel-language-dropdown.open .panel-language-options {
        display: flex !important;
    }

    /* 单个语言选项 */
    .mobile-action-panel .panel-language-option {
        display: flex !important;
        align-items: center !important;
        padding: 14px 16px !important;
        text-decoration: none !important;
        transition: background-color 0.15s ease !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    }

    .mobile-action-panel .panel-language-option:last-child {
        border-bottom: none !important;
    }

    .mobile-action-panel .panel-language-option:active {
        background-color: var(--accent) !important;
    }

    /* 语言图标 */
    .mobile-action-panel .panel-language-option img {
        width: 24px !important;
        height: 24px !important;
        border-radius: 4px !important;
        object-fit: cover !important;
        flex-shrink: 0 !important;
    }

    /* 语言文字 */
    .mobile-action-panel .panel-language-option span {
        margin-left: 12px !important;
        font-size: 1.35rem !important;
        font-weight: 500 !important;
        color: #1c1c1c !important;
        flex: 1 !important;
    }

    /* 当前选中语言的勾选图标 */
    .mobile-action-panel .panel-language-option i {
        color: var(--primary) !important;
        font-size: 1.4rem !important;
        margin-left: auto !important;
    }


    /* 当前选中的语言项 */
    .mobile-action-panel .panel-language-option.active {
        background-color: var(--accent) !important;
    }

    .mobile-action-panel .panel-language-option.active span {
        color: var(--primary) !important;
        font-weight: 600 !important;
    }

    /* ==================== Home页面导航菜单样式 ==================== */
    .mobile-action-panel .panel-home-nav {
        padding-top: 8px !important;
        border-top: 1px solid #e8e8e8 !important;
        margin-top: 8px !important;
    }

    .mobile-action-panel .panel-nav-title {
        padding: 12px 0 8px 0 !important;
    }

    .mobile-action-panel .panel-nav-title strong {
        font-size: 1.2rem !important;
        color: #666 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .mobile-action-panel .panel-nav-title-sub {
        margin-top: 12px !important;
        padding-top: 12px !important;
    }

    .mobile-action-panel .panel-nav-divider {
        height: 1px !important;
        background-color: #e8e8e8 !important;
        margin: 12px 0 !important;
    }

    .mobile-action-panel .panel-nav-item {
        margin-bottom: 8px !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
    }

    .mobile-action-panel .panel-nav-item.active {
        background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%) !important;
        border-color: #4caf50 !important;
    }

    .mobile-action-panel .panel-nav-item.active .panel-link-icon {
        background: rgba(76, 175, 80, 0.2) !important;
        color: #2e7d32 !important;
    }

    .mobile-action-panel .panel-nav-item.active .panel-link-text strong {
        color: #2e7d32 !important;
    }

    .mobile-action-panel .panel-nav-logout {
        margin-top: 12px !important;
    }

    .mobile-action-panel .panel-nav-logout .panel-link-icon {
        background: rgba(244, 67, 54, 0.1) !important;
        color: #d32f2f !important;
    }

    .mobile-action-panel .panel-nav-logout .panel-link-text strong {
        color: #d32f2f !important;
    }


    /* 移动端搜索弹窗 - 只在移动端显示 */
    /* 4. 商品橱窗移动端适配 - 使用gap和calc精确计算 */
    div[id*="scope-"] .block {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    div[id*="scope-"] .block>div {
        /* width: calc((100% - 8px) / 2) !important; -- 注释掉：这个规则太通用，会影响侧边栏布局 */
        /* 精确计算：(容器宽度 - gap) / 2 */
        margin: 0 !important;
    }

    /* 首页区块标题移动端适配 - 添加顶部间距避免与header拼接 */
    .series-list .content,
    .instock .content,
    .deadline-list .content,
    .ranks .content {
        padding: 0 15px !important;
    }

    /* 首页区块标题样式优化 */
    .series-list .content .categories,
    .instock .content .categories,
    .deadline-list .content .categories,
    .ranks .content .categories {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .series-list .content .categories h2,
    .instock .content h2,
    .deadline-list .content h2,
    .ranks .content .categories h2 {
        font-size: 1.8rem !important;
    }

    .series-list .content .categories>a,
    .instock .content .categories>a,
    .deadline-list .content .categories>a,
    .ranks .content .categories>a {
        font-size: 1.2rem !important;
    }

    /* 首页商品区块移动端适配 - 一行两个商品 */
    /* 针对首页的 instock、deadline-list、series-list、ranks 区块添加具体的宽度规则 */
    .instock .content .block>div,
    .deadline-list .content .block>div,
    .series-list .content .block>div,
    .ranks .content .block>div {
        width: calc((100% - 8px) / 2) !important;
        /* 精确计算：(容器宽度 - gap) / 2 */
        margin: 0 !important;
        height: auto !important;
    }

    /* 首页商品卡片高度自适应 */
    .instock .content .block>div .product-card,
    .deadline-list .content .block>div .series-card,
    .series-list .content .block>div .series-card,
    .ranks .content .block>div .product-card {
        height: auto !important;
    }

    /* 首页商品卡片标题样式优化 */
    .instock .content .block>div .product-card-title,
    .deadline-list .content .block>div .series-card-title,
    .series-list .content .block>div .series-card-title,
    .ranks .content .block>div .product-card-title {
        font-size: 1.2rem !important;
        min-height: auto !important;
        margin-top: 8px !important;
    }

    div[id*="scope-"] .block>div:nth-child(5n),
    div[id*="scope-"] .block>div:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* 调整商品卡片高度 */
    div[id*="scope-"] .block>div>a {
        height: 250px !important;
        /* 移动端商品卡片稍小 */
    }

    div[id*="scope-"] .block>div>a span:not(.product-card-thumb) {
        height: 50px !important;
        /* 调整文字区域高度 */
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .block>div .brand {
        top: 252px !important;
        /* 调整品牌位置 */
    }

    /* 排行榜标题区域适配 - 模仿新着案内商品布局 */
    div[id*="scope-"] .ranks .content .categories {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 15px !important;
        padding: 0 !important;
    }

    div[id*="scope-"] .ranks .content .categories h2 {
        font-size: 1.6rem !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        color: #333 !important;
        font-weight: bold !important;
    }

    div[id*="scope-"] .ranks .content .categories>a {
        margin-left: auto !important;
        font-size: 1.0rem !important;
        flex-shrink: 0 !important;
        line-height: 1.3 !important;
        color: #0098de !important;
        text-decoration: underline !important;
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
    }

    /* 分类标签行 - 独立显示 */
    div[id*="scope-"] .ranks .content .category-filters {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 15px !important;
        overflow-x: auto !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        /* 隐藏滚动条但保持滚动功能 */
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    div[id*="scope-"] .ranks .content .category-filters::-webkit-scrollbar {
        display: none !important;
    }

    div[id*="scope-"] .ranks .content .category-filters a {
        margin: 0 !important;
        padding: 4px 12px !important;
        font-size: 1.1rem !important;
        white-space: nowrap !important;
        line-height: 1.3 !important;
        background-color: #f5f5f5 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        color: #666 !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        flex-shrink: 0 !important;
    }

    div[id*="scope-"] .ranks .content .category-filters a.active {
        background-color: #666 !important;
        color: white !important;
        border-color: #666 !important;
    }

    div[id*="scope-"] .ranks .content .category-filters a:hover {
        background-color: #e0e0e0 !important;
        border-color: #ccc !important;
    }

    div[id*="scope-"] .ranks .content .category-filters a.active:hover {
        background-color: #555 !important;
        border-color: #555 !important;
    }

    /* ==================== 商品详情页移动端适配 ==================== */

    /* 主容器布局：从左右布局改为上下布局 */
    div[id*="scope-"] .summary {
        flex-direction: column !important;
        min-height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* 确保商品详情页面整体容器不会溢出 */
    div[id*="scope-"] .item {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    div[id*="scope-"] .item .summary {
        min-height: auto;
    }

    div[id*="scope-"] .item.skeleton-stage {
        min-height: 980px;
    }

    div[id*="scope-"] .item.skeleton-stage .summary {
        min-height: 900px;
    }

    /* 左侧图片区域 */
    div[id*="scope-"] .summary .left {
        flex: none !important;
        width: 100% !important;
        padding: 15px !important;
        order: 1;
    }

    /* 移动端：当商品没有图片时隐藏整个图片区域 */
    div[id*="scope-"] .summary .left.no-images {
        display: none !important;
    }

    /* 商品主图适配 */
    div[id*="scope-"] .summary .left .photo-zoomer {
        height: 300px !important;
        margin-bottom: 10px;
    }

    /* 商品相册缩略图适配 */
    div[id*="scope-"] .summary .left .photo-files {
        height: 70px !important;
        justify-content: flex-start;
    }

    div[id*="scope-"] .summary .left .photo-files a {
        width: 60px !important;
        height: 60px !important;
        margin-right: 8px !important;
        margin-top: 8px !important;
    }

    /* 版权信息适配 */
    div[id*="scope-"] .summary .left .copy-links {
        margin: 8px 0 !important;
        text-align: center;
    }

    div[id*="scope-"] .summary .left .copy-links a {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .summary .left .copy-links span {
        font-size: 1.1rem !important;
    }

    /* 隐藏分隔符 */
    div[id*="scope-"] .summary .sp {
        display: none !important;
    }

    /* 右侧商品信息区域 */
    div[id*="scope-"] .summary .right {
        flex: none !important;
        width: 100% !important;
        padding: 15px !important;
        order: 2;
    }

    /* 商品标题适配 */
    div[id*="scope-"] .summary .right h1 {
        font-size: 1.8rem !important;
        line-height: 1.4;
        margin-bottom: 10px !important;
    }

    /* 徽章适配 */
    div[id*="scope-"] .summary .right .tags {
        margin: 8px 0 !important;
    }

    div[id*="scope-"] .summary .right .tags .badge {
        font-size: 1.3rem !important;
        line-height: 2.4rem !important;
        padding: 0 15px !important;
    }

    /* 套装信息适配 */
    div[id*="scope-"] .summary .right .bundle {
        font-size: 1.4rem !important;
        margin: 8px 0 !important;
    }

    /* 系列商品按钮 - 允许文本分两行显示 */
    div[id*="scope-"] .summary .right .bundle a {
        white-space: normal !important;
        display: inline-flex !important;
        flex-wrap: wrap !important;
        line-height: 1.4 !important;
        text-align: left !important;
        padding: 10px 14px !important;
    }

    div[id*="scope-"] .summary .right .bundle span {
        font-size: 1.2rem !important;
    }

    /* 商品类型选择适配 */
    div[id*="scope-"] .summary .right .types {
        margin: 8px 0 20px 0 !important;
    }

    div[id*="scope-"] .summary .right .types .type {
        font-size: 1.4rem !important;
        padding: 8px !important;
        width: 48% !important;
        line-height: 1.8rem !important;
    }

    /* 商品描述信息适配 - 让标签和值在同一行显示 */
    div[id*="scope-"] .summary .right .desc {
        font-size: 1.2rem !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
    }

    div[id*="scope-"] .summary .right .desc .label {
        width: auto !important;
        min-width: 120px !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    /* 修复移动端两列布局问题：将左右两列合并为单列，移除gap */
    div[id*="scope-"] .summary .right div[style*="display:flex"] {
        flex-direction: column !important;
        gap: 0 !important;
    }

    div[id*="scope-"] .summary .right div[style*="flex:1"] {
        flex: none !important;
        width: 100% !important;
    }

    /* 防止页面右侧溢出 */
    div[id*="scope-"] .summary,
    div[id*="scope-"] .summary .left,
    div[id*="scope-"] .summary .right {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* 确保所有内容元素不会超出容器 */
    div[id*="scope-"] .summary .right * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 特别处理可能导致溢出的元素 */
    div[id*="scope-"] .summary .right .desc,
    div[id*="scope-"] .summary .right .price-v1,
    div[id*="scope-"] .summary .right .price,
    div[id*="scope-"] .summary .right .bundle {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* 价格显示适配 */
    div[id*="scope-"] .summary .right .price-v1 {
        font-size: 1.4rem !important;
    }

    div[id*="scope-"] .summary .right .price {
        font-size: 1.4rem !important;
        margin: 8px 0 !important;
    }

    /* 购买操作区域适配 - 紧凑布局 */
    div[id*="scope-"] .summary .right .inqury {
        padding: 12px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        gap: 8px !important;
    }

    div[id*="scope-"] .summary .right .inqury>div {
        margin-bottom: 0 !important;
    }

    /* 数量选择器区域 */
    div[id*="scope-"] .summary .right .inqury>div:first-child {
        flex: 1 1 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    /* 总数和库存显示 */
    div[id*="scope-"] .summary .right .inqury>div:nth-child(2) {
        flex: 1 1 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 6px 0 !important;
    }

    /* 两个按钮并排显示 */
    div[id*="scope-"] .summary .right .inqury>div:nth-child(3) {
        flex: 1 1 calc(60% - 4px) !important;
    }

    div[id*="scope-"] .summary .right .inqury>div:nth-child(4) {
        flex: 1 1 calc(40% - 4px) !important;
    }

    /* 数量选择器适配 */
    div[id*="scope-"] .summary .right .inqury .number-wheel {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel span {
        padding: 8px 6px !important;
        width: auto !important;
        min-width: 35px !important;
        font-size: 1.1rem !important;
        flex-shrink: 0 !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel input {
        width: 45px !important;
        font-size: 1.4rem !important;
        padding: 6px 2px !important;
        text-align: center !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel select {
        font-size: 1.2rem !important;
        padding: 8px 10px 8px 15px !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel a {
        font-size: 1.4rem !important;
        padding: 8px 10px !important;
        min-width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 总数显示 */
    div[id*="scope-"] .summary .right .inqury .counter {
        font-size: 1.3rem !important;
        font-weight: bold !important;
        color: #f50000 !important;
        white-space: nowrap !important;
    }

    /* 购买按钮适配 */
    div[id*="scope-"] .summary .right .button-submit {
        font-size: 1.3rem !important;
        height: 44px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        width: 100% !important;
        gap: 4px !important;
    }

    div[id*="scope-"] .summary .right .button-submit i {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .summary .right .button-submit span {
        margin-left: 0 !important;
    }

    /* 收藏按钮适配 */
    div[id*="scope-"] .summary .right .favorite-button {
        font-size: 1.2rem !important;
        height: 44px !important;
        padding: 0 8px !important;
        border-radius: 8px !important;
        width: 100% !important;
        border: 1px solid var(--primary) !important;
        gap: 4px !important;
    }

    div[id*="scope-"] .summary .right .favorite-button i {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .summary .right .favorite-button span {
        margin-left: 0 !important;
    }

    /* 条形码显示适配 */
    div[id*="scope-"] .summary .right .barcode .barcode-layer {
        width: 250px !important;
        height: 140px !important;
        top: -140px !important;
        left: 50px !important;
    }

    /* 购买须知适配 */
    div[id*="scope-"] .summary .right .notes {
        font-size: 1.2rem !important;
        margin: 30px 0 0 0 !important;
    }

    /* 商品详情描述适配 */
    div[id*="scope-"] .summary .right .description {
        margin: 0 !important;
        padding: 0 !important;
    }

    div[id*="scope-"] .summary .right .description h1 {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .summary .right .description .content {
        font-size: 1.2rem !important;
    }

    /* ==================== 购买弹窗移动端适配 ==================== */

    div[id*="scope-"] .purchasing-container .purchasing {
        width: 90% !important;
        max-width: 350px !important;
        height: auto !important;
        margin-bottom: 50px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .close {
        font-size: 1.8rem !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .animate img {
        width: 100px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .animate span {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .circle-loader {
        width: 90px !important;
        height: 90px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result>div {
        padding: 12px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .cover {
        width: 100px !important;
        height: 110px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .misc {
        margin-left: 12px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .name {
        font-size: 1.2rem !important;
        height: auto !important;
        min-height: 60px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .qty,
    div[id*="scope-"] .purchasing-container .purchasing.result .price {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .cart,
    div[id*="scope-"] .purchasing-container .purchasing.result .continue {
        font-size: 1.2rem !important;
        line-height: 35px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result h3 {
        font-size: 1.2rem !important;
        padding: 8px 20px !important;
    }

    /* ==================== 下架商品页面移动端适配 ==================== */

    div[id*="scope-"] .offsale h2 {
        font-size: 1.6rem !important;
        margin: 20px 0 !important;
        text-align: center;
        padding: 0 15px;
    }

    div[id*="scope-"] .offsale .item-brief {
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px !important;
    }

    div[id*="scope-"] .offsale .item-brief>div:nth-child(1) {
        height: 100px !important;
        width: 100px !important;
        margin-bottom: 15px !important;
    }

    div[id*="scope-"] .offsale .item-brief>div:nth-child(2) {
        width: 100% !important;
        margin-left: 0 !important;
        font-size: 1.2rem !important;
        text-align: center !important;
    }
}

/* 小屏幕手机适配 (小于480px) */
@media screen and (max-width: 480px) {

    html,
    body {
        font-size: 11px;
    }

    /* 小屏幕头部优化布局（仅 header/top，避免影响首页各 section） */
    div[id*="scope-"].header .content,
    div[id*="scope-"].top .content {
        padding: 0 12px !important;
        /* 保持适当的内边距 */
        min-height: 60px !important;
        /* 小屏幕下稍微减少高度 */
    }

    div[id*="scope-"] .content .logo {
        margin-right: 12px !important;
        /* 减少logo右边距 */
    }

    div[id*="scope-"] .content .logo .icon {
        height: 30px !important;
        /* 保持logo大小合理 */
    }

    /* 小屏幕下的按钮组间距优化 */
    div[id*="scope-"] .content .actions {
        gap: 8px !important;
        /* 进一步减少间距以适应小屏幕 */
    }

    /* 小屏幕按钮尺寸优化 */
    div[id*="scope-"] .register,
    div[id*="scope-"] .login {
        padding: 0 8px !important;
        /* 小屏幕下减少内边距 */
        font-size: 1.0rem !important;
        /* 小屏幕下稍微减小字体 */
        height: 26px !important;
        /* 稍微减小但保持可点击性 */
        line-height: 26px !important;
    }

    /* 小屏幕下语言切换按钮进一步优化 */
    div[id*="scope-"] .lang-switch>.lang {
        padding: 0 4px !important;
        /* 小屏幕下进一步减少内边距 */
        min-width: 26px !important;
        /* 与其他按钮高度一致 */
        height: 26px !important;
        line-height: 26px !important;
    }

    div[id*="scope-"] .lang-switch .lang img {
        height: 16px !important;
        /* 小屏幕下稍微减小图标 */
        width: 16px !important;
    }

    /* 小屏幕下拉选项调整 */
    div[id*="scope-"] .lang-switch .lang-options .lang {
        padding: 0 4px !important;
        min-width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
    }

    div[id*="scope-"] .lang-switch .lang-options .lang img {
        height: 16px !important;
        width: 16px !important;
    }

    /* 小屏幕下home按钮特殊处理 */
    div[id*="scope-"] .home {
        padding: 0 !important;
        /* 小屏幕下不需要内边距 */
        font-size: 2.0rem !important;
        /* 小屏幕下稍微减小图标 */
        width: 28px !important;
        /* 小屏幕下稍微减小 */
        height: 28px !important;
    }

    div[id*="scope-"] .register {
        height: 26px !important;
        /* 与上面的小屏幕设置保持一致 */
        line-height: 26px !important;
    }

    div[id*="scope-"] .mobile-search-toggle {
        margin-left: 0 !important;
    }

    div[id*="scope-"] .login {
        height: 24px !important;
        /* 稍微小于register */
        line-height: 22px !important;
    }

    div[id*="scope-"] .spcart a {
        width: 28px !important;
        /* 稍微减小但保持可点击性 */
        height: 26px !important;
    }

    div[id*="scope-"] .spcart a .fa-shopping-cart,
    div[id*="scope-"] .spcart a .fa-star {
        font-size: 1.4rem !important;
        /* 保持图标清晰度 */
    }

    /* 小屏幕下的排行榜标题区域优化 */
    div[id*="scope-"] .ranks .content .categories {
        margin-bottom: 10px !important;
    }

    div[id*="scope-"] .ranks .content .categories h2 {
        font-size: 1.3rem !important;
    }

    div[id*="scope-"] .ranks .content .categories>a {
        font-size: 0.9rem !important;
    }

    div[id*="scope-"] .ranks .content .category-filters {
        margin-bottom: 10px !important;
        gap: 6px !important;
    }

    div[id*="scope-"] .ranks .content .category-filters a {
        padding: 3px 8px !important;
        font-size: 1.0rem !important;
    }

    /* 商品显示优化 */
    div[id*="scope-"] .block>div>a {
        height: 220px !important;
    }

    div[id*="scope-"] .block>div>a span:not(.product-card-thumb) {
        height: 45px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"] .block>div .brand {
        top: 222px !important;
        font-size: 1.0rem !important;
    }
}

/* 统一处理商品标题在移动端两行省略，适配 481-768 区间 */
@media screen and (max-width: 768px) {

    /* 首页/列表卡片标题 - 注意：不影响product-card-thumb图片容器 */
    div[id*="scope-"] .block>div>a span:not(.product-card-thumb) {
        height: auto !important;
        line-height: 1.4 !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    /* 搜索/列表/收藏结果卡片标题 */
    div[id*="scope-"].search .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].lists .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].favorites .content .block .bbody .item>a .product-card-title {
        height: auto !important;
        line-height: 1.4 !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    /* 购物车与确认页内商品标题 */
    div[id^="scope-"].shopping-cart .carts .products .items .item .intros>a,
    div[id^="scope-"].shopping-cart .carts .confirmation .products .items .item .intros a {
        height: auto !important;
        line-height: 1.4 !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }
}

/* 5. 搜索结果页面/列表页面/系列浏览页面 移动端适配 - 统一风格 */
@media screen and (max-width: 768px) {
    /* ==================== 通用页面整体布局 ==================== */

    /* 内容区域 - 统一布局 */
    div[id*="scope-"].search .content,
    div[id*="scope-"].lists .content,
    div[id*="scope-"].series_browse .content,
    div[id*="scope-"].favorites .content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 15px !important;
        flex-direction: column !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
    }

    /* ==================== fhead 区域 - 标题和分页 ==================== */

    div[id*="scope-"].search .fhead,
    div[id*="scope-"].lists .fhead,
    div[id*="scope-"].series_browse .fhead,
    div[id*="scope-"].favorites .fhead {
        max-width: 100% !important;
        padding: 0 15px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    div[id*="scope-"].search .fhead .fhead-left,
    div[id*="scope-"].lists .fhead .fhead-left,
    div[id*="scope-"].series_browse .fhead .fhead-left {
        width: 100% !important;
    }

    div[id*="scope-"].search .fhead .fhead-left h2,
    div[id*="scope-"].lists .fhead .fhead-left h2,
    div[id*="scope-"].series_browse .fhead .fhead-left h2 {
        font-size: 1.6rem !important;
    }

    div[id*="scope-"].search .fhead .fhead-pagination,
    div[id*="scope-"].lists .fhead .fhead-pagination,
    div[id*="scope-"].series_browse .fhead .fhead-pagination,
    div[id*="scope-"].special_browse .fhead .fhead-pagination {
        display: none !important;
    }

    /* ==================== 筛选区域 - 紧凑两行布局 ==================== */

    /* ===== 移动端筛选区域重构 ===== */
    div[id*="scope-"].search .content .filters,
    div[id*="scope-"].lists .content .filters,
    div[id*="scope-"].series_browse .content .filters,
    div[id*="scope-"].special_browse .content .filters,
    div[id*="scope-"].favorites .content .filters {
        order: 1 !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        padding: 10px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        background-color: #f8f9fa !important;
        border-radius: 8px !important;
        z-index: 10 !important;
        position: relative !important;
        align-items: center !important;
    }

    /* lists: 筛选区按行布局，便于两行排布 */
    div[id*="scope-"].lists .content .filters {
        flex-direction: row !important;
    }

    /* 隐藏视图切换器 */
    div[id*="scope-"].search .content .filters .view-switcher,
    div[id*="scope-"].lists .content .filters .view-switcher,
    div[id*="scope-"].series_browse .content .filters .view-switcher,
    div[id*="scope-"].special_browse .content .filters .view-switcher,
    div[id*="scope-"].favorites .content .filters .view-switcher {
        display: none !important;
    }

    /* 隐藏确认筛选按钮 */
    div[id*="scope-"].search .content .filters .filter-actions,
    div[id*="scope-"].lists .content .filters .filter-actions,
    div[id*="scope-"].series_browse .content .filters .filter-actions,
    div[id*="scope-"].special_browse .content .filters .filter-actions {
        display: none !important;
    }

    /* 排序控件 */
    div[id*="scope-"].search .content .filters .sortby-control,
    div[id*="scope-"].lists .content .filters .sortby-control,
    div[id*="scope-"].series_browse .content .filters .sortby-control,
    div[id*="scope-"].special_browse .content .filters .sortby-control {
        order: 1 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    div[id*="scope-"].search .content .filters .sortby-control select,
    div[id*="scope-"].lists .content .filters .sortby-control select,
    div[id*="scope-"].series_browse .content .filters .sortby-control select,
    div[id*="scope-"].special_browse .content .filters .sortby-control select {
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    /* 快速筛选容器 */
    div[id*="scope-"].search .content .filters>.options,
    div[id*="scope-"].lists .content .filters>.options,
    div[id*="scope-"].series_browse .content .filters>.options,
    div[id*="scope-"].special_browse .content .filters>.options {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        flex: 1 1 auto !important;
    }

    /* 隐藏快速筛选的标题和外层div样式 */
    div[id*="scope-"].search .content .filters>.options>div,
    div[id*="scope-"].lists .content .filters>.options>div,
    div[id*="scope-"].series_browse .content .filters>.options>div,
    div[id*="scope-"].special_browse .content .filters>.options>div {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    div[id*="scope-"].search .content .filters>.options>div>label[data-filter],
    div[id*="scope-"].lists .content .filters>.options>div>label[data-filter],
    div[id*="scope-"].series_browse .content .filters>.options>div>label[data-filter],
    div[id*="scope-"].special_browse .content .filters>.options>div>label[data-filter] {
        display: none !important;
    }

    /* 快速筛选选项容器 */
    div[id*="scope-"].search .content .filters>.options>div>div,
    div[id*="scope-"].lists .content .filters>.options>div>div,
    div[id*="scope-"].series_browse .content .filters>.options>div>div,
    div[id*="scope-"].special_browse .content .filters>.options>div>div {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        border: 0 !important;
        background: none !important;
        align-items: center !important;
    }

    /* filter-row 容器 */
    div[id*="scope-"].search .content .filters .filter-row,
    div[id*="scope-"].lists .content .filters .filter-row,
    div[id*="scope-"].series_browse .content .filters .filter-row,
    div[id*="scope-"].special_browse .content .filters .filter-row {
        order: 3 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* search/lists: 第二行以排序开头，与分类/作品/商品数同一行 */
    div[id*="scope-"].search .content .filters>.options,
    div[id*="scope-"].lists .content .filters>.options {
        order: 1 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    div[id*="scope-"].search .content .filters .sortby-control,
    div[id*="scope-"].lists .content .filters .sortby-control {
        order: 2 !important;
    }

    div[id*="scope-"].search .content .filters .filter-row,
    div[id*="scope-"].lists .content .filters .filter-row {
        order: 2 !important;
        width: auto !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    /* 隐藏商品数/页 */
    .pagesize-button {
        display: none !important;
    }

    /* filter-row 内的 options 容器 */
    div[id*="scope-"].search .content .filters .filter-row .options,
    div[id*="scope-"].lists .content .filters .filter-row .options,
    div[id*="scope-"].series_browse .content .filters .filter-row .options,
    div[id*="scope-"].special_browse .content .filters .filter-row .options {
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div,
    div[id*="scope-"].lists .content .filters .filter-row .options>div,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div {
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        position: relative !important;
    }

    /* ===== 统一按钮样式 - 使用更高优先级 ===== */
    div[id*="scope-"].search .content .filters>.options>div>div>label,
    div[id*="scope-"].lists .content .filters>.options>div>div>label,
    div[id*="scope-"].series_browse .content .filters>.options>div>div>label,
    div[id*="scope-"].special_browse .content .filters>.options>div>div>label,
    div[id*="scope-"].search .content .filters .filter-row .options>div>label,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label,
    div[id*="scope-"].search .content .filters>.options>div>div>label,
    div[id*="scope-"].search .content.table-mode .filters>.options>div>div>label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 12px !important;
        padding-left: 12px !important;
        font-size: 1.2rem !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        color: #333 !important;
        position: static !important;
        gap: 0 !important;
    }

    /* 隐藏快速筛选按钮的 checkbox 图标 */
    div[id*="scope-"].search .content .filters>.options>div>div>label span:before,
    div[id*="scope-"].lists .content .filters>.options>div>div>label span:before,
    div[id*="scope-"].series_browse .content .filters>.options>div>div>label span:before,
    div[id*="scope-"].special_browse .content .filters>.options>div>div>label span:before {
        display: none !important;
        content: none !important;
    }

    /* 隐藏快速筛选的 checkbox */
    div[id*="scope-"].search .content .filters>.options>div>div>label input,
    div[id*="scope-"].lists .content .filters>.options>div>div>label input,
    div[id*="scope-"].series_browse .content .filters>.options>div>div>label input,
    div[id*="scope-"].special_browse .content .filters>.options>div>div>label input {
        display: none !important;
    }

    /* 隐藏 filter-row 按钮的箭头和提示 */
    div[id*="scope-"].search .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label::after {
        display: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label .expand-hint {
        display: none !important;
    }

    /* 隐藏 filter-row 的下拉选项列表 */
    div[id*="scope-"].search .content .filters .filter-row .options>div>div,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>div,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>div,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>div {
        display: none !important;
    }

    /* 选中状态 */
    div[id*="scope-"].search .content .filters>.options>div>div>label.checked,
    div[id*="scope-"].lists .content .filters>.options>div>div>label.checked,
    div[id*="scope-"].series_browse .content .filters>.options>div>div>label.checked,
    div[id*="scope-"].special_browse .content .filters>.options>div>div>label.checked,
    div[id*="scope-"].search .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label.has-selection {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    /* 布局选择器 - 移动端隐藏 */
    div[id*="scope-"].search .content .filters .layouts,
    div[id*="scope-"].lists .content .filters .layouts,
    div[id*="scope-"].series_browse .content .filters .layouts,
    div[id*="scope-"].special_browse .content .filters .layouts {
        display: none !important;
    }

    /* filter-row 内的筛选按钮 */
    div[id*="scope-"].search .content .filters .filter-row .options,
    div[id*="scope-"].lists .content .filters .filter-row .options,
    div[id*="scope-"].series_browse .content .filters .filter-row .options,
    div[id*="scope-"].special_browse .content .filters .filter-row .options {
        margin: 0 !important;
        flex-shrink: 0 !important;
        background: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div,
    div[id*="scope-"].lists .content .filters .filter-row .options>div,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div {
        background: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>label,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label {
        display: inline-flex !important;
        align-items: center !important;
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        color: #333 !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label.has-selection,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label.has-selection {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label .expand-hint,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label .expand-hint {
        display: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>label::after,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>label::after {
        display: none !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .options>div>div,
    div[id*="scope-"].lists .content .filters .filter-row .options>div>div,
    div[id*="scope-"].series_browse .content .filters .filter-row .options>div>div,
    div[id*="scope-"].special_browse .content .filters .filter-row .options>div>div {
        display: none !important;
    }

    /* 确认筛选按钮 - 隐藏 */
    div[id*="scope-"].search .content .filters .filter-actions,
    div[id*="scope-"].lists .content .filters .filter-actions,
    div[id*="scope-"].series_browse .content .filters .filter-actions,
    div[id*="scope-"].special_browse .content .filters .filter-actions {
        display: none !important;
    }

    /* ==================== 商品区块 ==================== */

    div[id*="scope-"].search .content .block,
    div[id*="scope-"].lists .content .block,
    div[id*="scope-"].series_browse .content .block,
    div[id*="scope-"].special_browse .content .block,
    div[id*="scope-"].favorites .content .block {
        order: 2 !important;
        margin: 0 !important;
        flex: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 隐藏表格视图，强制使用卡片视图 */
    div[id*="scope-"].search .content .block .table-view,
    div[id*="scope-"].lists .content .block .table-view,
    div[id*="scope-"].series_browse .content .block .table-view,
    div[id*="scope-"].special_browse .content .block .table-view,
    div[id*="scope-"].favorites .content .block .table-view {
        display: none !important;
    }

    div[id*="scope-"].search .content .block .card-view,
    div[id*="scope-"].lists .content .block .card-view,
    div[id*="scope-"].series_browse .content .block .card-view,
    div[id*="scope-"].special_browse .content .block .card-view,
    div[id*="scope-"].favorites .content .block .card-view {
        display: flex !important;
    }

    /* bhead 和 bfoot 区域优化 */
    div[id*="scope-"].search .content .block .bhead,
    div[id*="scope-"].search .content .block .bfoot,
    div[id*="scope-"].lists .content .block .bhead,
    div[id*="scope-"].lists .content .block .bfoot,
    div[id*="scope-"].series_browse .content .block .bhead,
    div[id*="scope-"].series_browse .content .block .bfoot,
    div[id*="scope-"].favorites .content .block .bhead,
    div[id*="scope-"].favorites .content .block .bfoot {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    /* 分页导航优化 */
    div[id*="scope-"].search .content .block .pagination,
    div[id*="scope-"].lists .content .block .pagination,
    div[id*="scope-"].series_browse .content .block .pagination,
    div[id*="scope-"].favorites .content .block .pagination {
        margin: 0 !important;
        background-color: #f8f9fa !important;
        padding: 8px !important;
        border-radius: 6px !important;
        font-size: 1.1rem !important;
        overflow-x: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    div[id*="scope-"].search .content .block .pagination::-webkit-scrollbar,
    div[id*="scope-"].lists .content .block .pagination::-webkit-scrollbar,
    div[id*="scope-"].series_browse .content .block .pagination::-webkit-scrollbar,
    div[id*="scope-"].favorites .content .block .pagination::-webkit-scrollbar {
        display: none !important;
    }

    div[id*="scope-"].search .content .block .pagination a,
    div[id*="scope-"].lists .content .block .pagination a,
    div[id*="scope-"].series_browse .content .block .pagination a,
    div[id*="scope-"].favorites .content .block .pagination a {
        padding: 6px 10px !important;
        margin: 0 2px !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        transition: all 0.2s ease !important;
    }

    div[id*="scope-"].search .content .block .pagination a.on,
    div[id*="scope-"].lists .content .block .pagination a.on,
    div[id*="scope-"].series_browse .content .block .pagination a.on,
    div[id*="scope-"].favorites .content .block .pagination a.on {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
        font-weight: normal !important;
    }

    /* 隐藏原来左侧栏的 pagesize */
    div[id*="scope-"].search .content .block .pagesize,
    div[id*="scope-"].search .content .filters .pagesize,
    div[id*="scope-"].lists .content .block .pagesize,
    div[id*="scope-"].lists .content .filters .pagesize,
    div[id*="scope-"].series_browse .content .block .pagesize,
    div[id*="scope-"].series_browse .content .filters .pagesize,
    div[id*="scope-"].favorites .content .block .pagesize,
    div[id*="scope-"].favorites .content .filters .pagesize {
        display: none !important;
    }

    /* ==================== series_browse 页面专用移动端样式 ==================== */

    /* series_browse 筛选器 */
    div[id*="scope-"].series_browse .filters {
        padding: 10px 12px !important;
    }

    /* filter-row 作为2行grid容器 */
    div[id*="scope-"].series_browse .filters .filter-row {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    /* 第一行：sortby-options-row（排序+复选框）横跨两列 */
    div[id*="scope-"].series_browse .filters .sortby-options-row {
        grid-row: 1 !important;
        grid-column: 1 / 3 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* 排序控件 */
    div[id*="scope-"].series_browse .filters .sortby-options-row .sortby-control {
        flex-shrink: 0 !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .sortby-control select {
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    /* 复选框区域 */
    div[id*="scope-"].series_browse .filters .sortby-options-row .options {
        flex: 1 !important;
        margin: 0 !important;
        background: none !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group label {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        cursor: pointer !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group label input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
    }

    /* 第二行：日期筛选+截单筛选 */
    div[id*="scope-"].series_browse .filters .filter-row .filter-control {
        grid-row: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    div[id*="scope-"].series_browse .filters .filter-row .filter-control:nth-of-type(2) {
        grid-column: 1 !important;
    }

    div[id*="scope-"].series_browse .filters .filter-row .filter-control:nth-of-type(3) {
        grid-column: 2 !important;
    }

    div[id*="scope-"].series_browse .filters .filter-control>label {
        display: none !important;
    }

    div[id*="scope-"].series_browse .filters .filter-control select {
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    div[id*="scope-"].series_browse .filters .filter-control input[type="date"] {
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    /* series_browse 系列卡片样式 */
    div[id*="scope-"].series_browse .content .series-grid {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div {
        width: calc((100% - 8px) / 2) !important;
        min-height: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-card {
        font-size: 1.2rem !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-card-title {
        font-size: 1.2rem !important;
        min-height: 40px !important;
        -webkit-line-clamp: 2 !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-bottom {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-bottom>span {
        font-size: 1.1rem !important;
        margin-top: 3px !important;
    }

    /* series_browse 分页样式 */
    div[id*="scope-"].series_browse .content .pagination {
        margin: 0 !important;
        background-color: #f8f9fa !important;
        padding: 8px !important;
        border-radius: 6px !important;
        font-size: 1.1rem !important;
        overflow-x: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        justify-content: flex-start !important;
    }

    div[id*="scope-"].series_browse .content .pagination::-webkit-scrollbar {
        display: none !important;
    }

    div[id*="scope-"].series_browse .content .pagination a {
        padding: 6px 10px !important;
        margin: 0 2px !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        transition: all 0.2s ease !important;
    }

    div[id*="scope-"].series_browse .content .pagination a.on {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
        font-weight: normal !important;
    }

    /* ==================== favorites 页面专用移动端样式 ==================== */

    /* favorites 使用 .favorites-element 类增加特异性 */
    .favorites-element.favorites-element .content {
        flex-direction: column !important;
        padding: 0 15px !important;
    }

    /* favorites 筛选器 - 移到顶部，紧凑布局 */
    .favorites-element.favorites-element .content .filters {
        order: 1 !important;
        flex: none !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        padding: 10px !important;
        display: block !important;
        background-color: #f8f9fa !important;
        border-radius: 8px !important;
    }

    /* 隐藏大标题 fhead */
    .favorites-element.favorites-element .content .filters .fhead {
        display: none !important;
    }

    /* 排序选项 - 单行显示 */
    .favorites-element.favorites-element .content .filters .sort-options {
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div {
        display: block !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div>label {
        display: inline !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
        padding: 0 !important;
        color: #333 !important;
        margin-right: 8px !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div>div {
        display: inline-flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div>div label {
        margin: 0 !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div>div label span {
        display: inline-block !important;
        padding: 4px 10px !important;
        font-size: 1.1rem !important;
        height: auto !important;
        border: 1px solid #ddd !important;
        border-radius: 15px !important;
        background: white !important;
        color: #666 !important;
        line-height: 1.3 !important;
    }

    .favorites-element.favorites-element .content .filters .sort-options>div>div label input:checked~span {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    /* 快速筛选 - 横向紧凑 */
    .favorites-element.favorites-element .content .filters .filter-toggles {
        margin: 0 !important;
        padding: 8px 0 0 0 !important;
        border-top: 1px solid #e0e0e0 !important;
        display: block !important;
    }

    .favorites-element.favorites-element .content .filters .filter-toggles .toggle-title {
        display: inline !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
        margin-right: 8px !important;
    }

    .favorites-element.favorites-element .content .filters .filter-toggles>label {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 1.1rem !important;
        padding: 0 !important;
        margin-right: 10px !important;
        gap: 3px !important;
    }

    .favorites-element.favorites-element .content .filters .filter-toggles .quantity-filters {
        display: inline-flex !important;
        flex-wrap: wrap !important;
        gap: 3px !important;
        padding: 0 !important;
        margin-top: 6px !important;
    }

    .favorites-element.favorites-element .content .filters .filter-toggles .quantity-filters label {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 1.0rem !important;
        padding: 3px 8px !important;
        background: white !important;
        border: 1px solid #ddd !important;
        border-radius: 12px !important;
        gap: 3px !important;
        margin: 0 !important;
    }

    .favorites-element.favorites-element .content .filters .filter-toggles .quantity-filters label:has(input:checked) {
        background: var(--primary) !important;
        border-color: var(--primary) !important;
        color: white !important;
    }

    /* 隐藏 radio 按钮，只显示文字 */
    .favorites-element.favorites-element .content .filters .filter-toggles .quantity-filters label input {
        display: none !important;
    }

    /* favorites block 区域 */
    .favorites-element.favorites-element .content .block {
        order: 2 !important;
        flex: none !important;
        width: 100% !important;
    }

    /* favorites bhead 区域 - 单行紧凑 */
    .favorites-element.favorites-element .content .block .bhead {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        margin-bottom: 10px !important;
    }

    .favorites-element.favorites-element .content .block .bhead .title {
        font-size: 1.3rem !important;
        font-weight: 600 !important;
        color: var(--primary) !important;
    }

    .favorites-element.favorites-element .content .block .bhead .controls {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .favorites-element.favorites-element .content .block .bhead .controls .stats {
        font-size: 1.1rem !important;
        color: #666 !important;
    }

    .favorites-element.favorites-element .content .block .bhead .controls .quick-add-all {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
        min-width: auto !important;
        border-radius: 6px !important;
    }

    /* favorites bbody 商品网格 */
    .favorites-element.favorites-element .content .block .bbody {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .favorites-element.favorites-element .content .block .bbody .item {
        width: calc((100% - 8px) / 2) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* 商品卡片样式与尺寸使用全局 .favorites 规则统一 */

    /* ==================== series 页面移动端筛选器样式 ==================== */

    /* series 页面内容区域 - 纵向布局 */
    div[id*="scope-"].series .content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 15px !important;
        flex-direction: column !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
    }

    /* series fhead 区域优化 */
    div[id*="scope-"].series .fhead {
        max-width: 100% !important;
        padding: 0 15px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    div[id*="scope-"].series .fhead .fhead-left {
        width: 100% !important;
    }

    div[id*="scope-"].series .fhead .fhead-left h2 {
        font-size: 1.6rem !important;
    }

    div[id*="scope-"].series .fhead .fhead-pagination {
        display: none !important;
    }

    /* series 筛选区域 - 紧凑两行布局 */
    div[id*="scope-"].series .content .filters {
        order: 1 !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        padding: 8px 10px !important;
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 6px 8px !important;
        background-color: #f8f9fa !important;
        border-radius: 8px !important;
        z-index: 10 !important;
        position: relative !important;
        align-items: center !important;
    }

    /* series 移动端隐藏视图切换器 */
    div[id*="scope-"].series .content .filters .view-switcher {
        display: none !important;
    }

    /* series 第一行：排序控件 */
    div[id*="scope-"].series .content .filters .sortby-control {
        grid-row: 1 !important;
        grid-column: 1 !important;
        margin: 0 !important;
    }

    div[id*="scope-"].series .content .filters .sortby-control select {
        width: auto !important;
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    /* series 第一行：显示不可购买商品 */
    div[id*="scope-"].series .content .filters .hide-unavailable-control {
        grid-row: 1 !important;
        grid-column: 2 !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        font-size: 1.2rem !important;
        justify-self: start !important;
    }

    /* series 第二行：筛选按钮区域 */
    div[id*="scope-"].series .content .filters .filter-row {
        grid-row: 2 !important;
        grid-column: 1 / 3 !important;
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        padding: 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    div[id*="scope-"].series .content .filters .filter-row::-webkit-scrollbar {
        display: none !important;
    }

    /* series 筛选按钮样式 */
    div[id*="scope-"].series .content .filters .options {
        margin: 0 !important;
        flex-shrink: 0 !important;
        background: none !important;
    }

    div[id*="scope-"].series .content .filters .options>div {
        background: none !important;
    }

    div[id*="scope-"].series .content .filters .options>div>label {
        display: inline-flex !important;
        align-items: center !important;
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        color: #333 !important;
    }

    div[id*="scope-"].series .content .filters .options>div>label.has-selection {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    div[id*="scope-"].series .content .filters .options>div>label .expand-hint {
        display: none !important;
    }

    div[id*="scope-"].series .content .filters .options>div>label::after {
        display: none !important;
    }

    div[id*="scope-"].series .content .filters .options>div>div {
        display: none !important;
    }

    /* series 确认筛选按钮隐藏 */
    div[id*="scope-"].series .content .filters .filter-actions {
        display: none !important;
    }

    /* series 隐藏筛选详细内容，只显示按钮 */
    div[id*="scope-"].series .content .filters .options>div>div {
        display: none !important;
    }

    /* series 商品区块移到筛选器下方 */
    div[id*="scope-"].series .content .block {
        order: 2 !important;
        margin: 0 !important;
        flex: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* series 隐藏表格视图，强制使用卡片视图 */
    div[id*="scope-"].series .content .block .table-view {
        display: none !important;
    }

    div[id*="scope-"].series .content .block .card-view {
        display: flex !important;
    }

    /* series 轮播图区域移动端优化 */
    div[id*="scope-"].series .content .bundle-carousel {
        margin-bottom: 15px !important;
    }

    div[id*="scope-"].series .content .bundle-carousel .carousel-viewport {
        height: auto !important;
    }

    /* series bhead 和 bfoot 区域优化 */
    div[id*="scope-"].series .content .block .bhead,
    div[id*="scope-"].series .content .block .bfoot {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    /* series 分页导航优化 */
    div[id*="scope-"].series .content .block .pagination {
        margin: 0 !important;
        background-color: #f8f9fa !important;
        padding: 8px !important;
        border-radius: 6px !important;
        font-size: 1.1rem !important;
        overflow-x: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    div[id*="scope-"].series .content .block .pagination::-webkit-scrollbar {
        display: none !important;
    }

    div[id*="scope-"].series .content .block .pagination a {
        padding: 6px 10px !important;
        margin: 0 2px !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        transition: all 0.2s ease !important;
    }

    div[id*="scope-"].series .content .block .pagination a.on {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
        font-weight: normal !important;
    }

    /* series 隐藏原来左侧栏的 pagesize */
    div[id*="scope-"].series .content .block .pagesize,
    div[id*="scope-"].series .content .filters .pagesize {
        display: none !important;
    }

    /* 移动端筛选弹窗样式 */
    .mobile-filter-modal {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        z-index: 10000 !important;
        overflow-y: auto !important;
    }

    .mobile-filter-modal.active {
        display: block !important;
    }

    .mobile-filter-modal .filter-modal-content {
        background-color: white !important;
        margin: 50px 20px !important;
        border-radius: 8px !important;
        max-height: calc(100vh - 100px) !important;
        overflow-y: auto !important;
        position: relative !important;
    }

    .mobile-filter-modal .filter-modal-header {
        background-color: var(--primary) !important;
        color: white !important;
        padding: 15px 20px !important;
        border-radius: 8px 8px 0 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .mobile-filter-modal .filter-modal-header h3 {
        margin: 0 !important;
        font-size: 1.6rem !important;
        font-weight: bold !important;
    }

    .mobile-filter-modal .filter-modal-close {
        background: none !important;
        border: none !important;
        font-size: 2.0rem !important;
        color: white !important;
        cursor: pointer !important;
        padding: 0 !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-filter-modal .filter-modal-body {
        padding: 20px !important;
        max-height: calc(100vh - 280px) !important;
        overflow-y: auto !important;
    }

    .mobile-filter-modal .filter-modal-footer {
        display: flex !important;
        gap: 10px !important;
        padding: 15px 20px !important;
        border-top: 1px solid #e0e0e0 !important;
        background-color: #f8f9fa !important;
    }

    .mobile-filter-modal .filter-modal-footer button {
        flex: 1 !important;
        padding: 12px 20px !important;
        border: none !important;
        border-radius: 6px !important;
        font-size: 1.3rem !important;
        font-weight: bold !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    .mobile-filter-modal .filter-modal-footer .filter-modal-cancel {
        background-color: #6c757d !important;
        color: white !important;
    }

    .mobile-filter-modal .filter-modal-footer .filter-modal-cancel:hover {
        background-color: #5a6268 !important;
    }

    .mobile-filter-modal .filter-modal-footer .filter-modal-confirm {
        background-color: var(--primary) !important;
        color: white !important;
    }

    .mobile-filter-modal .filter-modal-footer .filter-modal-confirm:hover {
        background-color: var(--hover) !important;
    }

    .mobile-filter-modal .filter-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .mobile-filter-modal .filter-options label {
        display: flex !important;
        align-items: center !important;
        padding: 12px 15px !important;
        background-color: #f8f9fa !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
    }

    .mobile-filter-modal .filter-options label:hover {
        background-color: #e9ecef !important;
    }

    .mobile-filter-modal .filter-options label.checked {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    .mobile-filter-modal .filter-options label input {
        margin-right: 10px !important;
        transform: scale(1.2) !important;
    }

    .mobile-filter-modal .filter-options label span {
        flex: 1 !important;
        font-size: 1.3rem !important;
    }

    /* 页面大小弹窗样式 */
    .mobile-pagesize-modal .pagesize-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .mobile-pagesize-modal .pagesize-option {
        padding: 12px 15px !important;
        background-color: #f8f9fa !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        text-align: center !important;
        font-size: 1.3rem !important;
    }

    .mobile-pagesize-modal .pagesize-option:hover {
        background-color: #e9ecef !important;
    }

    .mobile-pagesize-modal .pagesize-option.selected {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    /* 商品展示区域 - 确保使用全宽 */
    div[id*="scope-"].search .content .block,
    div[id*="scope-"].lists .content .block {
        order: 2 !important;
        margin: 0 !important;
        flex: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 将pagesize移动到filter-row，作为弹窗按钮 */
    div[id*="scope-"].search .content .filters .filter-row .pagesize-button,
    div[id*="scope-"].lists .content .filters .filter-row .pagesize-button {
        display: none !important;
        padding: 8px 16px !important;
        font-size: 1.2rem !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        color: #333 !important;
        transition: all 0.2s ease !important;
        flex-shrink: 0 !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .pagesize-button:hover,
    div[id*="scope-"].lists .content .filters .filter-row .pagesize-button:hover {
        background-color: #f0f0f0 !important;
        border-color: #ccc !important;
    }

    /* 移动端隐藏原来的pagesize */
    div[id*="scope-"].search .content .block .pagesize,
    div[id*="scope-"].lists .content .block .pagesize {
        display: none !important;
    }

    /* bhead和bfoot区域 - 移除padding和margin */
    div[id*="scope-"].search .content .block .bhead,
    div[id*="scope-"].lists .content .block .bhead,
    div[id*="scope-"].search .content .block .bfoot,
    div[id*="scope-"].lists .content .block .bfoot {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    /* 分页导航优化 */
    div[id*="scope-"].search .content .block .pagination,
    div[id*="scope-"].lists .content .block .pagination {
        margin: 0 !important;
        background-color: #f8f9fa !important;
        padding: 8px !important;
        border-radius: 6px !important;
        font-size: 1.1rem !important;
        overflow-x: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        /* 隐藏滚动条但保持滚动功能 */
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    div[id*="scope-"].search .content .block .pagination::-webkit-scrollbar,
    div[id*="scope-"].lists .content .block .pagination::-webkit-scrollbar {
        display: none !important;
    }

    div[id*="scope-"].search .content .block .pagination a,
    div[id*="scope-"].lists .content .block .pagination a {
        padding: 6px 10px !important;
        margin: 0 2px !important;
        background-color: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        transition: all 0.2s ease !important;
    }

    div[id*="scope-"].search .content .block .pagination a.on,
    div[id*="scope-"].lists .content .block .pagination a.on {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
        font-weight: normal !important;
        text-decoration: none !important;
    }

    div[id*="scope-"].search .content .block .pagination a:after,
    div[id*="scope-"].lists .content .block .pagination a:after {
        display: none !important;
    }

    /* 商品网格 - 使用gap和calc精确计算宽度（搜索、列表、系列页面） */
    div[id*="scope-"].search .content .block .bbody,
    div[id*="scope-"].lists .content .block .bbody,
    div[id*="scope-"].series .content .block .bbody,
    div[id*="scope-"].search .content .block .bbody .card-view,
    div[id*="scope-"].lists .content .block .bbody .card-view,
    div[id*="scope-"].series .content .block .bbody .card-view {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    div[id*="scope-"].search .content .block .bbody .item,
    div[id*="scope-"].lists .content .block .bbody .item,
    div[id*="scope-"].series .content .block .bbody .item,
    div[id*="scope-"].favorites .content .block .bbody .item,
    div[id*="scope-"].search .content .block .bbody .card-view .item,
    div[id*="scope-"].lists .content .block .bbody .card-view .item,
    div[id*="scope-"].series .content .block .bbody .card-view .item,
    div[id*="scope-"].favorites .content .block .bbody .card-view .item {
        width: calc((100% - 8px) / 2) !important;
        /* 精确计算：(容器宽度 - gap) / 2 */
        margin: 0 !important;
        /* 移除margin，由gap统一控制间距 */
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    /* 移除nth-child规则，由gap统一控制间距 */
    div[id*="scope-"].search .content .block .bbody .item:nth-child(4n),
    div[id*="scope-"].lists .content .block .bbody .item:nth-child(4n),
    div[id*="scope-"].series .content .block .bbody .item:nth-child(4n),
    div[id*="scope-"].favorites .content .block .bbody .item:nth-child(4n),
    div[id*="scope-"].search .content .block .bbody .item:nth-child(2n),
    div[id*="scope-"].lists .content .block .bbody .item:nth-child(2n),
    div[id*="scope-"].series .content .block .bbody .item:nth-child(2n),
    div[id*="scope-"].favorites .content .block .bbody .item:nth-child(2n),
    div[id*="scope-"].search .content .block .bbody .card-view .item:nth-child(4n),
    div[id*="scope-"].lists .content .block .bbody .card-view .item:nth-child(4n),
    div[id*="scope-"].series .content .block .bbody .card-view .item:nth-child(4n),
    div[id*="scope-"].favorites .content .block .bbody .card-view .item:nth-child(4n),
    div[id*="scope-"].search .content .block .bbody .card-view .item:nth-child(2n),
    div[id*="scope-"].lists .content .block .bbody .card-view .item:nth-child(2n),
    div[id*="scope-"].series .content .block .bbody .card-view .item:nth-child(2n),
    div[id*="scope-"].favorites .content .block .bbody .card-view .item:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* 商品卡片尺寸调整 - 与901页面完全一致 */
    div[id*="scope-"].search .content .block .bbody .item>a,
    div[id*="scope-"].lists .content .block .bbody .item>a,
    div[id*="scope-"].series .content .block .bbody .item>a,
    div[id*="scope-"].favorites .content .block .bbody .item>a {
        height: 250px !important;
        /* 与901页面一致的250px高度 */
        font-size: 1.4rem !important;
        /* 与901页面一致的字体大小 */
        display: flex !important;
        flex-direction: column !important;
        color: var(--text-primary) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    div[id*="scope-"].search .content .block .bbody .item>a:hover,
    div[id*="scope-"].lists .content .block .bbody .item>a:hover,
    div[id*="scope-"].series .content .block .bbody .item>a:hover {
        text-decoration: underline !important;
        /* 与901页面一致的hover效果 */
    }

    div[id*="scope-"].search .content .block .bbody .item>a .product-card-thumb img,
    div[id*="scope-"].lists .content .block .bbody .item>a .product-card-thumb img,
    div[id*="scope-"].series .content .block .bbody .item>a .product-card-thumb img,
    div[id*="scope-"].favorites .content .block .bbody .item>a .product-card-thumb img {
        width: 100% !important;
        height: 100% !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border-radius: inherit !important;
    }

    div[id*="scope-"].search .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].lists .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].series .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].favorites .content .block .bbody .item>a .product-card-title {
        height: 50px !important;
        /* 与901页面一致的50px文字区域高度 */
        margin-top: 10px !important;
        /* 与901页面一致的顶部边距 */
        font-size: 1.2rem !important;
        /* 与901页面一致的字体大小 */
        overflow: hidden !important;
    }

    /* 品牌信息调整 - 与901页面完全一致 */
    div[id*="scope-"].search .content .block .bbody .item .brand,
    div[id*="scope-"].lists .content .block .bbody .item .brand,
    div[id*="scope-"].series .content .block .bbody .item .brand {
        position: absolute !important;
        /* 与901页面一致使用绝对定位 */
        font-size: 1.2rem !important;
        /* 与901页面一致的字体大小 */
        left: 0 !important;
        top: 252px !important;
        /* 与901页面一致的位置 */
    }

    /* 价格和其他信息样式 - 与901页面完全一致 */
    div[id*="scope-"].search .content .block .bbody .item .price-v1,
    div[id*="scope-"].lists .content .block .bbody .item .price-v1,
    div[id*="scope-"].series .content .block .bbody .item .price-v1 {
        color: #f50000 !important;
        /* 与901页面一致的红色 */
        padding: 0 0 5px 0 !important;
        /* 与901页面一致的内边距 */
        font-size: 1.4rem !important;
        /* 与901页面一致的字体大小 */
        font-weight: bold !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .price-v1 em,
    div[id*="scope-"].lists .content .block .bbody .item .price-v1 em,
    div[id*="scope-"].series .content .block .bbody .item .price-v1 em {
        font-style: normal !important;
        font-size: 1.2rem !important;
        font-weight: normal !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .price-v1 span,
    div[id*="scope-"].lists .content .block .bbody .item .price-v1 span,
    div[id*="scope-"].series .content .block .bbody .item .price-v1 span {
        font-size: 1.2rem !important;
        font-weight: normal !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .price,
    div[id*="scope-"].lists .content .block .bbody .item .price,
    div[id*="scope-"].series .content .block .bbody .item .price {
        color: #000000 !important;
        /* 与901页面一致的黑色 */
        padding: 20px 0 5px 0 !important;
        /* 与901页面一致的内边距 */
        font-size: 1.4rem !important;
        /* 与901页面一致的字体大小 */
        font-weight: bold !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .price span,
    div[id*="scope-"].lists .content .block .bbody .item .price span {
        font-size: 1.2rem !important;
        font-weight: normal !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .hold,
    div[id*="scope-"].lists .content .block .bbody .item .hold {
        padding: 0 0 5px 0 !important;
        /* 与901页面一致的内边距 */
    }

    div[id*="scope-"].search .content .block .bbody .item .hold a,
    div[id*="scope-"].lists .content .block .bbody .item .hold a {
        color: #0098de !important;
        position: relative !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .hold a:before,
    div[id*="scope-"].lists .content .block .bbody .item .hold a:before {
        position: absolute !important;
        content: "" !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0px !important;
        height: 1px !important;
        background-color: #0098de !important;
    }

    div[id*="scope-"].search .content .block .bbody .item .info,
    div[id*="scope-"].lists .content .block .bbody .item .info {
        color: #000000 !important;
        /* 与901页面一致的黑色 */
    }

    div[id*="scope-"].search .content .block .bbody .item .brand a,
    div[id*="scope-"].lists .content .block .bbody .item .brand a {
        color: #999999 !important;
        /* 与901页面一致的灰色 */
    }

    /* 空状态优化 */
    div[id*="scope-"].search .content .block .bbody .empty,
    div[id*="scope-"].lists .content .block .bbody .empty {
        width: 100% !important;
        margin: 40px auto !important;
        text-align: center !important;
        padding: 20px !important;
    }

    div[id*="scope-"].search .content .block .bbody .empty img,
    div[id*="scope-"].lists .content .block .bbody .empty img {
        width: 60px !important;
        margin-bottom: 10px !important;
    }

    div[id*="scope-"].search .content .block .bbody .empty span,
    div[id*="scope-"].lists .content .block .bbody .empty span {
        font-size: 1.2rem !important;
        color: #999 !important;
    }

}

/* 小屏幕手机搜索结果页面/列表页面/系列浏览页面优化 (小于480px) */
@media screen and (max-width: 480px) {

    div[id*="scope-"].search .content,
    div[id*="scope-"].lists .content,
    div[id*="scope-"].series_browse .content {
        padding: 0 12px !important;
    }

    div[id*="scope-"].search .fhead,
    div[id*="scope-"].lists .fhead,
    div[id*="scope-"].series_browse .fhead {
        padding: 0 12px !important;
    }

    div[id*="scope-"].search .fhead .fhead-left h2,
    div[id*="scope-"].lists .fhead .fhead-left h2,
    div[id*="scope-"].series_browse .fhead .fhead-left h2 {
        font-size: 1.4rem !important;
    }

    /* 筛选区域小屏幕优化 - 保持灰色背景 */
    div[id*="scope-"].search .content .filters,
    div[id*="scope-"].lists .content .filters,
    div[id*="scope-"].series_browse .content .filters {
        padding: 10px !important;
        gap: 8px !important;
    }

    div[id*="scope-"].search .content .filters .sortby-control select,
    div[id*="scope-"].lists .content .filters .sortby-control select,
    div[id*="scope-"].series_browse .content .filters .sortby-control select {
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
    }

    /* 筛选按钮小屏幕优化 */
    div[id*="scope-"].search .content .filters .options>div>label,
    div[id*="scope-"].lists .content .filters .options>div>label,
    div[id*="scope-"].series_browse .content .filters .options>div>label {
        padding: 6px 12px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].search .content .filters .filter-row .pagesize-button,
    div[id*="scope-"].lists .content .filters .filter-row .pagesize-button,
    div[id*="scope-"].series_browse .content .filters .filter-row .pagesize-button {
        padding: 6px 12px !important;
        font-size: 1.1rem !important;
    }

    /* 分页导航小屏幕优化 */
    div[id*="scope-"].search .content .block .pagination,
    div[id*="scope-"].lists .content .block .pagination,
    div[id*="scope-"].series_browse .content .block .pagination {
        padding: 8px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].search .content .block .pagination a,
    div[id*="scope-"].lists .content .block .pagination a,
    div[id*="scope-"].series_browse .content .block .pagination a {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
    }

    /* 小屏幕弹窗优化 */
    .mobile-filter-modal .filter-modal-content {
        margin: 30px 15px !important;
    }

    .mobile-filter-modal .filter-modal-header {
        padding: 12px 15px !important;
    }

    .mobile-filter-modal .filter-modal-header h3 {
        font-size: 1.4rem !important;
    }

    .mobile-filter-modal .filter-modal-body {
        padding: 15px !important;
    }

    .mobile-filter-modal .filter-options label {
        padding: 10px 12px !important;
    }

    .mobile-filter-modal .filter-options label span {
        font-size: 1.2rem !important;
    }

    .mobile-pagesize-modal .pagesize-option {
        padding: 10px 12px !important;
        font-size: 1.2rem !important;
    }

    /* 分页导航小屏幕优化 */
    div[id*="scope-"].search .content .block .pagination,
    div[id*="scope-"].lists .content .block .pagination {
        padding: 8px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].search .content .block .pagination a,
    div[id*="scope-"].lists .content .block .pagination a {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
    }

    /* ==================== series_browse 页面小屏幕样式 ==================== */

    /* 筛选器小屏幕优化 */
    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group label {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .filters .filter-control select {
        padding: 6px 8px !important;
        font-size: 1.1rem !important;
    }

    /* 系列卡片小屏幕样式 */
    div[id*="scope-"].series_browse .content .series-grid {
        gap: 6px !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div {
        width: calc((100% - 6px) / 2) !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-card {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-card-title {
        font-size: 1.1rem !important;
        min-height: 36px !important;
    }

    div[id*="scope-"].series_browse .content .series-grid>div .series-bottom>span {
        font-size: 1.0rem !important;
    }

    div[id*="scope-"].series_browse .content .pagination {
        padding: 8px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .content .pagination a {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
    }

    /* ==================== series 页面小屏幕优化 (480px以下) ==================== */

    div[id*="scope-"].series .content {
        padding: 0 12px !important;
    }

    div[id*="scope-"].series .fhead {
        padding: 0 12px !important;
    }

    div[id*="scope-"].series .fhead .fhead-left h2 {
        font-size: 1.4rem !important;
    }

    div[id*="scope-"].series .content .filters {
        padding: 10px !important;
        gap: 8px !important;
    }

    div[id*="scope-"].series .content .filters .sortby-control select {
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
    }

    div[id*="scope-"].series .content .filters .options>div>label {
        padding: 6px 12px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series .content .block .pagination {
        padding: 8px !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series .content .block .pagination a {
        padding: 6px 10px !important;
        font-size: 1.1rem !important;
    }

    /* 商品卡片小屏幕优化 - 与901页面小屏幕样式完全一致 */

    div[id*="scope-"].search .content .block .bbody .item>a,
    div[id*="scope-"].lists .content .block .bbody .item>a,
    div[id*="scope-"].favorites .content .block .bbody .item>a {
        height: 220px !important;
        /* 与901页面小屏幕一致的220px高度 */
    }

    div[id*="scope-"].search .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].lists .content .block .bbody .item>a .product-card-title,
    div[id*="scope-"].favorites .content .block .bbody .item>a .product-card-title {
        height: 45px !important;
        /* 与901页面小屏幕一致的45px文字区域高度 */
        font-size: 1.1rem !important;
        /* 与901页面小屏幕一致的字体大小 */
        margin-top: 10px !important;
        /* 保持与901页面一致的顶部边距 */
        overflow: hidden !important;
        /* 保持与901页面一致的溢出处理 */
    }

    div[id*="scope-"].search .content .block .bbody .item .brand,
    div[id*="scope-"].lists .content .block .bbody .item .brand,
    div[id*="scope-"].favorites .content .block .bbody .item .brand {
        top: 222px !important;
        /* 与901页面小屏幕一致的品牌位置 */
        font-size: 1.0rem !important;
        /* 与901页面小屏幕一致的字体大小 */
    }


    /* ==================== 商品详情页小屏幕适配 (480px以下) ==================== */

    /* 进一步缩小间距和尺寸 */
    div[id*="scope-"] .summary .left,
    div[id*="scope-"] .summary .right {
        padding: 12px !important;
    }

    /* 商品主图在小屏幕上进一步缩小 */
    div[id*="scope-"] .summary .left .photo-zoomer {
        height: 250px !important;
    }

    /* 缩略图进一步缩小 */
    div[id*="scope-"] .summary .left .photo-files a {
        width: 50px !important;
        height: 50px !important;
        margin-right: 6px !important;
    }

    /* 商品标题字体在小屏幕上稍小 */
    div[id*="scope-"] .summary .right h1 {
        font-size: 2rem !important;
    }

    /* 徽章在小屏幕上稍小 */
    div[id*="scope-"] .summary .right .tags .badge {
        font-size: 1.2rem !important;
        line-height: 2.2rem !important;
        padding: 0 12px !important;
    }

    /* 商品类型选择在小屏幕上调整 */
    div[id*="scope-"] .summary .right .types .type {
        font-size: 1.3rem !important;
        padding: 6px !important;
        line-height: 1.6rem !important;
    }

    /* 描述信息字体在小屏幕上稍小 - 保持标签和值在同一行 */
    div[id*="scope-"] .summary .right .desc {
        font-size: 1.1rem !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
    }

    div[id*="scope-"] .summary .right .desc .label {
        width: auto !important;
        min-width: 100px !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    /* 小屏幕上同样修复两列布局问题，移除gap */
    div[id*="scope-"] .summary .right div[style*="display:flex"] {
        flex-direction: column !important;
        gap: 0 !important;
    }

    div[id*="scope-"] .summary .right div[style*="flex:1"] {
        flex: none !important;
        width: 100% !important;
    }

    /* 价格显示在小屏幕上稍小 */
    div[id*="scope-"] .summary .right .price-v1,
    div[id*="scope-"] .summary .right .price {
        font-size: 1.3rem !important;
    }

    /* 购买操作区域在小屏幕上更紧凑 */
    div[id*="scope-"] .summary .right .inqury {
        padding: 10px !important;
        gap: 6px !important;
    }

    /* 数量选择器在小屏幕上更紧凑 */
    div[id*="scope-"] .summary .right .inqury .number-wheel span {
        min-width: 30px !important;
        font-size: 1rem !important;
        padding: 6px 4px !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel input {
        width: 40px !important;
        font-size: 1.3rem !important;
        padding: 5px 2px !important;
    }

    div[id*="scope-"] .summary .right .inqury .number-wheel a {
        font-size: 1.3rem !important;
        padding: 6px 8px !important;
        min-width: 32px !important;
    }

    /* 购买按钮在小屏幕上稍小但保持可点击性 */
    div[id*="scope-"] .summary .right .button-submit {
        font-size: 1.2rem !important;
        height: 42px !important;
        padding: 0 8px !important;
    }

    /* 收藏按钮在小屏幕上 */
    div[id*="scope-"] .summary .right .favorite-button {
        font-size: 1.1rem !important;
        height: 42px !important;
        padding: 0 6px !important;
    }

    /* 条形码显示在小屏幕上调整 */
    div[id*="scope-"] .summary .right .barcode .barcode-layer {
        width: 220px !important;
        height: 125px !important;
        top: -125px !important;
        left: 30px !important;
    }

    /* 购买须知和描述在小屏幕上稍小 */
    div[id*="scope-"] .summary .right .notes {
        font-size: 1.1rem !important;
        margin: 25px 0 0 0 !important;
    }

    div[id*="scope-"] .summary .right .description {
        margin: 0 !important;
        padding: 0 !important;
    }

    div[id*="scope-"] .summary .right .description h1 {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"] .summary .right .description .content {
        font-size: 1.1rem !important;
    }

    /* 购买弹窗在小屏幕上进一步优化 */
    div[id*="scope-"] .purchasing-container .purchasing {
        width: 95% !important;
        max-width: 320px !important;
        margin-bottom: 30px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .close {
        font-size: 1.6rem !important;
        padding: 8px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .animate img {
        width: 80px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .animate span {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing .circle-loader {
        width: 80px !important;
        height: 80px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result>div {
        padding: 10px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .cover {
        width: 85px !important;
        height: 95px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .misc {
        margin-left: 10px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .name {
        font-size: 1.1rem !important;
        min-height: 50px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .qty,
    div[id*="scope-"] .purchasing-container .purchasing.result .price {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result .cart,
    div[id*="scope-"] .purchasing-container .purchasing.result .continue {
        font-size: 1.1rem !important;
        line-height: 32px !important;
    }

    div[id*="scope-"] .purchasing-container .purchasing.result h3 {
        font-size: 1.1rem !important;
        padding: 6px 15px !important;
    }

    /* 下架商品页面在小屏幕上进一步优化 */
    div[id*="scope-"] .offsale h2 {
        font-size: 1.4rem !important;
        margin: 15px 0 !important;
        padding: 0 12px;
    }

    div[id*="scope-"] .offsale .item-brief {
        padding: 12px !important;
    }

    div[id*="scope-"] .offsale .item-brief>div:nth-child(1) {
        height: 85px !important;
        width: 85px !important;
        margin-bottom: 12px !important;
    }

    div[id*="scope-"] .offsale .item-brief>div:nth-child(2) {
        font-size: 1.1rem !important;
    }
}

/* ==================== 认证界面移动端适配 ==================== */

@media screen and (max-width: 768px) {

    /* 认证界面整体布局优化 */
    div[id*="scope-"].auth-box {
        min-height: auto !important;
        background: linear-gradient(180deg, #e8f0fe 80px, #ffffff 80px) !important;
        padding-bottom: 50px !important;
    }

    /* 标签页容器适配 */
    div[id*="scope-"] .auth-tabs {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    /* 标签页按钮移动端优化 - 并排显示，减小宽度 */
    div[id*="scope-"] .auth-tabs.tabs-2 .tab>label {
        width: 42% !important;
        /* 减小宽度，为间距留空间 */
        font-size: 1.4rem !important;
        /* 减小字体 */
        line-height: 45px !important;
        /* 减小高度 */
        border-radius: 8px 8px 0 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* 调整标签页按钮位置 - 保持居中并排 */
    div[id*="scope-"] .auth-tabs.tabs-2 .tab:nth-child(1)>label {
        left: 4% !important;
        /* 左侧按钮位置 */
        top: 35px !important;
        /* 降低顶部位置 */
    }

    div[id*="scope-"] .auth-tabs.tabs-2 .tab:nth-child(2)>label {
        left: 54% !important;
        /* 右侧按钮位置，与左侧对称 */
        top: 35px !important;
        /* 降低顶部位置 */
    }

    /* 标签页内容区域适配 - 保持原有的切换逻辑 */
    div[id*="scope-"] .auth-tabs .tab>.content {
        padding: 90px 15px 30px 15px !important;
        /* 减少内边距，为移动端优化 */
        /* 重要：不要覆盖display属性，保持原有的tab切换功能 */
    }

    /* 确保tab切换功能正常工作 */
    div[id*="scope-"] .auth-tabs .tab>input:checked~.content {
        display: block !important;
        /* 确保选中的tab内容显示 */
    }

    div[id*="scope-"] .auth-tabs .tab>input:not(:checked)~.content {
        display: none !important;
        /* 确保未选中的tab内容隐藏 */
    }

    /* 标题优化 */
    div[id*="scope-"] .auth-tabs .tab .content h1 {
        font-size: 2.0rem !important;
        /* 减小标题字体 */
        margin: 15px 0 !important;
        padding: 8px 0 !important;
        text-align: center !important;
    }

    /* ==================== 登录表单移动端适配 ==================== */

    /* 登录表单容器优化 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries {
        width: 100% !important;
        max-width: 400px !important;
        /* 限制最大宽度 */
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* 登录表单标题 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries h3 {
        font-size: 1.4rem !important;
        margin-bottom: 20px !important;
    }

    /* 社交登录按钮适配 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .apple-login,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .google-login,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .tiktok-login {
        height: 50px !important;
        /* 减小按钮高度 */
        line-height: 50px !important;
        font-size: 1.3rem !important;
        margin-top: 15px !important;
        border-radius: 8px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .apple-login img,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .google-login img,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .tiktok-login img {
        width: 25px !important;
        height: 25px !important;
        margin: 0 15px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .apple-login span,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .google-login span,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .tiktok-login span {
        padding-right: 40px !important;
        /* 减少右边距 */
    }

    /* 分隔线调整 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .spert {
        margin: 25px 0 !important;
        font-size: 1.4rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .spert:before,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .spert:after {
        width: 100px !important;
        /* 减小分隔线长度 */
        left: 20px !important;
        right: 20px !important;
    }

    /* 登录输入框适配 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item {
        margin: 15px 0 !important;
        height: 45px !important;
        /* 稍微减小高度 */
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item input {
        height: 100% !important;
        font-size: 1.4rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item i {
        font-size: 1.4rem !important;
    }

    /* 记住我选项适配 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries label {
        margin: 10px 0 !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries label span {
        font-size: 1.3rem !important;
    }

    /* 登录按钮适配 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-button {
        height: 50px !important;
        line-height: 50px !important;
        font-size: 1.5rem !important;
        margin-top: 25px !important;
        border-radius: 8px !important;
    }

    /* 忘记密码链接适配 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-extra {
        margin-top: 15px !important;
        justify-content: center !important;
        /* 移动端居中显示 */
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-extra a {
        font-size: 1.4rem !important;
    }

    /* ==================== 注册表单移动端适配 ==================== */

    /* 注册表单容器优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        font-size: 1.4rem !important;
        /* 稍微减小基础字体 */
    }

    /* 注册信息说明优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-information p {
        font-size: 1.3rem !important;
        margin-bottom: 15px !important;
        padding: 0 10px !important;
    }

    /* 账户类型选择移动端优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="margin-bottom: 25px"] {
        margin-bottom: 20px !important;
        padding: 0 10px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="margin-bottom: 25px"] label {
        font-size: 1.4rem !important;
        margin-bottom: 12px !important;
    }

    /* 账户类型选项移动端布局 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="display: flex; gap: 20px"] {
        flex-direction: column !important;
        /* 移动端改为上下布局 */
        gap: 10px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .account-type-option {
        flex: none !important;
        padding: 12px !important;
        font-size: 1.3rem !important;
        border-radius: 6px !important;
    }

    /* 注册表单字段通用适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item {
        flex-direction: column !important;
        /* 移动端改为上下布局 */
        align-items: stretch !important;
        padding: 15px 10px !important;
    }

    /* 标签优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>label {
        width: 100% !important;
        margin-bottom: 10px !important;
        font-size: 1.4rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>label>span {
        font-size: 1.1rem !important;
    }

    /* 输入区域适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div {
        width: 100% !important;
        display: flex !important;
        /* 确保使用flex布局 */
        flex-direction: column !important;
        /* 移动端所有输入框都改为上下布局 */
        gap: 10px !important;
    }

    /* 输入框容器适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div {
        width: 100% !important;
        /* 移动端输入框占满宽度 */
        height: 45px !important;
        /* 统一高度 */
        margin-bottom: 0 !important;
    }

    /* 文件上传容器例外 - 不应用固定高度 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div.w100 {
        width: 100% !important;
        height: auto !important;
        /* 覆盖固定高度，允许自适应 */
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    /* 输入框样式适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div>input,
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div>select {
        height: 43px !important;
        /* 稍微减小，给边框留空间 */
        font-size: 1.4rem !important;
        padding: 0 12px !important;
        border-radius: 6px !important;
    }

    /* 特殊字段适配 - 员工数和月交易额 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div>input[type="number"] {
        height: 43px !important;
    }

    /* 复选框区域适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item div[style*="display: flex; flex-wrap: wrap"] {
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item div[style*="display: flex; flex-wrap: wrap"] label {
        width: auto !important;
        margin: 0 !important;
        font-size: 1.3rem !important;
    }

    /* 文本域适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item textarea {
        min-height: 100px !important;
        font-size: 1.4rem !important;
        border-radius: 6px !important;
    }

    /* 字符计数显示适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item [style*="text-align: right"] {
        font-size: 1.1rem !important;
        margin-top: 8px !important;
    }

    /* 文件上传区域重新设计 - 显著增大尺寸 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area {
        padding: 35px 25px !important;
        /* 显著增加内边距 */
        font-size: 1.3rem !important;
        border-radius: 12px !important;
        min-height: 140px !important;
        /* 显著增加高度 */
        position: relative !important;
        overflow: hidden !important;
        border: 3px dashed #ddd !important;
        /* 增加边框粗细 */
        background-color: #fafafa !important;
        transition: all 0.3s ease !important;
        order: 1 !important;
        /* 确保上传区域在帮助信息后面显示 */
    }

    /* 上传区域hover效果 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area:hover {
        border-color: #2196f3 !important;
        background-color: #f0f9ff !important;
        transform: scale(1.02) !important;
        /* 添加轻微放大效果 */
    }

    /* 文件上传input优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area input[type="file"] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 0 !important;
        cursor: pointer !important;
        z-index: 3 !important;
        /* 提高层级确保可点击 */
    }

    /* 上传文本区域重新设计 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area #upload-text {
        position: relative !important;
        z-index: 1 !important;
        pointer-events: none !important;
        min-height: 70px !important;
        /* 增加文本区域高度 */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        color: #666 !important;
        line-height: 1.4 !important;
    }

    /* 添加上传图标 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area #upload-text:before {
        content: "📄" !important;
        font-size: 2.8rem !important;
        /* 增大图标 */
        margin-bottom: 12px !important;
        display: block !important;
    }

    /* 文档帮助信息优化 - 调整为在上传区域前显示 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #document-help {
        font-size: 1.1rem !important;
        line-height: 1.5 !important;
        color: #888 !important;
        background-color: #f8f9fa !important;
        padding: 12px 15px !important;
        border-radius: 6px !important;
        border-left: 3px solid #007bff !important;
        order: -1 !important;
        /* 使用CSS order属性将其置于前面 */
    }

    /* 删除重复规则 - 已在前面的 div.w100 规则中统一处理 */

    /* 重要声明区域适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="background-color: #fff3cd"] {
        margin: 15px 10px !important;
        padding: 12px !important;
        border-radius: 6px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="background-color: #fff3cd"] div {
        font-size: 1.3rem !important;
        line-height: 1.4 !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form [style*="background-color: #fff3cd"] label {
        font-size: 1.2rem !important;
    }

    /* 操作按钮区域适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions {
        width: 100% !important;
        max-width: 350px !important;
        margin: 25px auto 0 auto !important;
        padding: 0 10px !important;
    }

    /* 协议确认适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions>label {
        font-size: 1.3rem !important;
        margin-bottom: 15px !important;
        align-items: flex-start !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions>label>span {
        line-height: 1.4 !important;
        margin-left: 8px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions>label>span>a {
        color: #0098de !important;
    }

    /* 提交和取消按钮适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions .register-button-submit,
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions .register-button-cancel {
        height: 50px !important;
        line-height: 50px !important;
        font-size: 1.5rem !important;
        margin-top: 15px !important;
        border-radius: 8px !important;
        text-align: center !important;
    }

    /* 密码强度指示器适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item.noted>div>p.password-strenth {
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item.noted>div>p.password-strenth span {
        width: 70px !important;
        height: 18px !important;
        line-height: 18px !important;
        font-size: 1.0rem !important;
        margin-right: 0 !important;
    }

    /* 错误提示适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item.noted>div>p {
        font-size: 1.2rem !important;
        position: static !important;
        /* 移动端改为相对定位 */
        margin-top: 8px !important;
        white-space: normal !important;
        /* 允许换行 */
    }

    /* 验证码和刷新按钮位置调整 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div .refresh {
        position: static !important;
        /* 移动端改为相对定位 */
        margin-top: 10px !important;
        text-align: center !important;
    }

    /* 验证码按钮 - 小按钮靠右显示 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div.w100 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div.w100 .verifycode,
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div.w100 .action-btn {
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        margin-top: 0 !important;
        margin-left: 10px !important;
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        flex-shrink: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div.w100 input[type="text"] {
        flex: 1 !important;
        min-width: 0 !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div .captcha {
        position: static !important;
        /* 移动端改为相对定位 */
        width: 100% !important;
        height: 45px !important;
        margin-top: 10px !important;
        max-width: 200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
}

/* 小屏幕手机认证界面进一步优化 (小于480px) */
@media screen and (max-width: 480px) {

    /* 进一步减小内边距 */
    div[id*="scope-"] .auth-tabs {
        padding: 0 12px !important;
    }

    div[id*="scope-"] .auth-tabs .tab>.content {
        padding: 85px 12px 25px 12px !important;
    }

    /* 标签页按钮进一步优化 */
    div[id*="scope-"] .auth-tabs.tabs-2 .tab>label {
        width: 44% !important;
        font-size: 1.3rem !important;
        line-height: 40px !important;
        padding: 0 8px !important;
    }

    div[id*="scope-"] .auth-tabs.tabs-2 .tab:nth-child(1)>label {
        left: 3% !important;
        top: 30px !important;
    }

    div[id*="scope-"] .auth-tabs.tabs-2 .tab:nth-child(2)>label {
        left: 53% !important;
        top: 30px !important;
    }

    /* 标题进一步缩小 */
    div[id*="scope-"] .auth-tabs .tab .content h1 {
        font-size: 1.8rem !important;
        margin: 12px 0 !important;
    }

    /* 登录表单小屏幕优化 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries h3 {
        font-size: 1.3rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item {
        height: 42px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item input {
        height: 100% !important;
        font-size: 1.3rem !important;
    }

    /* 社交登录按钮小屏幕优化 */
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .apple-login,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .google-login,
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .tiktok-login {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 1.2rem !important;
    }

    /* 注册表单小屏幕优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries {
        font-size: 1.3rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item {
        padding: 12px 8px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>label {
        font-size: 1.3rem !important;
        margin-bottom: 8px !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div>input,
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item>div>div>select {
        height: 40px !important;
        font-size: 1.3rem !important;
        padding: 0 10px !important;
    }

    /* 按钮小屏幕优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions .register-button-submit,
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-actions .register-button-cancel {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 1.4rem !important;
    }

    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-button {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 1.4rem !important;
    }

    /* 小屏幕文件上传区域进一步优化 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area {
        padding: 25px 15px !important;
        /* 小屏幕稍微减少内边距但保持充足空间 */
        min-height: 120px !important;
        /* 小屏幕保持足够高度 */
        font-size: 1.2rem !important;
        order: 1 !important;
        /* 确保小屏幕上传区域也在帮助信息后面显示 */
    }

    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area #upload-text {
        min-height: 60px !important;
        /* 小屏幕增加文本区域高度 */
        font-size: 1.2rem !important;
    }

    /* 小屏幕上传图标适配 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #file-upload-area #upload-text:before {
        font-size: 2.4rem !important;
        /* 小屏幕增大图标 */
        margin-bottom: 8px !important;
    }

    /* 小屏幕文档帮助信息 */
    div[id*="scope-"] .auth-tabs .tab .content .register-entries .register-form .register-item #document-help {
        font-size: 1.0rem !important;
        padding: 10px 12px !important;
    }
}

/* 移动端搜索功能切换 */
.mobile-search-toggle {
    display: none;
    background: none;
    border: none;
    color: var(--primary);
    font-size: 1.8rem;
    margin-left: 0;
    padding: 5px;
    cursor: pointer;
}

/* 默认隐藏移动端菜单功能 */
.mobile-menu-toggle {
    display: none !important;
}

.mobile-action-panel {
    display: none !important;
}

/* 购物车按钮组显示 */

/* 确保横幅不会遮挡其他元素 */
.banners[id*="scope-"] {
    z-index: 1 !important;
    position: relative !important;
}

.banners[id*="scope-"] .swiper {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--shadow-md) !important;
}

.banners[id*="scope-"] .swiper-pagination {
    bottom: 12px !important;
}

.banners[id*="scope-"] .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background: rgba(255, 255, 255, 0.6) !important;
    opacity: 1 !important;
    transition: all var(--transition-fast) !important;
}

.banners[id*="scope-"] .swiper-pagination-bullet-active {
    width: 24px !important;
    border-radius: 4px !important;
    background: var(--primary) !important;
}

@media screen and (max-width: 768px) {
    div[id*="scope-"] .mobile-controls {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: auto !important;
        order: 3 !important;
    }

    .mobile-controls .mobile-search-toggle,
    .mobile-controls .mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
        color: #ffffff !important;
        border: none !important;
        transition: background 0.2s ease !important, transform 0.2s ease !important;
    }

    .mobile-controls .mobile-search-toggle i,
    .mobile-controls .mobile-menu-toggle i {
        font-size: 1.4rem !important;
        pointer-events: none !important;
        color: #ffffff !important;
    }

    .mobile-controls .mobile-search-toggle:active,
    .mobile-controls .mobile-menu-toggle:active {
        transform: scale(0.96) !important;
    }

    .mobile-controls .mobile-search-toggle:hover,
    .mobile-controls .mobile-menu-toggle:hover {
        background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%) !important;
    }

    /* 移动端搜索栏显示状态 */
    .mobile-search-active .search {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        background: white !important;
        padding: 10px !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
        margin: 0 !important;
    }

    .mobile-search-active .search input {
        margin: 0 5px !important;
    }
}

/* ========================= Home页面移动端适配 ========================= */

/* 移动端侧边栏切换按钮 - 固定在左侧 */
.mobile-sidebar-toggle {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10001 !important;
    background-color: #4cc27f;
    color: #ffffff;
    border: none;
    width: 40px;
    height: 50px;
    border-radius: 0 25px 25px 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
    display: none;
    /* 默认隐藏，只在移动端显示 */
    align-items: center;
    justify-content: center;
}

.mobile-sidebar-toggle:hover {
    background-color: #3db973;
    transform: translateY(-50%) translateX(2px);
}

.mobile-sidebar-toggle i {
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}

.mobile-sidebar-toggle.active i {
    transform: rotate(180deg);
}

/* 移动端侧边栏遮罩层 */
.mobile-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: none;
    /* 默认隐藏 */
}

.mobile-sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 桌面端隐藏移动端组件 */
@media screen and (min-width: 769px) {

    .mobile-sidebar-toggle,
    .mobile-sidebar-overlay,
    .mobile-sidebar-close {
        display: none !important;
    }

    /* 额外保险：即使带有active类也强制隐藏遮罩层 */
    .mobile-sidebar-overlay.active {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* 桌面端侧边栏重置为正常布局（恢复原始 .menus 样式） */
    div[id*="scope-"] .content .block .mobile-sidebar {
        position: static !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        box-shadow: none !important;
        z-index: auto !important;
        overflow: visible !important;
        transition: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        background-color: transparent !important;
        margin: 0 !important;
        /* 恢复原始 .menus 布局 */
        display: flex !important;
        flex: 1 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 10px 0 0 30px !important;
    }
}

/* 移动端Home页面适配 - 仅基于视口宽度触发，避免桌面端误命中 */
@media screen and (max-width: 768px) {

    /* 隐藏旧的移动端侧边栏组件 - 在Home页面使用action-panel进行导航 */
    div[id*="scope-"].home .content .mobile-sidebar-toggle,
    div[id*="scope-"].home .mobile-sidebar-toggle,
    div[id*="scope-"].home .mobile-sidebar-overlay,
    div[id*="scope-"].home .content .block .mobile-sidebar,
    div[id*="scope-"].home .mobile-sidebar-close,
    /* 全局规则：确保home页面的侧边栏组件完全隐藏 */
    div.home .mobile-sidebar-toggle,
    div.home .mobile-sidebar-toggle.active,
    div.home .mobile-sidebar-overlay,
    div.home .mobile-sidebar-overlay.active,
    div.home .mobile-sidebar,
    div.home .mobile-sidebar.open,
    div.home .mobile-sidebar-close {
        display: none !important;
    }

    /* 非Home页面显示移动端侧边栏组件 */
    div[id*="scope-"]:not(.home) .content .mobile-sidebar-toggle {
        display: flex !important;
    }

    /* 遮罩层仅在激活状态显示，默认隐藏（通过.active控制） - 非Home页面 */
    div[id*="scope-"]:not(.home) .mobile-sidebar-overlay.active {
        display: block !important;
    }

    /* 侧边栏关闭按钮在移动端可见 - 非Home页面 */
    div[id*="scope-"]:not(.home) .mobile-sidebar-close {
        display: inline-block !important;
    }

    /* 移动端视口控制 */
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden !important;
    }

    /* 确保侧边栏在移动端完全不可见（除非展开） */
    div[id*="scope-"] .content .block .mobile-sidebar:not(.open) {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Home页面整体布局调整 */
    div[id*="scope-"] .content .block {
        flex-direction: row !important;
        margin-top: 10px !important;
        position: relative;
    }

    /* 左侧侧边栏样式 - 抽屉式 */
    div[id*="scope-"] .content .block .mobile-sidebar {
        position: fixed !important;
        top: 0;
        left: -320px !important;
        width: 300px !important;
        height: 100vh;
        background-color: #ffffff;
        box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 9999 !important;
        padding: 50px 20px 20px 20px !important;
        overflow-y: auto;
        overflow-x: hidden;
        transition: transform 0.3s ease;
        flex: none !important;
        margin: 0 !important;
        display: block !important;
        /* 彻底取消flex容器行为 */
        flex-direction: initial !important;
        align-items: initial !important;
        justify-content: initial !important;
    }

    /* 侧边栏展开状态 */
    div[id*="scope-"] .content .block .mobile-sidebar.open {
        transform: translateX(320px) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* 侧边栏内菜单项样式 */
    div[id*="scope-"] .content .block .mobile-sidebar a {
        display: block;
        padding: 8px 0 !important;
        border-bottom: 1px solid #f0f0f0;
        font-size: 1.5rem !important;
        margin: 0 !important;
        position: relative;
        color: #333333;
        text-decoration: none;
        transition: all 0.2s ease;
        line-height: 1.4 !important;
    }

    div[id*="scope-"] .content .block .mobile-sidebar a:last-child {
        border-bottom: none;
    }

    div[id*="scope-"] .content .block .mobile-sidebar a:hover,
    div[id*="scope-"] .content .block .mobile-sidebar a.active {
        color: #4cc27f !important;
        background-color: #f8fff9;
        padding-left: 10px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* 侧边栏菜单分组标题 */
    div[id*="scope-"] .content .block .mobile-sidebar>h3 {
        display: block !important;
        margin: 12px 0 8px 0 !important;
        padding: 6px 0 4px 0 !important;
        border-bottom: 2px solid #4cc27f;
        font-size: 1.4rem !important;
        color: #4cc27f !important;
        font-weight: bold;
        line-height: 1.2 !important;
    }

    div[id*="scope-"] .content .block .mobile-sidebar>h3:first-of-type {
        margin-top: 0 !important;
    }

    /* 隐藏原始菜单图标 */
    div[id*="scope-"] .content .block .mobile-sidebar a:before,
    div[id*="scope-"] .content .block .mobile-sidebar a:after {
        display: none !important;
    }

    /* 独立收缩，让链接不再被平均拉伸 - 关键修复 */
    div[id*="scope-"] .content .block .mobile-sidebar.open a {
        flex: 0 0 auto !important;
        padding: 8px 0 !important;
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 44px !important;
    }

    /* 侧边栏关闭按钮 */
    .mobile-sidebar-close {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 2.2rem;
        color: #999999;
        cursor: pointer;
        z-index: 10000 !important;
        padding: 5px;
        line-height: 1;
        transition: color 0.2s ease;
    }

    .mobile-sidebar-close:hover {
        color: #4cc27f;
    }

    .mobile-sidebar-close i {
        display: block;
    }

    /* 主内容区域调整 */
    div[id*="scope-"] .content .block .container {
        flex: 1 !important;
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 10px !important;
    }

    /* 订单摘要卡片在移动端的布局 */
    div[id*="scope-"] .content .block .container .summary {
        flex-direction: column !important;
    }

    div[id*="scope-"] .content .block .container .summary>a {
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 15px !important;
        margin-bottom: 1px;
        border-radius: 0;
    }

    div[id*="scope-"] .content .block .container .summary>a:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    div[id*="scope-"] .content .block .container .summary>a:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: #f8f9fa !important;
    }

    div[id*="scope-"] .content .block .container .summary>a>i {
        font-size: 2.4rem !important;
        margin: 0 15px 0 0 !important;
        order: -1;
    }

    div[id*="scope-"] .content .block .container .summary>a>span:nth-child(3) {
        flex: 1;
        text-align: left !important;
        font-size: 1.5rem !important;
        margin: 0 !important;
    }

    div[id*="scope-"] .content .block .container .summary>a>span:nth-child(1) {
        position: relative !important;
        left: auto !important;
        margin-left: auto;
        font-size: 1.4rem !important;
        min-width: 30px;
    }

    /* 快速查看区域优化 */
    div[id*="scope-"] .content .block .container .quick-view .item {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 15px !important;
    }

    div[id*="scope-"] .content .block .container .quick-view .item .imgs {
        width: 100% !important;
        height: 120px !important;
        margin-bottom: 10px;
    }

    div[id*="scope-"] .content .block .container .quick-view .item .info {
        margin-left: 0 !important;
        margin-bottom: 10px;
    }

    div[id*="scope-"] .content .block .container .quick-view .item .action {
        text-align: center;
    }

    /* 表单优化 */
    div[id*="scope-"] .content .block .container .form-body .form-item {
        flex-direction: column !important;
        height: auto !important;
        padding: 15px 0;
    }

    div[id*="scope-"] .content .block .container .form-body .form-item label {
        width: 100% !important;
        text-align: left !important;
        background-color: transparent !important;
        padding: 0 0 10px 0;
        line-height: 1.4 !important;
        font-weight: normal;
    }

    div[id*="scope-"] .content .block .container .form-body .form-item input,
    div[id*="scope-"] .content .block .container .form-body .form-item select {
        padding: 12px 15px !important;
        font-size: 1.5rem !important;
        border: 1px solid #ddd !important;
        border-radius: 6px;
        background-color: #fafafa;
    }

    div[id*="scope-"] .content .block .container .form-body .form-item input.fixed {
        width: 100% !important;
        border-right: 1px solid #ddd !important;
        margin-bottom: 10px;
    }

    /* 卡片布局优化 */
    div[id*="scope-"] .content .block .container .form-cards {
        flex-direction: column !important;
    }

    div[id*="scope-"] .content .block .container .form-card {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    /* 订单列表优化 */
    div[id*="scope-"] .content .block .container .orders .orders-title {
        flex-direction: column !important;
        gap: 15px;
    }

    div[id*="scope-"] .content .block .container .orders .orders-title>div:nth-child(1) {
        flex-wrap: wrap !important;
        gap: 10px;
    }

    div[id*="scope-"] .content .block .container .orders .orders-title>div:nth-child(1) a {
        margin-right: 0 !important;
        padding: 8px 12px;
        background-color: #f5f5f5;
        border-radius: 20px;
        font-size: 1.3rem !important;
    }

    div[id*="scope-"] .content .block .container .orders .orders-title>div:nth-child(1) a.active {
        background-color: #4cc27f;
        color: #ffffff !important;
    }

    div[id*="scope-"] .content .block .container .orders .orders-title>div:nth-child(2) input {
        width: 100% !important;
    }

    /* 订单详情布局优化 */
    div[id*="scope-"] .content .block .container .order .order-status {
        flex-direction: column !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-actions {
        border-right: none !important;
        border-bottom: 1px solid #eeeeee;
        padding: 20px !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages {
        border-left: none !important;
        padding: 20px !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages .stages {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages .stages .step {
        flex-direction: row !important;
        width: 100% !important;
        align-items: center !important;
        padding: 10px 0;
        min-width: auto !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages .stages .step i {
        margin: 0 15px 0 0 !important;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages .stages .step span {
        text-align: left !important;
        margin: 0;
    }

    div[id*="scope-"] .content .block .container .order .order-status .order-stages .stages .line {
        display: none !important;
    }

    /* 订单信息布局 */
    div[id*="scope-"] .content .block .container .order .order-info {
        flex-direction: column !important;
    }

    div[id*="scope-"] .content .block .container .order .order-info>div {
        border-left: none !important;
        border-bottom: 1px solid #eeeeee !important;
        padding: 15px !important;
    }

    div[id*="scope-"] .content .block .container .order .order-info>div:last-child {
        border-bottom: none !important;
    }

    /* 分页导航优化 */
    div[id*="scope-"] .content .block .container .pagination {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 5px;
    }

    div[id*="scope-"] .content .block .container .pagination a {
        min-width: 40px !important;
        height: 36px !important;
        line-height: 34px !important;
        margin: 0 !important;
    }
}

/* 中等屏幕尺寸特殊处理 - 确保侧边栏完全隐藏 */
@media screen and (min-width: 540px) and (max-width: 770px) {

    /* 强制侧边栏隐藏，避免部分露出 */
    div[id*="scope-"] .content .block .mobile-sidebar:not(.open) {
        left: -350px !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* 确保展开状态正确 */
    div[id*="scope-"] .content .block .mobile-sidebar.open {
        transform: translateX(350px) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ==================== 购物车页面移动端适配 ==================== */
@media screen and (max-width: 768px) {

    /* 主容器从左右改为上下堆叠 */
    div[id^="scope-"].shopping-cart .carts {
        flex-direction: column !important;
        gap: 15px !important;
        margin: 10px 0 !important;
    }

    /* 取消右侧进度卡片的左外边距与粘性定位 */
    div[id^="scope-"].shopping-cart .carts .progress {
        margin-left: 0 !important;
        margin-top: 0 !important;
        flex: none !important;
    }

    div[id^="scope-"].shopping-cart .carts .progress>div:first-child {
        position: static !important;
        top: auto !important;
    }

    /* 列表区域在移动端不强制极高高度 */
    div[id^="scope-"].shopping-cart .carts .products,
    div[id^="scope-"].shopping-cart .carts .shipping,
    div[id^="scope-"].shopping-cart .carts .payments,
    div[id^="scope-"].shopping-cart .carts .confirmation {
        flex: none !important;
        min-height: auto !important;
    }

    /* 商品项在移动端的紧凑展示 */
    div[id^="scope-"].shopping-cart .carts .products .items .item {
        align-items: flex-start !important;
    }

    div[id^="scope-"].shopping-cart .carts .products .items .item .cover {
        width: 110px !important;
        height: 110px !important;
    }

    div[id^="scope-"].shopping-cart .carts .products .items .item .intros {
        margin-left: 15px !important;
    }

    /* 右侧汇总卡片在移动端全宽显示 */
    div[id^="scope-"].shopping-cart .carts .progress .summary {
        margin: 15px 0 !important;
    }

    /* 地址弹窗表单在移动端的宽度适配 */
    div[id^="scope-"].shopping-cart .modal-container .address-form,
    div[id^="scope-"] .modal-container .address-form {
        width: 92vw !important;
        max-width: 420px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        padding-right: 6px !important;
    }

    /* 修复按钮容器在移动端的padding */
    div[id^="scope-"].shopping-cart .modal-container .address-form>div.buttons,
    div[id^="scope-"] .modal-container .address-form>div.buttons {
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    div[id^="scope-"].shopping-cart .modal-container .address-form>div>div,
    div[id^="scope-"] .modal-container .address-form>div>div {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 480px) {

    /* 小屏进一步压缩商品封面与间距 */
    div[id^="scope-"].shopping-cart .carts .products .items .item .cover {
        width: 96px !important;
        height: 96px !important;
    }

    div[id^="scope-"].shopping-cart .carts .products .items .item .intros>a {
        height: auto !important;
        max-height: 44px !important;
        line-height: 22px !important;
        overflow: hidden !important;
        line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }
}

/* ==================== Home页面各Section移动端全面适配 ==================== */
@media screen and (max-width: 768px) {

    /* ========== 通用Home页面容器优化 ========== */
    div.home .content {
        padding: 0 10px 80px 10px !important;
    }

    div.home .content .block {
        margin-top: 10px !important;
    }

    div.home .content .block .container {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* ========== 订单摘要页优化 (home-{SCOPE}) ========== */
    div.home .content .block .container .summary {
        flex-direction: column !important;
        gap: 0 !important;
    }

    div.home .content .block .container .summary>a {
        flex: none !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 16px !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        min-height: 60px !important;
    }

    div.home .content .block .container .summary>a:first-child {
        border-radius: 12px 12px 0 0 !important;
    }

    div.home .content .block .container .summary>a:last-child {
        border-radius: 0 0 12px 12px !important;
        border-bottom: none !important;
    }

    div.home .content .block .container .summary>a>i {
        font-size: 2.4rem !important;
        margin: 0 16px 0 0 !important;
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8f9fa !important;
        border-radius: 12px !important;
        flex-shrink: 0 !important;
    }

    div.home .content .block .container .summary>a>span:nth-child(3) {
        flex: 1 !important;
        text-align: left !important;
        font-size: 1.5rem !important;
        margin: 0 !important;
    }

    div.home .content .block .container .summary>a>span:nth-child(1) {
        position: static !important;
        font-size: 1.8rem !important;
        font-weight: 600 !important;
        color: #4cc27f !important;
        margin-left: auto !important;
        padding-left: 16px !important;
    }

    /* Quick view items优化 */
    div.home .content .block .container .quick-view {
        margin-top: 15px !important;
    }

    div.home .content .block .container .quick-view .item {
        flex-direction: column !important;
        padding: 15px !important;
        border-radius: 12px !important;
        margin-bottom: 10px !important;
    }

    div.home .content .block .container .quick-view .item .imgs {
        width: 100% !important;
        height: 100px !important;
        margin-bottom: 12px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    div.home .content .block .container .quick-view .item .info {
        margin-left: 0 !important;
        width: 100% !important;
    }

    div.home .content .block .container .quick-view .item .action {
        margin-top: 12px !important;
        width: 100% !important;
    }

    div.home .content .block .container .quick-view .item .action a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
        border-radius: 8px !important;
        background: #4cc27f !important;
        color: white !important;
        font-weight: 500 !important;
    }

    /* ========== 订单列表页移动端完全重构 (.orders) ========== */

    /* 订单标题栏 - 水平tabs + 搜索 */
    div.home .content .block .container .orders .orders-title {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 !important;
        margin-bottom: 12px !important;
    }

    /* Tab筛选区 - 横向滚动，类似淘宝/京东风格 */
    div.home .content .block .container .orders .orders-title>div:nth-child(1) {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 0 !important;
        padding: 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        background: #fff !important;
        border-radius: 8px !important;
        border: 1px solid #e8e8e8 !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1)::-webkit-scrollbar {
        display: none !important;
    }

    /* Tab按钮样式 - 紧凑inline */
    div.home .content .block .container .orders .orders-title>div:nth-child(1) a {
        position: relative !important;
        flex-shrink: 0 !important;
        padding: 10px 16px !important;
        background: transparent !important;
        border-radius: 0 !important;
        font-size: 1.4rem !important;
        color: #666 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-right: 1px solid #e8e8e8 !important;
        line-height: 1.2 !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1) a:last-child {
        border-right: none !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1) a:after {
        display: none !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1) a.active {
        background: #4cc27f !important;
        color: white !important;
        font-weight: 500 !important;
    }

    /* Badge气泡 - 固定在文字右侧 */
    div.home .content .block .container .orders .orders-title>div:nth-child(1) a span {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        background: #ff4757 !important;
        color: white !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        margin-left: 6px !important;
        line-height: 1 !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1) a.active span {
        background: white !important;
        color: #4cc27f !important;
    }

    /* 搜索框 - 全宽紧凑 */
    div.home .content .block .container .orders .orders-title>div:nth-child(2) {
        display: flex !important;
        width: 100% !important;
        background: #f5f5f5 !important;
        border-radius: 8px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(2) i {
        display: flex !important;
        align-items: center !important;
        padding-left: 12px !important;
        color: #999 !important;
        font-size: 1.4rem !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(2) input {
        flex: 1 !important;
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 1.4rem !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(2) a.search {
        padding: 10px 16px !important;
        background: #4cc27f !important;
        color: white !important;
        font-size: 1.3rem !important;
        font-weight: 500 !important;
        border: none !important;
        white-space: nowrap !important;
    }

    /* ========== 订单卡片重构 - 紧凑高效布局 ========== */
    div.home .content .block .container .orders .orders-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    div.home .content .block .container .orders .orders-list .order {
        background: white !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid #f0f0f0 !important;
    }

    /* 订单头部 - 单行紧凑 */
    div.home .content .block .container .orders .orders-list .order .title {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 10px 12px !important;
        background: #fafafa !important;
        font-size: 1.2rem !important;
        color: #888 !important;
        gap: 8px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        line-height: 1.3 !important;
    }

    div.home .content .block .container .orders .orders-list .order .title .time {
        font-weight: 500 !important;
        color: #666 !important;
    }

    div.home .content .block .container .orders .orders-list .order .title .sn {
        font-size: 1.1rem !important;
        color: #999 !important;
    }

    div.home .content .block .container .orders .orders-list .order .title .sn span {
        display: none !important;
    }

    /* 订单详情区 - 水平布局 */
    div.home .content .block .container .orders .orders-list .order .detail {
        display: flex !important;
        flex-direction: row !important;
        padding: 10px 12px !important;
        gap: 10px !important;
    }

    /* 商品区 - 左侧，图片+信息 */
    div.home .content .block .container .orders .orders-list .order .detail .products {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        min-width: 0 !important;
        border: none !important;
        border-right: none !important;
        border-bottom: none !important;
        padding: 0 !important;
    }

    /* 单个商品行 - 紧凑水平布局 */
    div.home .content .block .container .orders .orders-list .order .detail .products>div {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 0 !important;
        border: none !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .products>div:not(:last-child) {
        padding-bottom: 8px !important;
        border-bottom: 1px dashed #eee !important;
    }

    /* 商品图片 - 小尺寸 */
    div.home .content .block .container .orders .orders-list .order .detail .products>div .img {
        width: 56px !important;
        height: 56px !important;
        border-radius: 6px !important;
        flex-shrink: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: #f5f5f5 !important;
    }

    /* 商品名称区 */
    div.home .content .block .container .orders .orders-list .order .detail .products>div .name {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .products>div .name a {
        font-size: 1.3rem !important;
        line-height: 1.35 !important;
        color: #333 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .products>div .name div {
        font-size: 1.1rem !important;
        color: #999 !important;
        margin-top: 2px !important;
    }

    /* 数量 */
    div.home .content .block .container .orders .orders-list .order .detail .products>div .qty {
        font-size: 1.2rem !important;
        color: #999 !important;
        flex-shrink: 0 !important;
        align-self: center !important;
    }

    /* 支付信息区 - 右侧紧凑 */
    div.home .content .block .container .orders .orders-list .order .detail .payment {
        flex-shrink: 0 !important;
        width: auto !important;
        min-width: 90px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        border: none !important;
        gap: 4px !important;
        border-left: 1px solid #f0f0f0 !important;
        padding-left: 10px !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .amount {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        color: #333 !important;
        text-align: right !important;
        border: none !important;
        padding: 0 !important;
        display: block !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .amount span {
        font-size: 1.2rem !important;
        font-weight: 400 !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .method {
        font-size: 1.1rem !important;
        color: #999 !important;
    }

    /* 支付详情 - 紧凑单行 */
    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details {
        margin-top: 4px !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: 1.1rem !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item .label {
        color: #999 !important;
        min-width: auto !important;
        margin-right: 0 !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item .value {
        color: #ff6b6b !important;
        font-weight: 500 !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item .status {
        font-size: 1rem !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        margin-left: 4px !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item .status.paid {
        background: #e8f5e9 !important;
        color: #4caf50 !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .payment .payment-details .payment-item .status.unpaid {
        background: #fff3e0 !important;
        color: #ff9800 !important;
    }

    /* 操作区 - 底部栏 */
    div.home .content .block .container .orders .orders-list .order .detail .actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        background: #fafafa !important;
        border-top: 1px solid #f0f0f0 !important;
        width: 100% !important;
        flex-basis: 100% !important;
        order: 10 !important;
    }

    /* 确保actions单独成行 */
    div.home .content .block .container .orders .orders-list .order .detail {
        flex-wrap: wrap !important;
    }

    /* 状态标签 */
    div.home .content .block .container .orders .orders-list .order .detail .actions .status {
        margin-right: auto !important;
        padding: 4px 10px !important;
        border-radius: 4px !important;
        font-size: 1.2rem !important;
        font-weight: 500 !important;
        background: #e3f2fd !important;
        color: #1976d2 !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .actions .status.pri {
        background: #fff3e0 !important;
        color: #e65100 !important;
    }

    /* 操作按钮 */
    div.home .content .block .container .orders .orders-list .order .detail .actions a {
        padding: 6px 12px !important;
        font-size: 1.2rem !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .actions a:last-child {
        background: #4cc27f !important;
        color: white !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .actions a.cancel {
        background: transparent !important;
        color: #999 !important;
        border: 1px solid #ddd !important;
    }

    div.home .content .block .container .orders .orders-list .order .detail .actions a.view-goods {
        background: #e3f2fd !important;
        color: #1976d2 !important;
    }

    /* ========== 商品池页面移动端完全重构 (.goods-pool) ========== */
    div.home .content .block .container .goods-pool {
        padding: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* 顶部账户余额卡片 - 紧凑设计 */
    div.home .content .block .container .goods-pool .pool-header-bar {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 12px !important;
        background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
        border-radius: 10px !important;
        margin-bottom: 12px !important;
        border: 1px solid #a5d6a7 !important;
    }

    div.home .content .block .container .goods-pool .balance-info {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        max-width: 100% !important;
    }

    div.home .content .block .container .goods-pool .balance-card {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        background: white !important;
        padding: 8px 12px !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    }

    div.home .content .block .container .goods-pool .balance-card i {
        font-size: 1.6rem !important;
        color: #4cc27f !important;
    }

    div.home .content .block .container .goods-pool .balance-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    div.home .content .block .container .goods-pool .balance-label {
        font-size: 1.1rem !important;
        color: #666 !important;
    }

    div.home .content .block .container .goods-pool .balance-value {
        font-size: 1.4rem !important;
        font-weight: 600 !important;
        color: #4cc27f !important;
    }

    div.home .content .block .container .goods-pool .balance-tip {
        padding: 0 !important;
        border: none !important;
        font-size: 1.1rem !important;
        color: #666 !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    div.home .content .block .container .goods-pool .balance-tip i {
        font-size: 1.2rem !important;
        color: #4cc27f !important;
    }

    /* 快捷支付区 - 紧凑单行 */
    div.home .content .block .container .goods-pool .quick-pay-section {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        background: #fff5f5 !important;
        padding: 10px 12px !important;
        border-radius: 8px !important;
        border: 1px solid #ffcdd2 !important;
    }

    div.home .content .block .container .goods-pool .pending-balance {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }

    div.home .content .block .container .goods-pool .pending-label {
        font-size: 1.1rem !important;
        color: #666 !important;
    }

    div.home .content .block .container .goods-pool .pending-value {
        font-size: 1.4rem !important;
        font-weight: 600 !important;
        color: #e53935 !important;
    }

    div.home .content .block .container .goods-pool .action-buttons {
        display: flex !important;
        gap: 8px !important;
    }

    div.home .content .block .container .goods-pool .action-buttons button {
        padding: 8px 12px !important;
        font-size: 1.2rem !important;
        min-height: 36px !important;
        border-radius: 6px !important;
        line-height: 1.2 !important;
    }

    div.home .content .block .container .goods-pool .action-buttons button br {
        display: none !important;
    }

    /* 搜索栏 - 使用Grid实现两行布局 */
    div.home .content .block .container .goods-pool .goods-search-bar {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-rows: auto auto !important;
        gap: 8px !important;
        padding: 0 0 12px 0 !important;
    }

    /* 搜索框 - 第1行第1列 */
    div.home .content .block .container .goods-pool .goods-search-bar .search-input-wrapper {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
        display: flex !important;
        align-items: center !important;
        background: #f5f5f5 !important;
        border-radius: 8px !important;
        padding: 0 !important;
        border: 1px solid #e8e8e8 !important;
        min-width: 0 !important;
    }

    div.home .content .block .container .goods-pool .goods-search-bar .search-input-wrapper i {
        padding: 0 10px !important;
        color: #999 !important;
        font-size: 1.3rem !important;
        flex-shrink: 0 !important;
    }

    div.home .content .block .container .goods-pool .goods-search-bar .search-input-wrapper input {
        flex: 1 !important;
        width: 100% !important;
        padding: 10px 10px 10px 0 !important;
        font-size: 1.4rem !important;
        border: none !important;
        background: transparent !important;
        outline: none !important;
        min-width: 0 !important;
    }

    /* 搜索按钮 - 第1行第2列 */
    div.home .content .block .container .goods-pool .goods-search-bar .btn-goods-search {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
        padding: 10px 16px !important;
        font-size: 1.3rem !important;
        border-radius: 8px !important;
        min-height: 40px !important;
        white-space: nowrap !important;
        background: #4cc27f !important;
        color: white !important;
        border: none !important;
    }

    /* 筛选按钮 - 第2行第1列 */
    div.home .content .block .container .goods-pool .goods-search-bar .btn-toggle-filters {
        grid-column: 1 / 2 !important;
        grid-row: 2 / 3 !important;
        padding: 10px 12px !important;
        font-size: 1.3rem !important;
        border-radius: 8px !important;
        min-height: 40px !important;
        white-space: nowrap !important;
        background: #f5f5f5 !important;
        color: #666 !important;
        border: 1px solid #ddd !important;
    }

    /* 重置按钮 - 第2行第2列 */
    div.home .content .block .container .goods-pool .goods-search-bar .btn-reset-filters {
        grid-column: 2 / 3 !important;
        grid-row: 2 / 3 !important;
        padding: 10px 12px !important;
        font-size: 1.3rem !important;
        border-radius: 8px !important;
        min-height: 40px !important;
        white-space: nowrap !important;
        background: #f5f5f5 !important;
        color: #666 !important;
        border: 1px solid #ddd !important;
    }

    /* 筛选面板优化 */
    div.home .content .block .container .goods-pool .goods-filters-panel {
        padding: 12px !important;
        background: #fafafa !important;
        border-radius: 10px !important;
        margin-bottom: 12px !important;
        border: 1px solid #e8e8e8 !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filters-row {
        flex-direction: column !important;
        gap: 12px !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filter-group {
        width: 100% !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filter-group label {
        display: block !important;
        margin-bottom: 6px !important;
        font-weight: 500 !important;
        font-size: 1.3rem !important;
        color: #333 !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filter-group select,
    div.home .content .block .container .goods-pool .goods-filters-panel .filter-group input {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 1.4rem !important;
        border-radius: 8px !important;
        border: 1px solid #ddd !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .range-inputs {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .range-inputs input {
        flex: 1 !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filter-actions {
        width: 100% !important;
        margin-top: 8px !important;
    }

    div.home .content .block .container .goods-pool .goods-filters-panel .filter-actions button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 1.4rem !important;
        border-radius: 8px !important;
    }

    /* 筛选tabs - 连接段样式（与订单页一致） */
    div.home .content .block .container .goods-pool .filter-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 0 !important;
        padding: 0 0 12px 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        background: #fff !important;
        border-radius: 8px !important;
        border: 1px solid #e8e8e8 !important;
    }

    div.home .content .block .container .goods-pool .filter-tabs::-webkit-scrollbar {
        display: none !important;
    }

    div.home .content .block .container .goods-pool .filter-tabs a {
        flex-shrink: 0 !important;
        padding: 10px 14px !important;
        background: transparent !important;
        border-radius: 0 !important;
        font-size: 1.3rem !important;
        color: #666 !important;
        white-space: nowrap !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-right: 1px solid #e8e8e8 !important;
        margin: 0 !important;
    }

    div.home .content .block .container .goods-pool .filter-tabs a:last-child {
        border-right: none !important;
    }

    div.home .content .block .container .goods-pool .filter-tabs a.active {
        background: #4cc27f !important;
        color: white !important;
        font-weight: 500 !important;
    }

    /* 批量操作栏 - 底部固定 */
    div.home .content .block .container .goods-pool .batch-pay-bar {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        align-items: center !important;
    }

    div.home .content .block .container .goods-pool .batch-pay-bar .batch-info {
        flex: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
        font-size: 1.2rem !important;
    }

    div.home .content .block .container .goods-pool .batch-pay-bar .select-all-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    div.home .content .block .container .goods-pool .batch-pay-bar .btn-batch-pay {
        padding: 10px 16px !important;
        font-size: 1.3rem !important;
        border-radius: 8px !important;
    }

    /* ========== 商品列表卡片重构 - 紧凑水平布局 ========== */
    div.home .content .block .container .goods-pool .goods-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
        margin-bottom: 0 !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
        background: white !important;
        border: 1px solid #f0f0f0 !important;
        gap: 10px !important;
        align-items: flex-start !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item.has-payable {
        border-color: #a5d6a7 !important;
        background: linear-gradient(135deg, #f5fff7 0%, #fff 100%) !important;
    }

    /* 商品图片 - 小尺寸左侧 */
    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-image {
        width: 56px !important;
        height: 56px !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        background: #f5f5f5 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-image .no-image {
        width: 100% !important;
        height: 100% !important;
        font-size: 1.5rem !important;
    }

    /* 商品信息区 - 中间扩展 */
    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-info {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-name-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 6px !important;
        margin-bottom: 0 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-name-row .item-checkbox {
        flex-shrink: 0 !important;
        margin-top: 2px !important;
        width: 18px !important;
        height: 18px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-name {
        flex: 1 !important;
        min-width: 0 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-name a {
        font-size: 1.3rem !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        color: #333 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-jan {
        font-size: 1.1rem !important;
        color: #999 !important;
    }

    /* 数量统计 - 紧凑inline */
    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 4px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-total {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: 1.2rem !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-label {
        color: #666 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-value {
        font-weight: 600 !important;
        color: #333 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-breakdown {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-tag {
        padding: 2px 6px !important;
        font-size: 1rem !important;
        border-radius: 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-qty-stats .qty-tag i {
        font-size: 0.9rem !important;
    }

    /* 金额区 - 右侧紧凑 */
    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount {
        flex-shrink: 0 !important;
        min-width: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 2px !important;
        padding-left: 10px !important;
        border-left: 1px solid #f0f0f0 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount .amount-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        font-size: 1.1rem !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount .amount-row.highlight {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount .amount-row .label {
        font-size: 1rem !important;
        color: #999 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount .amount-row .value {
        font-size: 1.3rem !important;
        font-weight: 600 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-amount .amount-row .value.balance {
        color: #4cc27f !important;
        font-size: 1.4rem !important;
    }

    /* 操作区 - 底部单独行 */
    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions {
        width: 100% !important;
        flex-basis: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding-top: 10px !important;
        border-top: 1px solid #f0f0f0 !important;
        margin-top: 0 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions button {
        flex: 1 !important;
        min-width: calc(50% - 4px) !important;
        padding: 8px 10px !important;
        font-size: 1.2rem !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions button i {
        margin-right: 4px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions .btn-pay-balance {
        background: #4cc27f !important;
        color: white !important;
        flex-basis: 100% !important;
        min-width: 100% !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions .btn-view-orders {
        background: #e3f2fd !important;
        color: #1976d2 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-actions .btn-view-detail {
        background: #f5f5f5 !important;
        color: #666 !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-action {
        margin-top: 12px !important;
    }

    div.home .content .block .container .goods-pool .goods-list .goods-item .goods-action button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 1.4rem !important;
        border-radius: 8px !important;
        min-height: 46px !important;
    }

    /* 批量操作栏移动端优化 */
    div.home .content .block .container .goods-pool .batch-pay-bar {
        padding: 12px 15px !important;
        gap: 15px !important;
        flex-wrap: wrap !important;
    }

    div.home .content .block .container .goods-pool .batch-pay-bar .batch-info {
        flex-wrap: wrap !important;
        gap: 10px !important;
        font-size: 1.3rem !important;
    }

    div.home .content .block .container .goods-pool .batch-pay-bar .btn-batch-pay {
        flex: 1 !important;
        min-width: 150px !important;
        padding: 12px 20px !important;
    }

    /* ========== 会员等级页面优化 (.member) ========== */
    div.home .content .block .container .member {
        padding: 15px !important;
    }

    div.home .content .block .container .member .level-intro {
        padding: 20px !important;
        border-radius: 12px !important;
    }

    div.home .content .block .container .member .level-cards {
        flex-direction: column !important;
        gap: 15px !important;
    }

    div.home .content .block .container .member .level-cards .level-card {
        width: 100% !important;
        padding: 20px !important;
        border-radius: 12px !important;
    }

    div.home .content .block .container .member .progress-section {
        padding: 15px !important;
        margin-top: 15px !important;
        border-radius: 12px !important;
    }

    div.home .content .block .container .member .benefits-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    div.home .content .block .container .member .benefits-list .benefit-item {
        padding: 15px !important;
        border-radius: 10px !important;
    }

    /* ========== 个人信息页面优化 (.profile) ========== */
    div.home .content .block .container .profile {
        padding: 15px !important;
    }

    div.home .content .block .container .profile .form-body {
        background: white !important;
        border-radius: 12px !important;
        padding: 15px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }

    div.home .content .block .container .profile .form-body .form-item {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    div.home .content .block .container .profile .form-body .form-item:last-of-type {
        border-bottom: none !important;
    }

    div.home .content .block .container .profile .form-body .form-item label {
        width: 100% !important;
        text-align: left !important;
        background: none !important;
        padding: 0 !important;
        font-weight: 500 !important;
        font-size: 1.4rem !important;
        color: #666 !important;
    }

    div.home .content .block .container .profile .form-body .form-item input,
    div.home .content .block .container .profile .form-body .form-item select,
    div.home .content .block .container .profile .form-body .form-item textarea {
        width: 100% !important;
        padding: 14px 15px !important;
        font-size: 1.5rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 10px !important;
        background: #fafafa !important;
    }

    div.home .content .block .container .profile .form-body .form-item input:focus,
    div.home .content .block .container .profile .form-body .form-item select:focus {
        border-color: #4cc27f !important;
        background: white !important;
    }

    div.home .content .block .container .profile .form-body .buttons {
        padding: 20px 0 !important;
    }

    div.home .content .block .container .profile .form-body .buttons button,
    div.home .content .block .container .profile .form-body .buttons input[type="submit"] {
        width: 100% !important;
        padding: 16px !important;
        font-size: 1.6rem !important;
        border-radius: 10px !important;
        min-height: 52px !important;
    }

    /* ========== 密码修改页面优化 (.password) ========== */
    div.home .content .block .container .password {
        padding: 15px !important;
    }

    div.home .content .block .container .password .form-body {
        background: white !important;
        border-radius: 12px !important;
        padding: 15px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }

    div.home .content .block .container .password .form-body .form-item {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    div.home .content .block .container .password .form-body .form-item:last-of-type {
        border-bottom: none !important;
    }

    div.home .content .block .container .password .form-body .form-item label {
        width: 100% !important;
        text-align: left !important;
        background: none !important;
        padding: 0 !important;
        font-weight: 500 !important;
        font-size: 1.4rem !important;
        color: #666 !important;
    }

    div.home .content .block .container .password .form-body .form-item input {
        width: 100% !important;
        padding: 14px 15px !important;
        font-size: 1.5rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 10px !important;
        background: #fafafa !important;
    }

    div.home .content .block .container .password .form-body .buttons {
        padding: 20px 0 !important;
    }

    div.home .content .block .container .password .form-body .buttons button {
        width: 100% !important;
        padding: 16px !important;
        font-size: 1.6rem !important;
        border-radius: 10px !important;
        min-height: 52px !important;
    }

    /* ========== 地址管理页面优化 (.address) ========== */
    div.home .content .block .container .address {
        padding: 15px !important;
    }

    /* 添加地址按钮 */
    div.home .content .block .container .address .add-address-btn,
    div.home .content .block .container .address .btn-add {
        width: 100% !important;
        padding: 16px !important;
        font-size: 1.5rem !important;
        border-radius: 10px !important;
        margin-bottom: 15px !important;
        min-height: 52px !important;
    }

    /* 地址卡片列表 */
    div.home .content .block .container .address .address-list,
    div.home .content .block .container .address .addresses {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    div.home .content .block .container .address .address-list .address-item,
    div.home .content .block .container .address .addresses .address-card,
    div.home .content .block .container .address .addresses>div {
        width: 100% !important;
        padding: 15px !important;
        border-radius: 12px !important;
        border: 1px solid #e0e0e0 !important;
        background: white !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }

    div.home .content .block .container .address .address-item .info,
    div.home .content .block .container .address .addresses .address-card .info {
        margin-bottom: 12px !important;
    }

    div.home .content .block .container .address .address-item .info .name,
    div.home .content .block .container .address .addresses .address-card .name {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        margin-bottom: 8px !important;
    }

    div.home .content .block .container .address .address-item .info .phone,
    div.home .content .block .container .address .addresses .address-card .phone {
        font-size: 1.4rem !important;
        color: #666 !important;
        margin-bottom: 8px !important;
    }

    div.home .content .block .container .address .address-item .info .detail,
    div.home .content .block .container .address .addresses .address-card .detail {
        font-size: 1.4rem !important;
        line-height: 1.5 !important;
        color: #333 !important;
    }

    /* 地址操作按钮 */
    div.home .content .block .container .address .address-item .actions,
    div.home .content .block .container .address .addresses .address-card .actions {
        display: flex !important;
        gap: 10px !important;
        padding-top: 12px !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    div.home .content .block .container .address .address-item .actions button,
    div.home .content .block .container .address .address-item .actions a,
    div.home .content .block .container .address .addresses .address-card .actions button,
    div.home .content .block .container .address .addresses .address-card .actions a {
        flex: 1 !important;
        padding: 12px !important;
        font-size: 1.4rem !important;
        border-radius: 8px !important;
        min-height: 44px !important;
        text-align: center !important;
    }

    /* 地址表单优化 */
    div.home .content .block .container .address .address-form,
    div.home .content .block .container .address form {
        background: white !important;
        padding: 15px !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }

    div.home .content .block .container .address .form-item,
    div.home .content .block .container .address form .form-group {
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 15px !important;
    }

    div.home .content .block .container .address .form-item label,
    div.home .content .block .container .address form label {
        width: 100% !important;
        text-align: left !important;
        font-weight: 500 !important;
        font-size: 1.4rem !important;
        color: #666 !important;
        padding: 0 !important;
        background: none !important;
    }

    div.home .content .block .container .address .form-item input,
    div.home .content .block .container .address .form-item select,
    div.home .content .block .container .address .form-item textarea,
    div.home .content .block .container .address form input,
    div.home .content .block .container .address form select,
    div.home .content .block .container .address form textarea {
        width: 100% !important;
        padding: 14px 15px !important;
        font-size: 1.5rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 10px !important;
        background: #fafafa !important;
    }

    div.home .content .block .container .address .buttons,
    div.home .content .block .container .address form .buttons {
        padding: 15px 0 !important;
    }

    div.home .content .block .container .address .buttons button,
    div.home .content .block .container .address form button[type="submit"] {
        width: 100% !important;
        padding: 16px !important;
        font-size: 1.6rem !important;
        border-radius: 10px !important;
        min-height: 52px !important;
    }

    /* 设置默认地址复选框 */
    div.home .content .block .container .address .default-checkbox {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 15px 0 !important;
    }

    div.home .content .block .container .address .default-checkbox input[type="checkbox"] {
        width: 22px !important;
        height: 22px !important;
    }

    div.home .content .block .container .address .default-checkbox label {
        font-size: 1.5rem !important;
    }

    /* ========== form-body和form-cards通用优化 ========== */
    div.home .content .block .container .form-body .form-item {
        flex-direction: column !important;
        height: auto !important;
        padding: 12px 0 !important;
        gap: 8px !important;
    }

    div.home .content .block .container .form-body .form-item label {
        width: 100% !important;
        text-align: left !important;
        background: transparent !important;
        padding: 0 !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
    }

    div.home .content .block .container .form-body .form-item input,
    div.home .content .block .container .form-body .form-item select {
        padding: 14px 15px !important;
        font-size: 1.5rem !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        background: #fafafa !important;
    }

    div.home .content .block .container .form-body .form-item input.fixed {
        width: 100% !important;
        border-right: 1px solid #ddd !important;
        margin-bottom: 0 !important;
    }

    div.home .content .block .container .form-cards {
        flex-direction: column !important;
    }

    div.home .content .block .container .form-card {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }
}

/* 超小屏幕(< 400px)进一步优化 */
@media screen and (max-width: 400px) {
    div.home .content {
        padding: 0 8px 80px 8px !important;
    }

    div.home .content .block .container .summary>a>i {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.8rem !important;
    }

    div.home .content .block .container .orders .orders-title>div:nth-child(1) a {
        padding: 8px 14px !important;
        font-size: 1.3rem !important;
    }

    div.home .content .block .container .goods-pool .filter-tabs a {
        padding: 8px 14px !important;
        font-size: 1.3rem !important;
    }
}

/* ==================== 骨架屏移动端适配 ==================== */
/* 防止 CLS：确保骨架屏与实际内容布局一致 */

/* 通用骨架容器（桌面 + 移动） */
.loading-stage {
    position: relative;
}

.loading-stage .skeleton-box {
    display: block;
    background: #eceff3;
    border-radius: 8px;
    animation: skeleton-pulse 1.4s ease-in-out infinite;
    will-change: opacity;
}

.loading-stage .stable-grid-placeholder {
    display: flex;
    flex-wrap: wrap;
}

/* 首页模块加载态高度预留，防止 collapse -> expand */
div[id*="scope-"].series-list.loading-stage,
div[id*="scope-"].deadline-list.loading-stage,
div[id*="scope-"].instock.loading-stage {
    min-height: 760px;
}

div[id*="scope-"].series_browse.loading-stage {
    min-height: 980px;
}

div[id*="scope-"].categories.loading-stage {
    min-height: 60px;
}

@media screen and (max-width: 768px) {
    div[id*="scope-"].series-list.loading-stage,
    div[id*="scope-"].deadline-list.loading-stage,
    div[id*="scope-"].instock.loading-stage {
        min-height: 560px;
    }

    div[id*="scope-"].series_browse.loading-stage {
        min-height: 760px;
    }

    div[id*="scope-"].categories.loading-stage {
        min-height: 52px;
    }
}

/* 商品详情页骨架屏 */
div[id*="scope-"].item .skeleton-box {
    animation: skeleton-pulse 1.4s ease-in-out infinite !important;
    background: #eceff3 !important;
}

div[id*="scope-"].item .summary.skeleton-loading {
    flex-direction: column !important;
    min-height: auto !important;
}

div[id*="scope-"].item .summary.skeleton-loading .left {
    flex: none !important;
    width: 100% !important;
    padding: 15px !important;
}

div[id*="scope-"].item .summary.skeleton-loading .left .photo-zoomer {
    height: 280px !important;
}

div[id*="scope-"].item .summary.skeleton-loading .sp {
    display: none !important;
}

div[id*="scope-"].item .summary.skeleton-loading .right {
    flex: none !important;
    width: 100% !important;
    padding: 15px !important;
}

/* 系列页面骨架屏 */
div[id*="scope-"].series .skeleton-box {
    animation: skeleton-pulse 1.4s ease-in-out infinite !important;
    background: #eceff3 !important;
}

div[id*="scope-"].series .fhead {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0 10px !important;
}

div[id*="scope-"].series .content {
    padding: 0 10px !important;
}

div[id*="scope-"].series .content .block {
    gap: 10px !important;
}

/* 骨架屏动画 */
@keyframes skeleton-pulse {
    0%,
    100% { opacity: .74; }
    50% { opacity: 1; }
}