/* 娱乐圈统一开拍打板视觉：精简版与完整版共用。 */
html.showcase-clapper #clap,
html.entertainment-refresh #clap{
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(3,4,7,.9) 0%,rgba(3,4,7,.54) 42%,rgba(3,4,7,.78) 100%),
    linear-gradient(180deg,rgba(3,4,7,.18),rgba(3,4,7,.78)),
    url("immersive/shoot/assets/continuous-set-v1.png") center/cover no-repeat;
}
html.showcase-clapper #clap::before,
html.entertainment-refresh #clap::before{
  content:"SHOOTING  ·  CAMERA READY";
  position:absolute;
  z-index:2;
  top:max(18px,env(safe-area-inset-top));
  left:max(22px,env(safe-area-inset-left));
  color:rgba(255,255,255,.56);
  font:9px/1 "DM Mono",monospace;
  letter-spacing:4px;
  pointer-events:none;
}
html.showcase-clapper #clap .clap-main,
html.entertainment-refresh #clap .clap-main{
  position:absolute!important;
  z-index:1;
  inset:0 0 64px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:42px max(5vw,env(safe-area-inset-right)) 18px max(5vw,env(safe-area-inset-left))!important;
}
html.showcase-clapper #clap .clap-wrap,
html.entertainment-refresh #clap .clap-wrap{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  margin:0!important;
  transform:none!important;
  width:min(520px,58vw);
  align-items:stretch;
  gap:10px;
}
html.showcase-clapper #clap .clap-tags,
html.entertainment-refresh #clap .clap-tags{
  justify-content:flex-start;
}
html.showcase-clapper #clap .clap-tag,
html.entertainment-refresh #clap .clap-tag{
  border-radius:4px;
  background:rgba(8,8,12,.76)!important;
  backdrop-filter:blur(8px);
}
html.showcase-clapper #clap .clap-card,
html.entertainment-refresh #clap .clap-card{
  width:100%;
  border-radius:5px;
  border-color:rgba(255,255,255,.62);
  box-shadow:0 24px 64px rgba(0,0,0,.62);
}
html.showcase-clapper #clap .clap-bot,
html.entertainment-refresh #clap .clap-bot{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  height:64px;
  padding:
    0 max(22px,env(safe-area-inset-right))
    max(0px,env(safe-area-inset-bottom))
    max(22px,env(safe-area-inset-left));
  background:rgba(5,5,8,.86);
  backdrop-filter:blur(14px);
  border-top-color:rgba(255,255,255,.16);
}
html.showcase-clapper #clap .clap-hint,
html.entertainment-refresh #clap .clap-hint{
  color:rgba(255,255,255,.68);
  letter-spacing:1px;
}
html.showcase-clapper #clap .clap-go,
html.entertainment-refresh #clap .clap-go{
  min-width:150px;
  border-radius:6px;
}

@media (max-height:430px){
  html.showcase-clapper #clap .clap-main,
  html.entertainment-refresh #clap .clap-main{
    bottom:56px;
    padding:26px max(4vw,env(safe-area-inset-right)) 4px max(4vw,env(safe-area-inset-left))!important;
  }
  html.showcase-clapper #clap .clap-wrap,
  html.entertainment-refresh #clap .clap-wrap{
    width:min(390px,58vw);
    gap:5px;
  }
  html.showcase-clapper #clap .clap-top,html.entertainment-refresh #clap .clap-top{height:42px}
  html.showcase-clapper #clap .clap-card::after,html.entertainment-refresh #clap .clap-card::after{top:42px}
  html.showcase-clapper #clap .clap-hinge,html.entertainment-refresh #clap .clap-hinge{height:6px}
  html.showcase-clapper #clap .cb-title,html.entertainment-refresh #clap .cb-title{font-size:16px;padding:6px 10px}
  html.showcase-clapper #clap .cb-lbl,html.entertainment-refresh #clap .cb-lbl,
  html.showcase-clapper #clap .cb-cell,html.entertainment-refresh #clap .cb-cell,
  html.showcase-clapper #clap .cb-crew,html.entertainment-refresh #clap .cb-crew{padding-top:4px;padding-bottom:4px}
  html.showcase-clapper #clap .cb-num,html.entertainment-refresh #clap .cb-num{font-size:15px}
  html.showcase-clapper #clap .cb-cn,html.entertainment-refresh #clap .cb-cn{font-size:12px}
  html.showcase-clapper #clap .clap-bot,html.entertainment-refresh #clap .clap-bot{height:56px}
  html.showcase-clapper #clap .clap-go,html.entertainment-refresh #clap .clap-go{height:44px;min-height:44px}
}

@media (max-width:760px){
  html.showcase-clapper #clap .clap-wrap,html.entertainment-refresh #clap .clap-wrap{width:min(390px,62vw)}
}