.nova-section { display: flex; align-items: baseline; justify-content: space-between; margin: 1.75rem 0px 0.875rem; }

.nova-section__title { margin: 0px; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.02em; color: var(--nova-ink); }

.nova-section__sub { font-size: 0.75rem; color: var(--nova-ink-muted); margin-top: 2px; }

.nova-section__more { font-size: 0.8125rem; color: var(--nova-ink-muted); font-weight: 400; text-decoration: none; }

.nova-section__more:active { color: var(--nova-ink-secondary); }

.nova-cat-tabs-bar { display: flex; align-items: center; gap: 0.5rem; margin: 0 calc(var(--nova-space)*-1); }

[dir="ltr"] .nova-cat-tabs-bar { padding-right: var(--nova-space); }



.nova-cat-tabs-bar .nova-cat-tabs { flex: 1 1 0%; min-width: 0px; margin: 0px; }

[dir="ltr"] .nova-cat-tabs-bar .nova-cat-tabs { padding-right: 0px; }



.nova-cat-tabs-bar .nova-cat-tabs__all { flex-shrink: 0; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0.25rem 0px 1rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--main-color,var(--nova-brand,#ff6900)); cursor: pointer; white-space: nowrap; }

.nova-cat-tabs-bar .nova-cat-tabs__all:active { opacity: 0.65; }

.nova-cat-tabs { display: flex; gap: 1.25rem; overflow-x: auto; padding-top: 0.25rem; padding-bottom: 1rem; margin: 0 calc(var(--nova-space)*-1); padding-left: var(--nova-space); padding-right: var(--nova-space); }

.nova-cat-tabs::-webkit-scrollbar { display: none; }

.nova-cat-tabs__item { flex-shrink: 0; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nova-ink-muted); cursor: pointer; transition: color 0.15s; }

.nova-cat-tabs__item.is-active { color: var(--nova-ink); }

.nova-banner { width: 100%; margin: 0.625rem 0px 1rem; }

.nova-banner__swipe { position: relative; width: 100%; border-radius: var(--nova-radius-md); overflow: hidden; aspect-ratio: 2 / 1; background: var(--nova-surface-2); border: 1px solid var(--nova-line); box-shadow: var(--nova-shadow-sm); }

.nova-banner__swipe .van-image, .nova-banner__swipe .van-swipe-item, .nova-banner__swipe .van-swipe__track { width: 100%; height: 100%; }

.nova-banner__swipe .van-image__img { display: block; width: 100%; height: 100%; object-fit: cover; }

.nova-banner__swipe .van-swipe__indicators { bottom: 0.5rem; }

.nova-banner__loading { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 7.5rem; background: var(--nova-surface-2); }

.nova-banner .big_picture.van-skeleton { display: block; width: 100%; aspect-ratio: 2 / 1; border-radius: var(--nova-radius-md); overflow: hidden; }

.nova-banner .big_picture.van-skeleton .van-skeleton__row { height: 100%; min-height: 7.5rem; border-radius: var(--nova-radius-md); width: 100% !important; }

.nova-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.875rem; align-items: start; }

.nova-product-grid .nova-product__media img { object-fit: cover; }

.nova-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0.875rem 0.5rem; padding: 0.25rem 0px 0.75rem; }

.nova-category-grid__item { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0px; cursor: pointer; min-width: 0px; }

.nova-category-grid__item:active { opacity: 0.7; }

.nova-category-grid__icon { width: 3.25rem; height: 3.25rem; border-radius: var(--nova-radius-sm,8px); overflow: hidden; background: var(--nova-surface,#fff); box-shadow: var(--nova-shadow-sm,0 1px 4px rgba(0,0,0,.06)); display: flex; align-items: center; justify-content: center; }

.nova-category-grid__icon img { width: 100%; height: 100%; object-fit: cover; }

.nova-category-grid__name { width: 100%; font-size: 0.6875rem; line-height: 0.875rem; font-weight: 500; color: var(--nova-ink,#1a1a1a); text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word; }

.nova-hscroll { display: flex; gap: 0.75rem; overflow-x: auto; padding-bottom: 0.25rem; margin: 0 calc(var(--nova-space)*-1); padding-left: var(--nova-space); padding-right: var(--nova-space); scroll-snap-type: x mandatory; }

.nova-hscroll::-webkit-scrollbar { display: none; }

.nova-hscroll > * { scroll-snap-align: start; flex-shrink: 0; }

.nova-badge-off { position: absolute; top: 0.625rem; min-width: 2.5rem; padding: 0.25rem 0.4375rem; border-radius: var(--nova-radius-sm); background: var(--nova-brand); color: rgb(255, 255, 255); font-size: 0.5625rem; font-weight: 700; line-height: 1.2; text-align: center; }

[dir="ltr"] .nova-badge-off { left: 0.625rem; }



.nova-header-search { box-sizing: border-box; appearance: none; margin: 0px; padding: 0px 0.625rem; border: 1px solid var(--nova-line,#ececec); border-radius: var(--nova-radius-pill,999px); background: var(--nova-surface,#fff); box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px inset; display: inline-flex; align-items: center; width: 100%; height: var(--nova-header-logo-h,24px); min-height: var(--nova-header-logo-h,24px); max-height: var(--nova-header-logo-h,24px); gap: 0.375rem; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: background 0.2s, border-color 0.2s; }

.nova-header-search:active { background: var(--nova-surface-2,#f7f7f7); border-color: var(--nova-line-strong,#e0e0e0); }

.nova-header-search__icon { flex-shrink: 0; line-height: 1; color: var(--nova-ink-muted,#b0b0b0); font-size: 0.875rem !important; }

.nova-header-search__text { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; line-height: 1; color: var(--nova-ink-muted,#b0b0b0); }

[dir="ltr"] .nova-header-search__text { text-align: left; }



.nova-header-logo { display: inline-flex; align-items: center; height: var(--nova-header-logo-h,24px); text-decoration: none; }

.nova-header-logo img { display: block; height: var(--nova-header-logo-h,24px); width: auto; max-width: 6rem; object-fit: contain; }

.nova-header-logo__text { max-width: 6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 700; color: var(--nova-ink,#111); line-height: 1; }

.nova-header-action { width: 2.5rem; height: 2.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--nova-radius-pill); background: transparent; display: inline-flex; align-items: center; justify-content: center; padding: 0px; cursor: pointer; color: var(--nova-ink); text-decoration: none; }

.nova-header-action img { width: 1.375rem; height: 1.375rem; opacity: 0.9; }

.nova-header-action:active { opacity: 0.55; }

.nova-header-lang img { width: 1.375rem; height: 1.375rem; border-radius: 50%; object-fit: cover; }

.nova-cs-fab { position: fixed; z-index: 999; width: var(--nova-cs-fab-size,44px); height: var(--nova-cs-fab-size,44px); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; background: var(--nova-brand,#ff6900); box-shadow: rgba(255, 105, 0, 0.28) 0px 0.25rem 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0px; color: rgb(255, 255, 255); }

[dir="ltr"] .nova-cs-fab { right: 1.25rem; }



.nova-cs-fab__icon { display: flex; align-items: center; justify-content: center; line-height: 1; }

.nova-cs-fab:active { transform: scale(0.95); }

.nova-cs-fab--above-tabbar { bottom: calc(var(--nova-tabbar-h, 56px) + 1rem + env(safe-area-inset-bottom, 0px)); }

.nova-cs-fab--float { bottom: calc(12% + env(safe-area-inset-bottom, 0px)); }

.nova-back-top { position: fixed; bottom: calc(var(--nova-tabbar-h, 56px) + 1.625rem + var(--nova-cs-fab-size, 44px) + env(safe-area-inset-bottom, 0px)); z-index: 998; width: 2.5rem; height: 2.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; background: var(--nova-surface,#fff); box-shadow: var(--nova-shadow-md,0 4px 24px rgba(0,0,0,.12)); display: flex; align-items: center; justify-content: center; padding: 0px; color: var(--nova-brand,#ff6900); cursor: pointer; transition: opacity 0.25s, transform 0.25s; }

[dir="ltr"] .nova-back-top { right: 1.25rem; }



.nova-back-top .icon { font-size: 1.375rem !important; line-height: 1; }

.nova-back-top:active { transform: scale(0.94); opacity: 0.85; }

.nova-tabbar-wrap { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 1999; background: var(--nova-surface); box-shadow: var(--nova-shadow-tab); padding-bottom: env(safe-area-inset-bottom,0); }

.nova-tabbar { max-width: 35.625rem; margin: 0px auto; height: 3.5rem; display: flex; align-items: stretch; padding: 0px 0.25rem; background: var(--nova-surface); }

.nova-tabbar__item { flex: 1 1 0%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--nova-ink-muted); cursor: pointer; transition: color 0.15s; }

.nova-tabbar__item.is-active { color: var(--nova-brand); font-weight: 600; }

.nova-tabbar__item.is-active .nova-tabbar__icon { color: var(--nova-brand); }

.nova-tabbar__item:active { opacity: 0.6; }

.nova-tabbar__icon-box { position: relative; line-height: 1; }

.nova-tabbar__icon { font-size: 1.3125rem; color: inherit; }

.nova-tabbar__label { font-size: 0.75rem; font-weight: 500; line-height: 1.2; }

.nova-tabbar__badge { position: absolute; top: -0.3125rem; min-width: 0.875rem; height: 0.875rem; padding: 0px 0.1875rem; border-radius: 62.4375rem; background: var(--nova-brand); color: rgb(255, 255, 255); font-size: 0.5625rem; line-height: 0.875rem; text-align: center; }

[dir="ltr"] .nova-tabbar__badge { right: -0.625rem; }



.nova-product { background: var(--nova-surface); border-radius: var(--nova-radius-md); overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--nova-shadow-md); display: flex; flex-direction: column; cursor: pointer; transition: transform 0.15s; }

.nova-product:active { transform: scale(0.98); }

.nova-product__media { position: relative; width: 100%; overflow: hidden; flex-shrink: 0; aspect-ratio: 1 / 1; max-height: 13.75rem; background: var(--nova-surface-2); }

  .nova-product__media { height: 0px; padding-bottom: 100%; }

.nova-product__media img { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: center center; display: block; }

.nova-product__info { padding: 0.75rem 0.875rem 0.875rem; display: flex; flex-direction: column; gap: 0.5rem; flex: 1 1 0%; min-height: 0px; }

.nova-product__name { margin: 0px; font-size: 0.8125rem; line-height: 1.4; font-weight: 600; color: var(--nova-ink); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.nova-product__foot { display: flex; flex-direction: column; gap: 0.25rem; }

.nova-product__prices { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.375rem; }

.nova-product__original { font-size: 0.75rem; color: var(--nova-ink-muted); text-decoration: line-through; }

.nova-product__price { color: var(--nova-price); font-size: 1rem; font-weight: 700; letter-spacing: -0.02em; }

.nova-product__sold { font-size: 0.6875rem; color: var(--nova-ink-muted); }

.nova-product.is-compact { width: 8.75rem; }

.nova-product.is-compact .nova-product__media { max-height: 8.75rem; }

.nova-product.is-compact .nova-product__info { padding: 0.625rem 0.75rem 0.75rem; }

.nova-product.is-compact .nova-product__name { font-size: 0.75rem; -webkit-line-clamp: 1; }

.nova-product.is-compact .nova-product__price { font-size: 0.875rem; }

.nova-header { margin: 0 calc(var(--nova-space)*-1) .75rem; padding: calc(.625rem + env(safe-area-inset-top, 0px)) var(--nova-space) .5rem; background: var(--nova-surface); }

.nova-header__row { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 0.5rem; min-height: var(--nova-header-logo-h,24px); }

.nova-header__leading { justify-self: start; display: flex; align-items: center; gap: 0.25rem; min-width: 0px; flex-shrink: 0; }

.nova-header__center { justify-self: stretch; min-width: 0px; display: flex; align-items: center; }

.nova-header__logo { height: 1.625rem; max-width: 6.25rem; object-fit: contain; }

.nova-header__title { color: var(--nova-ink); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.03em; }

.nova-header__actions { justify-self: end; display: flex; align-items: center; gap: 2px; flex-shrink: 0; }

.nova-side { height: 100%; padding: calc(1rem + env(safe-area-inset-top, 0px)) 1.5rem 1.5rem; background: var(--nova-surface); display: flex; flex-direction: column; }

.nova-side__close { align-self: flex-end; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: var(--nova-ink-muted); cursor: pointer; }

.nova-side__profile { text-align: center; padding: 0.5rem 0px 2rem; }

.nova-side__avatar { width: 4.5rem; height: 4.5rem; margin: 0px auto 0.875rem; border-radius: 50%; overflow: hidden; background: var(--nova-surface-2); }

.nova-side__avatar img { width: 100%; height: 100%; object-fit: cover; }

.nova-side__name { margin: 0px 0px 0.375rem; font-size: 1.125rem; font-weight: 700; color: var(--nova-ink); }

.nova-side__email { margin: 0px; font-size: 0.8125rem; color: var(--nova-ink-muted); }

.nova-side__nav { flex: 1 1 0%; display: flex; flex-direction: column; gap: 0.25rem; }

.nova-side__link { display: flex; align-items: center; gap: 0.875rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0.875rem 0.25rem; font-size: 0.9375rem; font-weight: 500; color: var(--nova-ink); cursor: pointer; }

[dir="ltr"] .nova-side__link { text-align: left; }



.nova-side__link .icon { font-size: 1.25rem; color: var(--nova-ink-secondary); }

.nova-side__link:active { opacity: 0.6; }

.nova-side__logout { display: flex; align-items: center; gap: 0.625rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0.875rem 0.25rem; font-size: 0.9375rem; font-weight: 500; color: rgb(232, 93, 93); cursor: pointer; }

.nova-side__logout-icon { font-size: 1.125rem; line-height: 1; }

.nova-side__logout:active { opacity: 0.6; }

.nova-home.home { padding: 0 var(--nova-space) .75rem; background: var(--nova-page); }

.nova-category-grid-wrap { margin-bottom: 0.25rem; }
/* ===== 页面容器适配 ===== */
.nova-page-wrap { max-width: 570px; margin: 0 auto; min-height: 100vh; background: var(--nova-page, #fff); }
.nova-home { padding: 0 var(--nova-space, 20px) 0.75rem; background: var(--nova-page, #fff); }
@media (min-width: 1024px) {
  .nova-page-wrap { max-width: 1200px; }
  .nova-home { padding: 0 1.25rem 1rem; }
}

/* Forced H5 preview must override desktop parity rules even on a wide browser. */
html.force-h5 .pc-hero-grid{display:block!important;height:auto!important}
html.force-h5 .pc-promo-grid,html.force-h5 .pc-section-head,html.force-h5 .pc-seller-strip{display:none!important}
html.force-h5 .buyer-body .banner-wrap{height:auto!important;margin:10px 12px 0!important;border-radius:14px!important}
html.force-h5 .buyer-body .banner-track,html.force-h5 .buyer-body .banner-slide{height:auto!important}
html.force-h5 .buyer-body .banner-slide img{height:150px!important}
html.force-h5 .buyer-body .banner-mask{display:block!important}
html.force-h5 .buyer-body .banner-text{display:flex!important}
html.force-h5 .buyer-body .king-kong{display:flex!important}
html.force-h5 .buyer-body .cat-wall{display:grid!important;grid-template-columns:repeat(5,1fr)!important;padding:6px 10px 12px!important;gap:12px 4px!important}
html.force-h5 .buyer-body .cat-wall .cat-tab{width:auto!important;height:auto!important;padding:0!important}
html.force-h5 .buyer-body .cat-wall .cat-dot{width:44px!important;height:44px!important;border-radius:12px!important}
html.force-h5 .buyer-body .cat-wall .cat-name{width:72px!important;font-size:10px!important}
html.force-h5 .buyer-body .op-bar{display:flex!important}
html.force-h5 .buyer-body .section-title{margin:0!important;padding:10px 12px 4px!important;font-size:16px!important}
html.force-h5 .buyer-body .goods-card{border-radius:12px!important;box-shadow:0 3px 12px rgba(16,24,40,.07)!important}
html.force-h5 .catalog-hero,html.force-h5 .catalog-toolbar,html.force-h5 .detail-buy-actions,html.force-h5 .auth-benefits{display:none!important}
html.force-h5 .buyer-body .commodity-layout{display:block!important;padding:0!important}
html.force-h5 .buyer-body .detail-page,html.force-h5 .buyer-body .cart-page,html.force-h5 .buyer-body .order-page,html.force-h5 .buyer-body .me-page{display:block!important;max-width:480px!important;padding:0 0 70px!important}
.nova-tabbar-wrap { max-width: 570px; margin: 0 auto; }

/* ===== banner 轮播（自定义实现，替代 van-swipe） ===== */
.nova-banner__track { display: flex; transition: transform .45s ease; height: 100%; }
.nova-banner__slide { flex: 0 0 100%; min-width: 0; position: relative; height: 100%; }
.nova-banner__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nova-banner__mask { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,0) 68%); pointer-events: none; }
.nova-banner__text { position: absolute; left: 1.25rem; bottom: 1rem; color: #fff; display: flex; flex-direction: column; gap: .25rem; }
.nova-banner__title { font-size: 1.125rem; font-weight: 700; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.nova-banner__cta { font-size: .75rem; opacity: .92; letter-spacing: .04em; }
.nova-banner__dots { position: absolute; bottom: .5rem; left: 0; right: 0; display: flex; justify-content: center; gap: .3rem; }
.nova-banner__dots span { width: .375rem; height: .375rem; border-radius: 999px; background: rgba(255,255,255,.55); cursor: pointer; transition: width .2s; }
.nova-banner__dots span.on { background: #fff; width: .875rem; }

/* ===== 底部导航 active（router-link 兼容） ===== */
.nova-tabbar__item.router-link-active { color: var(--nova-brand); font-weight: 600; }
.nova-tabbar__item.router-link-active .nova-tabbar__icon { color: var(--nova-brand); }

/* ===== Buyer desktop parity pass ===== */
@media (min-width: 1024px) {
  .buyer-body { background:#fff; color:#111; }
  .buyer-body .page { max-width:none; }
  .buyer-body .pc-header { position:relative; box-shadow:none; border-bottom:1px solid #eee; }
  .buyer-body .pc-header-inner { height:104px; max-width:1200px; padding:0; gap:34px; }
  .buyer-body .pc-logo { width:275px; color:#111; gap:10px; display:flex; align-items:center; font-size:15px; }
  .buyer-body .pc-logo img { width:72px; height:72px; object-fit:contain; }
  .buyer-body .pc-logo span { display:none; }
  .buyer-body .pc-search { flex:none; width:365px; max-width:none; height:40px; padding:0 5px 0 14px; border-radius:2px; background:#fff; border:1px solid #e7e7e7; box-shadow:0 1px 5px rgba(0,0,0,.04); }
  .buyer-body .pc-search::after { content:'Search'; margin-left:auto; color:#fff; background:#e60023; border-radius:20px; padding:8px 15px; font-weight:600; }
  .buyer-body .pc-account { margin-left:auto; display:flex; align-items:center; gap:10px; white-space:nowrap; font-size:13px; }
  .buyer-body .pc-account a { color:#222; text-decoration:none; }
  .buyer-body .pc-account em { font-style:normal; color:#777; }
  .buyer-body .pc-user-ico,.buyer-body .pc-head-ico { font-size:24px; font-weight:300; }
  .buyer-body .pc-header .pc-lang { margin-left:4px; }
  .buyer-body .pc-nav-row { border-top:0; }
  .buyer-body .pc-nav { height:60px; max-width:880px; margin:0 auto; display:flex; align-items:stretch; justify-content:space-between; gap:58px; }
  .buyer-body .pc-nav a { position:relative; display:flex; align-items:center; padding:0 4px; border-radius:0; color:#111; font-size:15px; }
  .buyer-body .pc-nav a:hover,.buyer-body .pc-nav a.router-link-active { color:#e60023; background:transparent; }
  .buyer-body .pc-nav a.router-link-active::after { content:''; position:absolute; left:4px; right:4px; bottom:0; height:2px; background:#e60023; }
  .buyer-body .home-page { max-width:1200px; margin:0 auto; padding:8px 0 50px; }
  .buyer-body .notice-bar { display:none; }
  .buyer-body .pc-hero-grid { display:grid; grid-template-columns:minmax(0, 7fr) minmax(390px, 5fr); gap:10px; height:310px; }
  .buyer-body .banner-wrap { margin:0; height:310px; border-radius:14px; box-shadow:none; }
  .buyer-body .banner-track,.buyer-body .banner-slide { height:100%; }
  .buyer-body .banner-slide img { height:310px; }
  .buyer-body .banner-mask,.buyer-body .banner-text { display:none; }
  .buyer-body .pc-promo-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .buyer-body .pc-promo-card { position:relative; overflow:hidden; border-radius:10px; background:#f8f3ee; cursor:pointer; }
  .buyer-body .pc-promo-card img { width:100%; height:100%; object-fit:cover; display:block; }
  .buyer-body .pc-promo-price { position:absolute; right:10px; bottom:10px; color:#fff; background:#ff5b13; padding:4px 8px; border-radius:6px; font-weight:700; }
  .buyer-body .king-kong { display:none; }
  .buyer-body .pc-section-head { display:flex; justify-content:space-between; align-items:center; margin-top:48px; padding:0 0 24px; }
  .buyer-body .pc-section-head strong { font-size:20px; }
  .buyer-body .pc-section-head a { color:#e60023; text-decoration:none; font-size:13px; }
  .buyer-body .cat-wall { display:flex; gap:16px; overflow:hidden; padding:0 8px 24px; }
  .buyer-body .cat-wall .cat-tab { flex:0 0 92px; height:auto; padding:0; border-radius:0; gap:10px; }
  .buyer-body .cat-wall .cat-dot { width:92px; height:72px; border:1px solid #eee; border-radius:0; background:#fff!important; box-shadow:none; font-size:30px; }
  .buyer-body .cat-wall .cat-name { width:92px; font-size:12px; color:#333; }
  .buyer-body .pc-seller-strip { display:flex; align-items:center; margin:28px 0 36px; min-height:105px; padding:0 50px; color:#fff; border-radius:4px; background:linear-gradient(110deg,#171717,#333 55%,#e60023); cursor:pointer; }
  .buyer-body .pc-seller-strip>div:first-child { flex:1; display:flex; flex-direction:column; gap:8px; }
  .buyer-body .pc-seller-strip strong { font-size:23px; }
  .buyer-body .pc-seller-strip span,.buyer-body .pc-seller-strip small { color:rgba(255,255,255,.75); }
  .buyer-body .pc-seller-strip>div:nth-child(2) { display:flex; flex-direction:column; margin-right:48px; }
  .buyer-body .pc-seller-strip b { font-size:20px; }
  .buyer-body .pc-seller-strip button { border:0; border-radius:22px; padding:11px 28px; color:#e60023; background:#fff; font-weight:700; }
  .buyer-body .op-bar { display:none; }
  .buyer-body .section-title { margin:28px 0 20px; padding:0; font-size:20px; font-weight:700; }
  .buyer-body .goods-grid { grid-template-columns:repeat(5,1fr); gap:18px; padding:0 0 24px; }
  .buyer-body .goods-card { border:0; border-radius:0; box-shadow:none; background:#fff; }
  .buyer-body .goods-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.09); transform:translateY(-2px); }
  .buyer-body .goods-card .gimg { border-radius:0; background:#f7f7f7; }
  .buyer-body .goods-card .gprice { color:#111; }
}

@media (max-width: 1023px) {
  .pc-hero-grid { display:block; }
  .pc-promo-grid,.pc-section-head,.pc-seller-strip { display:none; }
  .catalog-hero,.catalog-toolbar,.detail-buy-actions,.auth-benefits { display:none; }
}

@media (min-width: 1024px) {
  .buyer-body .catalog-hero { min-height:180px; display:flex; align-items:center; padding:36px max(40px,calc((100vw - 1200px)/2)); background:linear-gradient(110deg,#111 0%,#252525 55%,#e60023 145%); color:#fff; }
  .buyer-body .catalog-hero small { color:rgba(255,255,255,.62); }
  .buyer-body .catalog-hero h1 { margin:12px 0 8px; font-size:32px; }
  .buyer-body .catalog-hero p { margin:0; color:rgba(255,255,255,.72); }
  .buyer-body .commodity-layout { max-width:1200px; grid-template-columns:220px 1fr; gap:34px; padding:38px 0 60px; }
  .buyer-body .catalog-side { position:static; padding:0; border:1px solid #eee; background:#fff; }
  .buyer-body .catalog-side-title { display:block; padding:17px 20px; border-bottom:1px solid #eee; font-size:17px; }
  .buyer-body .catalog-side .chip { border:0; border-bottom:1px solid #f2f2f2; border-radius:0; padding:11px 20px; background:#fff; color:#444; }
  .buyer-body .catalog-side .chip:hover,.buyer-body .catalog-side .chip.active { color:#e60023; background:#fff8f8; border-left:2px solid #e60023; }
  .buyer-body .catalog-toolbar { min-height:52px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; margin-bottom:20px; }
  .buyer-body .catalog-toolbar>span { display:flex; align-items:baseline; gap:10px; }
  .buyer-body .catalog-toolbar b { font-size:20px; }
  .buyer-body .catalog-toolbar small { color:#999; }
  .buyer-body .catalog-sort { display:flex; gap:4px; }
  .buyer-body .catalog-sort button { border:0; padding:8px 13px; background:transparent; color:#777; cursor:pointer; }
  .buyer-body .catalog-sort button.on { color:#e60023; font-weight:700; }
  .buyer-body .commodity-layout .commodity-main .goods-grid { grid-template-columns:repeat(4,1fr); gap:22px 16px; }
  .buyer-body .commodity-page .goods-card { border:1px solid #eee; transition:.2s ease; }
  .buyer-body .commodity-page .goods-card .ginfo { padding:11px 12px 14px; }
  .buyer-body .commodity-page .goods-card .gname { min-height:38px; }
  .buyer-body .commodity-page .goods-card .gprice-row { margin-top:9px; justify-content:space-between; }
  .buyer-body .commodity-page .goods-card .gprice { color:#e60023; font-size:18px; }
  .buyer-body .catalog-buy { color:#e60023; font-size:11px; }

  .buyer-body .detail-page { max-width:1200px; margin:0 auto; padding:10px 0 70px; }
  .buyer-body .detail-page>.topbar { background:transparent; box-shadow:none; border:0; padding:14px 0; }
  .buyer-body .detail-page>.topbar h1 { font-size:13px; font-weight:400; color:#777; }
  .buyer-body .detail-top { max-width:none; grid-template-columns:520px 1fr; gap:58px; padding:18px 0 28px; }
  .buyer-body .detail-img { height:520px; border:1px solid #eee; border-radius:0; box-shadow:none; background:#fafafa; }
  .buyer-body .detail-info { padding:4px 0; }
  .buyer-body .detail-info .price { color:#e60023!important; font-size:32px!important; margin:16px 0; }
  .buyer-body .detail-info h2 { font-size:21px!important; line-height:1.55!important; margin:8px 0 18px!important; }
  .buyer-body .detail-assurance { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:22px 0; padding:16px; background:#fafafa; color:#555; font-size:13px; }
  .buyer-body .detail-assurance span::first-letter { color:#e60023; }
  .buyer-body .detail-qty { display:flex; align-items:center; gap:0; margin-top:26px; }
  .buyer-body .detail-qty>span { width:70px; color:#777; }
  .buyer-body .detail-qty button,.buyer-body .detail-qty b { width:38px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; background:#fff; }
  .buyer-body .detail-qty b { border-left:0; border-right:0; font-weight:400; }
  .buyer-body .detail-buy-actions { display:flex; gap:12px; margin-top:28px; }
  .buyer-body .detail-buy-actions button { flex:1; height:48px; border-radius:2px; font-size:16px; }
  .buyer-body .detail-buy-actions .btn-plain { border:1px solid #e60023; color:#e60023; background:#fff; }
  .buyer-body .detail-buy-actions .btn-primary { border:1px solid #e60023!important; background:#e60023!important; }
  .buyer-body .detail-info .chip.active { border-color:#e60023!important; background:#e60023!important; }
  .buyer-body .detail-page>.detail-actions { display:none; }
  .buyer-body .detail-page>.card,.buyer-body .detail-page>.seg { max-width:100%; }
  .buyer-body .detail-top + .card .kv:last-child { display:none; }

  .buyer-body .cart-page,.buyer-body .order-page,.buyer-body .me-page { max-width:1200px; min-height:620px; margin:0 auto; padding:30px 0 80px; }
  .buyer-body .cart-page>.topbar,.buyer-body .order-page>.topbar,.buyer-body .me-page>.topbar { position:static; padding:0 0 20px; border-bottom:2px solid #111; background:#fff; box-shadow:none; }
  .buyer-body .cart-page>.topbar h1,.buyer-body .order-page>.topbar h1,.buyer-body .me-page>.topbar h1 { font-size:25px; }
  .buyer-body .cart-count { margin-left:auto; color:#888; font-size:13px; }
  .buyer-body .cart-empty { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:1px solid #eee; border-top:0; background:#fff; }
  .buyer-body .cart-empty-icon { width:82px; height:82px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f5f5f5; font-size:34px; filter:grayscale(1); }
  .buyer-body .cart-empty h2 { margin:4px 0 0; font-size:20px; color:#222; }
  .buyer-body .cart-empty p { margin:0 0 10px; color:#999; }
  .buyer-body .cart-empty .btn-primary { min-width:160px; padding:12px 28px; border-radius:2px; background:#e60023!important; text-decoration:none; }
  .buyer-body .cart-page>.list-item { max-width:none; min-height:128px; margin:0; padding:18px; border:0; border-bottom:1px solid #eee; border-radius:0; box-shadow:none; }
  .buyer-body .cart-page>.list-item .thumb { width:92px; height:92px; }
  .buyer-body .cart-page>.detail-actions { position:sticky; bottom:0; max-width:none; padding:14px 18px; border:1px solid #eee; box-shadow:0 -4px 18px rgba(0,0,0,.06); }
  .buyer-body .cart-page>.detail-actions .btn-primary { min-width:150px; background:#e60023!important; border-radius:2px; }

  .buyer-body .login-wrap { min-height:680px; padding:90px 0 120px; display:flex; flex-direction:column; align-items:center; background:linear-gradient(115deg,#f7f7f7,#fff 52%,#fff1f3); }
  .buyer-body .login-wrap>.login-box { width:430px; padding:34px 34px 30px; border:1px solid #eee; border-radius:2px; box-shadow:0 14px 45px rgba(0,0,0,.09); background:#fff; }
  .buyer-body .login-wrap>.login-box h1 { font-size:25px; }
  .buyer-body .login-wrap>.login-box .inp { height:45px; border-radius:2px; }
  .buyer-body .login-wrap>.login-box>.btn-primary { height:46px; border-radius:2px; background:#e60023!important; }
  .buyer-body .login-wrap .link { color:#e60023; }
  .buyer-body .auth-benefits { width:680px; display:grid; grid-template-columns:repeat(4,1fr); margin-top:45px; color:#555; }
  .buyer-body .auth-benefits span { display:flex; align-items:center; justify-content:center; gap:9px; font-size:13px; border-right:1px solid #ddd; }
  .buyer-body .auth-benefits span:last-child { border-right:0; }
  .buyer-body .auth-benefits b { width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:1px solid #e60023; border-radius:50%; color:#e60023; }

  .buyer-body .order-page>.chip-row { justify-content:center; gap:35px; padding:18px 0; border-bottom:1px solid #eee; }
  .buyer-body .order-page>.chip-row .chip { padding:10px 18px; border:0; border-radius:0; background:#fff; }
  .buyer-body .order-page>.chip-row .chip.active { color:#e60023; border-bottom:2px solid #e60023; }
  .buyer-body .order-page>.order-item { margin:16px 0; border:1px solid #e8e8e8; border-radius:0; box-shadow:none; }
  .buyer-body .order-page .order-head { padding:13px 18px; background:#fafafa; }
  .buyer-body .order-page .order-goods { padding:18px; }
  .buyer-body .order-page .order-foot { padding:13px 18px; }

  .buyer-body .me-page { display:grid; grid-template-columns:280px 1fr; gap:20px; align-content:start; }
  .buyer-body .me-page>.topbar { grid-column:1/-1; }
  .buyer-body .me-page>.card:first-of-type { grid-column:1; margin:0; border-radius:0; box-shadow:none; border:1px solid #eee; }
  .buyer-body .me-page>.wallet-card { grid-column:1; margin:0; border-radius:0; background:linear-gradient(135deg,#151515,#414141); }
  .buyer-body .me-page>.menu-grid { grid-column:2; grid-row:2/6; grid-template-columns:repeat(4,1fr); margin:0; padding:18px; border:1px solid #eee; border-radius:0; background:#fff; box-shadow:none; }
  .buyer-body .me-page>.menu-grid a { min-height:86px; border:1px solid #f0f0f0; border-radius:0; background:#fff; }
  .buyer-body .me-page>.menu-grid a:hover { color:#e60023; border-color:#f3b7c0; background:#fff8f9; }
  .buyer-body .me-page>.card { grid-column:1; margin:0; border-radius:0; box-shadow:none; }
}