/* ===== #tc-pro-zhibo v2 直播课弹窗 (按 Figma 1:1 还原) =====
   设计稿基准: 1920px, 弹窗 1652×812
   ÷1920×100 = vw 值
   弹窗宽 1652/1920 = 86.04vw
   左右内边距 174/1920 = 9.0625vw
   顶部 sec1 81/1920 = 4.21875vw
   容器宽 (1652-174-174-50-50) 是按 group 内坐标算的；为简洁我们让 .zhibo2-body 用统一 padding */
.tc-pro-zhibo-v2{
  background: rgba(254,254,254,0.96) !important;
  border: 3px solid #fff !important;
  border-radius: 2.083vw !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(116,116,116,0.10) !important;
  width: 78vw !important;
  max-width: 1500px !important;
  height: auto !important;
  max-height: 90vh !important;
}
.tc-pro-zhibo-v2 .sec1{
  padding: 0.9vw 2vw !important;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  position: relative;
  z-index: 5;
  min-height: 48px;
  box-sizing: border-box;
}
.tc-pro-zhibo-v2 .sec1 .tc-t1{
  font-family: Poppins, 'PingFang SC', sans-serif;
  font-size: 1.2vw !important;
  color: #696969;
  font-weight: 500;
}
.tc-pro-zhibo-v2 .sec1 .tc-close .icon{
  width: 1.25vw; height: 1.25vw; min-width: 24px; min-height: 24px;
  cursor: pointer;
}
.tc-pro-zhibo-v2 .sec1 .tc-close .icon img{ width: 100%; height: 100%; display: block; }

/* 主体容器 */
.zhibo2-body{
  position: relative;
  z-index: 2;
  padding: 1.4vw 4vw 1.6vw 4vw;
  display: flex;
  gap: 2.5vw;
  align-items: flex-start;
}

/* 背景发光圆 */
.tc-pro-zhibo-v2 .zhibo2-glow{
  position: absolute;
  border-radius: 50%;
  filter: blur(2.76vw);
  pointer-events: none;
  z-index: 1;
}
.tc-pro-zhibo-v2 .zhibo2-glow-1{
  width: 50vw; height: 50vw;
  left: -24.58vw; top: 22.4vw;
  background: radial-gradient(circle, rgba(124,203,42,0.30) 0%, rgba(124,203,42,0) 70%);
}
.tc-pro-zhibo-v2 .zhibo2-glow-2{
  width: 45.4vw; height: 46.9vw;
  right: -24.79vw; top: -22.08vw;
  background: radial-gradient(circle, rgba(180,255,85,0.35) 0%, rgba(180,255,85,0) 70%);
}

/* ===== 左侧 ===== */
.zhibo2-left{
  flex: 1;
  min-width: 0;
  padding-top: 0.3vw;
}

/* 标题块 - 整体缩小一档 */
.zhibo2-title{
  font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700;
  font-size: 2.6vw;
  line-height: 1.1;
  letter-spacing: -0.06vw;
  color: #000;
  margin-bottom: 0;
}
.zhibo2-title .z2t-line1{
  display: flex; align-items: baseline;
  gap: 0.65vw; /* "加入" 后到 "Super-i" */
  flex-wrap: nowrap;
  white-space: nowrap;
}
.zhibo2-title .z2t-1{ color: #000; }
.zhibo2-title .z2t-2{ color: #7CCB2A; }
.zhibo2-title .z2t-line2{
  display: flex;
  align-items: center;
  gap: 1.65vw;
  margin-top: 0.625vw; /* 12 */
  white-space: nowrap;
}
.zhibo2-title .z2t-3{ color: #111827; flex-shrink: 0; }

/* 查看详情 小按钮 */
.zhibo2-title .z2-detail-btn{
  display: inline-flex; align-items: center; justify-content: center;
  width: 5.8vw;
  min-width: 96px;
  height: 2.05vw;
  min-height: 36px;
  background: #D2F4AD;
  border-radius: 999px;
  font-size: 0.83vw;
  font-weight: 700;
  color: #000;
  letter-spacing: 0;
  cursor: pointer;
  font-family: Inter, 'PingFang SC', sans-serif;
  line-height: 1;
  transition: transform .2s, background .2s, box-shadow .2s;
  flex-shrink: 0;
  padding: 0;
}
.zhibo2-title .z2-detail-btn:hover{
  background: #C9FF85;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(124,203,42,0.25);
}

/* 副标题 */
.zhibo2-sub{
  margin-top: 0.65vw;
  font-size: 0.83vw;
  color: #4B5563;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.02vw;
}

/* 白色信息卡 */
.zhibo2-card{
  margin-top: 1.4vw;
  width: 100%;
  max-width: 32vw;
  background: #fff;
  border-radius: 1.5vw;
  box-shadow: 0 0 1.167vw rgba(0,0,0,0.10);
  position: relative;
  box-sizing: border-box;
  padding: 1.3vw 1.5vw 1.5vw 1.5vw;
  overflow: hidden;
}

/* 原价/券后 */
.z2-price-line{
  display: flex; align-items: baseline; gap: 0.4vw;
  font-family: Inter, sans-serif;
  font-size: 0.83vw;
}
.z2-price-label{ color: #6B7280; font-weight: 500; }
.z2-price-old{ color: #1F2937; text-decoration: line-through; font-weight: 500; }
.z2-price-divider{ color: #D1D5DB; margin: 0 0.4vw; }
.z2-price-now{ color: #1F2937; font-weight: 800; font-size: 0.83vw; }

/* 预售 99 抵 1000 */
.z2-presale{
  display: flex; align-items: center;
  gap: 0.6vw;
  margin-top: 1.1vw;
}
.z2-presale-text{
  color: #374151; font-size: 1.1vw;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.1;
}
.z2-presale-num{
  background: #D2F4AD;
  border-radius: 0.45vw;
  padding: 0.28vw 0.55vw;
  color: #000; font-weight: 900;
  font-size: 1.35vw;
  line-height: 1;
  min-width: 1.9vw;
  text-align: center;
  font-family: Inter, sans-serif;
}
.z2-presale-num.z2-presale-1000{ min-width: 3.6vw; }

/* 3 个权益 */
.z2-feats{
  display: flex;
  align-items: center;
  gap: 0.9vw;
  margin-top: 1.5vw;
  flex-wrap: nowrap;
  min-width: 0;
}
.z2-feat{
  display: flex; align-items: center;
  gap: 0.4vw;
  flex-shrink: 1;
  min-width: 0;
}
.z2-feat-ico{
  width: 1.55vw;
  height: 1.55vw;
  min-width: 26px;
  min-height: 26px;
  border-radius: 50%;
  background: #EEFADE;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.z2-feat-ico svg{
  width: 0.9vw;
  height: 0.9vw;
  min-width: 15px; min-height: 15px;
  display: block;
}
.z2-feat-text{ line-height: 1.2; min-width: 0; }
.z2-feat-t1{
  color: #4B5563;
  font-size: 0.7vw;
  font-weight: 400;
  margin-bottom: 0.2vw;
  white-space: nowrap;
  font-family: Inter, sans-serif;
}
.z2-feat-t2{
  color: #9CA3AF;
  font-size: 0.7vw;
  font-weight: 400;
  white-space: nowrap;
  font-family: Inter, sans-serif;
}
.z2-feat-hl{
  color: #DE2222;
  font-weight: 700;
  font-family: Inter, 'PingFang SC', sans-serif;
}
/* "赠送 刺猬星球终身会员" 那条文字最长，单独压缩 */
.z2-feat:last-child .z2-feat-t1,
.z2-feat:last-child .z2-feat-t2{
  font-size: 0.68vw;
}

/* 底部 CTA + 倒计时 */
.z2-cta-row{
  display: flex; align-items: center;
  margin-top: 1.5vw;
  gap: 0.8vw;
  flex-wrap: nowrap;
  min-width: 0;
}
.z2-cta-group{
  display: inline-flex; align-items: center;
  width: 13.5vw;
  min-width: 220px;
  height: 2.75vw;
  min-height: 48px;
  background: #D2F4AD;
  border-radius: 999px;
  padding: 0 0.33vw 0 0;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  flex-shrink: 0;
  box-sizing: border-box;
}
.z2-cta-group:hover{ transform: translateY(-2px); box-shadow: 0 8px 20px rgba(124,203,42,0.25); }
.z2-cta-date{
  flex: 1;
  color: #1F2937;
  font-weight: 500;
  font-size: 0.83vw;
  line-height: 1;
  text-align: center;
  padding-left: 0.4vw;
  white-space: nowrap;
  font-family: Inter, 'PingFang SC', sans-serif;
}
.z2-cta-btn{
  display: inline-flex; align-items: center; justify-content: center;
  width: 5.8vw;
  min-width: 96px;
  height: 2.05vw;
  min-height: 36px;
  background: #449E15;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  font-size: 0.83vw;
  letter-spacing: 0;
  white-space: nowrap;
  transition: background .2s;
  flex-shrink: 0;
  font-family: Inter, 'PingFang SC', sans-serif;
  line-height: 1;
}
.z2-cta-group:hover .z2-cta-btn{ background: #357d10; }

/* 倒计时 */
.z2-countdown{
  display: inline-flex; align-items: baseline;
  gap: 0.35vw;
  color: #6B7280;
  font-size: 0.7vw;
  font-family: Inter, 'PingFang SC', sans-serif;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 0;
}
.z2-cd-label{ font-weight: 500; white-space: nowrap; }
.z2-cd-num{ font-weight: 500; letter-spacing: 0.02vw; white-space: nowrap; }
.z2-cd-num .djs-box{ font-style: normal; white-space: nowrap; }

/* ===== 右侧 ===== */
.zhibo2-right{
  flex-shrink: 0;
  width: 22vw;
  max-width: 100%;
  min-width: 0;
}
.zhibo2-video{
  position: relative;
  width: 100%;
  height: 16.5vw;
  min-height: 220px;
  border-radius: 1.2vw;
  overflow: hidden;
  background: linear-gradient(143deg, #1A202C 0%, #2D3748 100%);
  cursor: pointer;
}
.zhibo2-video::after{
  content:'';
  position:absolute; inset:0;
  background: rgba(0,0,0,0.20);
  pointer-events:none;
  transition: background .25s ease;
  z-index: 1;
}
.zhibo2-video:hover::after{ background: rgba(0,0,0,0.08); }
.zhibo2-video.playing::after{ background: transparent; }
.zhibo2-video .zhibo-video{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.zhibo2-video .zhibo-video-play{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none; z-index: 3;
  transition: opacity .25s;
}
.zhibo2-video .zhibo-video-play svg{
  width: 3.4vw; height: 3.4vw;
  min-width: 50px; min-height: 50px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}
.zhibo2-video.playing .zhibo-video-play{ opacity: 0; }

/* 讲师介绍 */
.zhibo2-teacher{
  margin-top: 0.9vw;
  padding-left: 0.3vw;
}
.z2-teacher-name{
  font-size: 1.1vw;
  font-weight: 700;
  color: #111827;
  line-height: 1.1;
  font-family: Inter, 'PingFang SC', sans-serif;
}
.z2-teacher-sub{
  margin-top: 0.55vw;