/**
 * 手机端专用样式（≤768px）
 * 所有规则均在媒体查询内，不影响 PC（≥769px）布局与样式
 */

@media (max-width: 768px) {
  /* —— 手机端隐藏：顶部横幅 + 顶栏购物车 —— */
  .mall-home-top-banner {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    pointer-events: none;
  }

  .mall-header--crmeb .mall-cart-btn {
    display: none !important;
  }

  /* 手机端：除首页外隐藏顶栏（Logo + 搜索 + 导航）；首页导航在轮播下 #homeSubNav */
  .store-page:not(.store-page--home) #storeHeader {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    pointer-events: none;
  }

  body.store-page:not(.store-page--home).store-header-crmeb,
  body.store-page:not(.store-page--home) {
    padding-top: 0 !important;
  }

  /* —— 页面留白与安全区 —— */
  .store-page .container {
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
  }

  .store-page:not(.store-page--home):not(.store-page--user-center) .mall-page {
    padding-top: 12px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }

  body.store-page.has-mall-bottom-nav:not(.store-page--home) .mall-page {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .mall-page-head {
    margin-bottom: 14px;
  }

  .mall-page-title {
    font-size: 1.15rem;
  }

  .mall-page-desc {
    font-size: 0.8125rem;
  }

  /* —— 顶栏（仅手机） —— */
  .mall-topbar {
    display: none;
  }

  /* 顶栏主区：Logo + 语言/货币 + 搜索 */
  .mall-header--crmeb .mall-header__main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 8px 12px 10px;
    gap: 10px;
  }

  .mall-logo-wrap--pc {
    display: none !important;
  }

  .store-page--home .mall-header__mob-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  .store-page--home .mall-logo-wrap--mob {
    display: block;
  }

  .store-page--home .mall-mob-locale {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
  }

  .store-page--home .mall-header--crmeb .mall-logo-wrap {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  .mall-mob-locale__btn {
    min-height: 36px;
    padding: 4px 8px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
  }

  .mall-mob-locale__btn--lang {
    padding: 6px 8px;
    min-width: 40px;
    justify-content: center;
  }

  .mall-mob-locale__lang-ico {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
  }

  .mall-mob-locale #mallCurrencySelectMob .mall-topbar__select-menu,
  .mall-mob-locale #mallLangSelectMob .mall-topbar__select-menu {
    left: 0;
    right: auto;
    min-width: min(220px, calc(100vw - 24px));
    max-width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - 12px);
    max-height: min(60vh, 420px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 400;
  }

  .mall-mob-locale #mallLangSelectMob .mall-topbar__select-menu {
    min-width: min(200px, calc(100vw - 24px));
  }

  .mall-mob-locale .mall-topbar__select-menu.is-fixed {
    position: fixed !important;
    right: auto !important;
    margin: 0;
  }

  .mall-mob-locale .mall-topbar__select-item {
    white-space: normal;
    text-align: start;
  }

  html[dir="rtl"] .mall-mob-locale .mall-topbar__select-item {
    flex-direction: row-reverse;
    text-align: right;
  }

  .store-page:not(.store-page--home) .mall-header--crmeb .mall-logo-wrap {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
  }

  .mall-header--crmeb .mall-search--crmeb {
    flex: 0 0 auto;
    width: 80%;
    min-width: 0;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
  }

  .mall-header--crmeb .site-logo__img {
    height: 24px;
    max-width: 100%;
  }

  .mall-header--crmeb .mall-logo {
    font-size: 1rem;
  }

  .mall-header--crmeb .mall-search__cat {
    min-width: 52px;
    max-width: 52px;
  }

  .mall-header--crmeb .mall-search__select {
    min-width: 52px;
    max-width: 52px;
    font-size: 12px;
    padding: 0 18px 0 6px;
  }

  .mall-header--crmeb .mall-search__input {
    font-size: 13px;
    min-width: 0;
    padding: 0 8px;
  }

  .mall-header--crmeb .mall-search__input::placeholder {
    font-size: 13px;
  }

  .mall-header--crmeb .mall-cart-btn {
    padding: 0 10px;
    height: 34px;
    font-size: 11px;
  }

  .mall-header--crmeb .mall-cart-btn__text {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 手机端隐藏顶栏「首页」「全部分类」（底部导航已有入口） */
  .mall-header--crmeb .mall-nav__leading {
    display: none !important;
  }

  .mall-header--crmeb .mall-nav-row {
    padding: 0 8px;
  }

  .mall-header--crmeb .mall-nav {
    padding-left: 4px;
  }

  .mall-header--crmeb .mall-nav__link {
    padding: 0 10px;
    font-size: 13px;
  }

  .mall-header--crmeb .mall-search__row {
    --crmeb-search-h: 36px;
    width: 100%;
    height: 36px;
    min-height: 0;
  }

  .mall-header--crmeb .mall-search__btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }

  .mall-header--crmeb .mall-search__btn-icon {
    width: 14px;
    height: 14px;
  }

  /* —— 商品网格：手机统一两列 —— */
  .mall-product-grid,
  .store-page .mall-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }

  .mall-product-grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mall-product-card__title {
    font-size: 0.8125rem;
    -webkit-line-clamp: 2;
  }

  .mall-product-card__body {
    padding: 10px 10px 12px;
  }

  .mall-product-card__price {
    font-size: 0.9375rem;
  }

  /* —— 首页专用（仅手机，PC 不变） —— */
  .store-page--home .mall-home {
    padding: max(10px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-left, 0px))
      calc(68px + env(safe-area-inset-bottom, 0px));
  }

  .store-page--home .mall-home-layout {
    row-gap: 14px;
    column-gap: 0;
  }

  .store-page--home .mall-hero {
    display: block;
    padding: 0;
    margin: 0;
  }

  .store-page--home .mall-side-cats {
    display: none !important;
  }

  /* 首页：顶栏隐藏导航行，改在轮播下方展示 */
  .store-page--home .mall-header--crmeb .mall-nav-row {
    display: none !important;
  }

  /* 首页快捷入口：5 项等分（新闻仅 PC 顶栏，手机不展示） */
  .store-page--home .mall-home-subnav #mallNavNews {
    display: none !important;
  }

  .store-page--home .mall-home-subnav {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    padding: 10px 6px 12px;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .store-page--home .mall-home-subnav[hidden] {
    display: none !important;
  }

  .store-page--home .mall-home-subnav .mall-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 2px;
    row-gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 0;
    align-items: start;
    justify-content: stretch;
    overflow: visible;
    flex: none;
    flex-wrap: nowrap;
  }

  .store-page--home .mall-home-subnav .mall-nav__link {
    display: flex !important;
    flex: none !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: 100%;
    min-width: 0 !important;
    max-width: none;
    height: auto;
    line-height: 1.2;
    padding: 0 1px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    color: #374151;
    white-space: normal;
    text-decoration: none;
    box-sizing: border-box;
    overflow: visible;
  }

  .store-page--home .mall-home-subnav .mall-nav__link.is-active {
    color: var(--crmeb-red, #e62e04);
  }

  .store-page--home .mall-home-subnav .mall-nav__icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    margin: 0 auto;
    background: transparent;
  }

  .store-page--home .mall-home-subnav .mall-nav__icon-img {
    width: 42px;
    height: 42px;
    max-width: 100%;
    display: block;
    object-fit: contain;
    border-radius: 50%;
  }

  .store-page--home .mall-home-subnav .mall-nav__text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    max-width: 100%;
    font-size: 10px;
    line-height: 1.2;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }

  /* 极窄屏：略缩小图标，避免 6 列挤压文字 */
  @media (max-width: 360px) {
    .store-page--home .mall-home-subnav .mall-nav__icon,
    .store-page--home .mall-home-subnav .mall-nav__icon-img {
      width: 36px;
      height: 36px;
    }

    .store-page--home .mall-home-subnav .mall-nav__text {
      font-size: 9px;
    }
  }

  /* 轮播：手机 16:9，圆角与箭头 */
  .store-page--home .mall-banner-wrap {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
  }

  .store-page--home .mall-banner {
    aspect-ratio: 16 / 9;
    min-height: 0;
    border-radius: 10px;
  }

  .store-page--home .mall-banner__arrow {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .store-page--home .mall-banner__dots {
    bottom: 8px;
  }

  /* 分类宫格：4 列 */
  .store-page--home .mall-cat-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 10px;
    padding: 4px 0 8px;
  }

  .store-page--home .mall-cat-card {
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  }

  .store-page--home .mall-cat-card__img {
    padding: 10px 8px 4px;
  }

  .store-page--home .mall-cat-card__img img,
  .store-page--home .mall-cat-card__img .mall-cat-card__letter {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1;
    border-radius: 12px;
    font-size: clamp(1.25rem, 6vw, 1.75rem);
  }

  .store-page--home .mall-cat-card__name {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 4px 10px;
    line-height: 1.35;
  }

  .store-page--home .mall-cat-card--more .mall-cat-card__more-text {
    font-size: 14px;
  }

  /* 首页三图推广：秒杀上方 / 网站中部 / 店铺街上方 — 统一横排三图 76px */
  .store-page--home #homePromoBanners .mall-home-promo__grid,
  .store-page--home #homeMidBanners .mall-home-promo__grid,
  .store-page--home #homeShopStreetBanners .mall-home-promo__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  .store-page--home #homePromoBanners .mall-home-promo__item,
  .store-page--home #homeMidBanners .mall-home-promo__item,
  .store-page--home #homeShopStreetBanners .mall-home-promo__item {
    display: block;
    height: 76px;
    min-height: 76px;
    max-height: 76px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 8px;
    overflow: hidden;
  }

  .store-page--home #homePromoBanners a.mall-home-promo__item:hover,
  .store-page--home #homeMidBanners a.mall-home-promo__item:hover,
  .store-page--home #homeShopStreetBanners a.mall-home-promo__item:hover {
    transform: none;
    box-shadow: none;
  }

  .store-page--home #homePromoBanners .mall-home-promo__item img,
  .store-page--home #homeMidBanners .mall-home-promo__item img,
  .store-page--home #homeShopStreetBanners .mall-home-promo__item img {
    display: block;
    width: 100%;
    height: 76px;
    max-height: none;
    aspect-ratio: unset;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
  }

  .store-page--home #homePromoBanners .mall-home-promo__ph,
  .store-page--home #homeMidBanners .mall-home-promo__ph,
  .store-page--home #homeShopStreetBanners .mall-home-promo__ph {
    min-height: 0;
    height: 100%;
    font-size: 11px;
  }

  .store-page--home .mall-product-grid,
  .store-page--home .mall-product-grid--home-featured,
  .store-page--home .mall-product-grid--home-new,
  .store-page--home .mall-product-grid--home-bottom-cat {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }

  .store-page--home .mall-shop-street-grid--home {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  .store-page--home .mall-shop-street-card {
    padding: 10px 6px 10px;
    border-radius: 10px;
  }

  .store-page--home .mall-shop-street-card__logo,
  .store-page--home .mall-shop-street-card__logo--ph {
    width: 44px;
    height: 44px;
    margin-bottom: 6px;
    border-radius: 10px;
  }

  .store-page--home .mall-shop-street-card__logo--ph {
    font-size: 1.125rem;
  }

  .store-page--home .mall-shop-street-card__name {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
  }

  .store-page--home .mall-shop-street-card__meta {
    font-size: 10px;
    line-height: 1.25;
  }

  .store-page--home .mall-shop-street-more {
    margin-top: 14px;
  }

  .store-page--home .mall-shop-street-more__link {
    padding: 8px 20px;
    font-size: 13px;
  }

  /* 限时秒杀 — CRMEB 手机版卡片 UI */
  .store-page--home #homeFlash {
    margin-bottom: 14px;
  }

  .store-page--home .mall-flash-mob {
    padding: 14px 12px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.08);
  }

  .store-page--home .mall-flash-mob__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }

  .store-page--home .mall-flash-mob__title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.2;
    color: #111827;
    letter-spacing: 0.02em;
  }

  .store-page--home .mall-flash-mob__sec {
    position: relative;
    display: inline-block;
  }

  .store-page--home .mall-flash-mob__bolt {
    position: absolute;
    top: -6px;
    right: -10px;
    width: 14px;
    height: 14px;
    pointer-events: none;
  }

  .store-page--home .mall-flash-mob__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    flex-shrink: 0;
  }

  .store-page--home .mall-flash-mob__more-text {
    font-size: 13px;
    font-weight: 600;
    color: #e62e04;
    white-space: nowrap;
  }

  .store-page--home .mall-flash-mob__more-go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: #e62e04;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }

  .store-page--home .mall-flash-mob__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .store-page--home .mall-flash-mob__card {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: #f8fafc;
  }

  .store-page--home .mall-flash-mob__img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.05;
    overflow: hidden;
    background: #f1f5f9;
  }

  .store-page--home .mall-flash-mob__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .store-page--home .mall-flash-mob__ph {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #94a3b8;
  }

  .store-page--home .mall-flash-mob__bar {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    display: flex;
    align-items: stretch;
    height: 34px;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
  }

  .store-page--home .mall-flash-mob__price {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    white-space: nowrap;
  }

  .store-page--home .mall-flash-mob__grab {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(90deg, #ff7931 0%, #e62e04 100%);
    border-radius: 0 999px 999px 0;
  }

  .store-page--home .mall-flash-mob__empty {
    margin: 0;
    padding: 24px 12px;
    text-align: center;
    font-size: 14px;
    color: #6b7280;
  }

  /* PC 秒杀条在手机端不展示（由 mall-flash-mob 替代） */
  .store-page--home .mall-flash-strip {
    display: none !important;
  }

  .store-page--home .mall-section-head {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .store-page--home .mall-section-title {
    font-size: 1.125rem;
    padding-left: 12px;
  }

  .store-page--home .mall-section-more {
    font-size: 13px;
    padding: 8px 14px;
  }

  .store-page--home .mall-policy-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 20px;
  }

  .store-page--home .mall-policy-strip__item {
    min-height: 100px;
    padding: 16px 10px;
    gap: 10px;
  }

  .store-page--home .mall-policy-strip__icon {
    width: 36px;
    height: 36px;
  }

  .store-page--home .mall-policy-strip__label {
    font-size: 13px;
  }

  /* 营销弹窗（手机）：收窄宽度，两侧留白 */
  .store-site-popup {
    padding: max(12px, env(safe-area-inset-top, 0px)) 28px max(12px, env(safe-area-inset-bottom, 0px));
    align-items: center;
  }

  .store-site-popup__panel {
    width: min(78vw, 300px);
    max-width: 300px;
    max-height: min(80vh, calc(100dvh - 56px));
    border-radius: 12px;
  }

  .store-site-popup__close {
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    border-color: #e5e7eb;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
  }

  .store-site-popup__close-icon {
    width: 18px;
    height: 18px;
  }

  .store-site-popup__title {
    padding: 14px 48px 10px 14px;
    font-size: 1.0625rem;
  }

  .store-site-popup__content {
    padding: 14px 16px 18px;
    font-size: 0.9375rem;
  }

  /* —— 分类 / 搜索侧栏 —— */
  .mall-page-layout {
    gap: 12px;
  }

  .mall-side-panel {
    position: static;
    padding: 12px;
    border-radius: 8px;
  }

  /* —— 分类页：隐藏顶栏（Logo + 搜索 + 导航行） —— */
  .store-page--category #storeHeader {
    display: none !important;
    height: 0 !important;
    overflow: hidden;
    pointer-events: none;
  }

  body.store-page--category.store-page,
  body.store-page--category.store-header-crmeb {
    padding-top: 0 !important;
  }

  body.store-page--category.has-mall-bottom-nav {
    padding-bottom: 0 !important;
    height: 100dvh;
    overflow: hidden;
  }

  body.store-page.has-mall-bottom-nav.store-page--category .mall-page,
  .store-page:not(.store-page--home).store-page--category .mall-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .store-page--category .container {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    width: 100%;
    height: calc(100dvh - 50px - env(safe-area-inset-bottom, 0px));
    min-height: calc(100dvh - 50px - env(safe-area-inset-bottom, 0px));
  }

  .store-page--category .mall-page {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    max-height: none;
    overflow: hidden;
  }

  .store-page--category .mall-cat-pc-only {
    display: none !important;
  }

  .store-page--category #storeFooter {
    display: none;
  }

  /* 顶栏搜索 */
  .store-page--category .mall-cat-page__search {
    flex-shrink: 0;
    padding: 8px 12px;
    padding-top: max(8px, env(safe-area-inset-top, 0px));
    background: #fff;
  }

  .store-page--category .mall-cat-page__search-row {
    display: flex;
    align-items: center;
    height: 36px;
    background: #f5f5f5;
    border-radius: 999px;
    overflow: hidden;
    padding: 0 4px 0 14px;
  }

  .store-page--category .mall-cat-page__search-input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    font-size: 14px;
    outline: none;
  }

  .store-page--category .mall-cat-page__search-input::placeholder {
    color: #9ca3af;
  }

  .store-page--category .mall-cat-page__search-btn {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: var(--color-primary, #e62e04);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  /* 顶部分类图标横滑 */
  .store-page--category .mall-cat-page__icons {
    flex-shrink: 0;
    display: flex;
    gap: 10px;
    padding: 8px 12px 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
  }

  .store-page--category .mall-cat-page__icons::-webkit-scrollbar {
    display: none;
  }

  .store-page--category .mall-cat-icon {
    flex-shrink: 0;
    width: 64px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-align: center;
  }

  .store-page--category .mall-cat-icon__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 4px;
    border-radius: 50%;
    background: #f5f5f5;
    overflow: hidden;
  }

  .store-page--category .mall-cat-icon__circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .store-page--category .mall-cat-icon__circle--all {
    background: linear-gradient(135deg, #ff6b4a, #e62e04);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }

  .store-page--category .mall-cat-icon__letter {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary, #e62e04);
  }

  .store-page--category .mall-cat-icon__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 10px;
    color: #333;
    line-height: 1.15;
    max-width: 64px;
    margin: 0 auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .store-page--category .mall-cat-icon.is-active .mall-cat-icon__name {
    color: var(--color-primary, #e62e04);
    font-weight: 600;
  }

  .store-page--category .mall-cat-icon.is-active .mall-cat-icon__circle {
    box-shadow: 0 0 0 2px rgba(230, 46, 4, 0.35);
  }

  /* 左右分栏 */
  .store-page--category .mall-page-layout {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    min-height: 0;
    overflow: hidden;
  }

  .store-page--category .mall-side-panel {
    width: 88px;
    flex-shrink: 0;
    align-self: stretch;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: #f7f7f7;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .store-page--category .mall-side-panel ul {
    display: flex;
    flex-direction: column;
  }

  .store-page--category .mall-side-panel li {
    margin: 0;
  }

  .store-page--category .mall-cat-side__btn {
    display: block;
    width: 100%;
    padding: 14px 6px;
    border: 0;
    border-left: 3px solid transparent;
    background: transparent;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    color: #333;
    cursor: pointer;
  }

  .store-page--category .mall-cat-side__btn.is-active {
    background: #fff;
    color: var(--color-primary, #e62e04);
    font-weight: 600;
    border-left-color: var(--color-primary, #e62e04);
  }

  .store-page--category .mall-side-panel__hint {
    display: block;
    padding: 12px 8px;
    font-size: 12px;
    color: #666;
    text-align: center;
  }

  .store-page--category .mall-cat-page__main {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-height: 100%;
    min-width: 0;
    background: #fff;
    overflow: hidden;
  }

  /* 子分类标签 */
  .store-page--category .mall-cat-page__subs {
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 10px 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #f0f0f0;
  }

  .store-page--category .mall-cat-page__subs::-webkit-scrollbar {
    display: none;
  }

  .store-page--category .mall-cat-sub {
    flex-shrink: 0;
    padding: 6px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
  }

  .store-page--category .mall-cat-sub.is-active {
    border-color: var(--color-primary, #e62e04);
    color: var(--color-primary, #e62e04);
    background: rgba(230, 46, 4, 0.06);
    font-weight: 600;
  }

  /* 商品列表（行布局） */
  .store-page--category .mall-cat-page__grid,
  .store-page--category .mall-cat-page__grid--rows {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    background: #fff;
  }

  .store-page--category .mall-cat-page__loading {
    padding: 24px;
    text-align: center;
  }

  .store-page--category .mall-cat-prod-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #f5f5f5;
  }

  .store-page--category .mall-cat-prod-row__link {
    flex: 1;
    display: flex;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
  }

  .store-page--category .mall-cat-prod-row__img {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
  }

  .store-page--category .mall-cat-prod-row__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .store-page--category .mall-cat-prod-row__ph {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #9ca3af;
  }

  .store-page--category .mall-cat-prod-row__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0;
  }

  .store-page--category .mall-cat-prod-row__title {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .store-page--category .mall-cat-prod-row__price {
    margin: 6px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary, #e62e04);
  }

  .store-page--category .mall-cat-prod-row__cart {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-primary, #e62e04);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(230, 46, 4, 0.35);
  }

  .store-page--category .mall-cat-page__grid .mall-empty {
    padding: 32px 16px;
    text-align: center;
    color: #9ca3af;
  }

  /* —— 秒杀页：隐藏顶栏（Logo + 搜索 + 导航行） —— */
  .store-page--flash #storeHeader {
    display: none !important;
    height: 0 !important;
    overflow: hidden;
    pointer-events: none;
  }

  body.store-page--flash.store-page,
  body.store-page--flash.store-header-crmeb {
    padding-top: 0 !important;
  }

  .store-page--flash .mall-page {
    padding: max(10px, env(safe-area-inset-top, 0px)) 12px calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .store-page--flash .mall-page-head {
    margin-bottom: 10px;
  }

  .store-page--flash .mall-page-title {
    font-size: 1.0625rem;
  }

  .store-page--flash .mall-page-desc {
    margin-top: 4px;
    font-size: 0.75rem;
  }

  .store-page--flash .mall-flash-group {
    margin-bottom: 14px;
  }

  .store-page--flash .mall-flash-group__title {
    margin-bottom: 8px;
    padding-bottom: 6px;
    font-size: 0.9375rem;
  }

  .store-page--flash .mall-flash-deal {
    margin-bottom: 12px;
  }

  .store-page--flash .mall-flash-deal.mall-list-card {
    padding: 10px 10px 12px;
    border-radius: 10px;
  }

  .store-page--flash .mall-flash-deal__title {
    margin-bottom: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
  }

  .store-page--flash .mall-flash-deal__time-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 10px;
    padding: 8px 10px;
    border-left-width: 3px;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(230, 46, 4, 0.06);
  }

  .store-page--flash .mall-flash-deal__time-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .store-page--flash .mall-flash-deal__time-label {
    padding: 2px 8px;
    font-size: 10px;
    gap: 4px;
    letter-spacing: 0.04em;
  }

  .store-page--flash .mall-flash-deal__time-label::before {
    font-size: 10px;
  }

  .store-page--flash .mall-flash-deal__time-range {
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.4;
    color: #b91c1c;
  }

  .store-page--flash .mall-flash-deal__time-range time {
    white-space: normal;
  }

  .store-page--flash .mall-flash-deal__time-sep {
    margin: 0 4px;
    font-size: 0.6875rem;
  }

  .store-page--flash .mall-flash-deal__countdown {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    width: 100%;
  }

  .store-page--flash .mall-flash-deal__countdown-title {
    font-size: 11px;
    flex-shrink: 0;
  }

  .store-page--flash .mall-flash-deal__countdown-units {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 4px;
    flex: 1;
    min-width: 0;
    justify-content: flex-start;
  }

  .store-page--flash .mall-flash-deal__cd-unit {
    min-width: 0;
    flex: 1;
    max-width: 40px;
    padding: 3px 4px 2px;
    border-radius: 5px;
  }

  .store-page--flash .mall-flash-deal__cd-num {
    font-size: 0.875rem;
  }

  .store-page--flash .mall-flash-deal__cd-unit small {
    margin-top: 1px;
    font-size: 9px;
  }

  /* —— 用户中心：CRMEB 风格「我的」 —— */
  .store-page--user-center #storeHeader,
  .store-page--user-center #storeHeader .mall-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
  }

  html.store-page--user-center,
  body.store-page--user-center,
  body.store-page--user-center.store-header-crmeb {
    padding-top: 0 !important;
    margin-top: 0 !important;
    --mall-header-offset: 0px !important;
    --home-top-banner-height: 0px !important;
  }

  /* 避免 store-mall 顶栏变量占位（DevTools 常见为 8px 白条） */
  body.store-page--user-center:not([data-store-layout='auth']) {
    padding-top: 0 !important;
  }

  body.store-page--user-center > #storeHeader {
    display: none !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html.uc-boot-pending body.store-page--user-center .uc-main,
  body.store-page--user-center.uc-shell-pending .uc-main {
    visibility: hidden !important;
    min-height: 40vh;
  }

  .store-page--user-center #storeFooter {
    display: block !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    margin-top: 0;
    background: #f5f5f5;
  }

  .store-page--user-center #storeFooter .mall-footer--compact {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
  }

  .store-page--user-center #storeFooter .site-footer__copy {
    font-size: 12px;
    color: #888;
    text-align: center;
    margin: 0;
  }

  .store-page--user-center {
    background: #f5f5f5;
  }

  .store-page--user-center .container {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }

  .store-page--user-center .mall-page {
    padding: 0 max(12px, env(safe-area-inset-left, 0px)) calc(72px + env(safe-area-inset-bottom, 0px));
    padding-top: 0 !important;
    margin-top: 0 !important;
    max-width: none;
  }

  /* 手机「我的」：去掉 uc-layout 容器盒，避免顶部留白 */
  .store-page--user-center .uc-layout {
    display: contents;
  }

  .store-page--user-center .uc-sidebar {
    display: block;
    width: 100%;
    position: relative !important;
    top: auto !important;
    z-index: 3;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    margin: 0;
    padding: 0;
  }

  .store-page--user-center .uc-sidebar__pc {
    display: none !important;
  }

  .store-page--user-center .uc-main {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    background: transparent;
    flex: none;
    min-height: 0;
  }

  /* 顶栏 + 四宫格：一体橙色区块（CRMEB 风格） */
  .store-page--user-center .uc-mob-hero {
    display: block;
    margin: 0 -12px 14px;
    padding-top: 0;
    color: #fff;
    background: linear-gradient(165deg, #ff7a45 0%, #f03d25 52%, #e93323 100%);
    border-radius: 0 0 22px 22px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    box-shadow: 0 8px 24px rgba(233, 51, 35, 0.22);
    padding-bottom: 2px;
  }

  .store-page--user-center .uc-mob-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.07;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath fill='%23fff' d='M10 20h12v12H10zm28 0h12v12H38zm-14 14h12v12H24zm28 0h12v12H52z'/%3E%3C/svg%3E");
    background-size: 56px 56px;
  }

  .store-page--user-center .uc-sidebar__head--mob {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 0;
    margin: 0;
    padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 16px;
    background: transparent;
    color: #fff;
    border-radius: 0;
    position: relative;
    z-index: 1;
  }

  .store-page--user-center .uc-sidebar__head--mob::before {
    display: none;
  }

  .store-page--user-center .uc-sidebar__profile-link {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
    color: inherit;
    text-decoration: none;
  }

  .store-page--user-center .uc-sidebar__avatar {
    width: 60px;
    height: 60px;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    background: rgba(255, 255, 255, 0.22);
    border: 2px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .store-page--user-center .uc-sidebar__avatar--btn {
    padding: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .store-page--user-center .uc-sidebar__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .store-page--user-center .uc-sidebar__profile-text {
    flex: 1;
    min-width: 0;
    text-align: left;
    color: inherit;
    text-decoration: none;
  }

  .store-page--user-center .uc-sidebar__avatar--guest {
    background: rgba(255, 255, 255, 0.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/30px no-repeat;
    font-size: 0;
  }

  .store-page--user-center .uc-sidebar__profile-text {
    min-width: 0;
    flex: 1;
    padding-top: 2px;
  }

  .store-page--user-center .uc-sidebar__name {
    margin: 0 0 6px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .store-page--user-center .uc-sidebar__email {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .store-page--user-center .uc-sidebar__avatar--guest + .uc-sidebar__profile-text .uc-sidebar__email {
    display: none;
  }

  .store-page--user-center .uc-sidebar__msg {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.28);
  }

  .store-page--user-center .uc-sidebar__msg-img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }

  .store-page--user-center .uc-mob-stats {
    display: flex;
    margin: 0;
    padding: 14px 4px 12px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

  .store-page--user-center .uc-mob-stats__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    color: #fff;
    min-width: 0;
    padding: 4px 2px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
    touch-action: manipulation;
  }

  .store-page--user-center .uc-mob-stats__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 26px;
    background: rgba(255, 255, 255, 0.22);
    pointer-events: none;
  }

  .store-page--user-center .uc-mob-stats__item:active {
    opacity: 0.88;
  }

  .store-page--user-center .uc-mob-stats__num {
    font-size: clamp(0.75rem, 3.4vw, 1.25rem);
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  .store-page--user-center .uc-mob-stats__num--sm {
    font-size: clamp(0.625rem, 2.8vw, 0.9375rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  .store-page--user-center .uc-mob-stats__label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    max-width: 100%;
    font-size: clamp(0.5625rem, 2.4vw, 0.6875rem);
    color: rgba(255, 255, 255, 0.88);
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    line-height: 1.2;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .mall-bottom-nav__item > span[data-i18n] {
    padding: 0 1px;
  }

  html[dir='rtl'] .mall-bottom-nav__item {
    text-align: center;
  }

  .store-page--user-center .uc-nav--desktop,
  .store-page--user-center .uc-nav {
    display: none !important;
  }

  .store-page--user-center .uc-home-pc {
    display: none !important;
  }

  .store-page--user-center .uc-mob-home {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .store-page--user-center .uc-mob-card {
    background: #fff;
    border-radius: 12px;
    padding: 14px 14px 12px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  }

  /* 顶栏底部金色充值条（CRMEB 会员条样式） */
  .store-page--user-center .uc-mob-hero .uc-mob-vip {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 2px 10px 10px;
    padding: 10px 12px 10px 10px;
    text-decoration: none;
    color: #4a3a1e;
    background: linear-gradient(97deg, #fff8e8 0%, #f8ebc8 42%, #f0d998 100%);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0 3px 12px rgba(60, 45, 20, 0.12);
    position: relative;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .store-page--user-center .uc-mob-hero .uc-mob-vip:active {
    opacity: 0.92;
    transform: scale(0.99);
  }

  .store-page--user-center .uc-mob-vip__badge {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #2a2218 0%, #12100c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }

  .store-page--user-center .uc-mob-vip__badge-svg {
    display: block;
  }

  .store-page--user-center .uc-mob-vip__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    line-height: 1.3;
  }

  .store-page--user-center .uc-mob-vip__text strong {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #3d3018;
  }

  .store-page--user-center .uc-mob-vip__text > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.6875rem;
    color: #6b5630;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }

  .store-page--user-center .uc-mob-vip__action {
    flex-shrink: 0;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #3d3018, #1a1510);
    box-shadow: 0 2px 8px rgba(26, 21, 16, 0.22);
    white-space: nowrap;
  }

  .store-page--user-center .uc-mob-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
  }

  .store-page--user-center .uc-mob-card__title {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #222;
  }

  .store-page--user-center .uc-mob-card__title--solo {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
  }

  .store-page--user-center .uc-mob-card__more {
    font-size: 0.75rem;
    color: #999;
    text-decoration: none;
  }

  .store-page--user-center .uc-mob-orders__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .store-page--user-center .uc-mob-od {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 4px 2px;
    text-decoration: none;
    color: #444;
    min-width: 0;
    overflow: visible;
  }

  .store-page--user-center .uc-mob-od__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
  }

  .store-page--user-center .uc-mob-od__icon .uc-mob-icon-img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  .store-page--user-center .uc-mob-od__label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    max-width: 100%;
    font-size: clamp(0.5625rem, 2.2vw, 0.625rem);
    text-align: center;
    line-height: 1.2;
    color: #555;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .store-page--user-center .uc-mob-od__badge {
    position: absolute;
    top: 0;
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #e62e04;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
  }

  .store-page--user-center .uc-mob-od__badge.is-zero {
    display: none;
  }

  .store-page--user-center .uc-mob-banner {
    display: block;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(90deg, #ff8a4c, #e62e04);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(230, 46, 4, 0.25);
  }

  .store-page--user-center .uc-mob-svc__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 8px;
  }

  .store-page--user-center .uc-mob-svc__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #333;
    min-width: 0;
  }

  .store-page--user-center .uc-mob-svc__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
  }

  .store-page--user-center .uc-mob-svc__icon .uc-mob-icon-img {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
  }

  .store-page--user-center .uc-mob-svc__icon .uc-mob-icon-img--lang {
    width: 36px;
    height: 36px;
  }

  .uc-lang-sheet-mask {
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: rgba(15, 23, 42, 0.45);
    padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
  }

  .uc-lang-sheet {
    width: 100%;
    max-width: 420px;
    max-height: 70vh;
    background: #fff;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .uc-lang-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
  }

  .uc-lang-sheet__head h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #111;
  }

  .uc-lang-sheet__close {
    border: none;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    color: #666;
    cursor: pointer;
    padding: 4px 8px;
  }

  .uc-lang-sheet__list {
    overflow-y: auto;
    padding: 8px 0 12px;
  }

  .uc-lang-sheet__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 18px;
    border: none;
    background: transparent;
    font-size: 0.9375rem;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    color: #333;
  }

  .uc-lang-sheet__item.is-active {
    background: #fff5f5;
    color: var(--crmeb-red, #e93323);
    font-weight: 600;
  }

  .uc-lang-sheet__flag {
    font-size: 1.125rem;
    line-height: 1;
  }

  .store-page--user-center .uc-mob-svc__label {
    display: -webkit-box;
    width: 100%;
    max-width: 100%;
    font-size: 0.6875rem;
    text-align: center;
    line-height: 1.25;
    color: #444;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: clip;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* 手机「我的」首页：一屏展示，无需纵向滚动 */
  body.store-page--user-center.uc-mob-home-view {
    overflow: hidden;
    height: 100dvh;
    height: 100vh;
    padding-bottom: 0 !important;
  }

  body.store-page--user-center.uc-mob-home-view .mall-page {
    min-height: 0 !important;
    flex: none !important;
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-hero {
    margin-bottom: 8px;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 6px 18px rgba(233, 51, 35, 0.18);
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__head--mob {
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__avatar {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__profile-link {
    gap: 10px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__name {
    margin-bottom: 4px;
    font-size: 1.0625rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__email {
    font-size: 0.75rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-sidebar__msg {
    width: 34px;
    height: 34px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-stats {
    padding: 8px 2px 6px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-stats__item {
    gap: 4px;
    padding: 2px 1px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-stats__num {
    font-size: 1.125rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-stats__num--sm {
    font-size: 0.875rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-stats__label {
    font-size: 0.75rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-hero .uc-mob-vip {
    margin: 0 8px 8px;
    padding: 8px 10px 8px 8px;
    gap: 8px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-vip__badge {
    width: 30px;
    height: 30px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-vip__text strong {
    font-size: 0.8125rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-vip__text > span {
    font-size: 0.6875rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-vip__action {
    padding: 5px 10px;
    font-size: 0.75rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-home {
    gap: 6px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-card {
    padding: 10px 12px 8px;
    border-radius: 10px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-card__head {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-card__title,
  body.store-page--user-center.uc-mob-home-view .uc-mob-card__title--solo {
    font-size: 0.9375rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-card__more {
    font-size: 0.8125rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-card__title--solo {
    margin-bottom: 6px;
    padding-bottom: 6px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-orders__grid {
    gap: 2px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-od {
    gap: 4px;
    padding: 2px 1px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-od__icon,
  body.store-page--user-center.uc-mob-home-view .uc-mob-od__icon .uc-mob-icon-img {
    width: 24px;
    height: 24px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-od__label {
    font-size: 0.6875rem;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-banner {
    display: none;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-svc__grid {
    row-gap: 12px;
    column-gap: 6px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-svc__item {
    gap: 4px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-svc__icon,
  body.store-page--user-center.uc-mob-home-view .uc-mob-svc__icon .uc-mob-icon-img {
    width: 36px;
    height: 36px;
  }

  body.store-page--user-center.uc-mob-home-view .uc-mob-svc__label {
    font-size: 0.75rem;
    line-height: 1.25;
  }

  .store-page--user-center .uc-main__title {
    font-size: 1.0625rem;
    margin-bottom: 12px;
  }

  .store-page--user-center .uc-main .mall-product-grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* —— 商品详情 —— */
  .pd-page .mall-page {
    padding-top: 12px;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .pd-detail {
    padding: 12px;
    gap: 16px;
  }

  .pd-gallery {
    max-width: none;
  }

  .pd-gallery__thumb {
    width: 56px;
    height: 56px;
  }

  .pd-title {
    font-size: 1.125rem;
  }

  .pd-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .pd-cta__btn {
    max-width: none;
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
  }

  .pd-merchant__actions .pd-cta__btn {
    width: auto;
    max-width: none;
  }

  .pd-rel-card {
    flex: 0 0 calc((100% - 10px) / 2) !important;
  }

  /* —— 购物车 / 结账 —— */
  .co-page .mall-page {
    padding-top: 10px;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .co-steps {
    margin-left: 0;
    margin-right: 0;
    padding: 12px 4px 10px;
    border-radius: 6px;
    scrollbar-width: none;
  }

  .co-steps::-webkit-scrollbar {
    display: none;
  }

  .co-steps__item {
    min-width: 56px;
  }

  .co-steps__item:not(.is-active) .co-steps__label {
    font-size: 10px;
    opacity: 0.85;
  }

  .co-steps__item.is-active .co-steps__icon {
    box-shadow: 0 0 0 3px rgba(230, 46, 4, 0.12);
  }

  .co-card {
    border-radius: 6px;
    margin-bottom: 12px;
  }

  .co-table tbody tr {
    padding: 10px;
  }

  .co-product__img {
    width: 64px;
    height: 64px;
  }

  .co-product__title {
    font-size: 0.875rem;
  }

  .co-subtotal-row {
    display: block !important;
  }

  .co-subtotal-row td {
    display: block;
    padding: 10px 12px !important;
    text-align: right !important;
  }

  .co-subtotal-row .co-subtotal-label::before {
    content: none;
  }

  .co-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
    padding: 12px 0 4px;
  }

  .co-back {
    text-align: center;
    padding: 10px;
  }

  .co-btn-primary {
    width: 100%;
    padding: 14px 20px;
    border-radius: 6px;
    font-size: 15px;
  }

  .co-panel {
    padding: 16px 14px;
  }

  .co-field select,
  .co-field input,
  .co-field textarea {
    max-width: none;
  }

  .co-empty {
    padding: 40px 16px;
    font-size: 14px;
  }

  /* —— 页脚 —— */
  .mall-footer--compact {
    padding: 16px 12px 20px;
    font-size: 0.8125rem;
  }

  /* —— 政策页 —— */
  .store-page--policy .policy-page__hero {
    padding: 20px 0;
  }

  .store-page--policy .policy-page__title {
    font-size: 1.25rem;
  }

  .store-page--policy .policy-page__card {
    border-radius: 8px;
  }
}

@media (max-width: 380px) {
  .mall-header--crmeb .mall-header__main {
    padding-left: 10px;
    padding-right: 10px;
  }

  .co-steps__item {
    min-width: 50px;
  }

  .co-steps__icon {
    width: 36px;
    height: 36px;
  }

  .co-steps__svg {
    width: 18px;
    height: 18px;
  }

  .co-steps__label {
    font-size: 9px;
    max-width: 56px;
  }

  .mall-header--crmeb .mall-nav__link {
    padding: 0 8px;
    font-size: 12px;
  }
}
