/* Shared route-scoped YQY visual bundle for all static PC entrypoints. */
@import url("/_nuxt/yqy-home-theme.css?v=20260809-yqy-v125-mobile-price");
@import url("/_nuxt/front-login-manager.css?v=20260730-yqy-v116-frontend-unity");
@import url("/_nuxt/yqy-console-theme.css?v=20260718-yqy-v50");
@import url("/_nuxt/yqy-join-theme.css?v=20260730-yqy-v114-frontend-unity");
@import url("/_nuxt/yqy-app-download.css?v=20260730-yqy-v114-frontend-unity");
@import url("/_nuxt/yqy-public-theme.css?v=20260815-yqy-v122-subsite-readable");

/* YQY_PURPLE_BRAND_V1: shared brand palette; semantic success/warning/danger colors stay route-owned. */
:root {
  --yqy-brand-primary: #6d28d9;
  --yqy-brand-hover: #7c3aed;
  --yqy-brand-active: #5b21b6;
  --yqy-brand-deep: #4c1d95;
  --yqy-brand-accent: #a21caf;
  --yqy-brand-price: #a21caf;
  --yqy-brand-soft: #f5f3ff;
  --yqy-brand-muted: #ede9fe;
  --yqy-brand-border: #c4b5fd;
  --yqy-brand-page: #f7f5ff;
  --yqy-brand-focus: rgba(109, 40, 217, 0.22);
  --yqy-brand-shadow: rgba(76, 29, 149, 0.18);
}

html[data-yqy-public] .yqy-public-account-links a.is-member-center,
html[data-yqy-public] .yqy-public-account-links a.is-member-center:hover,
html[data-yqy-public] .yqy-public-account-links a.is-member-center:focus-visible,
html[data-yqy-public] .yqy-shop-account a.is-member-center,
html[data-yqy-public] .yqy-shop-account a.is-member-center:hover,
html[data-yqy-public] .yqy-shop-account a.is-member-center:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html {
  --el-color-primary-rgb: 109, 40, 217 !important;
  --el-color-primary: var(--yqy-brand-primary) !important;
  --el-color-primary-light-3: #8b5cf6 !important;
  --el-color-primary-light-5: #a78bfa !important;
  --el-color-primary-light-7: #c4b5fd !important;
  --el-color-primary-light-8: #ddd6fe !important;
  --el-color-primary-light-9: var(--yqy-brand-soft) !important;
  --el-color-primary-dark-2: var(--yqy-brand-active) !important;
}

:is(
  html[data-yqy-shop="true"],
  html[data-yqy-home-layout],
  html[data-yqy-shop-header],
  html[data-yqy-public],
  html[data-yqy-auth="true"],
  html[data-yqy-app-download="true"]
) #__nuxt > .app {
  --general: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --main-bg: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --main-bg-gradient: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --vice-bg: var(--yqy-template-accent, var(--yqy-brand-hover)) !important;
  --icon: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --price: var(--yqy-template-price, var(--yqy-brand-price)) !important;
  --tag-text: var(--yqy-brand-deep) !important;
  --tag-bg: var(--yqy-brand-soft) !important;
  --primary-light-3: #8b5cf6 !important;
  --primary-light-5: #a78bfa !important;
  --primary-light-7: #c4b5fd !important;
  --primary-light-8: #ddd6fe !important;
  --primary-light-9: var(--yqy-brand-soft) !important;
  --primary-dark-2: var(--yqy-brand-active) !important;
  --ump-main-bg: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --ump-vice-bg: var(--yqy-template-accent, var(--yqy-brand-hover)) !important;
  --ump-icon: var(--yqy-brand-primary) !important;
  --ump-price: var(--yqy-template-price, var(--yqy-brand-price)) !important;
  --ump-tag-text: var(--yqy-brand-deep) !important;
  --ump-tag-bg: var(--yqy-brand-soft) !important;
  --ump-coupon-bg: var(--yqy-brand-soft) !important;
  --ump-border: var(--yqy-brand-border) !important;
  --ump-start-bg: var(--yqy-brand-hover) !important;
  --ump-end-bg: var(--yqy-brand-deep) !important;
  --el-color-primary-rgb: 109, 40, 217 !important;
  --el-color-primary: var(--yqy-template-primary, var(--yqy-brand-primary)) !important;
  --el-color-primary-light-3: #8b5cf6 !important;
  --el-color-primary-light-5: #a78bfa !important;
  --el-color-primary-light-7: #c4b5fd !important;
  --el-color-primary-light-8: #ddd6fe !important;
  --el-color-primary-light-9: var(--yqy-brand-soft) !important;
  --el-color-primary-dark-2: var(--yqy-brand-active) !important;
}

/* One footer shared by public, shopping, authentication, and account routes. */
html[data-yqy-global-footer] :is(.yqy-public-footer, .yqy-auth-shared-footer, .yqy-app-footer, #__nuxt .footer, #__nuxt #gamelifeFooter, #__nuxt .f-bottom, #__nuxt .glmall-footer-fn, #__nuxt .glmall-footer-group) { display: none !important; }
html[data-yqy-global-footer] .yqy-global-footer,
html[data-yqy-global-footer] .yqy-global-footer * { box-sizing: border-box; letter-spacing: 0; }
html[data-yqy-global-footer] .yqy-global-footer { position: relative; z-index: 2; flex: 0 0 auto; padding: 56px 0 0; color: #c4c7cc; background: #404040; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
html[data-yqy-global-footer] .yqy-global-footer a { color: inherit; text-decoration: none; }
html[data-yqy-global-footer] .yqy-global-footer-inner { width: min(1672px, calc(100% - 48px)); margin: 0 auto; }
html[data-yqy-global-footer] .yqy-global-benefits { display: grid; min-height: 154px; padding: 38px 96px; align-items: center; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; border-radius: 10px; background: #505050; }
html[data-yqy-global-footer] .yqy-global-benefits > div { display: grid; min-width: 0; align-items: center; grid-template-columns: 68px minmax(0, 1fr); gap: 22px; }
html[data-yqy-global-footer] .yqy-global-benefits > div > span { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; color: #c5ccd5; }
html[data-yqy-global-footer] .yqy-global-benefits > div > span.is-green { color: var(--yqy-brand-border, #c4b5fd); }
html[data-yqy-global-footer] .yqy-global-benefits svg { width: 54px; height: 54px; }
html[data-yqy-global-footer] .yqy-global-benefits strong { color: #fff; font-size: 22px; line-height: 1.35; }
html[data-yqy-global-footer] .yqy-global-benefits small { display: block; margin-top: 7px; color: #aeb2b8; font-size: 15px; font-weight: 400; }
html[data-yqy-global-footer] .yqy-global-footer-links { display: grid; padding: 43px 0 47px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 54px; }
html[data-yqy-global-footer] .yqy-global-footer-links h2 { margin: 0 0 23px; color: #fff; font-size: 21px; font-weight: 500; }
html[data-yqy-global-footer] .yqy-global-footer-links section > a { display: block; width: fit-content; margin: 14px 0; color: #b8bcc2; font-size: 15px; }
html[data-yqy-global-footer] .yqy-global-footer-links section > a:hover,
html[data-yqy-global-footer] .yqy-global-footer-links section > a.is-highlight { color: #66d6e6; }
html[data-yqy-global-footer] .yqy-global-follow { display: flex; gap: 12px; }
html[data-yqy-global-footer] .yqy-global-follow a { display: flex; width: 140px; height: 58px; align-items: center; justify-content: center; gap: 12px; border-radius: 5px; color: #d6d9de; background: #333; font-size: 16px; }
html[data-yqy-global-footer] .yqy-global-follow svg { width: 24px; height: 24px; }
html[data-yqy-global-footer] .yqy-global-copyright { padding: 23px 20px 31px; border-top: 1px solid #555; color: #92969c; font-size: 13px; line-height: 2; text-align: center; }
html[data-yqy-global-footer] .yqy-global-copyright p { margin: 0; }

@media (max-width: 1100px) {
  html[data-yqy-global-footer] .yqy-global-benefits { padding: 30px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-yqy-global-footer] .yqy-global-footer-links { padding-right: 20px; padding-left: 20px; }
}

@media (max-width: 640px) {
  html[data-yqy-global-footer] .yqy-global-footer { padding-top: 28px; }
  html[data-yqy-global-footer] .yqy-global-footer-inner { width: 100%; }
  html[data-yqy-global-footer] .yqy-global-benefits { margin: 0 14px; padding: 24px 18px; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  html[data-yqy-global-footer] .yqy-global-benefits strong { font-size: 18px; }
  html[data-yqy-global-footer] .yqy-global-footer-links { padding: 30px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  html[data-yqy-global-footer] .yqy-global-follow { flex-direction: column; }
  html[data-yqy-global-footer] .yqy-global-follow a { width: 100%; max-width: 140px; }
}

/* YQY_PURPLE_FOOTER_V1: shared footer brand interactions. */
html[data-yqy-global-footer] .yqy-global-footer-links section > a:hover,
html[data-yqy-global-footer] .yqy-global-footer-links section > a:focus-visible,
html[data-yqy-global-footer] .yqy-global-footer-links section > a.is-highlight {
  color: var(--yqy-brand-border, #c4b5fd);
}

html[data-yqy-global-footer] .yqy-global-follow a:hover,
html[data-yqy-global-footer] .yqy-global-follow a:focus-visible {
  background: var(--yqy-brand-deep, #4c1d95);
  color: #ffffff;
}

html[data-yqy-global-footer] .yqy-global-footer a:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--yqy-brand-hover, #7c3aed);
  outline-offset: 3px;
}

/* Keep filled account actions readable across every shared header. */
html[data-yqy-public] .yqy-public-account-links :is(.is-register, .is-login),
html[data-yqy-shop-header] .yqy-shop-account :is(.is-register, .is-login),
html[data-yqy-home-layout] .yqy-home-account :is(.is-register, .is-login),
html[data-yqy-auth="true"] .yqy-auth-account :is(.is-register, .is-login),
html[data-yqy-app-download="true"] .yqy-app-account-links :is(.is-register, .is-login) {
  color: #ffffff !important;
}

/* Storefront style is a visual mode on the same routes, never a separate enterprise site. */
html[data-yqy-storefront-mode="procurement"] {
  --yqy-brand-primary: #f97316;
  --yqy-brand-hover: #fb923c;
  --yqy-brand-active: #ea580c;
  --yqy-brand-deep: #c2410c;
  --yqy-brand-accent: #ef4444;
  --yqy-brand-price: #ef4444;
  --yqy-brand-soft: #fff7ed;
  --yqy-brand-muted: #ffedd5;
  --yqy-brand-border: #fdba74;
  --yqy-brand-page: #fffaf5;
  --yqy-brand-focus: rgba(249, 115, 22, 0.22);
  --yqy-brand-shadow: rgba(194, 65, 12, 0.16);
}

html[data-yqy-storefront-mode="enterprise"] {
  --yqy-brand-primary: #6d28d9;
  --yqy-brand-hover: #7c3aed;
  --yqy-brand-active: #5b21b6;
  --yqy-brand-deep: #4c1d95;
  --yqy-brand-accent: #a21caf;
  --yqy-brand-price: #a21caf;
  --yqy-brand-soft: #f5f3ff;
  --yqy-brand-muted: #ede9fe;
  --yqy-brand-border: #c4b5fd;
  --yqy-brand-page: #f7f5ff;
  --yqy-brand-focus: rgba(109, 40, 217, 0.22);
  --yqy-brand-shadow: rgba(76, 29, 149, 0.18);
}

html[data-yqy-storefront-mode="enterprise"] :is(.yqy-home-products, .yqy-public-card, .member-main, .ucenter-wrapper) {
  border-color: color-mix(in srgb, var(--yqy-brand-border) 58%, #e2e8f0) !important;
  box-shadow: 0 12px 32px rgba(76, 29, 149, 0.08) !important;
}

/* YQY_FRONTEND_CHROME_UNITY_V114: one visual contract for every public storefront header. */
:is(
  html[data-yqy-home-layout],
  html[data-yqy-shop-header],
  html[data-yqy-public],
  html[data-yqy-app-download="true"]
) :is(
  .yqy-home-site-header,
  .yqy-shop-site-header,
  .yqy-public-site-header,
  .yqy-app-site-header
) {
  color: #242933;
  background: #ffffff;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

:is(
  .yqy-home-navigation,
  .yqy-shop-navigation,
  .yqy-public-navigation,
  .yqy-app-navigation
) {
  background: var(--yqy-brand-primary, #6d28d9) !important;
}

:is(
  .yqy-home-nav-link,
  .yqy-shop-nav-link,
  .yqy-public-nav-link,
  .yqy-home-contact,
  .yqy-shop-contact,
  .yqy-public-contact,
  .yqy-app-navigation a,
  .yqy-home-category-nav > summary,
  .yqy-shop-category-nav > summary,
  .yqy-public-category-nav > summary
),
:is(
  .yqy-home-nav-link,
  .yqy-shop-nav-link,
  .yqy-public-nav-link,
  .yqy-home-contact,
  .yqy-shop-contact,
  .yqy-public-contact,
  .yqy-app-navigation a,
  .yqy-home-category-nav > summary,
  .yqy-shop-category-nav > summary,
  .yqy-public-category-nav > summary
) :is(span, strong) {
  color: #ffffff;
}

:is(
  .yqy-home-search,
  .yqy-shop-search,
  .yqy-public-search,
  .yqy-app-search
):focus-within {
  border-color: var(--yqy-brand-primary, #6d28d9) !important;
  box-shadow: 0 0 0 3px var(--yqy-brand-focus, rgba(109, 40, 217, .22)) !important;
}

:is(
  .yqy-home-search,
  .yqy-shop-search,
  .yqy-public-search,
  .yqy-app-search
) button {
  border-color: var(--yqy-brand-primary, #6d28d9) !important;
  background: var(--yqy-brand-primary, #6d28d9) !important;
}

/* One product-card skeleton for home, catalog, promotions, and recommendations. */
html .yqy-product-card-unified {
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 0 14px !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 5px 18px rgba(15, 23, 42, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

html .yqy-product-card-unified .yqy-product-card-media {
  display: flex !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f8fafc !important;
}

html .yqy-product-card-unified .yqy-product-card-media img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
}

html .yqy-product-card-unified .yqy-product-card-title,
html .yqy-product-card-unified .yqy-product-card-title a {
  display: -webkit-box !important;
  min-height: 44px !important;
  margin: 12px 13px 6px !important;
  overflow: hidden !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html .yqy-product-card-unified .yqy-product-card-title a {
  min-height: 0 !important;
  margin: 0 !important;
}

html .yqy-product-card-unified .yqy-list-product-badges {
  min-height: 24px !important;
  margin: 0 13px 5px !important;
}

html .yqy-product-card-unified .yqy-product-card-stats {
  display: flex !important;
  min-height: 20px !important;
  margin: 0 13px 5px !important;
  align-items: center !important;
  gap: 10px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
}

html .yqy-product-card-unified .yqy-product-card-foot {
  display: flex !important;
  min-height: 40px !important;
  margin-top: auto !important;
  padding: 5px 13px 0 !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: transparent !important;
}

html .yqy-product-card-unified .yqy-product-card-price {
  display: flex !important;
  min-width: 0 !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px 8px !important;
}

html .yqy-product-card-unified .yqy-product-card-price strong {
  color: var(--yqy-brand-price) !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}

html .yqy-product-card-unified .yqy-product-card-price del {
  color: #9ca3af !important;
  font-size: 12px !important;
}

html .yqy-product-card-unified .yqy-product-card-price em {
  color: var(--yqy-brand-active) !important;
  font-size: 11px !important;
  font-style: normal !important;
}

html .yqy-product-card-unified .yqy-product-card-promotion {
  position: absolute !important;
  z-index: 2 !important;
  top: 10px !important;
  left: 10px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: var(--yqy-brand-price) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html .yqy-product-card-unified .yqy-list-product-actions {
  display: flex !important;
  min-height: 36px !important;
  margin: 10px 13px 0 !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
}

html .yqy-product-card-unified .yqy-list-product-actions a {
  display: inline-flex !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 10px !important;
  flex: 1 1 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 1px solid var(--yqy-brand-border) !important;
  border-radius: 6px !important;
  color: var(--yqy-brand-primary) !important;
  background: var(--yqy-brand-soft) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html .yqy-product-card-unified .yqy-list-product-actions a.is-buy {
  border-color: var(--yqy-brand-primary) !important;
  color: #ffffff !important;
  background: var(--yqy-brand-primary) !important;
}

html .yqy-product-card-unified .yqy-list-action-icon {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  stroke-width: 2 !important;
}

html .yqy-product-card-unified:hover {
  border-color: var(--yqy-brand-border) !important;
  box-shadow: 0 14px 30px var(--yqy-brand-shadow) !important;
  transform: translateY(-3px) !important;
}

html[data-yqy-show-sales="false"] [data-yqy-product-sales],
html[data-yqy-show-market-price="false"] [data-yqy-product-market-price],
html[data-yqy-show-reviews="false"] [data-yqy-product-reviews],
html[data-yqy-show-order-time="false"] [data-yqy-product-order-time],
html[data-yqy-show-order-quantity="false"] [data-yqy-product-order-quantity],
html[data-yqy-show-member-price="false"] [data-yqy-product-member-price] {
  display: none !important;
}

@media (max-width: 640px) {
  html .yqy-product-card-unified {
    padding-bottom: 10px !important;
    border-radius: 8px !important;
  }

  html .yqy-product-card-unified .yqy-product-card-title,
  html .yqy-product-card-unified .yqy-product-card-title a {
    margin-right: 9px !important;
    margin-left: 9px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  html .yqy-product-card-unified .yqy-product-card-stats,
  html .yqy-product-card-unified .yqy-list-product-badges,
  html .yqy-product-card-unified .yqy-product-card-foot,
  html .yqy-product-card-unified .yqy-list-product-actions {
    margin-right: 9px !important;
    margin-left: 9px !important;
  }
}