/* Dynamic front theme: custom_style1 */
/* custom_style1.css - Tmall front-end template. */

body.custom_style1 {
  --theme-primary: #e60012;
  --theme-primary-dark: #b0000f;
  --theme-secondary: #111111;
  --theme-soft: #fff1f2;
  --theme-soft-2: #f7f7f7;
  --theme-text: #202124;
  --theme-muted: #6b7280;
  --theme-border: #ffd4d8;
  --theme-shadow: rgba(230, 0, 18, .14);
  --theme-header: #ffffff;
}

body.custom_style1 {
  color: var(--theme-text);
}

body.custom_style1.list-page,
body.custom_style1.product-page,
body.custom_style1 .page-home,
body.custom_style1.news-portal,
body.custom_style1.agreement-page,
body.custom_style1.publish-page,
body.custom_style1.merchant-page {
  background:
    radial-gradient(circle at top, color-mix(in srgb, var(--theme-primary) 10%, transparent), transparent 30%),
    linear-gradient(180deg, var(--theme-soft-2) 0%, #f3f5f8 100%) !important;
}

body.custom_style1 .topbar,
body.custom_style1 .l-topbar,
body.custom_style1 .p-topbar,
body.custom_style1 .np-topbar,
body.custom_style1 .bartop {
  background: var(--theme-secondary) !important;
  border-color: color-mix(in srgb, var(--theme-secondary) 80%, #fff) !important;
  color: #fff !important;
}

body.custom_style1 .topbar a,
body.custom_style1 .l-topbar a,
body.custom_style1 .p-topbar a,
body.custom_style1 .np-topbar a,
body.custom_style1 .bartop a,
body.custom_style1 .barcity {
  color: #fff !important;
}

body.custom_style1 .site-header,
body.custom_style1 .l-header,
body.custom_style1 .p-header,
body.custom_style1 .np-site-head,
body.custom_style1 .agreement-header,
body.custom_style1 .publish-card,
body.custom_style1.merchant-page .header,
body.custom_style1.merchant-page .sj_form_box,
body.custom_style1.merchant-page .merchant-result-card,
body.custom_style1 .eyoucms_head {
  background: var(--theme-header) !important;
  box-shadow: 0 12px 30px var(--theme-shadow) !important;
}

body.custom_style1 .search-box,
body.custom_style1 .l-search-box,
body.custom_style1 .p-search-box,
body.custom_style1 .np-search-shell,
body.custom_style1 .publish-card input.txt,
body.custom_style1 .publish-card select.sel,
body.custom_style1 .rich-editor-wrap {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 12px 24px var(--theme-shadow) !important;
}

body.custom_style1 .search-box button,
body.custom_style1 .l-search-box button,
body.custom_style1 .p-search-box button,
body.custom_style1 .np-search-shell button,
body.custom_style1 .publish-submit,
body.custom_style1.merchant-page .sj_btn,
body.custom_style1.merchant-page .btn:not(.danger),
body.custom_style1 .popup-submit,
body.custom_style1 .p-btn-primary,
body.custom_style1 .l-card-actions .primary,
body.custom_style1 .btn-primary,
body.custom_style1 .eyoucms_head .eyou_zc .icon123 {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
  color: #fff !important;
  border-color: var(--theme-primary) !important;
}

body.custom_style1 .cart-entry,
body.custom_style1 .l-cart,
body.custom_style1 .p-cart,
body.custom_style1 .p-btn-secondary,
body.custom_style1 .np-action-card,
body.custom_style1 .publish-back {
  background: var(--theme-soft) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-primary) !important;
}

body.custom_style1 .all-cats,
body.custom_style1 .l-all-cats,
body.custom_style1 .np-primary-nav,
body.custom_style1 .agreement-side-title {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
  color: #fff !important;
}

body.custom_style1 .main-nav a.active,
body.custom_style1 .l-nav-links a.active,
body.custom_style1 .np-primary-nav a.active,
body.custom_style1 .message-card-badge,
body.custom_style1 .message-hot-rank,
body.custom_style1 .p-price-value,
body.custom_style1 .l-card-price,
body.custom_style1 .np-detail-title,
body.custom_style1 .publish-logo,
body.custom_style1.merchant-page .brand span,
body.custom_style1.merchant-page .section-title,
body.custom_style1.merchant-page .section_title,
body.custom_style1 a:hover {
  color: var(--theme-primary) !important;
}

body.custom_style1 .hero-shell,
body.custom_style1 .l-hero,
body.custom_style1 .p-price-card,
body.custom_style1 .p-shop-card,
body.custom_style1 .p-detail-panel,
body.custom_style1 .l-card,
body.custom_style1 .message-card,
body.custom_style1 .message-hot-item,
body.custom_style1 .np-detail-article,
body.custom_style1 .agreement-card,
body.custom_style1 .publish-card,
body.custom_style1.merchant-page .panel,
body.custom_style1.merchant-page .application,
body.custom_style1.merchant-page .upload-card {
  border-color: var(--theme-border) !important;
}

body.custom_style1.merchant-page .section-title,
body.custom_style1.merchant-page .section_title {
  border-left-color: var(--theme-primary) !important;
}

body.custom_style1.merchant-page .enter_order li.on .number_ball,
body.custom_style1.merchant-page .enter_order li.reviewing .number_ball,
body.custom_style1.merchant-page .upload-card:hover {
  border-color: var(--theme-primary) !important;
}

body.custom_style1.merchant-page .enter_order li.on .number_ball,
body.custom_style1.merchant-page .enter_order li.reviewing .number_ball {
  background: var(--theme-primary) !important;
}

body.custom_style1 .site-footer {
  background: var(--theme-secondary) !important;
}

body.custom_style1 .footer-icp,
body.custom_style1 .l-footer {
  background: #fff !important;
  color: var(--theme-muted) !important;
}

/* Strong visual layer: Tmall style, bold red mall campaign. */
body.custom_style1 .site-header,
body.custom_style1 .eyoucms_head {
  border-bottom: 4px solid #e60012 !important;
}

body.custom_style1 .header-main,
body.custom_style1 .eyoucms_inside {
  min-height: 108px !important;
}

body.custom_style1 .brand,
body.custom_style1 .eyoucms_inside > a {
  transform: scale(1.08);
  transform-origin: left center;
}

body.custom_style1 .search-box,
body.custom_style1 .p-search-box,
body.custom_style1 .np-search-shell {
  border-width: 3px !important;
  border-radius: 0 !important;
}

body.custom_style1 .nav-strip,
body.custom_style1 .np-primary-nav .np-wrap,
body.custom_style1 .eyou_dh {
  min-height: 56px !important;
  background: #111 !important;
  padding: 0 18px !important;
}

body.custom_style1 .main-nav a,
body.custom_style1 .eyou_dh a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

body.custom_style1 .main-nav a.active,
body.custom_style1 .eyou_dh a:hover {
  background: #e60012 !important;
  color: #fff !important;
}

body.custom_style1 .hero-shell {
  padding: 30px 0 44px !important;
  background: linear-gradient(135deg, #fff0f2 0%, #e60012 54%, #730009 100%) !important;
}

body.custom_style1 .hero-grid {
  grid-template-columns: 210px minmax(0, 1fr) 230px !important;
  gap: 18px !important;
}

body.custom_style1 .hero-banner {
  min-height: 420px !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #e60012, #9b0011) !important;
  border: 6px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 24px 50px rgba(120,0,12,.32) !important;
}

body.custom_style1 .hero-copy h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
  text-shadow: 0 4px 16px rgba(90,0,0,.35) !important;
}

body.custom_style1 .hero-cats,
body.custom_style1 .hero-side .panel,
body.custom_style1 .sale-card,
body.custom_style1 .mini-card,
body.custom_style1 .message-card {
  border-radius: 0 !important;
  border: 2px solid #e60012 !important;
  box-shadow: 8px 8px 0 rgba(230,0,18,.14) !important;
}

body.custom_style1 .product-row,
body.custom_style1 .mini-grid {
  gap: 18px !important;
}

body.custom_style1 .sale-card:hover,
body.custom_style1 .mini-card:hover,
body.custom_style1 .message-card:hover {
  transform: translateY(-8px) scale(1.02) !important;
}

/* Readability guard for shared PHP front-end headers. */
body.custom_style1 .np-primary-nav a {
  color: #fff !important;
}

body.custom_style1 .np-primary-nav a.active,
body.custom_style1 .np-primary-nav a:hover,
body.custom_style1 .np-primary-nav a:focus-visible {
  background: #111 !important;
  color: #fff !important;
}

body.custom_style1 .eyoucms_inside .eyou_dh .eyou_arr {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .24) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.custom_style1 .eyoucms_inside .eyou_dh .eyou_arr:hover,
body.custom_style1 .eyoucms_inside .eyou_dh .eyou_arr:focus-visible {
  background: #e60012 !important;
  border-color: #e60012 !important;
  color: #fff !important;
}

body.custom_style1 .eyoucms_head .eyou_zc .icon123,
body.custom_style1 .eyoucms_head .eyou_zc .icon123 p {
  color: #fff !important;
}


/* front_theme_common.css - final overlay for custom_style1-8.
   Loaded after the selected custom_styleN.css by theme-css.php. */

body.custom_style1,
body.custom_style2,
body.custom_style3,
body.custom_style4,
body.custom_style5,
body.custom_style6,
body.custom_style7,
body.custom_style8 {
  --theme-radius-sm: 10px;
  --theme-radius: 16px;
  --theme-radius-lg: 24px;
  --theme-surface: #ffffff;
  --theme-surface-soft: rgba(255,255,255,.92);
  --theme-ink: var(--theme-text, #1f2937);
  --theme-ink-strong: #101828;
  --theme-line: rgba(15, 23, 42, .10);
  --theme-focus: 0 0 0 3px rgba(37, 99, 235, .18);
  --theme-card-shadow: 0 18px 46px rgba(15, 23, 42, .09);
  color: var(--theme-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body.custom_style8 {
  --theme-surface: rgba(12, 18, 38, .94);
  --theme-surface-soft: rgba(18, 27, 56, .86);
  --theme-ink: #eef7ff;
  --theme-ink-strong: #ffffff;
  --theme-line: rgba(160, 210, 255, .18);
  --theme-focus: 0 0 0 3px rgba(0, 212, 255, .24);
  --theme-card-shadow: 0 20px 52px rgba(0, 0, 0, .34), 0 0 28px rgba(0, 212, 255, .10);
}

body.custom_style1 { --theme-radius-lg: 18px; }
body.custom_style2 { --theme-radius-lg: 14px; --theme-card-shadow: 0 14px 36px rgba(15,23,42,.08); }
body.custom_style3 { --theme-radius-lg: 18px; }
body.custom_style4 { --theme-radius-lg: 14px; }
body.custom_style5 { --theme-radius-lg: 28px; }
body.custom_style6 { --theme-radius-lg: 22px; }
body.custom_style7 { --theme-radius-lg: 28px; --theme-card-shadow: 0 18px 44px rgba(255, 36, 66, .12); }

body.custom_style1 a,
body.custom_style2 a,
body.custom_style3 a,
body.custom_style4 a,
body.custom_style5 a,
body.custom_style6 a,
body.custom_style7 a,
body.custom_style8 a {
  text-decoration: none;
}

body.custom_style1 a:focus-visible,
body.custom_style2 a:focus-visible,
body.custom_style3 a:focus-visible,
body.custom_style4 a:focus-visible,
body.custom_style5 a:focus-visible,
body.custom_style6 a:focus-visible,
body.custom_style7 a:focus-visible,
body.custom_style8 a:focus-visible,
body.custom_style1 button:focus-visible,
body.custom_style2 button:focus-visible,
body.custom_style3 button:focus-visible,
body.custom_style4 button:focus-visible,
body.custom_style5 button:focus-visible,
body.custom_style6 button:focus-visible,
body.custom_style7 button:focus-visible,
body.custom_style8 button:focus-visible,
body.custom_style1 input:focus,
body.custom_style2 input:focus,
body.custom_style3 input:focus,
body.custom_style4 input:focus,
body.custom_style5 input:focus,
body.custom_style6 input:focus,
body.custom_style7 input:focus,
body.custom_style8 input:focus,
body.custom_style1 select:focus,
body.custom_style2 select:focus,
body.custom_style3 select:focus,
body.custom_style4 select:focus,
body.custom_style5 select:focus,
body.custom_style6 select:focus,
body.custom_style7 select:focus,
body.custom_style8 select:focus,
body.custom_style1 textarea:focus,
body.custom_style2 textarea:focus,
body.custom_style3 textarea:focus,
body.custom_style4 textarea:focus,
body.custom_style5 textarea:focus,
body.custom_style6 textarea:focus,
body.custom_style7 textarea:focus,
body.custom_style8 textarea:focus {
  outline: none !important;
  box-shadow: var(--theme-focus) !important;
}

body.custom_style1 .wrap,
body.custom_style2 .wrap,
body.custom_style3 .wrap,
body.custom_style4 .wrap,
body.custom_style5 .wrap,
body.custom_style6 .wrap,
body.custom_style7 .wrap,
body.custom_style8 .wrap,
body.custom_style1 .l-wrap,
body.custom_style2 .l-wrap,
body.custom_style3 .l-wrap,
body.custom_style4 .l-wrap,
body.custom_style5 .l-wrap,
body.custom_style6 .l-wrap,
body.custom_style7 .l-wrap,
body.custom_style8 .l-wrap,
body.custom_style1 .np-wrap,
body.custom_style2 .np-wrap,
body.custom_style3 .np-wrap,
body.custom_style4 .np-wrap,
body.custom_style5 .np-wrap,
body.custom_style6 .np-wrap,
body.custom_style7 .np-wrap,
body.custom_style8 .np-wrap,
body.custom_style1 .inward,
body.custom_style2 .inward,
body.custom_style3 .inward,
body.custom_style4 .inward,
body.custom_style5 .inward,
body.custom_style6 .inward,
body.custom_style7 .inward,
body.custom_style8 .inward {
  max-width: 1200px;
}

body.custom_style1 .topbar,
body.custom_style2 .topbar,
body.custom_style3 .topbar,
body.custom_style4 .topbar,
body.custom_style5 .topbar,
body.custom_style6 .topbar,
body.custom_style7 .topbar,
body.custom_style8 .topbar,
body.custom_style1 .l-topbar,
body.custom_style2 .l-topbar,
body.custom_style3 .l-topbar,
body.custom_style4 .l-topbar,
body.custom_style5 .l-topbar,
body.custom_style6 .l-topbar,
body.custom_style7 .l-topbar,
body.custom_style8 .l-topbar,
body.custom_style1 .p-topbar,
body.custom_style2 .p-topbar,
body.custom_style3 .p-topbar,
body.custom_style4 .p-topbar,
body.custom_style5 .p-topbar,
body.custom_style6 .p-topbar,
body.custom_style7 .p-topbar,
body.custom_style8 .p-topbar,
body.custom_style1 .np-topbar,
body.custom_style2 .np-topbar,
body.custom_style3 .np-topbar,
body.custom_style4 .np-topbar,
body.custom_style5 .np-topbar,
body.custom_style6 .np-topbar,
body.custom_style7 .np-topbar,
body.custom_style8 .np-topbar,
body.custom_style1 .bartop,
body.custom_style2 .bartop,
body.custom_style3 .bartop,
body.custom_style4 .bartop,
body.custom_style5 .bartop,
body.custom_style6 .bartop,
body.custom_style7 .bartop,
body.custom_style8 .bartop {
  min-height: 36px;
  border-bottom: 1px solid var(--theme-line) !important;
}

body.custom_style5 .topbar,
body.custom_style5 .l-topbar,
body.custom_style5 .p-topbar,
body.custom_style5 .np-topbar,
body.custom_style5 .bartop {
  color: #40210f !important;
}

body.custom_style5 .topbar a,
body.custom_style5 .l-topbar a,
body.custom_style5 .p-topbar a,
body.custom_style5 .np-topbar a,
body.custom_style5 .bartop a,
body.custom_style5 .barcity {
  color: #40210f !important;
}

body.custom_style1 .site-header,
body.custom_style2 .site-header,
body.custom_style3 .site-header,
body.custom_style4 .site-header,
body.custom_style5 .site-header,
body.custom_style6 .site-header,
body.custom_style7 .site-header,
body.custom_style8 .site-header,
body.custom_style1 .l-header,
body.custom_style2 .l-header,
body.custom_style3 .l-header,
body.custom_style4 .l-header,
body.custom_style5 .l-header,
body.custom_style6 .l-header,
body.custom_style7 .l-header,
body.custom_style8 .l-header,
body.custom_style1 .p-header,
body.custom_style2 .p-header,
body.custom_style3 .p-header,
body.custom_style4 .p-header,
body.custom_style5 .p-header,
body.custom_style6 .p-header,
body.custom_style7 .p-header,
body.custom_style8 .p-header,
body.custom_style1 .np-site-head,
body.custom_style2 .np-site-head,
body.custom_style3 .np-site-head,
body.custom_style4 .np-site-head,
body.custom_style5 .np-site-head,
body.custom_style6 .np-site-head,
body.custom_style7 .np-site-head,
body.custom_style8 .np-site-head,
body.custom_style1 .eyoucms_head,
body.custom_style2 .eyoucms_head,
body.custom_style3 .eyoucms_head,
body.custom_style4 .eyoucms_head,
body.custom_style5 .eyoucms_head,
body.custom_style6 .eyoucms_head,
body.custom_style7 .eyoucms_head,
body.custom_style8 .eyoucms_head {
  background: var(--theme-surface) !important;
  border-bottom: 1px solid var(--theme-line) !important;
  box-shadow: var(--theme-card-shadow) !important;
}

body.custom_style1 .brand img,
body.custom_style2 .brand img,
body.custom_style3 .brand img,
body.custom_style4 .brand img,
body.custom_style5 .brand img,
body.custom_style6 .brand img,
body.custom_style7 .brand img,
body.custom_style8 .brand img,
body.custom_style1 .l-logo img,
body.custom_style2 .l-logo img,
body.custom_style3 .l-logo img,
body.custom_style4 .l-logo img,
body.custom_style5 .l-logo img,
body.custom_style6 .l-logo img,
body.custom_style7 .l-logo img,
body.custom_style8 .l-logo img,
body.custom_style1 .p-logo img,
body.custom_style2 .p-logo img,
body.custom_style3 .p-logo img,
body.custom_style4 .p-logo img,
body.custom_style5 .p-logo img,
body.custom_style6 .p-logo img,
body.custom_style7 .p-logo img,
body.custom_style8 .p-logo img,
body.custom_style1 .np-logo img,
body.custom_style2 .np-logo img,
body.custom_style3 .np-logo img,
body.custom_style4 .np-logo img,
body.custom_style5 .np-logo img,
body.custom_style6 .np-logo img,
body.custom_style7 .np-logo img,
body.custom_style8 .np-logo img {
  max-height: 70px;
  object-fit: contain;
}

body.custom_style1 .search-box,
body.custom_style2 .search-box,
body.custom_style3 .search-box,
body.custom_style4 .search-box,
body.custom_style5 .search-box,
body.custom_style6 .search-box,
body.custom_style7 .search-box,
body.custom_style8 .search-box,
body.custom_style1 .l-search-box,
body.custom_style2 .l-search-box,
body.custom_style3 .l-search-box,
body.custom_style4 .l-search-box,
body.custom_style5 .l-search-box,
body.custom_style6 .l-search-box,
body.custom_style7 .l-search-box,
body.custom_style8 .l-search-box,
body.custom_style1 .p-search-box,
body.custom_style2 .p-search-box,
body.custom_style3 .p-search-box,
body.custom_style4 .p-search-box,
body.custom_style5 .p-search-box,
body.custom_style6 .p-search-box,
body.custom_style7 .p-search-box,
body.custom_style8 .p-search-box,
body.custom_style1 .np-search-shell,
body.custom_style2 .np-search-shell,
body.custom_style3 .np-search-shell,
body.custom_style4 .np-search-shell,
body.custom_style5 .np-search-shell,
body.custom_style6 .np-search-shell,
body.custom_style7 .np-search-shell,
body.custom_style8 .np-search-shell {
  background: #fff !important;
  border: 2px solid var(--theme-primary) !important;
  border-radius: 999px !important;
  overflow: hidden;
  box-shadow: 0 12px 28px var(--theme-shadow, rgba(0,0,0,.10)) !important;
}

body.custom_style1 .search-box input,
body.custom_style2 .search-box input,
body.custom_style3 .search-box input,
body.custom_style4 .search-box input,
body.custom_style5 .search-box input,
body.custom_style6 .search-box input,
body.custom_style7 .search-box input,
body.custom_style8 .search-box input,
body.custom_style1 .l-search-box input,
body.custom_style2 .l-search-box input,
body.custom_style3 .l-search-box input,
body.custom_style4 .l-search-box input,
body.custom_style5 .l-search-box input,
body.custom_style6 .l-search-box input,
body.custom_style7 .l-search-box input,
body.custom_style8 .l-search-box input,
body.custom_style1 .p-search-box input,
body.custom_style2 .p-search-box input,
body.custom_style3 .p-search-box input,
body.custom_style4 .p-search-box input,
body.custom_style5 .p-search-box input,
body.custom_style6 .p-search-box input,
body.custom_style7 .p-search-box input,
body.custom_style8 .p-search-box input {
  color: #111827 !important;
  background: #fff !important;
  font-size: 15px !important;
}

body.custom_style1 .search-box button,
body.custom_style2 .search-box button,
body.custom_style3 .search-box button,
body.custom_style4 .search-box button,
body.custom_style5 .search-box button,
body.custom_style6 .search-box button,
body.custom_style7 .search-box button,
body.custom_style8 .search-box button,
body.custom_style1 .l-search-box button,
body.custom_style2 .l-search-box button,
body.custom_style3 .l-search-box button,
body.custom_style4 .l-search-box button,
body.custom_style5 .l-search-box button,
body.custom_style6 .l-search-box button,
body.custom_style7 .l-search-box button,
body.custom_style8 .l-search-box button,
body.custom_style1 .p-search-box button,
body.custom_style2 .p-search-box button,
body.custom_style3 .p-search-box button,
body.custom_style4 .p-search-box button,
body.custom_style5 .p-search-box button,
body.custom_style6 .p-search-box button,
body.custom_style7 .p-search-box button,
body.custom_style8 .p-search-box button,
body.custom_style1 .np-search-shell button,
body.custom_style2 .np-search-shell button,
body.custom_style3 .np-search-shell button,
body.custom_style4 .np-search-shell button,
body.custom_style5 .np-search-shell button,
body.custom_style6 .np-search-shell button,
body.custom_style7 .np-search-shell button,
body.custom_style8 .np-search-shell button {
  color: #fff !important;
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
  border: 0 !important;
  font-weight: 700 !important;
}

body.custom_style1 .nav-strip,
body.custom_style2 .nav-strip,
body.custom_style3 .nav-strip,
body.custom_style4 .nav-strip,
body.custom_style5 .nav-strip,
body.custom_style6 .nav-strip,
body.custom_style7 .nav-strip,
body.custom_style8 .nav-strip,
body.custom_style1 .l-nav,
body.custom_style2 .l-nav,
body.custom_style3 .l-nav,
body.custom_style4 .l-nav,
body.custom_style5 .l-nav,
body.custom_style6 .l-nav,
body.custom_style7 .l-nav,
body.custom_style8 .l-nav,
body.custom_style1 .eyou_dh,
body.custom_style2 .eyou_dh,
body.custom_style3 .eyou_dh,
body.custom_style4 .eyou_dh,
body.custom_style5 .eyou_dh,
body.custom_style6 .eyou_dh,
body.custom_style7 .eyou_dh,
body.custom_style8 .eyou_dh {
  border-radius: var(--theme-radius) !important;
  overflow: hidden;
}

body.custom_style1 .all-cats,
body.custom_style2 .all-cats,
body.custom_style3 .all-cats,
body.custom_style4 .all-cats,
body.custom_style5 .all-cats,
body.custom_style6 .all-cats,
body.custom_style7 .all-cats,
body.custom_style8 .all-cats,
body.custom_style1 .l-all-cats,
body.custom_style2 .l-all-cats,
body.custom_style3 .l-all-cats,
body.custom_style4 .l-all-cats,
body.custom_style5 .l-all-cats,
body.custom_style6 .l-all-cats,
body.custom_style7 .l-all-cats,
body.custom_style8 .l-all-cats,
body.custom_style1 .np-primary-nav,
body.custom_style2 .np-primary-nav,
body.custom_style3 .np-primary-nav,
body.custom_style4 .np-primary-nav,
body.custom_style5 .np-primary-nav,
body.custom_style6 .np-primary-nav,
body.custom_style7 .np-primary-nav,
body.custom_style8 .np-primary-nav {
  color: #fff !important;
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
  font-weight: 800 !important;
}

body.custom_style1 .main-nav a,
body.custom_style2 .main-nav a,
body.custom_style3 .main-nav a,
body.custom_style4 .main-nav a,
body.custom_style5 .main-nav a,
body.custom_style6 .main-nav a,
body.custom_style7 .main-nav a,
body.custom_style8 .main-nav a,
body.custom_style1 .l-nav-links a,
body.custom_style2 .l-nav-links a,
body.custom_style3 .l-nav-links a,
body.custom_style4 .l-nav-links a,
body.custom_style5 .l-nav-links a,
body.custom_style6 .l-nav-links a,
body.custom_style7 .l-nav-links a,
body.custom_style8 .l-nav-links a,
body.custom_style1 .eyou_dh a,
body.custom_style2 .eyou_dh a,
body.custom_style3 .eyou_dh a,
body.custom_style4 .eyou_dh a,
body.custom_style5 .eyou_dh a,
body.custom_style6 .eyou_dh a,
body.custom_style7 .eyou_dh a,
body.custom_style8 .eyou_dh a {
  border-radius: 999px !important;
  color: var(--theme-ink-strong) !important;
  font-weight: 700;
}

body.custom_style1 .main-nav a.active,
body.custom_style2 .main-nav a.active,
body.custom_style3 .main-nav a.active,
body.custom_style4 .main-nav a.active,
body.custom_style5 .main-nav a.active,
body.custom_style6 .main-nav a.active,
body.custom_style7 .main-nav a.active,
body.custom_style8 .main-nav a.active,
body.custom_style1 .main-nav a:hover,
body.custom_style2 .main-nav a:hover,
body.custom_style3 .main-nav a:hover,
body.custom_style4 .main-nav a:hover,
body.custom_style5 .main-nav a:hover,
body.custom_style6 .main-nav a:hover,
body.custom_style7 .main-nav a:hover,
body.custom_style8 .main-nav a:hover,
body.custom_style1 .l-nav-links a.active,
body.custom_style2 .l-nav-links a.active,
body.custom_style3 .l-nav-links a.active,
body.custom_style4 .l-nav-links a.active,
body.custom_style5 .l-nav-links a.active,
body.custom_style6 .l-nav-links a.active,
body.custom_style7 .l-nav-links a.active,
body.custom_style8 .l-nav-links a.active,
body.custom_style1 .l-nav-links a:hover,
body.custom_style2 .l-nav-links a:hover,
body.custom_style3 .l-nav-links a:hover,
body.custom_style4 .l-nav-links a:hover,
body.custom_style5 .l-nav-links a:hover,
body.custom_style6 .l-nav-links a:hover,
body.custom_style7 .l-nav-links a:hover,
body.custom_style8 .l-nav-links a:hover,
body.custom_style1 .eyou_dh a:hover,
body.custom_style2 .eyou_dh a:hover,
body.custom_style3 .eyou_dh a:hover,
body.custom_style4 .eyou_dh a:hover,
body.custom_style5 .eyou_dh a:hover,
body.custom_style6 .eyou_dh a:hover,
body.custom_style7 .eyou_dh a:hover,
body.custom_style8 .eyou_dh a:hover {
  color: #fff !important;
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
}

body.custom_style1 .hero-shell,
body.custom_style2 .hero-shell,
body.custom_style3 .hero-shell,
body.custom_style4 .hero-shell,
body.custom_style5 .hero-shell,
body.custom_style6 .hero-shell,
body.custom_style7 .hero-shell,
body.custom_style8 .hero-shell,
body.custom_style1 .l-hero,
body.custom_style2 .l-hero,
body.custom_style3 .l-hero,
body.custom_style4 .l-hero,
body.custom_style5 .l-hero,
body.custom_style6 .l-hero,
body.custom_style7 .l-hero,
body.custom_style8 .l-hero {
  border-radius: var(--theme-radius-lg) !important;
  overflow: hidden;
}

body.custom_style1 .hero-banner,
body.custom_style2 .hero-banner,
body.custom_style3 .hero-banner,
body.custom_style4 .hero-banner,
body.custom_style5 .hero-banner,
body.custom_style6 .hero-banner,
body.custom_style7 .hero-banner,
body.custom_style8 .hero-banner {
  border: 1px solid var(--theme-line) !important;
  border-radius: var(--theme-radius-lg) !important;
  box-shadow: var(--theme-card-shadow) !important;
}

body.custom_style1 .hero-copy h1,
body.custom_style2 .hero-copy h1,
body.custom_style3 .hero-copy h1,
body.custom_style4 .hero-copy h1,
body.custom_style5 .hero-copy h1,
body.custom_style6 .hero-copy h1,
body.custom_style7 .hero-copy h1,
body.custom_style8 .hero-copy h1,
body.custom_style1 .section-head h2,
body.custom_style2 .section-head h2,
body.custom_style3 .section-head h2,
body.custom_style4 .section-head h2,
body.custom_style5 .section-head h2,
body.custom_style6 .section-head h2,
body.custom_style7 .section-head h2,
body.custom_style8 .section-head h2,
body.custom_style1 .l-grid-head h2,
body.custom_style2 .l-grid-head h2,
body.custom_style3 .l-grid-head h2,
body.custom_style4 .l-grid-head h2,
body.custom_style5 .l-grid-head h2,
body.custom_style6 .l-grid-head h2,
body.custom_style7 .l-grid-head h2,
body.custom_style8 .l-grid-head h2,
body.custom_style1 .np-detail-title,
body.custom_style2 .np-detail-title,
body.custom_style3 .np-detail-title,
body.custom_style4 .np-detail-title,
body.custom_style5 .np-detail-title,
body.custom_style6 .np-detail-title,
body.custom_style7 .np-detail-title,
body.custom_style8 .np-detail-title {
  color: var(--theme-ink-strong) !important;
  letter-spacing: -.02em;
}

body.custom_style1 .hero-desc,
body.custom_style2 .hero-desc,
body.custom_style3 .hero-desc,
body.custom_style4 .hero-desc,
body.custom_style5 .hero-desc,
body.custom_style6 .hero-desc,
body.custom_style7 .hero-desc,
body.custom_style8 .hero-desc,
body.custom_style1 .l-card-sub,
body.custom_style2 .l-card-sub,
body.custom_style3 .l-card-sub,
body.custom_style4 .l-card-sub,
body.custom_style5 .l-card-sub,
body.custom_style6 .l-card-sub,
body.custom_style7 .l-card-sub,
body.custom_style8 .l-card-sub,
body.custom_style1 .message-card-summary,
body.custom_style2 .message-card-summary,
body.custom_style3 .message-card-summary,
body.custom_style4 .message-card-summary,
body.custom_style5 .message-card-summary,
body.custom_style6 .message-card-summary,
body.custom_style7 .message-card-summary,
body.custom_style8 .message-card-summary,
body.custom_style1 .field-tip,
body.custom_style2 .field-tip,
body.custom_style3 .field-tip,
body.custom_style4 .field-tip,
body.custom_style5 .field-tip,
body.custom_style6 .field-tip,
body.custom_style7 .field-tip,
body.custom_style8 .field-tip {
  color: var(--theme-muted, #667085) !important;
}

body.custom_style1 .panel,
body.custom_style2 .panel,
body.custom_style3 .panel,
body.custom_style4 .panel,
body.custom_style5 .panel,
body.custom_style6 .panel,
body.custom_style7 .panel,
body.custom_style8 .panel,
body.custom_style1 .user-panel,
body.custom_style2 .user-panel,
body.custom_style3 .user-panel,
body.custom_style4 .user-panel,
body.custom_style5 .user-panel,
body.custom_style6 .user-panel,
body.custom_style7 .user-panel,
body.custom_style8 .user-panel,
body.custom_style1 .sale-card,
body.custom_style2 .sale-card,
body.custom_style3 .sale-card,
body.custom_style4 .sale-card,
body.custom_style5 .sale-card,
body.custom_style6 .sale-card,
body.custom_style7 .sale-card,
body.custom_style8 .sale-card,
body.custom_style1 .mini-card,
body.custom_style2 .mini-card,
body.custom_style3 .mini-card,
body.custom_style4 .mini-card,
body.custom_style5 .mini-card,
body.custom_style6 .mini-card,
body.custom_style7 .mini-card,
body.custom_style8 .mini-card,
body.custom_style1 .l-card,
body.custom_style2 .l-card,
body.custom_style3 .l-card,
body.custom_style4 .l-card,
body.custom_style5 .l-card,
body.custom_style6 .l-card,
body.custom_style7 .l-card,
body.custom_style8 .l-card,
body.custom_style1 .message-card,
body.custom_style2 .message-card,
body.custom_style3 .message-card,
body.custom_style4 .message-card,
body.custom_style5 .message-card,
body.custom_style6 .message-card,
body.custom_style7 .message-card,
body.custom_style8 .message-card,
body.custom_style1 .message-hot-item,
body.custom_style2 .message-hot-item,
body.custom_style3 .message-hot-item,
body.custom_style4 .message-hot-item,
body.custom_style5 .message-hot-item,
body.custom_style6 .message-hot-item,
body.custom_style7 .message-hot-item,
body.custom_style8 .message-hot-item,
body.custom_style1 .np-detail-article,
body.custom_style2 .np-detail-article,
body.custom_style3 .np-detail-article,
body.custom_style4 .np-detail-article,
body.custom_style5 .np-detail-article,
body.custom_style6 .np-detail-article,
body.custom_style7 .np-detail-article,
body.custom_style8 .np-detail-article,
body.custom_style1 .agreement-card,
body.custom_style2 .agreement-card,
body.custom_style3 .agreement-card,
body.custom_style4 .agreement-card,
body.custom_style5 .agreement-card,
body.custom_style6 .agreement-card,
body.custom_style7 .agreement-card,
body.custom_style8 .agreement-card,
body.custom_style1 .publish-card,
body.custom_style2 .publish-card,
body.custom_style3 .publish-card,
body.custom_style4 .publish-card,
body.custom_style5 .publish-card,
body.custom_style6 .publish-card,
body.custom_style7 .publish-card,
body.custom_style8 .publish-card,
body.custom_style1 .sj_form_box,
body.custom_style2 .sj_form_box,
body.custom_style3 .sj_form_box,
body.custom_style4 .sj_form_box,
body.custom_style5 .sj_form_box,
body.custom_style6 .sj_form_box,
body.custom_style7 .sj_form_box,
body.custom_style8 .sj_form_box {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-line) !important;
  border-radius: var(--theme-radius-lg) !important;
  box-shadow: var(--theme-card-shadow) !important;
  color: var(--theme-ink) !important;
}

body.custom_style1 .sale-card:hover,
body.custom_style2 .sale-card:hover,
body.custom_style3 .sale-card:hover,
body.custom_style4 .sale-card:hover,
body.custom_style5 .sale-card:hover,
body.custom_style6 .sale-card:hover,
body.custom_style7 .sale-card:hover,
body.custom_style8 .sale-card:hover,
body.custom_style1 .mini-card:hover,
body.custom_style2 .mini-card:hover,
body.custom_style3 .mini-card:hover,
body.custom_style4 .mini-card:hover,
body.custom_style5 .mini-card:hover,
body.custom_style6 .mini-card:hover,
body.custom_style7 .mini-card:hover,
body.custom_style8 .mini-card:hover,
body.custom_style1 .l-card:hover,
body.custom_style2 .l-card:hover,
body.custom_style3 .l-card:hover,
body.custom_style4 .l-card:hover,
body.custom_style5 .l-card:hover,
body.custom_style6 .l-card:hover,
body.custom_style7 .l-card:hover,
body.custom_style8 .l-card:hover,
body.custom_style1 .message-card:hover,
body.custom_style2 .message-card:hover,
body.custom_style3 .message-card:hover,
body.custom_style4 .message-card:hover,
body.custom_style5 .message-card:hover,
body.custom_style6 .message-card:hover,
body.custom_style7 .message-card:hover,
body.custom_style8 .message-card:hover {
  transform: translateY(-3px);
  border-color: var(--theme-primary) !important;
}

body.custom_style1 .sale-card,
body.custom_style2 .sale-card,
body.custom_style3 .sale-card,
body.custom_style4 .sale-card,
body.custom_style5 .sale-card,
body.custom_style6 .sale-card,
body.custom_style7 .sale-card,
body.custom_style8 .sale-card,
body.custom_style1 .mini-card,
body.custom_style2 .mini-card,
body.custom_style3 .mini-card,
body.custom_style4 .mini-card,
body.custom_style5 .mini-card,
body.custom_style6 .mini-card,
body.custom_style7 .mini-card,
body.custom_style8 .mini-card,
body.custom_style1 .l-card,
body.custom_style2 .l-card,
body.custom_style3 .l-card,
body.custom_style4 .l-card,
body.custom_style5 .l-card,
body.custom_style6 .l-card,
body.custom_style7 .l-card,
body.custom_style8 .l-card,
body.custom_style1 .message-card,
body.custom_style2 .message-card,
body.custom_style3 .message-card,
body.custom_style4 .message-card,
body.custom_style5 .message-card,
body.custom_style6 .message-card,
body.custom_style7 .message-card,
body.custom_style8 .message-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.custom_style1 .sale-card img,
body.custom_style2 .sale-card img,
body.custom_style3 .sale-card img,
body.custom_style4 .sale-card img,
body.custom_style5 .sale-card img,
body.custom_style6 .sale-card img,
body.custom_style7 .sale-card img,
body.custom_style8 .sale-card img,
body.custom_style1 .mini-card img,
body.custom_style2 .mini-card img,
body.custom_style3 .mini-card img,
body.custom_style4 .mini-card img,
body.custom_style5 .mini-card img,
body.custom_style6 .mini-card img,
body.custom_style7 .mini-card img,
body.custom_style8 .mini-card img,
body.custom_style1 .l-card-media img,
body.custom_style2 .l-card-media img,
body.custom_style3 .l-card-media img,
body.custom_style4 .l-card-media img,
body.custom_style5 .l-card-media img,
body.custom_style6 .l-card-media img,
body.custom_style7 .l-card-media img,
body.custom_style8 .l-card-media img,
body.custom_style1 .message-card-media img,
body.custom_style2 .message-card-media img,
body.custom_style3 .message-card-media img,
body.custom_style4 .message-card-media img,
body.custom_style5 .message-card-media img,
body.custom_style6 .message-card-media img,
body.custom_style7 .message-card-media img,
body.custom_style8 .message-card-media img {
  border-radius: calc(var(--theme-radius-lg) - 8px) !important;
  object-fit: cover;
}

body.custom_style1 .price-line strong,
body.custom_style2 .price-line strong,
body.custom_style3 .price-line strong,
body.custom_style4 .price-line strong,
body.custom_style5 .price-line strong,
body.custom_style6 .price-line strong,
body.custom_style7 .price-line strong,
body.custom_style8 .price-line strong,
body.custom_style1 .l-card-price,
body.custom_style2 .l-card-price,
body.custom_style3 .l-card-price,
body.custom_style4 .l-card-price,
body.custom_style5 .l-card-price,
body.custom_style6 .l-card-price,
body.custom_style7 .l-card-price,
body.custom_style8 .l-card-price,
body.custom_style1 .p-price-value,
body.custom_style2 .p-price-value,
body.custom_style3 .p-price-value,
body.custom_style4 .p-price-value,
body.custom_style5 .p-price-value,
body.custom_style6 .p-price-value,
body.custom_style7 .p-price-value,
body.custom_style8 .p-price-value,
body.custom_style1 .message-hot-rank,
body.custom_style2 .message-hot-rank,
body.custom_style3 .message-hot-rank,
body.custom_style4 .message-hot-rank,
body.custom_style5 .message-hot-rank,
body.custom_style6 .message-hot-rank,
body.custom_style7 .message-hot-rank,
body.custom_style8 .message-hot-rank {
  color: var(--theme-primary) !important;
}

body.custom_style1 .btn-primary,
body.custom_style2 .btn-primary,
body.custom_style3 .btn-primary,
body.custom_style4 .btn-primary,
body.custom_style5 .btn-primary,
body.custom_style6 .btn-primary,
body.custom_style7 .btn-primary,
body.custom_style8 .btn-primary,
body.custom_style1 .p-btn-primary,
body.custom_style2 .p-btn-primary,
body.custom_style3 .p-btn-primary,
body.custom_style4 .p-btn-primary,
body.custom_style5 .p-btn-primary,
body.custom_style6 .p-btn-primary,
body.custom_style7 .p-btn-primary,
body.custom_style8 .p-btn-primary,
body.custom_style1 .l-card-actions .primary,
body.custom_style2 .l-card-actions .primary,
body.custom_style3 .l-card-actions .primary,
body.custom_style4 .l-card-actions .primary,
body.custom_style5 .l-card-actions .primary,
body.custom_style6 .l-card-actions .primary,
body.custom_style7 .l-card-actions .primary,
body.custom_style8 .l-card-actions .primary,
body.custom_style1 .publish-submit,
body.custom_style2 .publish-submit,
body.custom_style3 .publish-submit,
body.custom_style4 .publish-submit,
body.custom_style5 .publish-submit,
body.custom_style6 .publish-submit,
body.custom_style7 .publish-submit,
body.custom_style8 .publish-submit,
body.custom_style1.merchant-page .sj_btn,
body.custom_style2.merchant-page .sj_btn,
body.custom_style3.merchant-page .sj_btn,
body.custom_style4.merchant-page .sj_btn,
body.custom_style5.merchant-page .sj_btn,
body.custom_style6.merchant-page .sj_btn,
body.custom_style7.merchant-page .sj_btn,
body.custom_style8.merchant-page .sj_btn {
  color: #fff !important;
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px var(--theme-shadow, rgba(0,0,0,.12)) !important;
  font-weight: 800 !important;
}

body.custom_style1 .btn-secondary,
body.custom_style2 .btn-secondary,
body.custom_style3 .btn-secondary,
body.custom_style4 .btn-secondary,
body.custom_style5 .btn-secondary,
body.custom_style6 .btn-secondary,
body.custom_style7 .btn-secondary,
body.custom_style8 .btn-secondary,
body.custom_style1 .p-btn-secondary,
body.custom_style2 .p-btn-secondary,
body.custom_style3 .p-btn-secondary,
body.custom_style4 .p-btn-secondary,
body.custom_style5 .p-btn-secondary,
body.custom_style6 .p-btn-secondary,
body.custom_style7 .p-btn-secondary,
body.custom_style8 .p-btn-secondary,
body.custom_style1 .l-card-actions .secondary,
body.custom_style2 .l-card-actions .secondary,
body.custom_style3 .l-card-actions .secondary,
body.custom_style4 .l-card-actions .secondary,
body.custom_style5 .l-card-actions .secondary,
body.custom_style6 .l-card-actions .secondary,
body.custom_style7 .l-card-actions .secondary,
body.custom_style8 .l-card-actions .secondary,
body.custom_style1 .publish-back,
body.custom_style2 .publish-back,
body.custom_style3 .publish-back,
body.custom_style4 .publish-back,
body.custom_style5 .publish-back,
body.custom_style6 .publish-back,
body.custom_style7 .publish-back,
body.custom_style8 .publish-back {
  color: var(--theme-primary) !important;
  background: var(--theme-soft, #fff5f5) !important;
  border: 1px solid var(--theme-border, rgba(0,0,0,.08)) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

body.custom_style1 input,
body.custom_style2 input,
body.custom_style3 input,
body.custom_style4 input,
body.custom_style5 input,
body.custom_style6 input,
body.custom_style7 input,
body.custom_style8 input,
body.custom_style1 textarea,
body.custom_style2 textarea,
body.custom_style3 textarea,
body.custom_style4 textarea,
body.custom_style5 textarea,
body.custom_style6 textarea,
body.custom_style7 textarea,
body.custom_style8 textarea,
body.custom_style1 select,
body.custom_style2 select,
body.custom_style3 select,
body.custom_style4 select,
body.custom_style5 select,
body.custom_style6 select,
body.custom_style7 select,
body.custom_style8 select,
body.custom_style1 .rich-editor-content,
body.custom_style2 .rich-editor-content,
body.custom_style3 .rich-editor-content,
body.custom_style4 .rich-editor-content,
body.custom_style5 .rich-editor-content,
body.custom_style6 .rich-editor-content,
body.custom_style7 .rich-editor-content,
body.custom_style8 .rich-editor-content {
  background: #fff !important;
  color: #111827 !important;
  border-color: var(--theme-border, #d0d5dd) !important;
}

body.custom_style8 input,
body.custom_style8 textarea,
body.custom_style8 select,
body.custom_style8 .rich-editor-content {
  background: rgba(255,255,255,.96) !important;
  color: #111827 !important;
}

body.custom_style1 label,
body.custom_style2 label,
body.custom_style3 label,
body.custom_style4 label,
body.custom_style5 label,
body.custom_style6 label,
body.custom_style7 label,
body.custom_style8 label,
body.custom_style1 .form-item label,
body.custom_style2 .form-item label,
body.custom_style3 .form-item label,
body.custom_style4 .form-item label,
body.custom_style5 .form-item label,
body.custom_style6 .form-item label,
body.custom_style7 .form-item label,
body.custom_style8 .form-item label {
  color: var(--theme-ink-strong) !important;
  font-weight: 800 !important;
}

body.custom_style8 .hero-copy h1,
body.custom_style8 .section-head h2,
body.custom_style8 .l-grid-head h2,
body.custom_style8 .np-detail-title,
body.custom_style8 label,
body.custom_style8 .form-item label {
  color: #fff !important;
}

body.custom_style8 .main-nav a,
body.custom_style8 .l-nav-links a,
body.custom_style8 .eyou_dh a,
body.custom_style8 .hero-desc,
body.custom_style8 .l-card-sub,
body.custom_style8 .message-card-summary,
body.custom_style8 .field-tip {
  color: #c9d7ee !important;
}

body.custom_style8 .message-card-title,
body.custom_style8 .eyou_tm,
body.custom_style8 .l-card-price,
body.custom_style8 .row-title,
body.custom_style8 .p-summary h1,
body.custom_style8 .p-detail-head h2,
body.custom_style8 .message-hot-copy strong {
  color: #fff !important;
}

body.custom_style1 .message-section,
body.custom_style2 .message-section,
body.custom_style3 .message-section,
body.custom_style4 .message-section,
body.custom_style5 .message-section,
body.custom_style6 .message-section,
body.custom_style7 .message-section,
body.custom_style8 .message-section,
body.custom_style1 .message-hot-panel,
body.custom_style2 .message-hot-panel,
body.custom_style3 .message-hot-panel,
body.custom_style4 .message-hot-panel,
body.custom_style5 .message-hot-panel,
body.custom_style6 .message-hot-panel,
body.custom_style7 .message-hot-panel,
body.custom_style8 .message-hot-panel,
body.custom_style1 .eyou_foot,
body.custom_style2 .eyou_foot,
body.custom_style3 .eyou_foot,
body.custom_style4 .eyou_foot,
body.custom_style5 .eyou_foot,
body.custom_style6 .eyou_foot,
body.custom_style7 .eyou_foot,
body.custom_style8 .eyou_foot,
body.custom_style1 .site-footer,
body.custom_style2 .site-footer,
body.custom_style3 .site-footer,
body.custom_style4 .site-footer,
body.custom_style5 .site-footer,
body.custom_style6 .site-footer,
body.custom_style7 .site-footer,
body.custom_style8 .site-footer,
body.custom_style1 .l-footer,
body.custom_style2 .l-footer,
body.custom_style3 .l-footer,
body.custom_style4 .l-footer,
body.custom_style5 .l-footer,
body.custom_style6 .l-footer,
body.custom_style7 .l-footer,
body.custom_style8 .l-footer {
  color: var(--theme-ink) !important;
  background: var(--theme-surface-soft) !important;
  border-top: 1px solid var(--theme-line) !important;
}

body.custom_style8 .eyou_foot,
body.custom_style8 .site-footer,
body.custom_style8 .l-footer {
  color: #c9d7ee !important;
  background: rgba(5, 8, 20, .96) !important;
}

/* Tmall: premium black/red storefront. */
body.custom_style1 .hero-banner {
  background: linear-gradient(135deg, #161616 0%, #2b0b12 46%, var(--theme-primary) 100%) !important;
}
body.custom_style1 .hero-copy h1,
body.custom_style1 .hero-desc,
body.custom_style1 .hero-badge {
  color: #fff !important;
}

/* JD: crisp red, clean white surfaces. */
body.custom_style2 .nav-strip,
body.custom_style2 .l-nav {
  background: #fff !important;
  border: 1px solid rgba(214,31,38,.16) !important;
}
body.custom_style2 .hero-banner {
  background: linear-gradient(135deg, #fff 0%, #fff3f4 52%, #ffe4e6 100%) !important;
}

/* Suning: orange energy with dark top navigation. */
body.custom_style3 .all-cats,
body.custom_style3 .l-all-cats {
  background: linear-gradient(135deg, #ff8a00, #ffbf00) !important;
  color: #1f1600 !important;
}
body.custom_style3 .hero-banner {
  background: linear-gradient(135deg, #fff8e6 0%, #fff 52%, #fff1cf 100%) !important;
}

/* Gome: blue structure with red action points. */
body.custom_style4 .hero-banner {
  background: linear-gradient(135deg, #f3f9ff 0%, #ffffff 48%, #eef6ff 100%) !important;
  border-color: rgba(0,90,170,.18) !important;
}
body.custom_style4 .section-tag,
body.custom_style4 .message-card-badge {
  background: #005aaa !important;
  color: #fff !important;
}

/* Pinduoduo: rounded, bright, deal-oriented. */
body.custom_style5 .hero-banner,
body.custom_style5 .sale-card,
body.custom_style5 .mini-card,
body.custom_style5 .l-card,
body.custom_style5 .message-card {
  border-width: 2px !important;
}
body.custom_style5 .hero-banner {
  background: linear-gradient(135deg, #fff8d8 0%, #fff 45%, #fff0ec 100%) !important;
}

/* Taobao: orange marketplace warmth. */
body.custom_style6 .hero-banner {
  background: linear-gradient(135deg, #fff4e5 0%, #fff 46%, #ffe2c2 100%) !important;
}
body.custom_style6 .section-tag,
body.custom_style6 .message-card-badge {
  border-radius: 999px !important;
}

/* Xiaohongshu: soft card feed. */
body.custom_style7 .hero-banner,
body.custom_style7 .sale-card,
body.custom_style7 .mini-card,
body.custom_style7 .l-card,
body.custom_style7 .message-card {
  border-radius: 30px !important;
}
body.custom_style7 .hero-banner {
  background: linear-gradient(135deg, #fff4f7 0%, #fff 52%, #f8f0ff 100%) !important;
}

/* Shanhuanxin: dark cyber mall. */
body.custom_style8 .hero-banner {
  background:
    radial-gradient(circle at 20% 16%, rgba(0, 212, 255, .28), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(124, 58, 237, .20), transparent 28%),
    linear-gradient(135deg, rgba(8, 12, 28, .98), rgba(16, 24, 48, .94)) !important;
}
body.custom_style8 .search-box,
body.custom_style8 .l-search-box,
body.custom_style8 .p-search-box,
body.custom_style8 .np-search-shell {
  background: rgba(255,255,255,.98) !important;
}

@media (max-width: 900px) {
  body.custom_style1 .header-main,
  body.custom_style2 .header-main,
  body.custom_style3 .header-main,
  body.custom_style4 .header-main,
  body.custom_style5 .header-main,
  body.custom_style6 .header-main,
  body.custom_style7 .header-main,
  body.custom_style8 .header-main,
  body.custom_style1 .l-header .l-wrap,
  body.custom_style2 .l-header .l-wrap,
  body.custom_style3 .l-header .l-wrap,
  body.custom_style4 .l-header .l-wrap,
  body.custom_style5 .l-header .l-wrap,
  body.custom_style6 .l-header .l-wrap,
  body.custom_style7 .l-header .l-wrap,
  body.custom_style8 .l-header .l-wrap,
  body.custom_style1 .p-header .p-wrap,
  body.custom_style2 .p-header .p-wrap,
  body.custom_style3 .p-header .p-wrap,
  body.custom_style4 .p-header .p-wrap,
  body.custom_style5 .p-header .p-wrap,
  body.custom_style6 .p-header .p-wrap,
  body.custom_style7 .p-header .p-wrap,
  body.custom_style8 .p-header .p-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.custom_style1 .hero-grid,
  body.custom_style2 .hero-grid,
  body.custom_style3 .hero-grid,
  body.custom_style4 .hero-grid,
  body.custom_style5 .hero-grid,
  body.custom_style6 .hero-grid,
  body.custom_style7 .hero-grid,
  body.custom_style8 .hero-grid,
  body.custom_style1 .floor-grid,
  body.custom_style2 .floor-grid,
  body.custom_style3 .floor-grid,
  body.custom_style4 .floor-grid,
  body.custom_style5 .floor-grid,
  body.custom_style6 .floor-grid,
  body.custom_style7 .floor-grid,
  body.custom_style8 .floor-grid,
  body.custom_style1 .p-main-grid,
  body.custom_style2 .p-main-grid,
  body.custom_style3 .p-main-grid,
  body.custom_style4 .p-main-grid,
  body.custom_style5 .p-main-grid,
  body.custom_style6 .p-main-grid,
  body.custom_style7 .p-main-grid,
  body.custom_style8 .p-main-grid {
    grid-template-columns: 1fr !important;
  }

  body.custom_style1 .l-grid,
  body.custom_style2 .l-grid,
  body.custom_style3 .l-grid,
  body.custom_style4 .l-grid,
  body.custom_style5 .l-grid,
  body.custom_style6 .l-grid,
  body.custom_style7 .l-grid,
  body.custom_style8 .l-grid,
  body.custom_style1 .product-row,
  body.custom_style2 .product-row,
  body.custom_style3 .product-row,
  body.custom_style4 .product-row,
  body.custom_style5 .product-row,
  body.custom_style6 .product-row,
  body.custom_style7 .product-row,
  body.custom_style8 .product-row,
  body.custom_style1 .mini-grid,
  body.custom_style2 .mini-grid,
  body.custom_style3 .mini-grid,
  body.custom_style4 .mini-grid,
  body.custom_style5 .mini-grid,
  body.custom_style6 .mini-grid,
  body.custom_style7 .mini-grid,
  body.custom_style8 .mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.custom_style1 .wrap,
  body.custom_style2 .wrap,
  body.custom_style3 .wrap,
  body.custom_style4 .wrap,
  body.custom_style5 .wrap,
  body.custom_style6 .wrap,
  body.custom_style7 .wrap,
  body.custom_style8 .wrap,
  body.custom_style1 .l-wrap,
  body.custom_style2 .l-wrap,
  body.custom_style3 .l-wrap,
  body.custom_style4 .l-wrap,
  body.custom_style5 .l-wrap,
  body.custom_style6 .l-wrap,
  body.custom_style7 .l-wrap,
  body.custom_style8 .l-wrap,
  body.custom_style1 .np-wrap,
  body.custom_style2 .np-wrap,
  body.custom_style3 .np-wrap,
  body.custom_style4 .np-wrap,
  body.custom_style5 .np-wrap,
  body.custom_style6 .np-wrap,
  body.custom_style7 .np-wrap,
  body.custom_style8 .np-wrap {
    width: auto !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  body.custom_style1 .l-grid,
  body.custom_style2 .l-grid,
  body.custom_style3 .l-grid,
  body.custom_style4 .l-grid,
  body.custom_style5 .l-grid,
  body.custom_style6 .l-grid,
  body.custom_style7 .l-grid,
  body.custom_style8 .l-grid,
  body.custom_style1 .product-row,
  body.custom_style2 .product-row,
  body.custom_style3 .product-row,
  body.custom_style4 .product-row,
  body.custom_style5 .product-row,
  body.custom_style6 .product-row,
  body.custom_style7 .product-row,
  body.custom_style8 .product-row,
  body.custom_style1 .mini-grid,
  body.custom_style2 .mini-grid,
  body.custom_style3 .mini-grid,
  body.custom_style4 .mini-grid,
  body.custom_style5 .mini-grid,
  body.custom_style6 .mini-grid,
  body.custom_style7 .mini-grid,
  body.custom_style8 .mini-grid {
    grid-template-columns: 1fr !important;
  }

  body.custom_style1 .hero-copy h1,
  body.custom_style2 .hero-copy h1,
  body.custom_style3 .hero-copy h1,
  body.custom_style4 .hero-copy h1,
  body.custom_style5 .hero-copy h1,
  body.custom_style6 .hero-copy h1,
  body.custom_style7 .hero-copy h1,
  body.custom_style8 .hero-copy h1 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
}

/* 2026 layout revamp: make each frontend template differ in structure, not only color. */
body.custom_style1,
body.custom_style2,
body.custom_style3,
body.custom_style4,
body.custom_style5,
body.custom_style6,
body.custom_style7,
body.custom_style8 {
  overflow-x: hidden;
}

body.custom_style1 .header-main,
body.custom_style2 .header-main,
body.custom_style3 .header-main,
body.custom_style4 .header-main,
body.custom_style5 .header-main,
body.custom_style6 .header-main,
body.custom_style7 .header-main,
body.custom_style8 .header-main,
body.custom_style1 .l-header .l-wrap,
body.custom_style2 .l-header .l-wrap,
body.custom_style3 .l-header .l-wrap,
body.custom_style4 .l-header .l-wrap,
body.custom_style5 .l-header .l-wrap,
body.custom_style6 .l-header .l-wrap,
body.custom_style7 .l-header .l-wrap,
body.custom_style8 .l-header .l-wrap,
body.custom_style1 .p-header .p-wrap,
body.custom_style2 .p-header .p-wrap,
body.custom_style3 .p-header .p-wrap,
body.custom_style4 .p-header .p-wrap,
body.custom_style5 .p-header .p-wrap,
body.custom_style6 .p-header .p-wrap,
body.custom_style7 .p-header .p-wrap,
body.custom_style8 .p-header .p-wrap,
body.custom_style1 .np-brand-row,
body.custom_style2 .np-brand-row,
body.custom_style3 .np-brand-row,
body.custom_style4 .np-brand-row,
body.custom_style5 .np-brand-row,
body.custom_style6 .np-brand-row,
body.custom_style7 .np-brand-row,
body.custom_style8 .np-brand-row {
  gap: var(--theme-layout-gap, 22px) !important;
}

body.custom_style1 .hero-grid,
body.custom_style2 .hero-grid,
body.custom_style3 .hero-grid,
body.custom_style4 .hero-grid,
body.custom_style5 .hero-grid,
body.custom_style6 .hero-grid,
body.custom_style7 .hero-grid,
body.custom_style8 .hero-grid,
body.custom_style1 .l-grid,
body.custom_style2 .l-grid,
body.custom_style3 .l-grid,
body.custom_style4 .l-grid,
body.custom_style5 .l-grid,
body.custom_style6 .l-grid,
body.custom_style7 .l-grid,
body.custom_style8 .l-grid,
body.custom_style1 .product-row,
body.custom_style2 .product-row,
body.custom_style3 .product-row,
body.custom_style4 .product-row,
body.custom_style5 .product-row,
body.custom_style6 .product-row,
body.custom_style7 .product-row,
body.custom_style8 .product-row,
body.custom_style1 .mini-grid,
body.custom_style2 .mini-grid,
body.custom_style3 .mini-grid,
body.custom_style4 .mini-grid,
body.custom_style5 .mini-grid,
body.custom_style6 .mini-grid,
body.custom_style7 .mini-grid,
body.custom_style8 .mini-grid,
body.custom_style1 .p-main-grid,
body.custom_style2 .p-main-grid,
body.custom_style3 .p-main-grid,
body.custom_style4 .p-main-grid,
body.custom_style5 .p-main-grid,
body.custom_style6 .p-main-grid,
body.custom_style7 .p-main-grid,
body.custom_style8 .p-main-grid,
body.custom_style1 .np-detail-main,
body.custom_style2 .np-detail-main,
body.custom_style3 .np-detail-main,
body.custom_style4 .np-detail-main,
body.custom_style5 .np-detail-main,
body.custom_style6 .np-detail-main,
body.custom_style7 .np-detail-main,
body.custom_style8 .np-detail-main {
  gap: var(--theme-layout-gap, 22px) !important;
}

body.custom_style1 .sale-card,
body.custom_style2 .sale-card,
body.custom_style3 .sale-card,
body.custom_style4 .sale-card,
body.custom_style5 .sale-card,
body.custom_style6 .sale-card,
body.custom_style7 .sale-card,
body.custom_style8 .sale-card,
body.custom_style1 .mini-card,
body.custom_style2 .mini-card,
body.custom_style3 .mini-card,
body.custom_style4 .mini-card,
body.custom_style5 .mini-card,
body.custom_style6 .mini-card,
body.custom_style7 .mini-card,
body.custom_style8 .mini-card,
body.custom_style1 .l-card,
body.custom_style2 .l-card,
body.custom_style3 .l-card,
body.custom_style4 .l-card,
body.custom_style5 .l-card,
body.custom_style6 .l-card,
body.custom_style7 .l-card,
body.custom_style8 .l-card,
body.custom_style1 .message-card,
body.custom_style2 .message-card,
body.custom_style3 .message-card,
body.custom_style4 .message-card,
body.custom_style5 .message-card,
body.custom_style6 .message-card,
body.custom_style7 .message-card,
body.custom_style8 .message-card {
  isolation: isolate;
  overflow: hidden;
}

body.custom_style1 .site-footer,
body.custom_style2 .site-footer,
body.custom_style3 .site-footer,
body.custom_style4 .site-footer,
body.custom_style5 .site-footer,
body.custom_style6 .site-footer,
body.custom_style7 .site-footer,
body.custom_style8 .site-footer,
body.custom_style1 .footer,
body.custom_style2 .footer,
body.custom_style3 .footer,
body.custom_style4 .footer,
body.custom_style5 .footer,
body.custom_style6 .footer,
body.custom_style7 .footer,
body.custom_style8 .footer,
body.custom_style1 .footer-new,
body.custom_style2 .footer-new,
body.custom_style3 .footer-new,
body.custom_style4 .footer-new,
body.custom_style5 .footer-new,
body.custom_style6 .footer-new,
body.custom_style7 .footer-new,
body.custom_style8 .footer-new,
body.custom_style1 .footer-icp,
body.custom_style2 .footer-icp,
body.custom_style3 .footer-icp,
body.custom_style4 .footer-icp,
body.custom_style5 .footer-icp,
body.custom_style6 .footer-icp,
body.custom_style7 .footer-icp,
body.custom_style8 .footer-icp,
body.custom_style1 .dsc-copyright,
body.custom_style2 .dsc-copyright,
body.custom_style3 .dsc-copyright,
body.custom_style4 .dsc-copyright,
body.custom_style5 .dsc-copyright,
body.custom_style6 .dsc-copyright,
body.custom_style7 .dsc-copyright,
body.custom_style8 .dsc-copyright,
body.custom_style1 .eyou_foot,
body.custom_style2 .eyou_foot,
body.custom_style3 .eyou_foot,
body.custom_style4 .eyou_foot,
body.custom_style5 .eyou_foot,
body.custom_style6 .eyou_foot,
body.custom_style7 .eyou_foot,
body.custom_style8 .eyou_foot {
  background: #111827 !important;
  color: #e5e7eb !important;
}

body.custom_style1 .site-footer a,
body.custom_style2 .site-footer a,
body.custom_style3 .site-footer a,
body.custom_style4 .site-footer a,
body.custom_style5 .site-footer a,
body.custom_style6 .site-footer a,
body.custom_style7 .site-footer a,
body.custom_style8 .site-footer a,
body.custom_style1 .site-footer p,
body.custom_style2 .site-footer p,
body.custom_style3 .site-footer p,
body.custom_style4 .site-footer p,
body.custom_style5 .site-footer p,
body.custom_style6 .site-footer p,
body.custom_style7 .site-footer p,
body.custom_style8 .site-footer p,
body.custom_style1 .footer a,
body.custom_style2 .footer a,
body.custom_style3 .footer a,
body.custom_style4 .footer a,
body.custom_style5 .footer a,
body.custom_style6 .footer a,
body.custom_style7 .footer a,
body.custom_style8 .footer a,
body.custom_style1 .footer p,
body.custom_style2 .footer p,
body.custom_style3 .footer p,
body.custom_style4 .footer p,
body.custom_style5 .footer p,
body.custom_style6 .footer p,
body.custom_style7 .footer p,
body.custom_style8 .footer p,
body.custom_style1 .footer span,
body.custom_style2 .footer span,
body.custom_style3 .footer span,
body.custom_style4 .footer span,
body.custom_style5 .footer span,
body.custom_style6 .footer span,
body.custom_style7 .footer span,
body.custom_style8 .footer span,
body.custom_style1 .footer-new-bot p,
body.custom_style2 .footer-new-bot p,
body.custom_style3 .footer-new-bot p,
body.custom_style4 .footer-new-bot p,
body.custom_style5 .footer-new-bot p,
body.custom_style6 .footer-new-bot p,
body.custom_style7 .footer-new-bot p,
body.custom_style8 .footer-new-bot p,
body.custom_style1 .footer-new-bot a,
body.custom_style2 .footer-new-bot a,
body.custom_style3 .footer-new-bot a,
body.custom_style4 .footer-new-bot a,
body.custom_style5 .footer-new-bot a,
body.custom_style6 .footer-new-bot a,
body.custom_style7 .footer-new-bot a,
body.custom_style8 .footer-new-bot a,
body.custom_style1 .footer-icp p,
body.custom_style2 .footer-icp p,
body.custom_style3 .footer-icp p,
body.custom_style4 .footer-icp p,
body.custom_style5 .footer-icp p,
body.custom_style6 .footer-icp p,
body.custom_style7 .footer-icp p,
body.custom_style8 .footer-icp p,
body.custom_style1 .footer-icp a,
body.custom_style2 .footer-icp a,
body.custom_style3 .footer-icp a,
body.custom_style4 .footer-icp a,
body.custom_style5 .footer-icp a,
body.custom_style6 .footer-icp a,
body.custom_style7 .footer-icp a,
body.custom_style8 .footer-icp a,
body.custom_style1 .eyou_foot a,
body.custom_style2 .eyou_foot a,
body.custom_style3 .eyou_foot a,
body.custom_style4 .eyou_foot a,
body.custom_style5 .eyou_foot a,
body.custom_style6 .eyou_foot a,
body.custom_style7 .eyou_foot a,
body.custom_style8 .eyou_foot a,
body.custom_style1 .eyou_foot p,
body.custom_style2 .eyou_foot p,
body.custom_style3 .eyou_foot p,
body.custom_style4 .eyou_foot p,
body.custom_style5 .eyou_foot p,
body.custom_style6 .eyou_foot p,
body.custom_style7 .eyou_foot p,
body.custom_style8 .eyou_foot p,
body.custom_style1 .eyou_foot .link-zx-desc,
body.custom_style2 .eyou_foot .link-zx-desc,
body.custom_style3 .eyou_foot .link-zx-desc,
body.custom_style4 .eyou_foot .link-zx-desc,
body.custom_style5 .eyou_foot .link-zx-desc,
body.custom_style6 .eyou_foot .link-zx-desc,
body.custom_style7 .eyou_foot .link-zx-desc,
body.custom_style8 .eyou_foot .link-zx-desc,
body.custom_style1 .eyou_foot .ic-info,
body.custom_style2 .eyou_foot .ic-info,
body.custom_style3 .eyou_foot .ic-info,
body.custom_style4 .eyou_foot .ic-info,
body.custom_style5 .eyou_foot .ic-info,
body.custom_style6 .eyou_foot .ic-info,
body.custom_style7 .eyou_foot .ic-info,
body.custom_style8 .eyou_foot .ic-info {
  color: #cfd8e3 !important;
}

body.custom_style1 .site-footer h3,
body.custom_style2 .site-footer h3,
body.custom_style3 .site-footer h3,
body.custom_style4 .site-footer h3,
body.custom_style5 .site-footer h3,
body.custom_style6 .site-footer h3,
body.custom_style7 .site-footer h3,
body.custom_style8 .site-footer h3,
body.custom_style1 .site-footer h4,
body.custom_style2 .site-footer h4,
body.custom_style3 .site-footer h4,
body.custom_style4 .site-footer h4,
body.custom_style5 .site-footer h4,
body.custom_style6 .site-footer h4,
body.custom_style7 .site-footer h4,
body.custom_style8 .site-footer h4,
body.custom_style1 .eyou_foot h3,
body.custom_style2 .eyou_foot h3,
body.custom_style3 .eyou_foot h3,
body.custom_style4 .eyou_foot h3,
body.custom_style5 .eyou_foot h3,
body.custom_style6 .eyou_foot h3,
body.custom_style7 .eyou_foot h3,
body.custom_style8 .eyou_foot h3,
body.custom_style1 .eyou_foot h4,
body.custom_style2 .eyou_foot h4,
body.custom_style3 .eyou_foot h4,
body.custom_style4 .eyou_foot h4,
body.custom_style5 .eyou_foot h4,
body.custom_style6 .eyou_foot h4,
body.custom_style7 .eyou_foot h4,
body.custom_style8 .eyou_foot h4 {
  color: #fff !important;
}

body.custom_style1 .w-e-text-placeholder,
body.custom_style2 .w-e-text-placeholder,
body.custom_style3 .w-e-text-placeholder,
body.custom_style4 .w-e-text-placeholder,
body.custom_style5 .w-e-text-placeholder,
body.custom_style6 .w-e-text-placeholder,
body.custom_style7 .w-e-text-placeholder,
body.custom_style8 .w-e-text-placeholder {
  color: #667085 !important;
}

/* custom_style1: 天猫式沉浸大促，深色导航 + 主商品放大。 */
body.custom_style1 {
  --theme-layout-gap: 26px;
}
body.custom_style1 .page-home,
body.custom_style1.list-page,
body.custom_style1.product-page {
  background:
    radial-gradient(circle at 18% 8%, rgba(230, 0, 18, .22), transparent 28%),
    linear-gradient(180deg, #fff 0%, #fff6f7 34%, #f5f5f5 100%) !important;
}
body.custom_style1 .site-header,
body.custom_style1 .l-header,
body.custom_style1 .p-header {
  background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%) !important;
}
body.custom_style1 .hero-shell {
  padding: 38px 0 44px !important;
  background: linear-gradient(135deg, rgba(230, 0, 18, .20), #b0000f 56%, #111 100%) !important;
}
body.custom_style1 .hero-grid {
  grid-template-columns: 240px minmax(0, 1fr) 240px !important;
}
body.custom_style1 .hero-banner {
  min-height: 356px !important;
  padding: 46px !important;
}
body.custom_style1 .product-row {
  grid-template-columns: 1.35fr 1fr 1fr !important;
}
body.custom_style1 .product-row .sale-card:first-child {
  display: grid !important;
  grid-template-columns: 46% 1fr !important;
  align-items: center;
}
body.custom_style1 .product-row .sale-card:first-child img {
  height: 100% !important;
  min-height: 250px;
}
body.custom_style1 .mini-grid,
body.custom_style1 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style1 .l-filter,
body.custom_style1 .l-sort,
body.custom_style1 .l-grid-shell,
body.custom_style1 .p-summary,
body.custom_style1 .p-sidebar,
body.custom_style1 .p-detail-panel {
  border-top: 4px solid #e60012 !important;
}
body.custom_style1 .nav-strip,
body.custom_style1 .l-nav,
body.custom_style1 .eyou_dh {
  background: #101010 !important;
}
body.custom_style1 .nav-strip .main-nav a,
body.custom_style1 .l-nav .l-nav-links a,
body.custom_style1 .eyou_dh a {
  color: #f3f4f6 !important;
}

/* custom_style2: 京东式规整货架，高密度、直线分区。 */
body.custom_style2 {
  --theme-radius: 10px;
  --theme-radius-lg: 12px;
  --theme-layout-gap: 18px;
}
body.custom_style2 .topbar,
body.custom_style2 .l-topbar,
body.custom_style2 .p-topbar {
  background: #f5f5f5 !important;
  color: #344054 !important;
}
body.custom_style2 .topbar a,
body.custom_style2 .l-topbar a,
body.custom_style2 .p-topbar a {
  color: #344054 !important;
}
body.custom_style2 .hero-grid {
  grid-template-columns: 230px minmax(0, 1fr) 220px !important;
}
body.custom_style2 .hero-shell {
  padding: 24px 0 32px !important;
  background: #f5f6f8 !important;
}
body.custom_style2 .hero-banner,
body.custom_style2 .hero-cats,
body.custom_style2 .hero-side .panel,
body.custom_style2 .sale-card,
body.custom_style2 .mini-card,
body.custom_style2 .l-card,
body.custom_style2 .message-card {
  border-radius: 10px !important;
  box-shadow: 0 6px 20px rgba(15,23,42,.06) !important;
}
body.custom_style2 .product-row,
body.custom_style2 .mini-grid,
body.custom_style2 .l-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.custom_style2 .l-filter,
body.custom_style2 .l-sort,
body.custom_style2 .l-grid-shell {
  border-radius: 8px !important;
}
body.custom_style2 .sale-card img,
body.custom_style2 .mini-card img,
body.custom_style2 .l-card-media img {
  border-radius: 8px !important;
}

/* custom_style3: 苏宁式左栏导购 + 橙色活动区。 */
body.custom_style3 {
  --theme-layout-gap: 20px;
}
body.custom_style3 .page-home,
body.custom_style3.list-page,
body.custom_style3.product-page {
  background:
    linear-gradient(180deg, #fff6db 0%, #fff 34%, #fffaf0 100%) !important;
}
body.custom_style3 .nav-strip,
body.custom_style3 .l-nav {
  background: #2d2100 !important;
  border-radius: 0 0 20px 20px !important;
}
body.custom_style3 .nav-strip .main-nav a,
body.custom_style3 .l-nav .l-nav-links a,
body.custom_style3 .eyou_dh a {
  color: #fff7db !important;
}
body.custom_style3 .hero-shell {
  padding: 30px 0 36px !important;
  background: linear-gradient(135deg, #ffb300 0%, #ff7a00 42%, #fff2cb 100%) !important;
}
body.custom_style3 .hero-grid {
  grid-template-columns: 270px minmax(0, 1fr) !important;
}
body.custom_style3 .hero-side {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
}
body.custom_style3 .hero-banner {
  min-height: 330px !important;
}
body.custom_style3 .product-row,
body.custom_style3 .mini-grid,
body.custom_style3 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style3 .sale-card,
body.custom_style3 .mini-card,
body.custom_style3 .l-card {
  border-left: 5px solid #ff7a00 !important;
}
body.custom_style3 .message-section-head span,
body.custom_style3 .np-section-kicker,
body.custom_style3 .l-grid-head small {
  color: #7a3a00 !important;
}

/* custom_style4: 国美式蓝色框架，上方频道横铺，内容双栏。 */
body.custom_style4 {
  --theme-layout-gap: 22px;
}
body.custom_style4 .page-home,
body.custom_style4.list-page,
body.custom_style4.product-page {
  background:
    linear-gradient(180deg, #eef6ff 0%, #fff 44%, #f3f8ff 100%) !important;
}
body.custom_style4 .topbar,
body.custom_style4 .l-topbar,
body.custom_style4 .p-topbar {
  background: #005aaa !important;
  color: #fff !important;
}
body.custom_style4 .topbar a,
body.custom_style4 .l-topbar a,
body.custom_style4 .p-topbar a,
body.custom_style4 .city {
  color: #fff !important;
}
body.custom_style4 .nav-strip,
body.custom_style4 .l-nav,
body.custom_style4 .eyou_dh {
  background: #005aaa !important;
}
body.custom_style4 .nav-strip .main-nav a,
body.custom_style4 .l-nav .l-nav-links a,
body.custom_style4 .eyou_dh a {
  color: #fff !important;
}
body.custom_style4 .hero-grid {
  grid-template-columns: minmax(0, 1fr) 280px !important;
}
body.custom_style4 .hero-cats {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-height: auto !important;
}
body.custom_style4 .hero-cat-item {
  padding: 18px !important;
  border-right: 1px solid rgba(0,90,170,.12);
}
body.custom_style4 .hero-banner {
  min-height: 318px !important;
}
body.custom_style4 .product-row,
body.custom_style4 .mini-grid,
body.custom_style4 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style4 .l-filter,
body.custom_style4 .l-sort,
body.custom_style4 .l-grid-shell,
body.custom_style4 .p-price-card {
  border-left: 6px solid #005aaa !important;
}

/* custom_style5: 拼多多式促销会场，大圆角、贴纸感、强交易按钮。 */
body.custom_style5 {
  --theme-radius: 24px;
  --theme-radius-lg: 34px;
  --theme-layout-gap: 18px;
}
body.custom_style5 .page-home,
body.custom_style5.list-page,
body.custom_style5.product-page {
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 221, 48, .42), transparent 24%),
    linear-gradient(180deg, #fff8d9 0%, #fff1e9 50%, #fff 100%) !important;
}
body.custom_style5 .hero-shell {
  padding: 24px 0 34px !important;
  background: linear-gradient(135deg, #ffe545 0%, #ff6b3b 50%, #e02e24 100%) !important;
}
body.custom_style5 .hero-grid {
  grid-template-columns: minmax(0, 1fr) 270px !important;
}
body.custom_style5 .hero-cats {
  grid-column: 1 / -1;
  display: flex !important;
  min-height: auto !important;
  gap: 14px !important;
  overflow-x: auto;
}
body.custom_style5 .hero-cat-item {
  flex: 0 0 180px;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #fffaf0 !important;
}
body.custom_style5 .hero-banner {
  min-height: 310px !important;
}
body.custom_style5 .product-row,
body.custom_style5 .mini-grid,
body.custom_style5 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style5 .sale-card,
body.custom_style5 .mini-card,
body.custom_style5 .l-card,
body.custom_style5 .message-card {
  border: 2px solid rgba(224,46,36,.18) !important;
  transform: rotate(var(--deal-tilt, 0deg));
}
body.custom_style5 .sale-card:nth-child(odd),
body.custom_style5 .l-card:nth-child(odd),
body.custom_style5 .message-card:nth-child(odd) {
  --deal-tilt: -.35deg;
}
body.custom_style5 .sale-card:nth-child(even),
body.custom_style5 .l-card:nth-child(even),
body.custom_style5 .message-card:nth-child(even) {
  --deal-tilt: .35deg;
}
body.custom_style5 .price-line strong,
body.custom_style5 .l-card-price,
body.custom_style5 .p-price-value {
  font-size: clamp(22px, 2.1vw, 32px) !important;
}

/* custom_style6: 淘宝式生活集市，暖色频道和更活跃的卡片节奏。 */
body.custom_style6 {
  --theme-layout-gap: 24px;
}
body.custom_style6 .page-home,
body.custom_style6.list-page,
body.custom_style6.product-page {
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 80, 0, .22), transparent 28%),
    linear-gradient(180deg, #fff4e8 0%, #fff 40%, #fff8f0 100%) !important;
}
body.custom_style6 .hero-grid {
  grid-template-columns: 250px minmax(0, 1fr) !important;
}
body.custom_style6 .hero-side {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: 18px !important;
}
body.custom_style6 .hero-banner {
  min-height: 342px !important;
}
body.custom_style6 .product-row {
  grid-template-columns: 1.2fr 1fr 1fr 1fr !important;
}
body.custom_style6 .mini-grid,
body.custom_style6 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style6 .sale-card:nth-child(3n+1),
body.custom_style6 .l-card:nth-child(3n+1) {
  margin-top: 18px;
}
body.custom_style6 .sale-card,
body.custom_style6 .mini-card,
body.custom_style6 .l-card {
  border-radius: 26px 12px 26px 12px !important;
}
body.custom_style6 .search-box,
body.custom_style6 .l-search-box,
body.custom_style6 .p-search-box {
  border-radius: 16px 999px 999px 16px !important;
}

/* custom_style7: 小红书式笔记流，瀑布流卡片和柔和留白。 */
body.custom_style7 {
  --theme-layout-gap: 24px;
}
body.custom_style7 .page-home,
body.custom_style7.list-page,
body.custom_style7.product-page,
body.custom_style7.news-portal {
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 36, 66, .16), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(168, 85, 247, .14), transparent 28%),
    linear-gradient(180deg, #fff7fa 0%, #fff 46%, #fff9fb 100%) !important;
}
body.custom_style7 .hero-grid {
  grid-template-columns: 220px minmax(0, 1fr) 220px !important;
}
body.custom_style7 .hero-banner {
  min-height: 342px !important;
}
body.custom_style7 .product-row,
body.custom_style7 .l-grid,
body.custom_style7 .mini-grid {
  display: block !important;
  column-count: 4;
  column-gap: 22px;
}
body.custom_style7 .product-row .sale-card,
body.custom_style7 .l-grid .l-card,
body.custom_style7 .mini-grid .mini-card {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  break-inside: avoid;
}
body.custom_style7 .sale-card:nth-child(2n) img,
body.custom_style7 .l-card:nth-child(2n) .l-card-media img,
body.custom_style7 .mini-card:nth-child(2n) img {
  aspect-ratio: 1 / 1.22 !important;
}
body.custom_style7 .sale-card:nth-child(3n) img,
body.custom_style7 .l-card:nth-child(3n) .l-card-media img,
body.custom_style7 .mini-card:nth-child(3n) img {
  aspect-ratio: 1 / .88 !important;
}
body.custom_style7 .message-card-wrap ul {
  column-count: 3;
  column-gap: 22px;
  display: block !important;
}
body.custom_style7 .message-card-wrap li {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  break-inside: avoid;
}
body.custom_style7 .message-card {
  border-radius: 28px !important;
}

/* custom_style8: 闪焕新式暗色科技大屏，霓虹分区并修复浅底文字。 */
body.custom_style8 {
  --theme-layout-gap: 24px;
}
body.custom_style8 .page-home,
body.custom_style8.list-page,
body.custom_style8.product-page,
body.custom_style8.news-portal,
body.custom_style8.agreement-page,
body.custom_style8.publish-page {
  background:
    radial-gradient(circle at 20% 12%, rgba(0, 212, 255, .16), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(124, 58, 237, .18), transparent 26%),
    linear-gradient(180deg, #070b19 0%, #0b1023 48%, #050713 100%) !important;
}
body.custom_style8 .hero-grid {
  grid-template-columns: 260px minmax(0, 1fr) 240px !important;
}
body.custom_style8 .hero-cats,
body.custom_style8 .hero-side .panel,
body.custom_style8 .sale-card,
body.custom_style8 .mini-card,
body.custom_style8 .l-card,
body.custom_style8 .message-card,
body.custom_style8 .l-filter,
body.custom_style8 .l-sort,
body.custom_style8 .l-grid-shell,
body.custom_style8 .p-summary,
body.custom_style8 .p-sidebar,
body.custom_style8 .p-detail-panel,
body.custom_style8 .np-detail-article,
body.custom_style8 .np-detail-tabs,
body.custom_style8 .np-detail-content {
  background: rgba(12,18,38,.88) !important;
  border: 1px solid rgba(0,212,255,.24) !important;
  box-shadow: 0 20px 58px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
body.custom_style8 .nav-strip,
body.custom_style8 .l-nav,
body.custom_style8 .eyou_dh {
  background: rgba(5, 10, 24, .96) !important;
}
body.custom_style8 .nav-strip .main-nav a,
body.custom_style8 .l-nav .l-nav-links a,
body.custom_style8 .eyou_dh a {
  color: #dbeafe !important;
}
body.custom_style8 .hero-cat-title,
body.custom_style8 .hero-cats strong,
body.custom_style8 .hero-cats h3,
body.custom_style8 .l-filter-label,
body.custom_style8 .l-grid-head h2,
body.custom_style8 .l-card h3,
body.custom_style8 .p-summary h1,
body.custom_style8 .p-shop-name,
body.custom_style8 .np-detail-title,
body.custom_style8 .message-section-head h2,
body.custom_style8 .message-card-title {
  color: #fff !important;
}
body.custom_style8 .hero-subcats a,
body.custom_style8 .hero-cats p,
body.custom_style8 .l-filter-options a,
body.custom_style8 .l-card-sub,
body.custom_style8 .p-subtitle,
body.custom_style8 .p-meta-item span,
body.custom_style8 .p-shop-desc,
body.custom_style8 .message-card-meta,
body.custom_style8 .message-card-foot,
body.custom_style8 .message-card-summary {
  color: #b9c7df !important;
}
body.custom_style8 .product-row,
body.custom_style8 .mini-grid,
body.custom_style8 .l-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.custom_style8 .sale-card img,
body.custom_style8 .mini-card img,
body.custom_style8 .l-card-media img {
  filter: saturate(1.08) contrast(1.04);
}

/* Compatibility for legacy mall/member footers and old news detail footer blocks. */
body[class*="custom_style"] .footer.user-footer,
body[class*="custom_style"] .footer.user-footer .dsc-copyright,
body[class*="custom_style"] .footer .dsc-copyright,
body[class*="custom_style"] .footer-new-con,
body[class*="custom_style"] .footer-new-bot,
body[class*="custom_style"] .eyou_foot .ic-info {
  background: #111827 !important;
  color: #cfd8e3 !important;
}

body[class*="custom_style"] .footer.user-footer .dsc-copyright *,
body[class*="custom_style"] .footer .dsc-copyright *,
body[class*="custom_style"] .footer-new-bot *,
body[class*="custom_style"] .eyou_foot .ic-info,
body[class*="custom_style"] .eyou_foot .ic-info *,
body[class*="custom_style"] .eyou_foot .link-zx-desc {
  color: #cfd8e3 !important;
}

body[class*="custom_style"] .footer.user-footer .footer-agreement-links a + a:before {
  background: rgba(207, 216, 227, .32) !important;
}

body[class*="custom_style"] .footer.user-footer .dsc-copyright a:hover,
body[class*="custom_style"] .footer-new-bot a:hover,
body[class*="custom_style"] .eyou_foot a:hover {
  color: #fff !important;
}

body.custom_style8 .message-card,
body.custom_style8 .message-card-body,
body.custom_style8 .eyou_sphz,
body.custom_style8 .eyou_xinxi {
  background: rgba(12, 18, 38, .92) !important;
  color: #dbeafe !important;
}

body.custom_style8 .message-card-title,
body.custom_style8 .message-card-title *,
body.custom_style8 .message-hot-copy strong {
  color: #ffffff !important;
}

body.custom_style8 .message-card-meta,
body.custom_style8 .message-card-meta *,
body.custom_style8 .message-card-foot,
body.custom_style8 .message-card-foot *,
body.custom_style8 .message-card-tags span {
  color: #b9c7df !important;
}

body.custom_style8 .message-card-tags span {
  background: rgba(0, 212, 255, .10) !important;
  border-color: rgba(0, 212, 255, .24) !important;
}

body.custom_style8 .p-detail-panel,
body.custom_style8 .p-detail-panel *,
body.custom_style8 .np-detail-content,
body.custom_style8 .np-detail-content * {
  color: #dbeafe !important;
}

body.custom_style8 .p-detail-panel h1,
body.custom_style8 .p-detail-panel h2,
body.custom_style8 .p-detail-panel h3,
body.custom_style8 .np-detail-content h1,
body.custom_style8 .np-detail-content h2,
body.custom_style8 .np-detail-content h3 {
  color: #ffffff !important;
}

body[class*="custom_style"] .footer.user-footer .dsc-copyright,
body[class*="custom_style"] .footer.user-footer .dsc-copyright p,
body[class*="custom_style"] .footer.user-footer .dsc-copyright span,
body[class*="custom_style"] .footer.user-footer .dsc-copyright a,
body[class*="custom_style"] .footer-new-bot p,
body[class*="custom_style"] .footer-new-bot a,
body[class*="custom_style"] .eyou_foot .ic-info,
body[class*="custom_style"] .eyou_foot .ic-info a {
  background: #ffffff !important;
  color: #475467 !important;
}

body[class*="custom_style"] .footer.user-footer .dsc-copyright a:hover,
body[class*="custom_style"] .footer-new-bot a:hover,
body[class*="custom_style"] .eyou_foot .ic-info a:hover {
  color: var(--theme-primary) !important;
}

body.custom_style8 .np-publish-panel,
body.custom_style8 .np-pricing-card {
  background: rgba(12, 18, 38, .90) !important;
  border-color: rgba(0, 212, 255, .22) !important;
  color: #dbeafe !important;
}

body.custom_style8 .np-publish-panel *,
body.custom_style8 .np-pricing-card * {
  color: #dbeafe !important;
}

body.custom_style8 .np-publish-title,
body.custom_style8 .np-pricing-title,
body.custom_style8 .np-pricing-price {
  color: #ffffff !important;
}

@media (max-width: 1180px) {
  body.custom_style1 .hero-grid,
  body.custom_style2 .hero-grid,
  body.custom_style7 .hero-grid,
  body.custom_style8 .hero-grid {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  body.custom_style1 .hero-side,
  body.custom_style2 .hero-side,
  body.custom_style7 .hero-side,
  body.custom_style8 .hero-side {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.custom_style2 .product-row,
  body.custom_style2 .mini-grid,
  body.custom_style2 .l-grid,
  body.custom_style5 .product-row,
  body.custom_style5 .mini-grid,
  body.custom_style5 .l-grid,
  body.custom_style7 .product-row,
  body.custom_style7 .l-grid,
  body.custom_style7 .mini-grid,
  body.custom_style8 .product-row,
  body.custom_style8 .mini-grid,
  body.custom_style8 .l-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-count: 3;
  }
}

@media (max-width: 900px) {
  body.custom_style1 .hero-grid,
  body.custom_style2 .hero-grid,
  body.custom_style3 .hero-grid,
  body.custom_style4 .hero-grid,
  body.custom_style5 .hero-grid,
  body.custom_style6 .hero-grid,
  body.custom_style7 .hero-grid,
  body.custom_style8 .hero-grid,
  body.custom_style1 .hero-side,
  body.custom_style2 .hero-side,
  body.custom_style3 .hero-side,
  body.custom_style4 .hero-side,
  body.custom_style5 .hero-side,
  body.custom_style6 .hero-side,
  body.custom_style7 .hero-side,
  body.custom_style8 .hero-side {
    grid-template-columns: 1fr !important;
  }

  body.custom_style1 .product-row,
  body.custom_style2 .product-row,
  body.custom_style3 .product-row,
  body.custom_style4 .product-row,
  body.custom_style5 .product-row,
  body.custom_style6 .product-row,
  body.custom_style8 .product-row,
  body.custom_style1 .mini-grid,
  body.custom_style2 .mini-grid,
  body.custom_style3 .mini-grid,
  body.custom_style4 .mini-grid,
  body.custom_style5 .mini-grid,
  body.custom_style6 .mini-grid,
  body.custom_style8 .mini-grid,
  body.custom_style1 .l-grid,
  body.custom_style2 .l-grid,
  body.custom_style3 .l-grid,
  body.custom_style4 .l-grid,
  body.custom_style5 .l-grid,
  body.custom_style6 .l-grid,
  body.custom_style8 .l-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.custom_style7 .product-row,
  body.custom_style7 .l-grid,
  body.custom_style7 .mini-grid,
  body.custom_style7 .message-card-wrap ul {
    column-count: 2 !important;
  }
}

@media (max-width: 560px) {
  body.custom_style1 .product-row,
  body.custom_style2 .product-row,
  body.custom_style3 .product-row,
  body.custom_style4 .product-row,
  body.custom_style5 .product-row,
  body.custom_style6 .product-row,
  body.custom_style8 .product-row,
  body.custom_style1 .mini-grid,
  body.custom_style2 .mini-grid,
  body.custom_style3 .mini-grid,
  body.custom_style4 .mini-grid,
  body.custom_style5 .mini-grid,
  body.custom_style6 .mini-grid,
  body.custom_style8 .mini-grid,
  body.custom_style1 .l-grid,
  body.custom_style2 .l-grid,
  body.custom_style3 .l-grid,
  body.custom_style4 .l-grid,
  body.custom_style5 .l-grid,
  body.custom_style6 .l-grid,
  body.custom_style8 .l-grid {
    grid-template-columns: 1fr !important;
  }

  body.custom_style1 .product-row .sale-card:first-child {
    grid-template-columns: 1fr !important;
  }

  body.custom_style7 .product-row,
  body.custom_style7 .l-grid,
  body.custom_style7 .mini-grid,
  body.custom_style7 .message-card-wrap ul {
    column-count: 1 !important;
  }
}

/* Home channel floor: keep the right-side recommendation area readable in every template.
   Theme-level product grid rules are intentionally broader; this module needs its own layout. */
body[class*="custom_style"] .channel-floor .floor-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.34fr) minmax(430px, .96fr) !important;
  align-items: stretch !important;
  gap: 20px !important;
}

body[class*="custom_style"] .channel-floor .feature-banner {
  box-sizing: border-box !important;
  width: auto !important;
  min-height: 430px !important;
  height: 100% !important;
}

body[class*="custom_style"] .channel-floor .mini-grid {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  align-content: stretch !important;
  gap: 14px !important;
  width: auto !important;
  min-width: 0 !important;
  column-count: initial !important;
  column-gap: normal !important;
}

body[class*="custom_style"] .channel-floor .mini-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  align-items: start !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
}

body[class*="custom_style"] .channel-floor .mini-card img {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 132px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  margin: 0 !important;
}

body[class*="custom_style"] .channel-floor .mini-card h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
  min-height: 44px;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.custom_style8 .channel-floor .feature-banner {
  background:
    radial-gradient(circle at 88% 18%, rgba(0, 212, 255, .18), transparent 34%),
    linear-gradient(135deg, rgba(12, 18, 38, .98), rgba(20, 32, 68, .94)) !important;
  border: 1px solid rgba(0, 212, 255, .24) !important;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .36), inset 0 0 0 1px rgba(255, 255, 255, .03) !important;
}

body.custom_style8 .channel-floor .feature-copy h3 {
  color: #ffffff !important;
}

body.custom_style8 .channel-floor .feature-copy p {
  color: #b9c7df !important;
}

body.custom_style8 .channel-floor .feature-copy small {
  background: rgba(0, 212, 255, .12) !important;
  color: #67e8f9 !important;
  border: 1px solid rgba(0, 212, 255, .24) !important;
}

body.custom_style8 .channel-floor .mini-card h3 {
  color: #ffffff !important;
}

/* custom_style1 / Tmall: make the selected top navigation feel like a real tab,
   not a tiny text-sized bubble. */
body.custom_style1 .nav-strip,
body.custom_style1 .l-nav {
  min-height: 70px !important;
  height: 70px !important;
  border-radius: 0 30px 30px 0 !important;
}

body.custom_style1 .nav-strip,
body.custom_style1 .l-nav .l-wrap {
  box-sizing: border-box !important;
  padding: 0 24px !important;
}

body.custom_style1 .l-nav .l-wrap {
  height: 70px !important;
}

body.custom_style1 .nav-strip .main-nav,
body.custom_style1 .l-nav .l-nav-links {
  gap: 18px !important;
  align-items: center !important;
}

body.custom_style1 .nav-strip .main-nav a,
body.custom_style1 .l-nav .l-nav-links a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  color: #f9fafb !important;
  line-height: 1 !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.custom_style1 .nav-strip .main-nav a.active,
body.custom_style1 .nav-strip .main-nav a:hover,
body.custom_style1 .l-nav .l-nav-links a.active,
body.custom_style1 .l-nav .l-nav-links a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #e60012, #c00010) !important;
  box-shadow: 0 10px 24px rgba(230, 0, 18, .34) !important;
  transform: translateY(-1px);
}

body.custom_style1 .nav-strip .main-nav a.active::after,
body.custom_style1 .nav-strip .main-nav a:hover::after,
body.custom_style1 .l-nav .l-nav-links a.active::after,
body.custom_style1 .l-nav .l-nav-links a:hover::after {
  display: none !important;
}

/* custom_style1 / Tmall: information portal header.
   The legacy message template has a 400x160 logo and wrapping pill links;
   this keeps the desktop header proportional and aligned. */
body.custom_style1.news-portal .eyoucms_head {
  margin: 0 0 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%) !important;
  box-shadow: 0 14px 34px rgba(230, 0, 18, .12) !important;
}

body.custom_style1.news-portal .eyoucms_inside {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 24px !important;
  width: min(1600px, calc(100% - 64px)) !important;
  max-width: none !important;
  min-height: 126px !important;
  margin: 0 auto !important;
  padding: 18px 0 !important;
}

body.custom_style1.news-portal .eyoucms_inside > a {
  display: flex !important;
  align-items: center !important;
  width: 300px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.custom_style1.news-portal .eyoucms_inside > a img {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  max-height: 92px !important;
  height: auto !important;
  object-fit: contain !important;
}

body.custom_style1.news-portal .eyoucms_main {
  min-width: 0 !important;
}

body.custom_style1.news-portal .eyou_dh {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background: #101010 !important;
}

body.custom_style1.news-portal .eyou_dh a.eyou_arr {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f9fafb !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

body.custom_style1.news-portal .eyou_dh a.eyou_arr.is-active,
body.custom_style1.news-portal .eyou_dh a.eyou_arr:hover {
  border-color: #e60012 !important;
  background: linear-gradient(135deg, #e60012, #b0000f) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(230, 0, 18, .28) !important;
}

body.custom_style1.news-portal .eyou_zc {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body.custom_style1.news-portal .eyoucms_head .eyou_zc .icon123 {
  box-sizing: border-box !important;
  width: 180px !important;
  min-width: 180px !important;
  height: 58px !important;
  padding: 0 24px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #e60012, #b0000f) !important;
  box-shadow: 0 16px 30px rgba(230, 0, 18, .24) !important;
}

body.custom_style1.news-portal .eyoucms_head .eyou_zc .icon123 p {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

@media (max-width: 1280px) {
  body.custom_style1.news-portal .eyoucms_inside {
    grid-template-columns: 260px minmax(0, 1fr) 156px !important;
    gap: 16px !important;
    width: min(1180px, calc(100% - 40px)) !important;
  }

  body.custom_style1.news-portal .eyoucms_inside > a,
  body.custom_style1.news-portal .eyoucms_inside > a img {
    width: 260px !important;
    max-width: 260px !important;
  }

  body.custom_style1.news-portal .eyou_dh {
    gap: 8px !important;
  }

  body.custom_style1.news-portal .eyou_dh a.eyou_arr {
    min-width: 82px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }

  body.custom_style1.news-portal .eyoucms_head .eyou_zc .icon123 {
    width: 156px !important;
    min-width: 156px !important;
  }
}

@media (max-width: 980px) {
  body.custom_style1.news-portal .eyoucms_inside {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    min-height: 0 !important;
    padding: 18px 0 22px !important;
  }

  body.custom_style1.news-portal .eyoucms_inside > a,
  body.custom_style1.news-portal .eyoucms_inside > a img {
    width: min(300px, 100%) !important;
    max-width: 300px !important;
  }

  body.custom_style1.news-portal .eyoucms_main,
  body.custom_style1.news-portal .eyou_zc {
    width: 100% !important;
  }

  body.custom_style1.news-portal .eyou_dh {
    flex-wrap: wrap !important;
    border-radius: 24px !important;
  }

  body.custom_style1.news-portal .eyoucms_head .eyou_zc {
    justify-content: center !important;
  }
}

/* Information portal footer: replace the legacy float footer that wraps text into vertical columns. */
body[class*="custom_style"].news-portal .eyou_foot {
  box-sizing: border-box !important;
  width: min(1600px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin: 42px auto 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 0 !important;
  background: #111827 !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .14) !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  align-items: start !important;
  gap: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 42px 56px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art .art {
  display: grid !important;
  grid-column: 1 / 2 !important;
  order: 1 !important;
  grid-template-columns: repeat(5, minmax(128px, 1fr)) !important;
  align-items: start !important;
  justify-items: start !important;
  align-self: start !important;
  justify-self: stretch !important;
  gap: 28px !important;
  width: auto !important;
  min-width: 0 !important;
}

body[class*="custom_style"].news-portal .eyou_foot .clearfix::before,
body[class*="custom_style"].news-portal .eyou_foot .clearfix::after {
  content: none !important;
  display: none !important;
}

body[class*="custom_style"].news-portal .eyou_foot .eyou_zc {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[class*="custom_style"].news-portal .eyou_foot ul.eyou_zc {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-self: start !important;
  justify-self: start !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  list-style: none !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art ul li {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.5 !important;
  white-space: normal !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art ul li.tit {
  margin: 0 0 2px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art ul li.list a {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art ul li.list a:hover {
  color: #ffffff !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art .link {
  box-sizing: border-box !important;
  display: flex !important;
  grid-column: 2 / 3 !important;
  order: 2 !important;
  align-self: start !important;
  justify-self: stretch !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 0 0 38px !important;
  border-left: 1px solid rgba(255, 255, 255, .18) !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art .link-tel {
  display: block !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

body[class*="custom_style"].news-portal .eyou_foot .nav-art .link-zx-desc {
  display: block !important;
  margin: 0 !important;
  color: #cbd5e1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  white-space: normal !important;
}

body[class*="custom_style"].news-portal .eyou_foot .ic-info {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 40px 28px !important;
  border: 0 !important;
  background: #0b1220 !important;
  color: #cbd5e1 !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.9 !important;
}

body[class*="custom_style"].news-portal .eyou_foot .ic-info a {
  display: inline-flex !important;
  margin-top: 4px !important;
  color: #e5e7eb !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  background: transparent !important;
}

body.custom_style1.news-portal .eyou_foot {
  border-top: 4px solid #e60012 !important;
  background:
    radial-gradient(circle at 0 0, rgba(230, 0, 18, .18), transparent 34%),
    #101010 !important;
}

body.custom_style1.news-portal .eyou_foot .ic-info {
  background: #0a0a0a !important;
}

body.custom_style1.news-portal .eyou_foot .nav-art ul li.list a:hover,
body.custom_style1.news-portal .eyou_foot .ic-info a:hover {
  color: #ff4d5a !important;
}

@media (max-width: 1100px) {
  body[class*="custom_style"].news-portal .eyou_foot {
    width: min(100% - 32px, 960px) !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding: 34px 32px !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art .art {
    grid-column: auto !important;
    grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art .link {
    grid-column: auto !important;
    padding: 26px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
  }
}

@media (max-width: 640px) {
  body[class*="custom_style"].news-portal .eyou_foot {
    width: calc(100% - 20px) !important;
    margin-top: 28px !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art {
    padding: 28px 22px !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art .art {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .nav-art .link-tel {
    font-size: 26px !important;
  }

  body[class*="custom_style"].news-portal .eyou_foot .ic-info {
    padding: 22px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 1120px) {
  body[class*="custom_style"] .channel-floor .floor-grid {
    grid-template-columns: 1fr !important;
  }

  body[class*="custom_style"] .channel-floor .feature-banner {
    min-height: 360px !important;
  }

  body[class*="custom_style"] .channel-floor .mini-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body[class*="custom_style"] .channel-floor .mini-card img {
    height: 126px !important;
  }
}

@media (max-width: 760px) {
  body[class*="custom_style"] .channel-floor .mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body[class*="custom_style"] .channel-floor .mini-grid {
    grid-template-columns: 1fr !important;
  }

  body[class*="custom_style"] .channel-floor .mini-card {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    align-items: center !important;
  }

  body[class*="custom_style"] .channel-floor .mini-card img {
    height: 86px !important;
  }
}