.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: #f6f8fc !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(9, 105, 218, 0.05) !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(9, 105, 218, 0.1) !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, #0969da) !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,
.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. 头部搜索栏适配 - 优化空间布局 */
    div[id*="scope-"] .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-block !important;
        background: none !important;
        border: none !important;
        color: var(--primary) !important;
        font-size: 1.6rem !important;
        padding: 5px !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: #f6f8fc !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(9, 105, 218, 0.05) !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(9, 105, 218, 0.1) !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, #0969da) !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: #f6f8fc !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: #f0f6ff !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, #0969da) !important;
        font-size: 1.4rem !important;
        margin-left: auto !important;
    }
    
    /* 当前选中的语言项 */
    .mobile-action-panel .panel-language-option.active {
        background-color: #f0f6ff !important;
    }
    
    .mobile-action-panel .panel-language-option.active span {
        color: var(--primary, #0969da) !important;
        font-weight: 600 !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;
    }
    
    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-"] .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.6rem !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;
        margin: 3px 0 !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-top: 30px !important;
        padding-bottom: 60px !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;
    }
    
    /* 小屏幕头部优化布局 */
    div[id*="scope-"] .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 {
        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 {
        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 {
        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 {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    /* ==================== 筛选区域 - 统一风格与 series 页面一致 ==================== */
    
    div[id*="scope-"].search .content .filters,
    div[id*="scope-"].lists .content .filters,
    div[id*="scope-"].series_browse .content .filters {
        order: 1 !important;
        flex: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        background-color: #f8f9fa !important;
        border-radius: 8px !important;
        z-index: 10 !important; /* 确保低于header的z-index(32)，避免遮挡header */
        position: relative !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 {
        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 {
        width: 100% !important;
        margin: 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 {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 1.3rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
    }

    /* 隐藏不可购买复选框 - 统一样式 */
    div[id*="scope-"].search .content .filters .hide-unavailable-control,
    div[id*="scope-"].lists .content .filters .hide-unavailable-control,
    div[id*="scope-"].series_browse .content .filters .hide-unavailable-control {
        display: flex !important;
        align-items: center !important;
        padding: 8px 0 !important;
        font-size: 1.2rem !important;
    }

    /* 筛选选项区域 - 横向按钮布局 */
    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 {
        display: flex !important;
        gap: 8px !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-"].search .content .filters .filter-row::-webkit-scrollbar,
    div[id*="scope-"].lists .content .filters .filter-row::-webkit-scrollbar,
    div[id*="scope-"].series_browse .content .filters .filter-row::-webkit-scrollbar {
        display: none !important;
    }

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

    /* 筛选选项 - 改为按钮样式触发弹窗 */
    div[id*="scope-"].search .content .filters .options,
    div[id*="scope-"].lists .content .filters .options,
    div[id*="scope-"].series_browse .content .filters .options {
        margin: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        background: none !important;
    }

    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 {
        background: none !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 {
        display: inline-flex !important;
        align-items: center !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;
    }

    div[id*="scope-"].search .content .filters .options > div > label:hover,
    div[id*="scope-"].lists .content .filters .options > div > label:hover,
    div[id*="scope-"].series_browse .content .filters .options > div > label:hover {
        background-color: #f0f0f0 !important;
        border-color: #ccc !important;
    }

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

    /* 隐藏展开提示文字 */
    div[id*="scope-"].search .content .filters .options > div > label .expand-hint,
    div[id*="scope-"].lists .content .filters .options > div > label .expand-hint,
    div[id*="scope-"].series_browse .content .filters .options > div > label .expand-hint {
        display: none !important;
    }

    /* 隐藏下拉箭头 */
    div[id*="scope-"].search .content .filters .options > div > label::after,
    div[id*="scope-"].lists .content .filters .options > div > label::after,
    div[id*="scope-"].series_browse .content .filters .options > div > label::after {
        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 {
        display: none !important;
    }

    /* ==================== 商品区块 ==================== */
    
    div[id*="scope-"].search .content .block,
    div[id*="scope-"].lists .content .block,
    div[id*="scope-"].series_browse .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 {
        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 {
        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 {
        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 {
        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 {
        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 {
        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 {
        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 {
        display: none !important;
    }

    /* ==================== series_browse 页面专用移动端样式 ==================== */
    
    /* series_browse 筛选器特殊结构处理 */
    div[id*="scope-"].series_browse .filters {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* .filter-row 改为纵向布局 */
    div[id*="scope-"].series_browse .filters .filter-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    /* .sortby-options-row 改为纵向布局 */
    div[id*="scope-"].series_browse .filters .sortby-options-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* 排序控件全宽 */
    div[id*="scope-"].series_browse .filters .sortby-options-row .sortby-control {
        width: 100% !important;
    }

    /* 隐藏不可购买复选框样式 */
    div[id*="scope-"].series_browse .filters .sortby-options-row .options {
        width: 100% !important;
        margin: 0 !important;
        background: none !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    div[id*="scope-"].series_browse .filters .sortby-options-row .options .checkbox-group label {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 0 !important;
        font-size: 1.2rem !important;
        cursor: pointer !important;
    }

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

    /* 日期筛选区域样式 */
    div[id*="scope-"].series_browse .filters .date-filter {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        padding-top: 8px !important;
        border-top: 1px solid #e0e0e0 !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter > label:first-child {
        font-size: 1.2rem !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin: 0 !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter .date-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter .date-btn {
        padding: 6px 12px !important;
        font-size: 1.1rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
        color: #333 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter .date-btn:hover {
        background-color: #f0f0f0 !important;
        border-color: #ccc !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter .date-btn.active {
        background-color: var(--primary) !important;
        color: white !important;
        border-color: var(--primary) !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter input[type="date"] {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 1.2rem !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background-color: white !important;
        margin-top: 4px !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;
    }

    /* ==================== 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 {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    /* series 筛选区域 - 显示在商品上方，紧凑横向布局 */
    div[id*="scope-"].series .content .filters {
        order: 1 !important;
        flex: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        background-color: #f8f9fa !important;
        border-radius: 8px !important;
        z-index: 10 !important; /* 确保低于header的z-index(32)，避免遮挡header */
        position: relative !important;
    }

    /* series 移动端隐藏视图切换器（禁用表格模式，只保留卡片） */
    div[id*="scope-"].series .content .filters .view-switcher {
        display: none !important;
    }

    /* series 排序控件 */
    div[id*="scope-"].series .content .filters .sortby-control {
        width: 100% !important;
        margin: 0 !important;
    }

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

    /* series 隐藏不可购买复选框样式 */
    div[id*="scope-"].series .content .filters .hide-unavailable-control {
        display: flex !important;
        align-items: center !important;
        padding: 8px 0 !important;
        font-size: 1.2rem !important;
    }

    /* series 筛选选项区域 - 横向按钮布局 */
    div[id*="scope-"].series .content .filters .filter-row {
        display: flex !important;
        gap: 8px !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;
        position: relative !important;
        background: none !important;
    }

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

    /* series 筛选标题改为弹窗触发按钮 */
    div[id*="scope-"].series .content .filters .options > div > label {
        display: inline-flex !important;
        align-items: center !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;
    }

    div[id*="scope-"].series .content .filters .options > div > label:hover {
        background-color: #f0f0f0 !important;
        border-color: #ccc !important;
    }

    /* series 筛选按钮选中状态 */
    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;
    }

    /* 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 - 200px) !important;
        overflow-y: auto !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: inline-block !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-"].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 {
        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-"].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-"].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-"].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) {
        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 {
        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 {
        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 {
        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 0 !important;
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter > label:first-child {
        font-size: 1.1rem !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter .date-btn {
        padding: 5px 10px !important;
        font-size: 1.0rem !important;
    }

    div[id*="scope-"].series_browse .filters .date-filter input[type="date"] {
        padding: 8px 10px !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 {
        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 {
        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 {
        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: 1.4rem !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-top: 25px !important;
        padding-bottom: 50px !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; /* 稍微减小高度 */
        border-radius: 8px !important;
    }
    
    div[id*="scope-"] .auth-tabs .tab .content .login-entries .login-item input {
        height: 45px !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 .verifycode,
    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 .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: 42px !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;
}

@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: rgba(9, 105, 218, 0.12) !important;
        color: var(--primary) !important;
        border: none !important;
        transition: background-color 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;
    }

    .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: rgba(9, 105, 218, 0.18) !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) {
    /* 显示移动端侧边栏组件 */
    div[id*="scope-"] .content .mobile-sidebar-toggle {
        display: flex !important;
    }
    
    /* 遮罩层仅在激活状态显示，默认隐藏（通过.active控制） */
    .mobile-sidebar-overlay.active {
        display: block !important;
    }

    /* 侧边栏关闭按钮在移动端可见 */
    .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;
    }
}