/**
 * DIF Capital / Computing Power Seminar (DIFCapital.html) — scoped under #difgc-difcapital
 * 迁移：page-bg；Hero 全透明；区块勿挡底图；卡片白底+阴影；Elementor 标题 clamp
 */

.pageContent.page-difcapital-landing,
.pageContent.page-difcapital-landing > .elementor.elementor-9 {
  background: transparent !important;
}

#difgc-difcapital,
#difgc-difcapital *::before,
#difgc-difcapital *::after {
  box-sizing: border-box;
}

/* 栏目间距：避免上一节 pb 与下一节 pt 叠加 */
#difgc-difcapital > section + section {
  padding-top: 0 !important;
}

#difgc-difcapital {
  --primary: #0066ff;
  --accent: #00c4b3;
  --text-primary: #0e1428;
  --text-secondary: #64748b;
  --card-border: #e2e8f0;
  --card-shadow: 0 4px 24px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
  font-family: Inter, system-ui, sans-serif;
  background-image: url("../img/page-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: var(--text-primary);
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}

#difgc-difcapital .min-h-screen {
  min-height: calc(100vh - 206px) !important;
}

/* Hero：全透明，去掉径向叠色 */
#difgc-difcapital .difcapital-hero {
  background: transparent !important;
}
#difgc-difcapital .difcapital-hero > .absolute.inset-0.opacity-40 {
  display: none !important;
}
#difgc-difcapital .difcapital-hero svg path[fill="white"] {
  fill: rgba(255, 255, 255, 0.92) !important;
}

/* 各节：透出底图 */
#difgc-difcapital #about,
#difgc-difcapital #agenda,
#difgc-difcapital #evening,
#difgc-difcapital #register,
#difgc-difcapital #difcapital-closing {
  background: transparent !important;
}

/* 晚间副标题：浅色底上可读 */
#difgc-difcapital #evening .text-gray-400 {
  color: var(--text-secondary) !important;
}

/* 研讨议题卡片：浅渐变 → 白底+阴影 */
#difgc-difcapital #agenda .mt-8.motion-reveal .space-y-4 > div {
  background: #ffffff !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--card-shadow);
}

/* 议程条目白卡片加强阴影（与迁移统一） */
#difgc-difcapital #agenda .space-y-4 > .flex.gap-4.p-5 {
  box-shadow: var(--card-shadow);
}

/* Core value 卡片 */
#difgc-difcapital #about .motion-reveal.rounded-2xl {
  background: #ffffff !important;
  border-color: var(--card-border) !important;
  box-shadow: var(--card-shadow);
}

/* 晚间时间轴卡片 */
#difgc-difcapital #evening .motion-reveal.rounded-2xl,
#difgc-difcapital #evening .motion-reveal.rounded-2xl.border {
  background: #ffffff !important;
  box-shadow: var(--card-shadow);
}

#difgc-difcapital #evening .motion-reveal.bg-gradient-to-r {
  background: #ffffff !important;
  border-color: var(--card-border) !important;
  box-shadow: var(--card-shadow);
}

/* 报名渐变卡：保留品牌色，加轮廓更易脱离底图 */
#difgc-difcapital #register .motion-reveal.rounded-3xl {
  box-shadow: 0 12px 40px rgba(0, 102, 255, 0.18), var(--card-shadow);
}

/* hero 动画 */
#difgc-difcapital .hero-anim {
  opacity: 0;
  transform: translateY(20px);
  animation: difcapital-fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
#difgc-difcapital .hero-anim:nth-child(1) {
  animation-delay: 0.05s;
}
#difgc-difcapital .hero-anim:nth-child(2) {
  animation-delay: 0.15s;
}
#difgc-difcapital .hero-anim:nth-child(3) {
  animation-delay: 0.25s;
}
#difgc-difcapital .hero-anim:nth-child(4) {
  animation-delay: 0.35s;
}
#difgc-difcapital .hero-anim:nth-child(5) {
  animation-delay: 0.45s;
}
#difgc-difcapital .hero-anim:nth-child(6) {
  animation-delay: 0.55s;
}

@keyframes difcapital-fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #difgc-difcapital .hero-anim {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* motion-reveal */
#difgc-difcapital .motion-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
#difgc-difcapital .motion-reveal.is-inview {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  #difgc-difcapital .motion-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

#difgc-difcapital .section-title::after {
  content: "";
  display: block;
  width: min(80px, 30vw);
  height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  margin-top: 12px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease 0.2s;
}
#difgc-difcapital .motion-reveal.is-inview .section-title::after {
  transform: scaleX(1);
}

#difgc-difcapital .btn-glow {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 4px 20px rgba(0, 102, 255, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  color: #fff !important;
}
#difgc-difcapital .btn-glow:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(0, 102, 255, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  #difgc-difcapital .btn-glow:hover {
    transform: none;
  }
}

#difgc-difcapital .card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#difgc-difcapital .card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  #difgc-difcapital .card-hover:hover {
    transform: none;
  }
}

#difgc-difcapital .gradient-text {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Elementor / 标题字号兜底 */
#difgc-difcapital h1 {
  font-size: clamp(1.75rem, 4.5vw, 3rem) !important;
  line-height: 1.15 !important;
}
#difgc-difcapital h2 {
  font-size: clamp(1.35rem, 3vw, 2.5rem) !important;
  line-height: 1.2 !important;
}
#difgc-difcapital h3.text-xl,
#difgc-difcapital h3.text-lg {
  font-size: clamp(1rem, 2vw, 1.25rem) !important;
  line-height: 1.35 !important;
}
