/* User-facing marketplace theme. The standalone voice room keeps its own dark UI. */
:root {
  --mk-bg: #f3f5f8;
  --mk-surface: #ffffff;
  --mk-surface-soft: #f8fafc;
  --mk-nav: #1b2430;
  --mk-nav-soft: #273242;
  --mk-text: #172033;
  --mk-text-soft: #526073;
  --mk-muted: #8a96a8;
  --mk-line: #e3e8ef;
  --mk-primary: #2f6fed;
  --mk-primary-hover: #245dcc;
  --mk-commerce: #ff5a2a;
  --mk-commerce-hover: #e9491c;
  --mk-success: #159667;
  --mk-price: #f04b24;
  --mk-gold: #f4a62a;
  color-scheme: light;
}

html[data-theme="\51C0\84DD\5546\52A1"] { --mk-primary: #2f6fed; --mk-primary-hover: #245dcc; }
html[data-theme="\6697\591C\6E38\620F"],
html[data-theme="\6697\7070\6E38\620F"] { --mk-primary: #364152; --mk-primary-hover: #202a38; }
html[data-theme="\8F6F\6A59\6D3B\529B"] { --mk-primary: #e9662b; --mk-primary-hover: #cf511d; }
html[data-theme="\7535\7ADE\9713\8679"] { --mk-primary: #146f9d; --mk-primary-hover: #0d5d86; }

html {
  --primary: var(--mk-primary) !important;
  --primary-light: var(--mk-primary) !important;
  --primary-dark: var(--mk-primary-hover) !important;
  --accent: var(--mk-commerce) !important;
  --gold: var(--mk-gold) !important;
  --price: var(--mk-price) !important;
  --bg-page: var(--mk-bg) !important;
  --bg-card: var(--mk-surface) !important;
  --bg-card-hover: var(--mk-surface-soft) !important;
  --bg-input: var(--mk-surface) !important;
  --border: var(--mk-line) !important;
  --border-light: #edf0f4 !important;
  --text-primary: var(--mk-text) !important;
  --text-secondary: var(--mk-text-soft) !important;
  --text-muted: var(--mk-muted) !important;
  --text-placeholder: #a5afbd !important;
  --el-color-primary: var(--mk-primary) !important;
  --el-bg-color: var(--mk-surface) !important;
  --el-bg-color-page: var(--mk-bg) !important;
  --el-bg-color-overlay: var(--mk-surface) !important;
  --el-text-color-primary: var(--mk-text) !important;
  --el-text-color-regular: var(--mk-text-soft) !important;
  --el-text-color-secondary: var(--mk-muted) !important;
  --el-border-color: #d8dee8 !important;
  --el-border-color-light: var(--mk-line) !important;
  --el-fill-color: #f2f5f8 !important;
  --el-fill-color-light: #f6f8fa !important;
  --el-fill-color-blank: #fff !important;
}

html,
body,
#app {
  min-height: 100%;
  color: var(--mk-text) !important;
  background: var(--mk-bg) !important;
}

body { margin: 0; letter-spacing: 0; }

.home-container,
.user-container,
.page-container,
.page-layout,
.page-body,
.main-content,
.content-wrapper,
.auth-page,
.login-container,
.register-container {
  color: var(--mk-text) !important;
  background: var(--mk-bg) !important;
}

.el-card,
.product-card,
.seller-card,
.profile-card,
.stats-card,
.menu-card,
.info-card,
.security-card,
.notification-card,
.order-card,
.detail-card,
.form-card,
.login-card,
.register-card,
.auth-card,
.coupon-card,
.content-card {
  color: var(--mk-text) !important;
  background: var(--mk-surface) !important;
  border-color: var(--mk-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(22, 32, 51, .06) !important;
}

.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner,
.el-input-number,
.el-date-editor {
  color: var(--mk-text) !important;
  background: #fff !important;
  border-color: #d8dee8 !important;
}

.el-input__inner,
.el-textarea__inner,
.el-select__selected-item,
.el-radio__label,
.el-checkbox__label,
.el-form-item__label {
  color: var(--mk-text) !important;
}

.el-button--primary,
.primary-btn,
.submit-btn {
  color: #fff !important;
  background: var(--mk-primary) !important;
  background-image: none !important;
  border-color: var(--mk-primary) !important;
  box-shadow: none !important;
}

.el-button--primary:hover,
.primary-btn:hover,
.submit-btn:hover {
  background: var(--mk-primary-hover) !important;
  border-color: var(--mk-primary-hover) !important;
}

.section-title,
.card-title,
.menu-title,
.product-title,
.nickname,
.info-value,
.security-title,
.order-title,
.detail-title,
.form-title {
  color: var(--mk-text) !important;
}

.section-subtitle,
.seller-row,
.unit,
.stat-label,
.info-label,
.security-desc,
.order-meta,
.detail-meta,
.empty-text,
.helper-text {
  color: var(--mk-muted) !important;
}

.price,
.price-sign,
.amount,
.order-amount { color: var(--mk-price) !important; }

.el-dialog,
.el-drawer,
.el-message-box,
.el-popover,
.el-popper,
.el-dropdown__popper,
.el-select-dropdown {
  color: var(--mk-text) !important;
  background: #fff !important;
  border-color: var(--mk-line) !important;
  box-shadow: 0 18px 50px rgba(20, 31, 50, .16) !important;
}

.el-table,
.el-table tr,
.el-table th.el-table__cell,
.el-table td.el-table__cell,
.el-descriptions__body,
.el-descriptions__table,
.el-pagination button,
.el-pager li {
  color: var(--mk-text-soft) !important;
  background: #fff !important;
  border-color: var(--mk-line) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background: #f7f9fc !important; }

/* Homepage marketplace shell */
.home-container[data-v-12d5cd1b],
.home-container[data-v-12d5cd1b] *,
.home-container[data-v-12d5cd1b] *::before,
.home-container[data-v-12d5cd1b] *::after { box-sizing: border-box; }

.home-container[data-v-12d5cd1b] {
  min-height: 100vh !important;
  overflow-x: clip !important;
  background: var(--mk-bg) !important;
}

.announcement-bar[data-v-12d5cd1b] {
  padding: 6px 0 !important;
  color: #eaf1fa !important;
  background: #182230 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.announcement-inner[data-v-12d5cd1b] { max-width: 1200px !important; }

.top-header[data-v-12d5cd1b] {
  top: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  border-bottom: 1px solid var(--mk-line) !important;
  box-shadow: 0 4px 16px rgba(27, 36, 48, .07) !important;
  backdrop-filter: blur(12px);
}

.header-inner[data-v-12d5cd1b] {
  width: 100% !important;
  max-width: 1200px !important;
  height: 74px !important;
  min-height: 74px !important;
  gap: 24px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

.logo[data-v-12d5cd1b] {
  width: auto !important;
  min-width: 224px !important;
  gap: 11px !important;
  flex-shrink: 0 !important;
}

.logo-icon[data-v-12d5cd1b] {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 14px rgba(24, 34, 48, .15) !important;
}

.logo-text[data-v-12d5cd1b] {
  display: block !important;
  color: #182230 !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.header-center[data-v-12d5cd1b] {
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  gap: 6px !important;
}

.search-bar[data-v-12d5cd1b] {
  width: 100% !important;
  max-width: 610px !important;
  height: 44px !important;
  background: #fff !important;
  border: 2px solid var(--mk-commerce) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.search-bar[data-v-12d5cd1b]:focus-within {
  box-shadow: 0 0 0 3px rgba(255, 90, 42, .11) !important;
  transform: none !important;
}

.search-select[data-v-12d5cd1b] {
  width: 126px !important;
  border-right: 1px solid var(--mk-line) !important;
}

.search-select[data-v-12d5cd1b] .el-input__wrapper,
.search-input[data-v-12d5cd1b] .el-input__wrapper {
  height: 40px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.search-input[data-v-12d5cd1b] { min-width: 0 !important; }

html .home-container .search-btn[data-v-12d5cd1b] {
  width: 86px !important;
  height: 44px !important;
  color: #fff !important;
  background: var(--mk-commerce) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 4px 4px 0 !important;
  box-shadow: none !important;
}

html .home-container .search-btn[data-v-12d5cd1b]:hover { background: var(--mk-commerce-hover) !important; }

.hot-search-bar[data-v-12d5cd1b] {
  width: 100% !important;
  max-width: 610px !important;
  min-height: 20px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.hot-label[data-v-12d5cd1b] { color: #8a96a8 !important; }
.hot-word[data-v-12d5cd1b] {
  padding: 0 7px !important;
  color: #657286 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.hot-word[data-v-12d5cd1b]:hover { color: var(--mk-commerce) !important; transform: none !important; }

.header-actions[data-v-12d5cd1b] { width: auto !important; min-width: max-content !important; }
.action-text-btn[data-v-12d5cd1b] { color: #526073 !important; }
.action-text-btn[data-v-12d5cd1b]:hover { color: var(--mk-primary) !important; }

html .home-container .sell-btn[data-v-12d5cd1b] {
  color: #fff !important;
  background: var(--mk-primary) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.game-bar[data-v-12d5cd1b] {
  top: 74px !important;
  background: var(--mk-nav) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.game-bar-inner[data-v-12d5cd1b] {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.game-bar-inner[data-v-12d5cd1b]::-webkit-scrollbar { display: none; }

.game-tab[data-v-12d5cd1b] {
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  color: #d6dee8 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
}

.game-tab[data-v-12d5cd1b]:hover,
.game-tab.active[data-v-12d5cd1b] {
  color: #fff !important;
  background: var(--mk-nav-soft) !important;
  border-bottom-color: var(--mk-commerce) !important;
}
.game-tab-name[data-v-12d5cd1b] { color: inherit !important; white-space: nowrap !important; }

.home-main[data-v-12d5cd1b] {
  width: calc(100% - 32px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 20px 0 42px !important;
}

.home-main[data-v-12d5cd1b] > * { min-width: 0 !important; max-width: 100% !important; }

.hero-banner[data-v-12d5cd1b] {
  min-height: 274px !important;
  margin-bottom: 26px !important;
  padding: 38px 42px !important;
  background-color: #162131 !important;
  background-image: linear-gradient(90deg, #162131 0%, rgba(22, 33, 49, .96) 44%, rgba(22, 33, 49, .44) 76%, rgba(22, 33, 49, .14)), url('/images/gaming_gear_3.png') !important;
  background-position: center, 86% 54% !important;
  background-size: cover, 58% auto !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(26, 38, 57, .14) !important;
}
.hero-banner[data-v-12d5cd1b]::after,
.hero-deco[data-v-12d5cd1b] { display: none !important; }
.hero-content[data-v-12d5cd1b] { gap: 28px !important; }
.hero-left[data-v-12d5cd1b] { max-width: 620px !important; }

.hero-badge[data-v-12d5cd1b] {
  margin-bottom: 15px !important;
  padding: 5px 10px !important;
  color: #d7e8ff !important;
  background: rgba(47, 111, 237, .2) !important;
  border: 1px solid rgba(130, 177, 255, .45) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.hero-title[data-v-12d5cd1b] {
  margin-bottom: 10px !important;
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .35) !important;
}
.hero-title .highlight[data-v-12d5cd1b] { color: #ffb24a !important; text-shadow: none !important; }
.hero-sub[data-v-12d5cd1b] { margin-bottom: 24px !important; color: #dbe3ec !important; }

html .home-container .hero-btn-primary[data-v-12d5cd1b] {
  color: #fff !important;
  background: var(--mk-commerce) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.hero-btn-sell[data-v-12d5cd1b] { color: #fff !important; background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.5) !important; }
.hero-right[data-v-12d5cd1b] { display: none !important; }

.section[data-v-12d5cd1b] { margin-bottom: 30px !important; }
.section-header[data-v-12d5cd1b] { margin-bottom: 13px !important; padding: 0 2px !important; }
.section-title[data-v-12d5cd1b] { color: var(--mk-text) !important; font-size: 20px !important; }
.section-title[data-v-12d5cd1b]::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-left: 10px;
  vertical-align: -2px;
  background: var(--mk-commerce);
  border-radius: 2px;
}
html .home-container .see-more-btn[data-v-12d5cd1b] { color: #526073 !important; }
html .home-container .see-more-btn[data-v-12d5cd1b]:hover { color: var(--mk-commerce) !important; }

.product-grid[data-v-12d5cd1b],
.hot-product-grid[data-v-12d5cd1b] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.product-card[data-v-12d5cd1b] {
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 7px !important;
  box-shadow: 0 3px 12px rgba(24, 34, 48, .05) !important;
}
.product-card[data-v-12d5cd1b]:hover {
  background: #fff !important;
  border-color: #ffb39d !important;
  box-shadow: 0 10px 26px rgba(35, 49, 70, .12) !important;
  transform: translateY(-2px) !important;
}
.card-image[data-v-12d5cd1b] { height: 158px !important; background: #eef1f5 !important; border-bottom: 1px solid #edf0f4 !important; }
.card-body[data-v-12d5cd1b] { padding: 12px !important; }
.product-title[data-v-12d5cd1b] { color: #202a38 !important; }
.seller-name[data-v-12d5cd1b] { color: #7b8797 !important; }
.seller-name.clickable[data-v-12d5cd1b] { color: var(--mk-primary) !important; }
.price[data-v-12d5cd1b], .price-sign[data-v-12d5cd1b] { color: var(--mk-price) !important; }
.type-tag[data-v-12d5cd1b] { color: #fff !important; background: var(--mk-commerce) !important; }
.game-tag[data-v-12d5cd1b] { color: #245dcc !important; background: #edf4ff !important; border-color: #cfe0ff !important; }

.why-section[data-v-12d5cd1b] {
  padding: 22px !important;
  background: #fff !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(22, 32, 51, .05) !important;
}
.why-grid[data-v-12d5cd1b] { gap: 12px !important; }
.why-card[data-v-12d5cd1b] { padding: 18px 12px !important; border-radius: 6px !important; }
.why-card[data-v-12d5cd1b]:hover { background: #f7f9fc !important; box-shadow: none !important; }
.why-card h4[data-v-12d5cd1b] { color: var(--mk-text) !important; }
.why-card p[data-v-12d5cd1b] { color: #69768a !important; }

.seller-grid[data-v-12d5cd1b] { gap: 12px !important; }
.seller-card[data-v-12d5cd1b] { background: #fff !important; border-color: var(--mk-line) !important; border-radius: 7px !important; box-shadow: 0 3px 12px rgba(24,34,48,.05) !important; }
.seller-card[data-v-12d5cd1b]:hover { border-color: #b8c9e6 !important; box-shadow: 0 9px 24px rgba(35,49,70,.1) !important; }
.seller-avatar-wrap[data-v-12d5cd1b] { background: var(--mk-primary) !important; box-shadow: none !important; }
.seller-btn[data-v-12d5cd1b] { color: var(--mk-primary) !important; background: #eef4ff !important; border-color: #bfd3fa !important; }
.seller-btn[data-v-12d5cd1b]:hover { color: #fff !important; background: var(--mk-primary) !important; }

/* Voice is an auxiliary service on the marketplace homepage. */
.lobster-voice-section[data-lobster-voice="1"] {
  width: 100% !important;
  min-width: 0 !important;
  margin: 4px 0 30px !important;
  padding: 20px !important;
  color: var(--mk-text) !important;
  background: #eef4fb !important;
  border: 1px solid #d5e2f1 !important;
  border-left: 4px solid var(--mk-primary) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}
.lobster-voice-section[data-lobster-voice="1"]::before { display: none !important; }
.lobster-voice-head { align-items: center !important; margin-bottom: 14px !important; }
.lobster-voice-title { color: #1c2b3d !important; font-size: 20px !important; }
.lobster-voice-sub { color: #68788c !important; }
.lobster-voice-grid { min-width: 0 !important; gap: 10px !important; }
.lobster-voice-card,
.lobster-voice-card.lobster-voice-main {
  min-width: 0 !important;
  min-height: 116px !important;
  padding: 14px !important;
  color: var(--mk-text) !important;
  background: #fff !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 6px !important;
  backdrop-filter: none !important;
}
.lobster-voice-card strong { color: #1c2b3d !important; }
.lobster-voice-card span { color: #708096 !important; }
html .home-container .lobster-voice-enter {
  color: #fff !important;
  background: var(--mk-primary) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 5px !important;
}

.home-footer[data-v-12d5cd1b],
.site-footer,
footer {
  color: #9aa7b8 !important;
  background: #17212e !important;
  border-top: 0 !important;
}
.home-footer a, .site-footer a, footer a { color: #c8d1dd !important; }

/* Product discovery pages: remove the legacy purple visual layer. */
html body .filter-sidebar,
html body .sidebar,
html body .filter-panel,
html body .search-panel,
html body .ranking-section,
html body .hot-ranking,
html body .product-list-card {
  color: var(--mk-text) !important;
  background: #fff !important;
  border-color: var(--mk-line) !important;
  box-shadow: 0 4px 16px rgba(22, 32, 51, .06) !important;
}

html body .sidebar-head,
html body .section-head,
html body .flyer-head {
  color: #fff !important;
  background: var(--mk-nav) !important;
  background-image: none !important;
  border-color: var(--mk-nav) !important;
}

html body .sidebar-head *,
html body .section-head *,
html body .flyer-head * { color: #fff !important; }

html body .filter-block { background: #fff !important; border-color: #edf0f4 !important; }

html body .block-dot,
html body .dot-game,
html body .dot-type,
html body .dot-ptype,
html body .dot-price,
html body .dot-stock {
  background: var(--mk-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .game-tag.el-tag,
html body .type-btn.active,
html body .ptype-btn.active,
html body .price-btn.active,
html body .pricing-btn.active,
html body .filter-item.active,
html body .filter-option.active {
  color: #fff !important;
  background: var(--mk-primary) !important;
  background-image: none !important;
  border-color: var(--mk-primary) !important;
  box-shadow: none !important;
}

html body .game-tag.el-tag:not(.is-active),
html body .type-btn:not(.active),
html body .ptype-btn:not(.active),
html body .price-btn:not(.active),
html body .pricing-btn:not(.active) {
  color: #435168 !important;
  background: #f5f7fa !important;
  background-image: none !important;
  border-color: #dfe5ed !important;
}

html body .publish-btn {
  color: #fff !important;
  background: var(--mk-commerce) !important;
  background-image: none !important;
  border-color: var(--mk-commerce) !important;
  box-shadow: none !important;
}
html body .el-button.publish-btn,
html body .el-button.publish-btn * { color: #fff !important; }

html body .hot-badge {
  color: #fff !important;
  background: var(--mk-commerce) !important;
  background-image: none !important;
  border-color: var(--mk-commerce) !important;
  box-shadow: none !important;
}

html body .product-price-tag {
  color: var(--mk-price) !important;
  background: #fff2ed !important;
  background-image: none !important;
  border: 1px solid #ffd4c8 !important;
  box-shadow: none !important;
}

html body .flyer,
html body .latest-flyer,
html body .latest-order,
html body .latest-trade {
  color: var(--mk-text) !important;
  background: #fff !important;
  border-color: var(--mk-line) !important;
  box-shadow: 0 12px 32px rgba(22, 32, 51, .16) !important;
}

html body .cs-trigger {
  color: #fff !important;
  background: var(--mk-primary) !important;
  background-image: none !important;
  border-color: var(--mk-primary) !important;
  box-shadow: 0 8px 22px rgba(47, 111, 237, .25) !important;
}

/* Product detail conversion and trust surfaces. */
html body .price-section {
  color: var(--mk-text) !important;
  background: #fff6f1 !important;
  background-image: none !important;
  border: 1px solid #ffe0d5 !important;
}

html body .buy-btn,
html body .buy-now-btn,
html body .purchase-btn,
html body .immediate-buy-btn {
  color: #fff !important;
  background: var(--mk-commerce) !important;
  background-image: none !important;
  border-color: var(--mk-commerce) !important;
  box-shadow: none !important;
}

html body .buy-btn *,
html body .buy-now-btn *,
html body .purchase-btn *,
html body .immediate-buy-btn * { color: #fff !important; }

html body .rep-fill {
  background: var(--mk-primary) !important;
  background-image: none !important;
}

html body .seller-more-link {
  color: var(--mk-primary) !important;
  background: #eef4ff !important;
  background-image: none !important;
  border-color: #d5e3fb !important;
}

html body .platform-guarantee {
  color: var(--mk-text) !important;
  background: #f7faf9 !important;
  background-image: none !important;
  border-color: #dcebe5 !important;
}

@media (max-width: 1220px) {
  .header-inner[data-v-12d5cd1b] { padding: 0 18px !important; }
  .game-bar-inner[data-v-12d5cd1b] { padding: 0 18px !important; }
  .product-grid[data-v-12d5cd1b], .hot-product-grid[data-v-12d5cd1b] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  .header-inner[data-v-12d5cd1b] { height: auto !important; min-height: 64px !important; padding: 10px 16px !important; flex-wrap: wrap !important; row-gap: 9px !important; }
  .logo[data-v-12d5cd1b] { min-width: 0 !important; flex: 1 1 auto !important; }
  .logo-icon[data-v-12d5cd1b] { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .logo-text[data-v-12d5cd1b] { font-size: 17px !important; }
  .header-center[data-v-12d5cd1b] { order: 3 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 0 0 100% !important; }
  .search-bar[data-v-12d5cd1b] { max-width: none !important; }
  .hot-search-bar[data-v-12d5cd1b] { display: none !important; }
  .header-actions[data-v-12d5cd1b] { min-width: 0 !important; }
  .game-bar[data-v-12d5cd1b] { position: relative !important; top: auto !important; }
  .game-bar-inner[data-v-12d5cd1b] { padding: 0 8px !important; }
  .game-tab[data-v-12d5cd1b] { min-height: 44px !important; padding: 0 15px !important; }
  .hero-banner[data-v-12d5cd1b] { min-height: 260px !important; padding: 30px 28px !important; background-image: linear-gradient(90deg, rgba(22,33,49,.98), rgba(22,33,49,.82)), url('/images/gaming_gear_3.png') !important; background-position: center !important; background-size: cover !important; }
  .hero-title[data-v-12d5cd1b] { font-size: 27px !important; }
  .lobster-voice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .product-grid[data-v-12d5cd1b], .hot-product-grid[data-v-12d5cd1b] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
  html, body, #app, .home-container[data-v-12d5cd1b] { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; }
  .announcement-inner[data-v-12d5cd1b] { display: block !important; width: 100% !important; padding: 0 12px !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .header-inner[data-v-12d5cd1b] { padding: 9px 12px !important; }
  .logo[data-v-12d5cd1b] { gap: 8px !important; }
  .logo-text[data-v-12d5cd1b] { font-size: 15px !important; }
  .action-text-btn[data-v-12d5cd1b] { display: none !important; }
  .sell-btn[data-v-12d5cd1b] { padding: 7px 9px !important; font-size: 12px !important; }
  .search-select[data-v-12d5cd1b] { width: 106px !important; }
  html .home-container .search-btn[data-v-12d5cd1b] { width: 70px !important; }
  .game-tab[data-v-12d5cd1b] { padding: 0 13px !important; }
  .game-tab-icon[data-v-12d5cd1b] { display: none !important; }
  .home-main[data-v-12d5cd1b] { width: calc(100% - 24px) !important; padding: 12px 0 30px !important; }
  .hero-banner[data-v-12d5cd1b] { min-height: 250px !important; padding: 24px 20px !important; }
  .hero-content[data-v-12d5cd1b] { display: block !important; width: 100% !important; min-width: 0 !important; }
  .hero-left[data-v-12d5cd1b] { width: 100% !important; min-width: 0 !important; }
  .hero-title[data-v-12d5cd1b] { font-size: 23px !important; }
  .hero-sub[data-v-12d5cd1b] { margin-bottom: 19px !important; font-size: 14px !important; }
  .hero-ctas[data-v-12d5cd1b] { gap: 8px !important; }
  .hero-ctas[data-v-12d5cd1b] .el-button { margin-left: 0 !important; padding: 8px 12px !important; }
  .section-title[data-v-12d5cd1b] { font-size: 18px !important; }
  .product-grid[data-v-12d5cd1b], .hot-product-grid[data-v-12d5cd1b] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; }
  .card-image[data-v-12d5cd1b] { height: 126px !important; }
  .card-body[data-v-12d5cd1b] { padding: 10px !important; }
  .why-section[data-v-12d5cd1b] { padding: 16px 10px !important; }
  .why-grid[data-v-12d5cd1b], .seller-grid[data-v-12d5cd1b] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .lobster-voice-section[data-lobster-voice="1"] { padding: 16px !important; }
  .lobster-voice-head { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; min-width: 0 !important; }
  .lobster-voice-head > .lobster-voice-enter { width: 100% !important; }
  .lobster-voice-grid { grid-template-columns: 1fr !important; width: 100% !important; min-width: 0 !important; }
  .lobster-voice-card { width: 100% !important; min-width: 0 !important; }
  .footer-content[data-v-12d5cd1b] { padding: 28px 16px 20px !important; }
  .footer-links[data-v-12d5cd1b] { display: none !important; }
}

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