/* Theme system extension: esports theme is opt-in from user center. */
:root {
  --es-bg: #060812;
  --es-panel: rgba(14, 18, 34, .90);
  --es-panel-2: rgba(20, 26, 48, .84);
  --es-line: rgba(65, 240, 255, .22);
  --es-cyan: #20e6ff;
  --es-red: #ff315d;
  --es-gold: #ffd166;
  --es-text: #f4f8ff;
  --es-muted: #9aa8c7;
}

html[data-theme="\7535\7ADE\9713\8679"] body,
html[data-theme="\7535\7ADE\9713\8679"] #app {
  color: var(--es-text);
  background:
    radial-gradient(circle at 12% 6%, rgba(32, 230, 255, .18), transparent 28rem),
    radial-gradient(circle at 82% 12%, rgba(255, 49, 93, .16), transparent 30rem),
    linear-gradient(180deg, #070a15 0%, #0a0d19 42%, #05070e 100%) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] {
  --primary: #20e6ff;
  --primary-light: #6ff2ff;
  --primary-dark: #0fb5cf;
  --accent: #ff315d;
  --gold: #ffd166;
  --price: #ffd166;
  --bg-page: #060812;
  --bg-card: rgba(14,18,34,.90);
  --bg-card-hover: rgba(32,230,255,.10);
  --bg-input: rgba(255,255,255,.06);
  --border: rgba(65,240,255,.22);
  --border-light: rgba(255,255,255,.08);
  --text-primary: #f4f8ff;
  --text-secondary: #c7d2ee;
  --text-muted: #9aa8c7;
  --text-placeholder: #7c89a8;
  --el-color-primary: #20e6ff;
  --el-bg-color: #101629;
  --el-bg-color-page: #060812;
  --el-bg-color-overlay: #12182d;
  --el-text-color-primary: #f4f8ff;
  --el-text-color-regular: #c7d2ee;
  --el-text-color-secondary: #9aa8c7;
  --el-border-color: rgba(65,240,255,.22);
  --el-border-color-light: rgba(65,240,255,.16);
  --el-fill-color-blank: rgba(255,255,255,.06);
  --el-fill-color-light: rgba(255,255,255,.08);
}

html[data-theme="\7535\7ADE\9713\8679"] .home-container[data-v-12d5cd1b] {
  color: var(--es-text) !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(32,230,255,.08), transparent 36rem) !important;
  background-size: 42px 42px, 42px 42px, auto !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .announcement-bar[data-v-12d5cd1b] {
  background: linear-gradient(90deg, #ff315d, #7c3cff, #20e6ff) !important;
  box-shadow: 0 0 22px rgba(32, 230, 255, .25);
}

html[data-theme="\7535\7ADE\9713\8679"] .top-header[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .game-bar[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .site-header[data-v-4eaf78c8],
html[data-theme="\7535\7ADE\9713\8679"] .top-header[data-v-7595e9de] {
  background: rgba(7, 10, 21, .86) !important;
  border-bottom: 1px solid var(--es-line) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .logo-text[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .logo-text[data-v-4eaf78c8],
html[data-theme="\7535\7ADE\9713\8679"] .game-tab-name[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .section-title[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .product-title[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .why-card h4[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .seller-name[data-v-12d5cd1b] {
  color: var(--es-text) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .logo-icon[data-v-12d5cd1b] {
  filter: drop-shadow(0 0 10px rgba(32,230,255,.65));
}

html[data-theme="\7535\7ADE\9713\8679"] .search-bar[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .el-input__wrapper,
html[data-theme="\7535\7ADE\9713\8679"] .el-select__wrapper {
  background: rgba(255,255,255,.06) !important;
  border-color: var(--es-line) !important;
  box-shadow: inset 0 0 0 1px rgba(65,240,255,.16), 0 0 18px rgba(32,230,255,.08) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .search-btn[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .sell-btn,
html[data-theme="\7535\7ADE\9713\8679"] .hero-btn-primary[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .el-button--primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--es-red), #7c3cff 48%, var(--es-cyan)) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 0 20px rgba(32,230,255,.22), 0 6px 18px rgba(255,49,93,.18) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .action-text-btn[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .hot-word[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .see-more-btn[data-v-12d5cd1b] {
  color: var(--es-cyan) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .hot-word[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .game-tab[data-v-12d5cd1b] {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(32,230,255,.18) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .game-tab.active[data-v-12d5cd1b] {
  color: var(--es-cyan) !important;
  border-bottom-color: var(--es-cyan) !important;
  background: linear-gradient(180deg, rgba(32,230,255,.14), rgba(32,230,255,.03)) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .hero-banner[data-v-12d5cd1b] {
  background:
    linear-gradient(120deg, rgba(6,8,18,.90), rgba(20,24,46,.78)),
    url('/images/gaming_gear_4.png') center/cover no-repeat !important;
  border: 1px solid rgba(32,230,255,.32) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.42), inset 0 0 36px rgba(32,230,255,.10) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .hero-banner[data-v-12d5cd1b]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(255,49,93,.18), transparent 34%, rgba(32,230,255,.16));
  pointer-events: none;
}

html[data-theme="\7535\7ADE\9713\8679"] .hero-title[data-v-12d5cd1b] {
  text-shadow: 0 0 24px rgba(32,230,255,.26), 0 2px 10px rgba(0,0,0,.8) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .hero-title .highlight[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .price-sign[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .price[data-v-12d5cd1b] {
  color: var(--es-gold) !important;
  text-shadow: 0 0 14px rgba(255,209,102,.24);
}

html[data-theme="\7535\7ADE\9713\8679"] .hero-guarantee-item[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .product-card[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .why-section[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .seller-card[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .el-card,
html[data-theme="\7535\7ADE\9713\8679"] .profile-card[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .stats-card[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .menu-card[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .info-card[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .page-layout[data-v-b754902b] .el-card {
  color: var(--es-text) !important;
  background: linear-gradient(180deg, rgba(18,23,42,.92), rgba(10,13,26,.88)) !important;
  border-color: rgba(32,230,255,.20) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .product-card[data-v-12d5cd1b] {
  position: relative;
}

html[data-theme="\7535\7ADE\9713\8679"] .product-card[data-v-12d5cd1b]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(32,230,255,.18), transparent 35%, rgba(255,49,93,.16));
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

html[data-theme="\7535\7ADE\9713\8679"] .product-card[data-v-12d5cd1b]:hover {
  border-color: rgba(32,230,255,.48) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.44), 0 0 24px rgba(32,230,255,.18) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .product-card[data-v-12d5cd1b]:hover::before {
  opacity: 1;
}

html[data-theme="\7535\7ADE\9713\8679"] .card-image[data-v-12d5cd1b] {
  background: #0b1020 !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .type-tag[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .type-tag.recommended-tag[data-v-12d5cd1b] {
  background: linear-gradient(135deg, var(--es-red), #7c3cff) !important;
  box-shadow: 0 0 14px rgba(255,49,93,.28);
}

html[data-theme="\7535\7ADE\9713\8679"] .game-tag[data-v-12d5cd1b] {
  color: var(--es-cyan) !important;
  background: rgba(32,230,255,.10) !important;
  border-color: rgba(32,230,255,.26) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .unit[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .seller-row[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .why-card p[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .hg-sub[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .hot-label[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .stat-label[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .info-label[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .security-desc[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .notif-desc[data-v-7595e9de] {
  color: var(--es-muted) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .rating-wrap[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .star-icon[data-v-12d5cd1b] {
  color: var(--es-gold) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .section-title[data-v-12d5cd1b],
html[data-theme="\7535\7ADE\9713\8679"] .card-title[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .menu-title[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .nickname[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .info-value[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .security-title[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .notif-title[data-v-7595e9de] {
  color: var(--es-text) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .menu-card[data-v-7595e9de] .el-menu,
html[data-theme="\7535\7ADE\9713\8679"] .menu-card[data-v-7595e9de] .el-menu-item {
  background: transparent !important;
  color: var(--es-text) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .menu-card[data-v-7595e9de] .el-menu-item.is-active,
html[data-theme="\7535\7ADE\9713\8679"] .menu-card[data-v-7595e9de] .el-menu-item:hover {
  color: var(--es-cyan) !important;
  background: rgba(32,230,255,.12) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .user-container[data-v-7595e9de],
html[data-theme="\7535\7ADE\9713\8679"] .page-layout[data-v-b754902b],
html[data-theme="\7535\7ADE\9713\8679"] .page-body[data-v-b754902b] {
  background: transparent !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .home-footer[data-v-12d5cd1b] {
  background: #05070e !important;
  border-top: 1px solid rgba(32,230,255,.18) !important;
}

html[data-theme="\7535\7ADE\9713\8679"] .el-input__inner,
html[data-theme="\7535\7ADE\9713\8679"] .el-select__placeholder,
html[data-theme="\7535\7ADE\9713\8679"] .el-select__selected-item {
  color: var(--es-text) !important;
}

@media (max-width: 900px) {
  html[data-theme="\7535\7ADE\9713\8679"] .hero-banner[data-v-12d5cd1b] {
    background-position: center !important;
  }
}