/* GBAY 2026 premium UI refresh.
   Radius rule: cards 16px, inputs and buttons 10px, compact status labels 6px. */
:root {
  color-scheme: light dark;
  --gb-bg: #eef1f5;
  --gb-surface: #f8fafc;
  --gb-surface-strong: #ffffff;
  --gb-surface-dark: #11151b;
  --gb-ink: #11151b;
  --gb-muted: #697382;
  --gb-line: #d9dfe7;
  --gb-line-strong: #c3cad5;
  --gb-accent: #1769e0;
  --gb-accent-hover: #0f56bd;
  --gb-accent-soft: #e5efff;
  --gb-danger: #c2414b;
  --gb-card-radius: 16px;
  --gb-control-radius: 10px;
  --gb-shadow: 0 18px 48px rgba(28, 38, 53, .09);
  --gb-shadow-soft: 0 8px 24px rgba(28, 38, 53, .06);
  --rep-blue: var(--gb-accent);
  --rep-orange: var(--gb-accent);
  --ops-accent: var(--gb-accent);
  --ops-accent-dark: var(--gb-accent-hover);
  --ops-sidebar: var(--gb-surface-dark);
  --ops-sidebar-soft: #1b222c;
  --ops-canvas: var(--gb-bg);
  --ops-line: var(--gb-line);
  --ops-ink: var(--gb-ink);
  --ops-muted: var(--gb-muted);
  --ops-radius: var(--gb-card-radius);
  --console-mint: var(--gb-accent);
  --console-mint-dark: var(--gb-accent-hover);
  --console-canvas: var(--gb-bg);
  --console-border: var(--gb-line);
  --clean-bg: var(--gb-bg);
  --clean-surface: var(--gb-surface-strong);
  --clean-soft: var(--gb-surface);
  --clean-line: var(--gb-line);
  --clean-line-strong: var(--gb-line-strong);
  --clean-ink: var(--gb-ink);
  --clean-muted: var(--gb-muted);
  --clean-accent: var(--gb-accent);
  --clean-accent-soft: var(--gb-accent-soft);
  --clean-sidebar: var(--gb-surface-dark);
  --clean-sidebar-hover: #1b222c;
  --clean-radius: var(--gb-control-radius);
  --clean-shadow: var(--gb-shadow-soft);
}

html { background: var(--gb-bg); scroll-behavior: smooth; }
body {
  background: var(--gb-bg) !important;
  color: var(--gb-ink) !important;
  font-family: "Avenir Next", "SF Pro Display", "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--gb-accent); color: #fff; }
a, button, input, select, textarea { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease; }
button:active, .rep-button:active, .btn:active { transform: translateY(1px) scale(.99); }
:focus-visible { outline: 3px solid rgba(23, 105, 224, .26) !important; outline-offset: 2px; }

/* Customer and merchant shell */
body:not(.sidebar-mini) #app { min-height: 100dvh; background: var(--gb-bg); }
._wtop {
  background: rgba(248, 250, 252, .92) !important;
  border-bottom: 1px solid rgba(195, 202, 213, .76) !important;
  box-shadow: 0 10px 35px rgba(28, 38, 53, .05) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
._wtop .c, ._wbar, ._main, ._wfoot > div { max-width: 1440px !important; }
._wtop .l img { filter: saturate(.78) contrast(1.08); }
._wtop .s, ._wtop .s uni-input, ._wtop .s input {
  border-radius: var(--gb-control-radius) !important;
  border-color: var(--gb-line-strong) !important;
  background: var(--gb-surface-strong) !important;
}
._wtop .s:focus-within { border-color: var(--gb-accent) !important; box-shadow: 0 0 0 4px rgba(23, 105, 224, .10); }
._wtop .s button, ._wtop .s uni-button { background: var(--gb-surface-dark) !important; color: #fff !important; border-radius: 0 9px 9px 0 !important; }
._wfls, ._wbar { background: var(--gb-surface-strong) !important; border-color: var(--gb-line) !important; }
._wfls li, ._wbar li, ._wtop a { color: var(--gb-muted) !important; }
._wfls li:hover, ._wbar li:hover, ._wbar li.on, ._wtop a:hover { color: var(--gb-accent) !important; }
._main, .rep-content { color: var(--gb-ink); }
.rep-content { padding-top: 38px; }
.rep-content h1, .rep-merchant h1, .rep-feature-panel ._wbarrt {
  color: var(--gb-ink) !important;
  font-size: clamp(24px, 2.4vw, 36px) !important;
  font-weight: 720 !important;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.rep-content h2, .rep-merchant h2 { color: var(--gb-ink); font-weight: 680; letter-spacing: -.018em; }
.rep-muted { color: var(--gb-muted) !important; }
.rep-loading { color: var(--gb-accent); background: var(--gb-bg); font-weight: 650; letter-spacing: .04em; }

/* Commerce surfaces */
.rep-category, .rep-shop-result, .rep-order, .rep-promotion > div, .rep-levels > li,
.rep-notice, .rep-dialog, .rep-product-hero, .rep-table-wrap {
  border: 1px solid var(--gb-line) !important;
  border-radius: var(--gb-card-radius) !important;
  background: var(--gb-surface-strong) !important;
}
.rep-category { padding: 26px 14px; box-shadow: var(--gb-shadow-soft); }
.rep-category:hover { border-color: var(--gb-line-strong) !important; box-shadow: var(--gb-shadow); transform: translateY(-3px); }
.rep-category img { filter: saturate(.82); }
.rep-product { gap: clamp(28px, 5vw, 72px); }
.rep-product-hero { object-fit: contain; box-shadow: var(--gb-shadow-soft); }
.rep-price { color: var(--gb-accent) !important; font-weight: 730; letter-spacing: -.035em; }
.rep-product-meta, .rep-checkout, .rep-order-head, .local-search {
  background: var(--gb-surface) !important;
  border: 1px solid var(--gb-line) !important;
  border-radius: var(--gb-control-radius) !important;
}
.rep-detail { border-color: var(--gb-line); color: #566172; }
.rep-order { overflow: hidden; box-shadow: var(--gb-shadow-soft); }
.rep-order-head { margin: 0; border-width: 0 0 1px !important; border-radius: 0 !important; }
.rep-order-line, .rep-table td, .rep-table th { border-color: var(--gb-line) !important; }
.rep-table th { background: var(--gb-surface) !important; color: var(--gb-muted) !important; font-weight: 650; }
.rep-table tbody tr:hover { background: #f3f7fd; }
.rep-table img { border-radius: 10px; border-color: var(--gb-line); background: #fff; }
.rep-checkout { padding: 22px 24px; }
.rep-notice { border-left: 4px solid var(--gb-accent) !important; color: var(--gb-muted); }
.rep-empty, .empty-state, .loading-state { color: var(--gb-muted) !important; border-color: var(--gb-line) !important; background: var(--gb-surface) !important; }

/* Controls */
.rep-field, .rep-form input, .rep-form textarea, .rep-form select, .form-control,
.local-search input, .local-search select, .page-size, .page-jump {
  min-height: 42px;
  border: 1px solid var(--gb-line-strong) !important;
  border-radius: var(--gb-control-radius) !important;
  background: var(--gb-surface-strong) !important;
  color: var(--gb-ink) !important;
  box-shadow: none !important;
}
.rep-field:focus, .rep-form input:focus, .rep-form textarea:focus, .rep-form select:focus, .form-control:focus {
  border-color: var(--gb-accent) !important;
  box-shadow: 0 0 0 4px rgba(23, 105, 224, .11) !important;
}
.rep-button, .btn {
  min-height: 40px;
  border-radius: var(--gb-control-radius) !important;
  border-color: var(--gb-line-strong) !important;
  background: var(--gb-surface-strong) !important;
  color: #303a48 !important;
  font-weight: 650 !important;
  box-shadow: 0 2px 8px rgba(28, 38, 53, .04);
}
.rep-button:hover, .btn-default:hover { border-color: #98a4b4 !important; background: #f3f6fa !important; color: var(--gb-ink) !important; }
.rep-button.primary, .rep-button.blue, .btn-primary, .btn-success {
  background: var(--gb-accent) !important;
  border-color: var(--gb-accent) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(23, 105, 224, .20);
}
.rep-button.primary:hover, .rep-button.blue:hover, .btn-primary:hover, .btn-success:hover { background: var(--gb-accent-hover) !important; border-color: var(--gb-accent-hover) !important; }
.rep-button.danger, .btn-danger { color: var(--gb-danger) !important; background: #fff !important; border-color: #e2b7bb !important; box-shadow: none; }
.rep-link { color: var(--gb-accent) !important; font-weight: 650; }
.rep-chip { border-radius: var(--gb-control-radius); border-color: var(--gb-line); color: var(--gb-muted); }
.rep-chip.active { border-color: var(--gb-accent); color: var(--gb-accent); background: var(--gb-accent-soft); }
.rep-subnav { border-color: var(--gb-line); gap: 30px; }
.rep-subnav button { color: var(--gb-muted); font-weight: 650; }
.rep-subnav button.active { color: var(--gb-accent); border-color: var(--gb-accent); }

/* Dialogs and feedback */
.rep-dialog-cover { background: rgba(10, 14, 20, .58); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.rep-dialog { box-shadow: 0 30px 90px rgba(8, 12, 18, .28) !important; }
.rep-dialog-title { border-color: var(--gb-line); font-weight: 720; letter-spacing: -.02em; }
.rep-dialog-body { color: var(--gb-muted); }
.rep-dialog-close { color: var(--gb-muted); }
.rep-toast, .toast-item { background: var(--gb-surface-dark) !important; color: #fff; border-radius: var(--gb-control-radius) !important; box-shadow: 0 16px 44px rgba(8, 12, 18, .24) !important; }
.rep-profile-avatar { background: var(--gb-surface-dark); color: #fff; box-shadow: inset 0 0 0 1px #303947; }
.rep-status, .status-label { border-radius: 6px !important; background: var(--gb-accent-soft) !important; color: var(--gb-accent-hover) !important; }

/* Merchant shell */
.rep-merchant, ._wbarr, .mc[data-v-b80c042b], ._wbarrc { background: var(--gb-bg) !important; }
.ml[data-v-b80c042b], ._wbarl, ._mleft {
  background: var(--gb-surface-dark) !important;
  color: #c9d0da !important;
  border-color: #252d38 !important;
}
.ml[data-v-b80c042b] a, ._wbarl a, ._mleft a { color: #aeb8c5 !important; }
.ml[data-v-b80c042b] a:hover, .ml[data-v-b80c042b] .on, ._wbarl .on, ._wbarl a:hover { background: #1b222c !important; color: #fff !important; }
.rep-merchant .rep-content, ._wbarr > div, ._wbarrc > div { max-width: 1480px; }
.rep-shop-result { box-shadow: var(--gb-shadow-soft); }
.rep-shop-result img { border: 3px solid #fff; box-shadow: 0 0 0 1px var(--gb-line); }
.rep-levels > li { margin-bottom: 14px !important; background: var(--gb-surface-strong) !important; box-shadow: var(--gb-shadow-soft); }
.rep-level-head { border-color: var(--gb-line) !important; background-color: var(--gb-surface) !important; }

/* Operations console */
body.sidebar-mini { background: var(--gb-bg) !important; }
.main-header .logo { background: #0d1117 !important; color: #fff !important; letter-spacing: .08em; }
.main-header .logo small { color: #84909f !important; letter-spacing: .02em; }
.main-header .navbar { background: rgba(255, 255, 255, .94) !important; border-bottom: 1px solid var(--gb-line) !important; box-shadow: 0 8px 28px rgba(28, 38, 53, .05) !important; backdrop-filter: blur(16px); }
.main-header .navbar a, .main-header .navbar button { color: #526071 !important; }
.main-header .nav-addtabs > li.active > a { color: var(--gb-accent) !important; background: var(--gb-accent-soft) !important; border-bottom-color: var(--gb-accent) !important; }
.main-sidebar { background: var(--gb-surface-dark) !important; border-right: 1px solid #272f3a !important; }
.main-sidebar .user-panel { border-bottom-color: #29313c !important; }
.admin-role-dot { background: var(--gb-accent) !important; box-shadow: 0 0 0 4px rgba(23, 105, 224, .16); }
.sidebar-search input { border-radius: var(--gb-control-radius) !important; border-color: #303947 !important; background: #191f28 !important; }
.sidebar-search input:focus { border-color: var(--gb-accent) !important; box-shadow: 0 0 0 4px rgba(23, 105, 224, .14) !important; }
.sidebar-section-label { color: #707b89 !important; }
.sidebar-menu > li > a { border-radius: var(--gb-control-radius) !important; color: #aeb8c5 !important; }
.sidebar-menu > li > a:hover { background: #1b222c !important; color: #fff !important; }
.sidebar-menu > li.active > a { background: var(--gb-accent) !important; color: #fff !important; box-shadow: 0 8px 22px rgba(23, 105, 224, .22) !important; }
.sidebar-menu > li.active > a:before { display: none; }
.sidebar-menu .treeview-menu { background: #0e1218 !important; }
.sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover { background: #1b222c !important; color: #fff !important; }
.content-wrapper, .content-wrapper ._main { background: var(--gb-bg) !important; }
.content-wrapper ._main { padding: 22px 26px 30px !important; }
.content-wrapper ._body {
  max-width: 1560px !important;
  padding: 28px !important;
  border: 1px solid var(--gb-line) !important;
  border-radius: var(--gb-card-radius) !important;
  background: var(--gb-surface-strong) !important;
  box-shadow: var(--gb-shadow-soft) !important;
}
.module-heading {
  margin: -28px -28px 26px !important;
  padding: 20px 26px !important;
  background: var(--gb-surface) !important;
  border-color: var(--gb-line) !important;
  border-radius: var(--gb-card-radius) var(--gb-card-radius) 0 0 !important;
  color: var(--gb-ink) !important;
  font-weight: 720 !important;
  letter-spacing: -.02em;
}
.stat-grid { gap: 14px !important; }
.stat-card, .panel-block, .login-view, .admin-table-wrap {
  border: 1px solid var(--gb-line) !important;
  border-radius: var(--gb-card-radius) !important;
  background: var(--gb-surface-strong) !important;
  box-shadow: var(--gb-shadow-soft) !important;
}
.stat-card b { color: var(--gb-ink) !important; font-weight: 740 !important; letter-spacing: -.035em; }
.stat-card .fa { color: var(--gb-accent) !important; opacity: .14 !important; }
.admin-table-wrap { overflow: hidden; }
.admin-table > thead > tr > th { background: #f1f4f8 !important; color: #566273 !important; border-bottom-color: var(--gb-line-strong) !important; }
.admin-table > tbody > tr > td { border-top-color: #e7ebf0 !important; color: #303a48 !important; }
.admin-table > tbody > tr:nth-of-type(odd) { background: #fff !important; }
.admin-table > tbody > tr:hover { background: #f2f6fc !important; }
.row-selected { background: #e7f0ff !important; }
.subtle-note { background: var(--gb-accent-soft) !important; border-left-color: var(--gb-accent) !important; color: #405775 !important; }
.pagination > .active > a, .pagination > .active > a:hover { background: var(--gb-accent) !important; border-color: var(--gb-accent) !important; color: #fff !important; }
.local-modal { border-radius: var(--gb-card-radius) !important; box-shadow: 0 30px 90px rgba(8, 12, 18, .28) !important; }
.local-modal-header, .local-modal-footer { background: var(--gb-surface) !important; border-color: var(--gb-line) !important; }
.local-control { background: var(--gb-surface-dark) !important; }

/* Mobile composition */
@media (max-width: 767px) {
  body { font-size: 14px; }
  ._wtop { backdrop-filter: none; -webkit-backdrop-filter: none; }
  ._wtop .c { padding: 13px 14px !important; gap: 10px !important; }
  ._main, .rep-content { padding-left: 14px !important; padding-right: 14px !important; }
  .rep-content { padding-top: 24px; }
  .rep-content h1, .rep-merchant h1, .rep-feature-panel ._wbarrt { font-size: 25px !important; }
  .rep-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rep-category { padding: 18px 10px; }
  .rep-product { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .rep-product-hero { height: 310px; }
  .rep-toolbar { gap: 8px; }
  .rep-button { min-height: 42px; }
  .rep-dialog-cover { padding: 12px; align-items: end; }
  .rep-dialog { width: 100%; max-height: 88dvh; border-radius: 16px 16px 0 0 !important; }
  .rep-dialog-title, .rep-dialog-body { padding-left: 18px; padding-right: 18px; }
  .rep-order-head, .rep-order-foot { flex-wrap: wrap; gap: 8px 14px; }
  .rep-order-line { align-items: flex-start; padding: 15px; }
  .rep-shop-result { align-items: flex-start; padding: 18px; }
  .content-wrapper ._main { padding: 12px !important; }
  .content-wrapper ._body { padding: 18px !important; border-radius: 12px !important; }
  .module-heading { margin: -18px -18px 18px !important; padding: 16px 18px !important; border-radius: 12px 12px 0 0 !important; }
  .stat-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Consumer pages follow the operating-system theme. */
@media (prefers-color-scheme: dark) {
  :root {
    --gb-bg: #0b0e13;
    --gb-surface: #141922;
    --gb-surface-strong: #191f28;
    --gb-surface-dark: #090c11;
    --gb-ink: #eef3f8;
    --gb-muted: #98a4b3;
    --gb-line: #29313c;
    --gb-line-strong: #3a4553;
    --gb-accent: #4b91f1;
    --gb-accent-hover: #6aa6f5;
    --gb-accent-soft: #172b49;
    --gb-shadow: 0 18px 48px rgba(0, 0, 0, .28);
    --gb-shadow-soft: 0 8px 24px rgba(0, 0, 0, .20);
  }
  body:not(.sidebar-mini) ._wtop { background: rgba(20, 25, 34, .92) !important; border-color: var(--gb-line) !important; }
  body:not(.sidebar-mini) ._wfls, body:not(.sidebar-mini) ._wbar { background: var(--gb-surface-strong) !important; }
  body:not(.sidebar-mini) .rep-detail { color: #abb5c2; }
  body:not(.sidebar-mini) .rep-table tbody tr:hover { background: #1c2634; }
  body:not(.sidebar-mini) .rep-button.danger { background: var(--gb-surface-strong) !important; }
  body:not(.sidebar-mini) .rep-table img { background: #fff; }
  body:not(.sidebar-mini) .rep-category img, body:not(.sidebar-mini) .rep-product-hero { background: #f7f8fa !important; }
  body.sidebar-mini { --gb-bg: #eef1f5; --gb-surface: #f8fafc; --gb-surface-strong: #fff; --gb-ink: #11151b; --gb-muted: #697382; --gb-line: #d9dfe7; --gb-line-strong: #c3cad5; --gb-accent: #1769e0; --gb-accent-hover: #0f56bd; --gb-accent-soft: #e5efff; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

@media (prefers-reduced-transparency: reduce) {
  ._wtop, .main-header .navbar, .rep-dialog-cover { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}

/* Homepage overhaul: replace the captured 1170px catalogue geometry. */
body:not(.sidebar-mini) ._wtop .c,
body:not(.sidebar-mini) ._ccc,
body:not(.sidebar-mini) ._wbarc,
body:not(.sidebar-mini) ._wfoot .f,
body:not(.sidebar-mini) ._wfoot .b {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 3vw, 72px) !important;
  padding-right: clamp(20px, 3vw, 72px) !important;
  box-sizing: border-box;
}
body:not(.sidebar-mini) ._main,
body:not(.sidebar-mini) ._lng,
body:not(.sidebar-mini) ._device,
body:not(.sidebar-mini) ._vme {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body:not(.sidebar-mini) ._wtop .l img { filter: grayscale(1) brightness(2.65) contrast(1.1); }
body:not(.sidebar-mini) .lc-home-density { padding-bottom: 64px; }

/* Editorial banner composition */
body:not(.sidebar-mini) .bn[data-v-64da36cb] {
  display: grid !important;
  grid-template-columns: minmax(0, 1.8fr) minmax(360px, 1fr);
  gap: 14px;
  height: 500px;
  padding: 28px 0 48px !important;
  overflow: visible;
}
body:not(.sidebar-mini) .bn .d[data-v-64da36cb],
body:not(.sidebar-mini) .bn .r[data-v-64da36cb] { width: auto !important; height: 424px; }
body:not(.sidebar-mini) .bn .r[data-v-64da36cb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body:not(.sidebar-mini) .bn .r .l[data-v-64da36cb] { width: auto !important; padding: 0 !important; min-width: 0; }
body:not(.sidebar-mini) .bn .bn0,
body:not(.sidebar-mini) .bn .p[data-v-64da36cb],
body:not(.sidebar-mini) .bn .swiper-wrapper { height: 100% !important; border-radius: var(--gb-card-radius); overflow: hidden; }
body:not(.sidebar-mini) .bn li[data-v-64da36cb] {
  height: 100% !important;
  border-radius: var(--gb-card-radius);
  background-size: cover !important;
  background-position: center !important;
  box-shadow: var(--gb-shadow-soft);
}

/* Section titles */
body:not(.sidebar-mini) .bt[data-v-64da36cb] {
  margin: 0 0 20px !important;
  color: var(--gb-ink) !important;
  font-size: 22px !important;
  font-weight: 720 !important;
  letter-spacing: -.025em;
}
body:not(.sidebar-mini) .bt[data-v-64da36cb] b { color: var(--gb-muted); font-weight: 620; }

/* Category rail */
body:not(.sidebar-mini) .fl[data-v-64da36cb] { margin-bottom: 54px !important; }
body:not(.sidebar-mini) .fl > .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  overflow: visible !important;
  padding: 0 !important;
}
body:not(.sidebar-mini) .fl ul li[data-v-64da36cb] { width: auto !important; min-width: 0; }
body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb] {
  padding: 18px 12px !important;
  border: 1px solid var(--gb-line) !important;
  border-radius: 14px !important;
  background: var(--gb-surface-strong);
  box-shadow: 0 4px 16px rgba(28, 38, 53, .035);
}
body:not(.sidebar-mini) .fl ul li p i[data-v-64da36cb] { width: 74px !important; height: 74px !important; }
body:not(.sidebar-mini) .fl ul li:hover p[data-v-64da36cb] { border-color: var(--gb-line-strong) !important; box-shadow: var(--gb-shadow-soft) !important; transform: translateY(-2px); }
body:not(.sidebar-mini) .fl ul b[data-v-64da36cb] { margin-top: 9px; color: var(--gb-muted); font-size: 13px; font-weight: 620; }

/* Full-size product catalogue cards */
body:not(.sidebar-mini) ._mypintc[data-v-9771995d],
body:not(.sidebar-mini) [data-v-4611385a] ._mypintc {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 0 64px !important;
  padding: 0 !important;
  justify-content: stretch !important;
}
body:not(.sidebar-mini) ._mypintc li[data-v-9771995d],
body:not(.sidebar-mini) [data-v-4611385a] ._mypintc > li {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}
body:not(.sidebar-mini) ._mypintc .c[data-v-9771995d] {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--gb-line) !important;
  border-radius: var(--gb-card-radius) !important;
  background: var(--gb-surface-strong);
  box-shadow: var(--gb-shadow-soft);
  transform: none !important;
}
body:not(.sidebar-mini) ._mypintc li:hover .c[data-v-9771995d] {
  border-color: var(--gb-line-strong) !important;
  box-shadow: var(--gb-shadow) !important;
  transform: translateY(-4px) !important;
}
body:not(.sidebar-mini) ._mypintc .i[data-v-9771995d] { padding: 0 !important; background: #f3f5f7; overflow: hidden; }
body:not(.sidebar-mini) ._mypintc .i img,
body:not(.sidebar-mini) ._mypintc .i i[data-v-9771995d] {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5;
  object-fit: cover !important;
  background-size: cover !important;
  mix-blend-mode: multiply;
  transition: transform .35s ease;
}
body:not(.sidebar-mini) ._mypintc li:hover .i img { transform: scale(1.025); }
body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 10px;
  padding: 16px 17px 15px !important;
}
body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] {
  color: var(--gb-ink) !important;
  font-size: 18px !important;
  font-weight: 740;
  letter-spacing: -.025em;
  margin: 0 !important;
}
body:not(.sidebar-mini) ._mypintc .m .x[data-v-9771995d] { color: var(--gb-muted) !important; margin: 2px 0 0 !important; }
body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] {
  grid-column: 1 / -1;
  height: 42px !important;
  color: var(--gb-ink);
  font-size: 14px !important;
  line-height: 1.5 !important;
  word-break: normal !important;
}
body:not(.sidebar-mini) ._mypintc .m .a[data-v-9771995d] { grid-column: 1 / -1; padding: 8px 0 0 !important; border-top: 1px solid var(--gb-line); }
body:not(.sidebar-mini) ._mypintc .m .a p[data-v-9771995d] { color: var(--gb-accent); font-size: 13px !important; }
body:not(.sidebar-mini) ._mypintc .m .a b[data-v-9771995d] { color: var(--gb-muted); }

/* Merchant invitation and shop recommendations */
body:not(.sidebar-mini) .jr[data-v-64da36cb] {
  height: 390px !important;
  margin-bottom: 54px !important;
  border-radius: var(--gb-card-radius);
  overflow: hidden;
  box-shadow: var(--gb-shadow-soft);
}
body:not(.sidebar-mini) .jr .c[data-v-64da36cb] { right: 8%; font-size: clamp(32px, 4vw, 58px); letter-spacing: -.045em; }
body:not(.sidebar-mini) .jr b[data-v-64da36cb] { height: 48px; line-height: 48px; border-radius: var(--gb-control-radius); background: var(--gb-surface-dark); color: #fff; }
body:not(.sidebar-mini) .dp[data-v-64da36cb] { margin-bottom: 58px !important; }
body:not(.sidebar-mini) .dp > .swiper-wrapper { gap: 18px; overflow: visible !important; }
body:not(.sidebar-mini) .dp > .swiper-wrapper > li { min-width: calc((100% - 36px) / 3) !important; }
body:not(.sidebar-mini) .dp li[data-v-64da36cb] { border-color: var(--gb-line) !important; border-radius: var(--gb-card-radius) !important; background: var(--gb-surface-strong); box-shadow: var(--gb-shadow-soft); overflow: hidden; }
body:not(.sidebar-mini) .dp li[data-v-64da36cb]:hover { border-color: var(--gb-line-strong) !important; transform: translateY(-2px); }
body:not(.sidebar-mini) ._wfoot { background: var(--gb-surface-dark) !important; color: #aeb8c5 !important; }

@media (max-width: 1300px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body:not(.sidebar-mini) .fl > .swiper-wrapper { grid-template-columns: repeat(9, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  body:not(.sidebar-mini) ._wtop .c, body:not(.sidebar-mini) ._ccc, body:not(.sidebar-mini) ._wbarc, body:not(.sidebar-mini) ._wfoot .f, body:not(.sidebar-mini) ._wfoot .b { width: 100% !important; padding-left: 18px !important; padding-right: 18px !important; }
  body:not(.sidebar-mini) .bn[data-v-64da36cb] { grid-template-columns: 1fr; height: auto; }
  body:not(.sidebar-mini) .bn .d[data-v-64da36cb] { height: 390px; }
  body:not(.sidebar-mini) .bn .r[data-v-64da36cb] { display: none; }
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body:not(.sidebar-mini) .fl > .swiper-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  body:not(.sidebar-mini) ._wtop .c, body:not(.sidebar-mini) ._ccc, body:not(.sidebar-mini) ._wbarc, body:not(.sidebar-mini) ._wfoot .f, body:not(.sidebar-mini) ._wfoot .b { width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; }
  body:not(.sidebar-mini) .lc-home-density { padding: 0 14px 42px; }
  body:not(.sidebar-mini) .bn[data-v-64da36cb] { display: block !important; height: auto !important; padding: 14px 0 34px !important; }
  body:not(.sidebar-mini) .bn .d[data-v-64da36cb] { height: auto !important; aspect-ratio: 1.45 / 1; }
  body:not(.sidebar-mini) .bn .bn0, body:not(.sidebar-mini) .bn .swiper-wrapper { height: 100% !important; }
  body:not(.sidebar-mini) .bn .swiper-slide { background-size: cover !important; }
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d] { padding: 12px !important; }
  body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] { font-size: 16px !important; }
  body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] { font-size: 12px !important; height: 36px !important; }
  body:not(.sidebar-mini) .fl > .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb] { padding: 12px 6px !important; }
  body:not(.sidebar-mini) .fl ul li p i[data-v-64da36cb] { width: 54px !important; height: 54px !important; }
  body:not(.sidebar-mini) .jr[data-v-64da36cb] { height: 230px !important; background-position: center; }
  body:not(.sidebar-mini) .jr .c[data-v-64da36cb] { right: 18px; font-size: 26px; }
  body:not(.sidebar-mini) .dp > .swiper-wrapper { display: grid !important; grid-template-columns: 1fr; }
  body:not(.sidebar-mini) .dp > .swiper-wrapper > li { min-width: 0 !important; }
}

/* Readability pass: the captured application mixes white surfaces with OS dark tokens.
   Keep the storefront content high-contrast and reserve dark material for navigation. */
body:not(.sidebar-mini) {
  --gb-bg: #eef1f5;
  --gb-surface: #f8fafc;
  --gb-surface-strong: #ffffff;
  --gb-surface-dark: #111720;
  --gb-ink: #111720;
  --gb-muted: #566273;
  --gb-line: #d5dce5;
  --gb-line-strong: #adb8c6;
  --gb-accent: #1769e0;
  --gb-accent-hover: #0f56bd;
  --gb-accent-soft: #e5efff;
  background: var(--gb-bg) !important;
  color: var(--gb-ink) !important;
}
body:not(.sidebar-mini) #app,
body:not(.sidebar-mini) ._lng,
body:not(.sidebar-mini) ._main,
body:not(.sidebar-mini) ._ccc { background: var(--gb-bg) !important; }
body:not(.sidebar-mini) ._wtop { min-height: 84px; background: #111720 !important; }
body:not(.sidebar-mini) ._wtop .c { min-height: 84px; align-items: center; }
body:not(.sidebar-mini) ._wtop .l { width: 180px !important; height: 54px !important; }
body:not(.sidebar-mini) ._wtop .s { width: clamp(360px, 34vw, 620px) !important; min-height: 44px; background: #fff !important; border-color: #3d4755 !important; }
body:not(.sidebar-mini) ._wtop .s input,
body:not(.sidebar-mini) ._wtop .s uni-input { color: #111720 !important; background: #fff !important; font-size: 14px !important; }
body:not(.sidebar-mini) ._wtop .s input::placeholder { color: #718096 !important; opacity: 1; }
body:not(.sidebar-mini) ._wtop .s button,
body:not(.sidebar-mini) ._wtop .s uni-button { background: var(--gb-accent) !important; color: #fff !important; font-weight: 700; }
body:not(.sidebar-mini) ._wtop .z,
body:not(.sidebar-mini) ._wtop .z a,
body:not(.sidebar-mini) ._wtop .z button { color: #c6ced9 !important; font-size: 14px !important; }
body:not(.sidebar-mini) ._wfls { background: #161d27 !important; border-color: #2a3441 !important; }
body:not(.sidebar-mini) ._wfls li,
body:not(.sidebar-mini) ._wfls a { color: #c3ccd7 !important; font-size: 15px !important; font-weight: 650; }
body:not(.sidebar-mini) ._wfls li:hover,
body:not(.sidebar-mini) ._wfls li.on { color: #fff !important; }
body:not(.sidebar-mini) .lc-home-density { padding-top: 6px; }
body:not(.sidebar-mini) .bt[data-v-64da36cb] {
  color: #111720 !important;
  font-size: 26px !important;
  font-weight: 760 !important;
  margin-bottom: 24px !important;
}
body:not(.sidebar-mini) .bt[data-v-64da36cb] b { color: #4b596b !important; font-size: 14px !important; }
body:not(.sidebar-mini) .fl > .swiper-wrapper { grid-template-columns: repeat(9, minmax(0, 1fr)); }
body:not(.sidebar-mini) .fl ul b[data-v-64da36cb] { color: #39475a !important; font-size: 15px !important; }
body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb] { background: #fff !important; border-color: var(--gb-line) !important; }
body:not(.sidebar-mini) .fl ul li p i[data-v-64da36cb] { width: 88px !important; height: 88px !important; }
body:not(.sidebar-mini) ._mypintc[data-v-9771995d],
body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
body:not(.sidebar-mini) ._mypintc .c[data-v-9771995d] { background: #fff !important; border-color: var(--gb-line) !important; }
body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d] { background: #fff !important; }
body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] { color: #111720 !important; font-size: 21px !important; }
body:not(.sidebar-mini) ._mypintc .m .x[data-v-9771995d] { color: #657184 !important; font-size: 13px !important; }
body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] { color: #202b39 !important; font-size: 16px !important; height: 49px !important; }
body:not(.sidebar-mini) ._mypintc .m .a p[data-v-9771995d] { color: var(--gb-accent) !important; font-size: 14px !important; }
body:not(.sidebar-mini) ._mypintc .m .a b[data-v-9771995d] { color: #526071 !important; }
body:not(.sidebar-mini) .jr[data-v-64da36cb],
body:not(.sidebar-mini) .dp li[data-v-64da36cb] { background-color: #fff !important; }

@media (max-width: 1599px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 1300px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body:not(.sidebar-mini) ._wtop .l { width: 155px !important; }
}
@media (max-width: 900px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body:not(.sidebar-mini) .fl > .swiper-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body:not(.sidebar-mini) ._wtop { min-height: 0; }
  body:not(.sidebar-mini) ._wtop .c { min-height: 0; }
  body:not(.sidebar-mini) ._wtop .l { width: 138px !important; height: 42px !important; }
  body:not(.sidebar-mini) ._wtop .s { width: 100% !important; }
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] { font-size: 17px !important; }
  body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] { font-size: 13px !important; height: 39px !important; }
  body:not(.sidebar-mini) .bt[data-v-64da36cb] { font-size: 22px !important; }
}