/* 淘宝闪购独立页：淘系橙色视觉 */
.body-flash {
  background: #fff4ec;
}

.theme-flash {
  --page-bg: #ff6a00;
  --card-bg: #ffffff;
  --title: #1f1f1f;
  --sub: #9a5a2a;
  --btn: #ff5000;
  --line: #ffe0cc;
  --danger: #ff0036;
  --muted: #8c8c8c;

  background:
    radial-gradient(circle at 88% 8%, rgba(255, 230, 150, 0.55) 0, transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.22) 0, transparent 26%),
    linear-gradient(165deg, #ff7a18 0%, #ff5000 42%, #fff4ec 42%, #fff4ec 100%);
  background-size: auto;
  background-repeat: no-repeat;
  padding-top: 0;
  color: var(--title);
}

.flash-hero {
  padding: 14vw 4vw 8vw;
  color: #fff;
}

@media (min-width: 480px) {
  .theme-flash {
    background:
      radial-gradient(circle at 88% 8%, rgba(255, 230, 150, 0.55) 0, transparent 120px),
      radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.22) 0, transparent 110px),
      linear-gradient(165deg, #ff7a18 0%, #ff5000 180px, #fff4ec 180px, #fff4ec 100%);
  }

  .flash-hero {
    padding: 48px 18px 28px;
  }
}

.flash-brand {
  display: inline-block;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-shadow: 0 2px 0 rgba(160, 40, 0, 0.25);
  animation: flash-pop 0.55s ease both;
}

.flash-title {
  margin-top: 8px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.5px;
  animation: flash-pop 0.55s ease 0.08s both;
}

.flash-sub {
  margin-top: 6px;
  font-size: 13px;
  opacity: 0.92;
  animation: flash-pop 0.55s ease 0.14s both;
}

@keyframes flash-pop {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.theme-flash .look-btnbox,
.theme-flash .look-linkbox,
.theme-flash .look-prod,
.theme-flash .look-tw,
.theme-flash .look-zk {
  background: #fff;
  box-shadow: 0 8px 20px rgba(255, 80, 0, 0.08);
  border: 1px solid rgba(255, 180, 130, 0.35);
}

.theme-flash .look-btnbox-t1,
.theme-flash .look-linkbox-t1,
.theme-flash .look-tw-t1,
.theme-flash .look-prod-text,
.theme-flash .look-prod-detail-title,
.theme-flash .look-linkbox-text {
  color: #1f1f1f;
}

.theme-flash .look-btnbox-t2,
.theme-flash .look-linkbox-t2,
.theme-flash .look-prod-sikp {
  color: #b86a35;
}

.theme-flash .look-btnbox-btn,
.theme-flash .look-tw-btn,
.theme-flash .look-prod-coupon-btn {
  background: linear-gradient(180deg, #ff7a2f, #ff5000);
  color: #fff;
}

.theme-flash .look-linkbox-btn {
  background: linear-gradient(90deg, #ff8a2b, #ff5000 55%, #ff3d00);
  color: #fff;
  box-shadow: 0 6px 14px rgba(255, 80, 0, 0.28);
}

.theme-flash .look-textarea {
  background: #fff8f3;
  border-color: #ffd2b5;
}

.theme-flash .switch.on {
  background: #ff5000;
}

.theme-flash .look-prod-coupon {
  background: linear-gradient(135deg, #fff8f2, #fff);
  border-color: #ffd2b5;
}

.theme-flash .look-prod-coupon-t2 {
  color: #ff0036;
}

.theme-flash .dp {
  border-color: #ff5000;
  color: #ff5000;
}

.theme-flash .gxq {
  border-color: #ff8a2b;
  color: #d45500;
}

.theme-flash .wx-tip {
  background: rgba(255, 255, 255, 0.85);
  color: #5c3a22;
}

.flash-icon {
  width: 34px;
  height: 34px;
  margin-right: 10px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(145deg, #ffb06a, #ff5000);
  position: relative;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}

.flash-icon::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.92);
}

.flash-icon-hongbao::after {
  border-radius: 3px 3px 6px 6px;
  background:
    radial-gradient(circle at 50% 38%, #ff5000 0 3px, transparent 3.5px),
    linear-gradient(#fff, #fff);
}

.flash-icon-link::after {
  clip-path: polygon(20% 35%, 45% 35%, 45% 20%, 80% 50%, 45% 80%, 45% 65%, 20% 65%);
}

.flash-icon-ok {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 50%;
}

.flash-icon-ok::after {
  inset: 5px;
  border-radius: 2px;
  background: #fff;
  clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 22%, 84% 8%, 38% 70%);
}

.flash-icon-book::after {
  background:
    linear-gradient(#ff5000, #ff5000) center/2px 60% no-repeat,
    #fff;
}

/* 闪购页优惠列表橙系覆盖 */
.theme-flash .deal-box {
  background: #fff;
  box-shadow: 0 8px 20px rgba(255, 80, 0, 0.08);
  border: 1px solid rgba(255, 180, 130, 0.35);
}

.theme-flash .deal-tab {
  background: #ffe8d6;
  color: #b86a35;
}

.theme-flash .deal-tab.active {
  background: linear-gradient(180deg, #ff7a2f, #ff5000);
  color: #fff;
}

.theme-flash .deal-search-btn,
.theme-flash .deal-get {
  background: linear-gradient(180deg, #ff7a2f, #ff5000);
  color: #fff;
}

.theme-flash .deal-input {
  border-color: #ffd2b5;
  background: #fff8f3;
}

.theme-flash .deal-tags button {
  border-color: #ffd2b5;
  color: #b86a35;
  background: #fff8f3;
}

.theme-flash .deal-item {
  border-color: #ffd2b5;
}

.theme-flash .deal-more {
  border-color: #ffd2b5;
  color: #b86a35;
}

.theme-flash .deal-price {
  color: #ff0036;
}