/* 栗东云官网前台统一优化层 - 20260703 */
:root {
  --jq-bg: #f5f7fb;
  --jq-panel: #ffffff;
  --jq-text: #172033;
  --jq-muted: #667085;
  --jq-line: rgba(15, 23, 42, .08);
  --jq-brand: #d9481e;
  --jq-brand-dark: #b83210;
  --jq-brand-soft: rgba(217, 72, 30, .1);
  --jq-shadow: 0 24px 70px rgba(15, 23, 42, .09);
  --jq-radius: 28px;
}

html body {
  color: var(--jq-text);
  background:
    radial-gradient(circle at 82% 0%, rgba(217,72,30,.12), transparent 32%),
    linear-gradient(180deg, #fbfcff 0%, var(--jq-bg) 100%);
}

body.jq-front-page,
body.jq-front-page :where(section, div, p, span, a, li, label, input, button, h1, h2, h3, h4) {
  box-sizing: border-box;
}

body.jq-front-page :where(.section) {
  width: min(1200px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.header-box {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(255,255,255,.72);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
}

.header-box .section {
  min-height: 74px;
}

.header-menu-item a,
.header-login-item a,
.nav-link {
  color: var(--jq-text) !important;
  font-weight: 800;
}

.header-menu-item a:hover,
.header-login-item a:hover,
.nav-link:hover {
  color: var(--jq-brand) !important;
}

.btn,
.btn-pri,
.btn-login,
.block-btn {
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--jq-brand), var(--jq-brand-dark)) !important;
  box-shadow: 0 16px 34px rgba(217,72,30,.25) !important;
  font-weight: 900 !important;
}

.btn:hover,
.btn-pri:hover,
.btn-login:hover,
.block-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(217,72,30,.32) !important;
}

.btn-line,
.btn-black {
  border: 1px solid var(--jq-line) !important;
  color: var(--jq-text) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.jq-front-page :where(.banner-section, .event-banner, .jq-hero) {
  position: relative;
  min-height: 430px;
  margin-top: 28px;
  padding: 64px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 36px;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #151b2f 0%, #222a44 54%, #d9481e 150%);
  box-shadow: 0 34px 90px rgba(15, 23, 42, .18);
}

body.jq-front-page :where(.banner-section, .event-banner, .jq-hero)::before {
  content: "LD";
  position: absolute;
  right: 54px;
  bottom: -38px;
  color: rgba(255,255,255,.06);
  font-size: 180px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.08em;
}

body.jq-front-page :where(.banner-title, .banner-text, .jq-hero-copy) {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

body.jq-front-page :where(.banner-title h1, .banner-title .banner-title, .event-banner .banner-title, .jq-hero h1) {
  margin: 0 0 18px;
  color: #fff !important;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 1.08;
  font-weight: 1000;
  letter-spacing: -.04em;
}

body.jq-front-page :where(.banner-title p, .banner-des, .jq-hero p) {
  max-width: 680px;
  color: rgba(255,255,255,.78) !important;
  font-size: 17px;
  line-height: 1.9;
}

.jq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.jq-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

body.jq-front-page :where(.banner-img, .banner-partners, .banner-bg, .jq-hero-panel) {
  position: relative;
  z-index: 2;
}

.jq-hero-panel {
  width: min(420px, 100%);
  margin-left: auto;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(14px);
}

.jq-panel-title {
  margin-bottom: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.jq-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.jq-panel-grid span {
  padding: 16px;
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-weight: 900;
}

body.jq-front-page :where(.introduce-section, .product-section, .recommend-section, .register-section, .common-section, .event-adv, .flash-sale, .hot-sale, .jq-section, .jq-cta) {
  margin-top: 36px;
  padding: 44px;
  border: 1px solid var(--jq-line);
  border-radius: var(--jq-radius);
  background: rgba(255,255,255,.94);
  box-shadow: var(--jq-shadow);
}

body.jq-front-page :where(.section-title, .jq-section h2, .jq-cta h2) {
  color: var(--jq-text) !important;
  font-size: clamp(26px, 3vw, 42px) !important;
  line-height: 1.18;
  font-weight: 1000 !important;
  letter-spacing: -.035em;
}

body.jq-front-page :where(.section-des, .jq-section-head p, .jq-cta p) {
  max-width: 760px;
  margin-top: 12px;
  color: var(--jq-muted) !important;
  font-size: 16px;
  line-height: 1.8;
}

body.jq-front-page :where(.product-introduce, .section-list, .flash-list, .hot-list, .jq-feature-grid, .jq-service-list) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}

body.jq-front-page :where(.product-introduce-item, .section-list-item, .flash-item, .hot-item, .adv-item, .jq-feature-card, .jq-service-list li, .jq-stat-card) {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0;
  padding: 24px !important;
  border: 1px solid var(--jq-line) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, #fff, #fffaf7) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.06) !important;
  color: var(--jq-text) !important;
}

body.jq-front-page :where(.product-introduce-item img, .adv-item img, .service-item-icon img, .jq-feature-card img) {
  display: block !important;
  width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
}

body.jq-front-page :where(.section-list-item, .flash-item, .hot-item) {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body.jq-front-page :where(.goods-price, .flash-price, .hot-price) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: auto !important;
}

body.jq-front-page :where(.product-introduce-item h4, .product-title, .goods-name, .flash-name, .hot-name, .adv-title, .jq-feature-card strong, .jq-service-list b) {
  color: var(--jq-text) !important;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 1000;
}

body.jq-front-page :where(.product-introduce-content, .product-des, .goods-des, .flash-des, .hot-des, .adv-des, .jq-feature-card p, .jq-service-list p) {
  color: var(--jq-muted) !important;
  line-height: 1.75;
}

body.jq-front-page :where(.goods-config, .flash-config, .hot-config) {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding: 16px;
  border-radius: 18px;
  background: #f8fafc;
}

body.jq-front-page :where(.goods-config-item, .config-item) {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--jq-muted);
}

body.jq-front-page :where(.goods-config-item-value, .config-value) {
  color: var(--jq-text);
  font-weight: 900;
  text-align: right;
}

body.jq-front-page :where(.price-num, .flash-price-num, .hot-price-num) {
  color: var(--jq-brand) !important;
  font-weight: 1000;
}

.register-section,
.jq-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background:
    radial-gradient(circle at 88% 10%, rgba(217,72,30,.16), transparent 30%),
    linear-gradient(135deg, #111827, #202842) !important;
}

.register-section h3,
.jq-cta h2,
.jq-cta p {
  color: #fff !important;
}

.jq-stats-section {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.jq-stat-card strong {
  display: block;
  color: var(--jq-brand);
  font-size: 34px;
  line-height: 1;
  font-weight: 1000;
}

.jq-stat-card span {
  display: block;
  margin-top: 10px;
  color: var(--jq-muted);
  font-weight: 800;
}

/* 订购页：覆盖 mf_cloud 旧模板视觉 */
body.jq-buy-page {
  background:
    radial-gradient(circle at 82% 0%, rgba(217,72,30,.12), transparent 32%),
    linear-gradient(180deg, #fbfcff 0%, var(--jq-bg) 100%) !important;
}

body.jq-buy-page :where(.buy-section) {
  width: min(1240px, calc(100% - 48px));
  margin: 30px auto 56px;
  padding: 0;
}

body.jq-buy-page :where(.select-box, .goods-page, .card-item, .right-card, .shopping-car, .order-box, .price-box) {
  border: 1px solid var(--jq-line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--jq-shadow) !important;
}

body.jq-buy-page :where(.select-box) {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
  padding: 18px 22px;
}

body.jq-buy-page :where(.goods-page) {
  padding: 24px !important;
}

body.jq-buy-page :where(.card-item) {
  margin-bottom: 18px !important;
  padding: 24px !important;
}

body.jq-buy-page :where(.com-tit) {
  color: var(--jq-text) !important;
  font-size: 20px !important;
  font-weight: 1000 !important;
}

body.jq-buy-page :where(.el-input__inner, .el-textarea__inner) {
  border-color: var(--jq-line) !important;
  border-radius: 14px !important;
  color: var(--jq-text) !important;
  background: #fff !important;
}

body.jq-buy-page :where(.el-radio-button__inner, .cloud-item, .area-item, .image-group .item, .config-item) {
  border-color: var(--jq-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--jq-text) !important;
}

body.jq-buy-page :where(.el-radio-button__orig-radio:checked + .el-radio-button__inner, .cloud-item.active, .area-item.active, .image-group .item.active) {
  border-color: rgba(217,72,30,.32) !important;
  color: var(--jq-brand-dark) !important;
  background: var(--jq-brand-soft) !important;
  box-shadow: 0 12px 26px rgba(217,72,30,.14) !important;
}

.footer-box {
  margin-top: 54px;
  background:
    radial-gradient(circle at 80% 0%, rgba(217,72,30,.2), transparent 28%),
    linear-gradient(135deg, #101827, #192235) !important;
}

.footer-box,
.footer-box a,
.footer-box p,
.footer-box span,
.footer-box li {
  color: rgba(255,255,255,.72) !important;
}

.footer-box .mid-menu-type,
.footer-box .connect-us-title,
.footer-box .tle-num {
  color: #fff !important;
}

@media (max-width: 1100px) {
  body.jq-front-page :where(.product-introduce, .section-list, .flash-list, .hot-list, .jq-feature-grid, .jq-service-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jq-stats-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.jq-front-page :where(.section) {
    width: min(100% - 28px, 1200px);
  }

  body.jq-front-page :where(.banner-section, .event-banner, .jq-hero, .introduce-section, .product-section, .recommend-section, .register-section, .common-section, .event-adv, .flash-sale, .hot-sale, .jq-section, .jq-cta) {
    padding: 24px;
    border-radius: 22px;
  }

  body.jq-front-page :where(.product-introduce, .section-list, .flash-list, .hot-list, .jq-feature-grid, .jq-service-list),
  .jq-stats-section {
    grid-template-columns: 1fr;
  }

  .register-section,
  .jq-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 全站官网前台二次稳定层：购买页/旧组件防错位与可读性 - 20260703 */
body.jq-front-page {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body.jq-front-page * {
  text-size-adjust: 100%;
}

body.jq-front-page :where(.template, .common-config, .mf-cloud, .mf-dcim) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: var(--jq-text) !important;
}

body.jq-buy-page :where(.buy-section, .template.common-config, .mf-cloud, .mf-dcim) {
  min-height: calc(100vh - 120px);
}

body.jq-buy-page :where(.main-card, .common-box, .con, .el-form, .fast-form) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.jq-buy-page :where(.main-card, .common-box, .con) {
  border-radius: 22px !important;
  background: #fff !important;
  color: var(--jq-text) !important;
}

body.jq-buy-page :where(.common-box, .con) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

body.jq-buy-page :where(.l-config, .r-config, .left-content, .right-content) {
  min-width: 0 !important;
}

body.jq-buy-page :where(.select-text, .config-text, .link-text, .config-tit, .tit, .l-txt, .txt, .name, .label, .level-label, .el-form-item__label, .el-radio-button__inner, .el-checkbox__label, .el-input__inner, .el-textarea__inner, .el-select-dropdown__item, .el-tree-node__label) {
  color: var(--jq-text) !important;
}

body.jq-buy-page :where(.s-tip, .demand-des, .des, .tip, .config-item .unit, .el-form-item__error) {
  color: var(--jq-muted) !important;
}

body.jq-buy-page :where(.card-item, .config-item.card-item, .description.card-item, .cloud-item, .area-box, .country, .city, .cascade-selector, .level-row, .right-card, .summary-card, .shopping-car, .order-box, .price-box) {
  background: #fff !important;
  color: var(--jq-text) !important;
}

body.jq-buy-page :where(.cloud-box, .config-way, .click-select, .level-options, .image-group, .data-list, .el-tabs__content) {
  min-width: 0 !important;
}

body.jq-buy-page :where(.config-way .item, .click-select .item, .level-options .item, .area-item, .image-group .item, .data-item, .duration-select .el-input__inner) {
  min-height: 42px !important;
  border: 1px solid var(--jq-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--jq-text) !important;
  box-shadow: none !important;
}

body.jq-buy-page :where(.config-way .item.active, .config-way .item.com-active, .click-select .item.com-active, .level-options .item.com-active, .area-item.active, .image-group .item.active, .data-item.active) {
  border-color: rgba(217,72,30,.38) !important;
  background: linear-gradient(180deg, #fff7ed, #fff) !important;
  color: var(--jq-brand-dark) !important;
  box-shadow: 0 12px 26px rgba(217,72,30,.14) !important;
}

body.jq-buy-page :where(.el-tabs__nav-wrap)::after {
  display: none !important;
}

body.jq-buy-page :where(.el-tabs__item) {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: var(--jq-muted) !important;
  font-weight: 900 !important;
  line-height: 40px !important;
}

body.jq-buy-page :where(.el-tabs__item.is-active) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--jq-brand), var(--jq-brand-dark)) !important;
}

body.jq-buy-page :where(.el-tabs__active-bar) {
  display: none !important;
}

body.jq-buy-page :where(.f-order) {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 80 !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -18px 50px rgba(15,23,42,.12) !important;
  backdrop-filter: blur(16px);
}

body.jq-buy-page :where(.f-order .section) {
  width: min(1240px, calc(100% - 32px)) !important;
  min-height: 86px !important;
  margin: 0 auto !important;
  padding: 12px 0 !important;
}

body.jq-buy-page :where(.f-order .left, .f-order .mid, .f-order .right) {
  min-width: 0 !important;
}

body.jq-buy-page :where(.bot-price, .new, .old, .total, .price, .total-price) {
  color: var(--jq-brand) !important;
  font-weight: 1000 !important;
}

body.jq-buy-page :where(.buy-btn, .cart-btn, .submit-btn, .confirm-btn, .el-button--primary) {
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--jq-brand), var(--jq-brand-dark)) !important;
  box-shadow: 0 16px 34px rgba(217,72,30,.24) !important;
  font-weight: 900 !important;
}

body.jq-buy-page :where(.el-table, .el-table th, .el-table tr, .el-table td) {
  color: var(--jq-text) !important;
  background: #fff !important;
}

body.jq-buy-page :where(.el-table th) {
  background: #f8fafc !important;
}

body.jq-buy-page :where(.el-slider__bar) {
  background: var(--jq-brand) !important;
}

body.jq-buy-page :where(.el-slider__button) {
  border-color: var(--jq-brand) !important;
}

body.jq-front-page :where(.el-select-dropdown, .el-picker-panel, .el-popover, .el-tooltip__popper, .dropdown-menu) {
  border: 1px solid var(--jq-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--jq-text) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.14) !important;
}

body.jq-front-page :where(.el-select-dropdown__item.hover, .el-select-dropdown__item:hover, .dropdown-item:hover) {
  color: var(--jq-brand-dark) !important;
  background: var(--jq-brand-soft) !important;
}

body.jq-front-page :where(.el-dialog, .el-message-box) {
  border-radius: 22px !important;
  background: #fff !important;
  color: var(--jq-text) !important;
}

body.jq-front-page :where(.el-dialog__title, .el-message-box__title, .el-dialog__body, .el-message-box__content) {
  color: var(--jq-text) !important;
}

@media (min-width: 1120px) {
  body.jq-buy-page :where(.common-box) {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    align-items: start;
  }
}

@media (max-width: 980px) {
  body.jq-buy-page :where(.select-box) {
    align-items: flex-start;
    flex-direction: column;
  }

  body.jq-buy-page :where(.f-order) {
    position: sticky !important;
  }

  body.jq-buy-page :where(.f-order .section) {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
}