/* ============================================
   分销推广页面 优化 v1.0
   ============================================ */

.distribution-top {
  border-radius: var(--r-xl) !important;
  overflow: hidden !important;
}

.distribution-info {
  border-radius: var(--r-lg) !important;
}

.distribution-link input {
  border-radius: var(--r-md) !important;
  border: 1.5px solid #E2E8F0 !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
}

.distribution-link input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px var(--gold-bg-10) !important;
}

.distribution-link button {
  border-radius: var(--r-md) !important;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: #fff !important;
}


/* ============================================
   分销推广页面 优化 v1.0
   ============================================ */

.distributon-row {
  border-bottom-color: #F1F5F9 !important;
  padding: 20px 16px !important;
}

.distributon-row .number {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--gold-dark) !important;
}

.distributon-row h2 {
  font-weight: 600 !important;
  color: #0F172A !important;
}

.distributon-row p {
  color: #64748B !important;
}

.my-distribution-orders li {
  border-color: #F1F5F9 !important;
}

.my-distribution-orders li > div {
  border-color: #F1F5F9 !important;
  color: #475569 !important;
}

.my-distribution-partner ul li {
  border-color: #F1F5F9 !important;
  border-radius: var(--r-md) !important;
  transition: background var(--t-fast) !important;
}

.my-distribution-partner ul li:hover {
  background: #FAFBFC !important;
}

.my-distribution-partner ul li img {
  border-radius: var(--r-md) !important;
}

.my-distribution-partner ul li span.partner-icon {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: #fff !important;
  border-radius: var(--r-full) !important;
  font-size: 11px !important;
}

.partner-none {
  border-color: #F1F5F9 !important;
  border-radius: var(--r-md) !important;
  color: #94A3B8 !important;
}

.distribution-build-input {
  border: 1.5px solid #E2E8F0 !important;
  border-radius: var(--r-md) !important;
}

.distribution-build-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px var(--gold-bg-10) !important;
}

.distribution-title span {
  color: var(--gold-dark) !important;
}


/* ============================================
   Distribution - Mobile (768px)
   ============================================ */
@media screen and (max-width: 768px) {

  .distribution-top {
    border-radius: var(--r-lg) !important;
  }

  .distributon-row {
    padding: 14px 12px !important;
  }

  .distributon-row .number {
    font-size: 22px !important;
  }

  .distribution-link input {
    font-size: 12px !important;
    min-height: 44px !important;
  }

  .distribution-link button {
    min-height: 44px !important;
    width: 100% !important;
  }

  .my-distribution-partner ul li {
    padding: 10px !important;
  }
}