/* 淘乐乐商城 - 数码科技感详情页增强（仅 body.taolele-detail-page 生效） */
body.taolele-detail-page main.flex-grow.bg-\[\#f5f5f5\] {
  background: linear-gradient(180deg, #f6f8fc 0%, #eef1f7 100%);
}

/* ---------- 主图区：科技光效 ---------- */
body.taolele-detail-page .flex.gap-4.w-full {
  gap: 16px;
}
body.taolele-detail-page .flex-1.aspect-square {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(255,106,0,.10) 0%, transparent 45%),
    radial-gradient(120% 120% at 100% 100%, rgba(35,102,255,.08) 0%, transparent 45%),
    linear-gradient(145deg, #ffffff 0%, #f3f6fc 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.9),
    inset 0 0 40px rgba(120,150,220,.12),
    0 18px 40px -18px rgba(20,40,90,.28);
  transition: box-shadow .45s ease;
}
body.taolele-detail-page .flex-1.aspect-square::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255,106,0,.55), rgba(255,190,120,.15) 35%, rgba(35,102,255,.35));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
body.taolele-detail-page .flex-1.aspect-square::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(60% 40% at 50% 0%, rgba(255,255,255,.35) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
body.taolele-detail-page .flex-1.aspect-square img {
  position: relative;
  z-index: 3;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
  padding: 14px;
  box-sizing: border-box;
}
body.taolele-detail-page .flex-1.aspect-square:hover img {
  transform: scale(1.05);
}
/* 科技角标 */
body.taolele-detail-page .tl-tech-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff6a00, #ff8f3d);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  box-shadow: 0 6px 18px -6px rgba(255,106,0,.55);
}
/* 缩略图：发光选中态 */
body.taolele-detail-page .w-\[70px\] {
  border-radius: 10px;
  overflow: hidden;
  transition: all .25s ease;
  border: 1.5px solid #e3e8f2 !important;
  box-shadow: 0 2px 8px -3px rgba(20,40,90,.12);
}
body.taolele-detail-page .w-\[70px\]:hover {
  border-color: #ff8f3d !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,.14), 0 6px 14px -6px rgba(255,106,0,.35);
}

/* ---------- 信息区：标题/价格/规格 ---------- */
body.taolele-detail-page h1.text-2xl {
  font-size: 26px;
  letter-spacing: .2px;
}
/* 价格 */
body.taolele-detail-page .p-4.rounded {
  border-radius: 14px;
  background: linear-gradient(135deg, #fff 0%, #fff7f0 100%);
  border: 1px solid rgba(255,138,61,.18);
  box-shadow: inset 0 0 30px rgba(255,138,61,.05);
}
body.taolele-detail-page .p-4.rounded .items-baseline {
  text-shadow: 0 2px 10px rgba(255,106,0,.18);
}
/* 优惠券胶囊 */
body.taolele-detail-page .p-4.rounded span.border-primary {
  background: linear-gradient(135deg, rgba(255,106,0,.10), rgba(255,143,61,.06));
  border-color: rgba(255,106,0,.35) !important;
  font-weight: 600;
}
/* 规格按钮发光 */
body.taolele-detail-page .flex.flex-col.gap-6 .border {
  border-radius: 999px;
  transition: all .2s ease;
}
body.taolele-detail-page .flex.flex-col.gap-6 .border:hover {
  border-color: #ff8f3d;
  box-shadow: 0 0 0 3px rgba(255,106,0,.12);
}

/* ---------- 购买条：玻璃科技感 ---------- */
body.taolele-detail-page .sticky.bottom-4.z-20 .rounded-full {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px rgba(255,138,61,.25), 0 12px 30px -12px rgba(20,40,90,.35) !important;
}
body.taolele-detail-page .sticky.bottom-4.z-20 button[class*="bg-primary"] {
  background: linear-gradient(90deg, #ff6a00, #ff8f3d) !important;
  box-shadow: 0 8px 20px -8px rgba(255,106,0,.6);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.taolele-detail-page .sticky.bottom-4.z-20 button[class*="bg-primary"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px -8px rgba(255,106,0,.7);
}

/* ---------- 详情图区 ---------- */
body.taolele-detail-page div.product-content {
  overflow: hidden;
}
body.taolele-detail-page div.product-content img {
  border-radius: 12px;
  box-shadow: 0 14px 34px -18px rgba(20,40,90,.35);
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
  margin: 18px auto !important;
}
body.taolele-detail-page div.product-content img.tl-inview {
  opacity: 1;
  transform: translateY(0);
}
body.taolele-detail-page div.product-content img:hover {
  box-shadow: 0 20px 44px -16px rgba(20,40,90,.45);
}

/* ---------- 通用 ---------- */
body.taolele-detail-page * {
  transition-timing-function: cubic-bezier(.2,.8,.2,1);
}