html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  outline: none;
}

a,
img,
input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

.db {
  text-indent: -999em;
  overflow: hidden;
}

html {
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  width: 100%;
}

html {
  font-size: 20rem;
}

html {
  font-size: calc(100vw / 3840);
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

b {
  font-weight: bold;
}

b * {
  font-weight: bold;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #242220;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'zst';
  src: url('//df.qq.com/cp/a20260909firstaidcharity/fonts/zst.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'zsct';
  src: url('//df.qq.com/cp/a20260909firstaidcharity/fonts/zsct.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

.nav_box {
  width: 100%;
  height: 160rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: right;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  font-size: 36rem;
  font-family: 'zst';
}

.nav_box a {
  font-size: 36rem;
  font-family: 'zst';
}

.nav_box a.nav_btn {
  color: #fff;
  position: relative;
  padding-right: 40rem;
  margin-right: 40rem;
}

.nav_btn::after {
  content: '';
  display: block;
  width: 2rem;
  height: 100rem;
  background: #eaeaea;
  opacity: .3;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.btn-rule{
  font-size: 36rem;
  color: #fff;
  text-align: center;
  font-family: 'zst';
  margin-right: 120rem;
}

.login-box {
  font-size: 35rem;
  color: #fff;
  margin-right: 100rem;
  position: relative;
}

.login-box::after {
  content: '';
  display: block;
  width: 60rem;
  height: 8rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/login_txt.png) left top/60rem 8rem no-repeat;
  position: absolute;
  left: 0;
  top: -10rem;
}

.login-box a {
  font-size: 36rem;
  color: #fff;
  text-align: center;
  font-family: 'zst';
}

.login-box a.login_bind {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/top_ico.png) left center/35rem 33rem no-repeat;
  padding-left: 45rem;
}

.login-box a.btn-dfzh {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/logout_ico.png) left center/26rem 33rem no-repeat;
  padding-left: 26rem;
  margin-left: 100rem;
}

/* 进场遮罩：先纯黑 0.2s，再以横向椭圆从中心向四周带渐变消散 */
@property --cover-rx {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

@property --cover-ry {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

.coverbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  --cover-rx: 0px;
  --cover-ry: 0px;
  -webkit-mask-image: radial-gradient(ellipse var(--cover-rx) var(--cover-ry) at 50% 50%,
      transparent 0%,
      transparent 42%,
      rgba(0, 0, 0, 0.35) 72%,
      #000 100%);
  mask-image: radial-gradient(ellipse var(--cover-rx) var(--cover-ry) at 50% 50%,
      transparent 0%,
      transparent 42%,
      rgba(0, 0, 0, 0.35) 72%,
      #000 100%);
  animation: coverbox-dissipate 4s ease-out .2s forwards;
  pointer-events: none;
}

@keyframes coverbox-dissipate {
  0% {
    --cover-rx: 0px;
    --cover-ry: 0px;
  }

  100% {
    /* 横向更长，形成扁椭圆扩散 */
    --cover-rx: 130vmax;
    --cover-ry: 70vmax;
    visibility: hidden;
  }
}

.part1 {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/index_bg.jpg) center top/cover no-repeat;
  position: relative;
  overflow: hidden;
}

.part2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  display: none;
  opacity: 0;
  transition: opacity 0.55s ease;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/part2_bg.jpg) center center / cover no-repeat;
}

.part2.is-ready {
  display: block;
}

.part2.is-show {
  opacity: 1;
}

.part2::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .9;
  z-index: 8;
}

.part2::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  /* 与 .arrow_frame 同尺寸、同居中，角标才能锁住两条线 */
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/part2_bg.png) center center / 3488rem 1766rem no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.part2_content1,
.part2_content2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}

.part2.is-content1-show .part2_content1 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.55s ease;
}

.part2.is-content2-show .part2_content2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.55s ease;
}

.part2_content2 {
  width: 3244rem;
  height: 1480rem;
  margin: 50rem auto;
  text-align: left;
}

/* ---------- part2 立即行动（.action_box） ---------- */
.action_box {
  --action-green: #0FF796;
  --action-text: #eaebeb;
  --action-muted: rgba(234, 235, 235, 0.58);
  --action-border: rgba(15, 247, 150, 0.32);
  --action-panel: rgba(8, 18, 16, 0.62);
  --action-grid: rgba(15, 247, 150, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 28rem;
  color: var(--action-text);
}

.action_intro {
  flex-shrink: 0;
}

.action_intro_title {
  margin: 0;
  font-size: 52rem;
  line-height: 76rem;
  font-weight: normal;
  color: #eaebeb;
  font-family: 'zsct';
  opacity: 0.8;
}

.action_intro_lead {
  font-size: 52rem;
  line-height: 76rem;
  color: #eaebeb;
  font-family: 'zsct';
  opacity: 0.8;
}

.action_intro_lead span {
  color: var(--action-green);
}

.action_row {
  display: grid;
  grid-template-columns: 1.32fr 1fr;
  gap: 24rem;
  min-height: 0;
}

.action_panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 88rem 0 0 66rem;
}
.action_panel_mission{
  width: 2028rem;
  height: 654rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_panel_mission_bg1.png) center center / cover no-repeat;
}
.action_panel_reward{
  width: 1176rem;
  height: 654rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_panel_reward_bg1.png) center center / cover no-repeat;
}

.action_panel_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 80rem;
}

.action_panel_copy {
  display: flex;
  gap: 16rem;
  align-items: flex-start;
  justify-content: center;
}

.action_panel_title {
  margin: 0;
  font-size: 37rem;
  line-height: 60rem;
  font-weight: normal;
  color: #eaebeb;
  opacity: 0.8;
  font-family: 'zst';
}

.action_panel_sub {
  margin: 8rem 0 0;
  font-size: 32rem;
  line-height: 60rem;
  color: #eaebeb;
  opacity: 0.8;
  font-family: 'zst';
}

.action_btn {
  flex-shrink: 0;
  overflow: hidden;
  font-weight: normal;
  box-sizing: border-box;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn3_3.png) center center / cover no-repeat;
  width: 596rem;
  height: 116rem;
  text-indent: -9999rem;
}

.action_btn span {
  position: relative;
  z-index: 1;
}

.action_btn:hover,.vtxt_btn:hover{
  filter: brightness(1.06);
}

.action_btn:focus-visible {
  outline: 2rem solid #fff;
  outline-offset: 4rem;
}

.action_go_btn {
  width: 596rem;
  height: 116rem;
  margin: -45rem 58rem 0 0;
}

.action_claim_btn {
  font-size: 28rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn2_2.png) center center / cover no-repeat;
  width: 598rem;
  height: 116rem;
  text-indent: -9999rem;
  margin: -45rem 58rem 0 0;
}

.action_claim_btn.is-disabled {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn2_1.png) center center / cover no-repeat;
  pointer-events: none;
  filter: none;
}

.action_claim_btn.is-disabled::before {
  opacity: 0.08;
}

.action_mission_list {
  display: flex;
  gap: 40rem;
  justify-content: left;
}

.action_mission1 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis1_bg1.png) center center / cover no-repeat;
  width: 608rem;
  height: 366rem;
}
.action_mission2 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis2_bg1.png) center center / cover no-repeat;
  width: 608rem;
  height: 366rem;
}
.action_mission3 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis3_bg1.png) center center / cover no-repeat;
  width: 608rem;
  height: 366rem;
}
.action_mission_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72rem;
  height: 72rem;
  margin-bottom: 18rem;
  color: var(--action-green);
}

.action_mission_icon svg {
  width: 52rem;
  height: 52rem;
}

.action_mission_title {
  margin: 0 0 12rem;
  font-size: 28rem;
  line-height: 1.3;
  font-weight: normal;
  color: #fff;
  font-family: 'zsct';
}

.action_mission_desc {
  margin: 0;
  font-size: 20rem;
  line-height: 1.65;
  color: var(--action-muted);
  font-family: 'zst';
}

.action_panel_reward {
  min-height: 0;
}

.action_reward_list {
  display: flex;
  gap: 38rem;
  justify-content: left;
  min-height: 0;
}

.action_reward {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.action_reward_title {
  margin: 0 auto;
  font-size: 32rem;
  line-height: 68rem;
  font-weight: normal;
  color: #eaebeb;
  opacity: 0.8;
  font-family: 'zst';
  text-align: center;
}

.action_reward_media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300rem;
  overflow: hidden;
}

.action_reward_tag{
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_reward_tag_bg1.png) center center / cover no-repeat;
  width: 325rem;
  height: 367rem;
}
.reward_media_img1 {
  width: 264rem;
  height: 61rem;
}
.reward_media_img2 {
  width: 203rem;
  height: 203rem;
}
.reward_media_img3 {
  width: 122rem;
  height: 198rem;
}
.action_reward_note {
  margin: 18rem 0 0;
  font-size: 32rem;
  line-height: 1.55;
  color: var(--action-muted);
  font-family: 'zst';
}

.action_panel_stats {
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  gap: 40rem;
  min-height: 386rem;
  padding: 28rem 58rem 28rem 80rem;
  width: 3236rem;
  height: 386rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_panel_stats_bg.png) center center / cover no-repeat;
}

.action_stats_figure {
  position: relative;
  flex-shrink: 0;
  width: 1152rem;
  height: 260rem;
  padding: 32rem 48rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_stats_figure_bg1.png) center center / cover no-repeat;
}

.action_stats_tick {
  position: absolute;
  top: 50%;
  width: 18rem;
  height: 88rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.action_intro{
  width: 100%;
  display: flex;
  justify-content: left;
  flex-direction: column;
  text-align: left;
}
.action_stats_tick::before,
.action_stats_tick::after {
  content: '';
  position: absolute;
  background: rgba(15, 247, 150, 0.55);
}

.action_stats_tick::before {
  top: 0;
  width: 100%;
  height: 2rem;
}

.action_stats_tick::after {
  top: 0;
  width: 2rem;
  height: 100%;
}

.action_stats_tick_l {
  left: 0;
}

.action_stats_tick_r {
  right: 0;
}

.action_stats_tick_r::after {
  right: 0;
  left: auto;
}

.action_stats_tick_r::before {
  right: 0;
}

.action_stats_label {
  margin: 0;
  font-size: 24rem;
  line-height: 1.4;
  color: var(--action-muted);
  font-family: 'zst';
}

.action_stats_value {
  display: flex;
  align-items: baseline;
  gap: 12rem;
  color: var(--action-green);
  margin: 0 auto;
  justify-content: center;
  padding-top: 30rem;
}

.action_stats_value strong {
  font-size: 120rem;
  line-height: 120rem;
  font-weight: normal;
  font-family: 'zsct';
}

.action_stats_value span {
  font-size: 37rem;
  font-family: 'zst';
}

.action_donate_box{
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  width: 2165rem;
  flex-direction: column;
}
.action_donate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  flex-wrap: wrap;
  /* padding-left: 42rem; */
}

.action_donate_copy {
  flex: 1;
  min-width: 0;
}

.action_donate_copy p {
  margin: 0;
  font-size: 37rem;
  line-height: 48rem;
  color: #eaebeb;
  opacity: 0.8;
  font-family: 'zst';
}

.action_donate_copy p+p {
  margin-top: 10rem;
}

.action_donate_side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  width: 460rem;
  margin-left: auto;
}

.action_donate_btn {
  width: 596rem;
  height: 116rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/scgyj.png) center center / cover no-repeat;
  text-indent: -9999rem;
}

.action_donate_icon {
  position: relative;
  z-index: 1;
  width: 36rem;
  height: 36rem;
  flex-shrink: 0;
}

.action_donate_note {
  margin: 48rem 0 0;
  font-size: 32rem;
  line-height: 48rem;
  color: #eaebeb;
  opacity: 0.4;
  font-family: 'zst';
  text-align: left;
  padding-top: 10rem;
}

.part2_content_green {
  color: #0FF796;
  font-size: 64rem;
  font-family: 'zsct';
  text-align: center;
  line-height: 1.6;
  margin-top: 45rem;
  position: relative;
}

.part2_content_green:before {
  content: '';
  display: block;
  width: 14rem;
  height: 114rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/kh.png) center center/14rem 114rem no-repeat;
  position: absolute;
  left: -20rem;
  top: -8rem;
  transform: rotate(-180deg);
}

.part2_content_green::after {
  content: '';
  display: block;
  width: 14rem;
  height: 114rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/kh.png) center center/14rem 114rem no-repeat;
  position: absolute;
  right: -20rem;
  top: -8rem;
}

.part2_content_txt {
  font-size: 42rem;
  color: #eaebeb;
  font-family: 'zst';
  opacity: .8;
  margin-top: 40rem;
}

.part2_content_bold {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/word4.png) center center/612rem 16rem no-repeat;
  width: 100%;
  height: 80rem;
  margin-top: 80rem;
  text-align: center;
  line-height: 80rem;
  font-size: 42rem;
  color: #eaebeb;
  font-family: 'zsct';
  opacity: .8;
}

/* ---------- part2 急救视频文案（.vtxt） ---------- */
.vtxt {
  display: flex;
  align-items: stretch;
  justify-content: left;
  gap: 100rem;
  width: 2928rem;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}

.vtxt_video {
  width: 1694rem;
  flex-shrink: 0;
}

.vtxt_video_box {
  position: relative;
  min-height: 920rem;
  padding: 97rem 32rem 32rem;
  box-sizing: border-box;
  width: 1694rem;
  height: 1099rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/newvid_wrap.png) center center / cover no-repeat;
}

.vtxt_video_title {
  margin: 0 0 24rem;
  font-size: 48rem;
  line-height: 1.2;
  color: #eaebeb;
  font-family: 'zst';
  font-weight: normal;
  color: #eaebeb;
  opacity: .8;
}

.vtxt_video_media {
  position: relative;
  width: 100%;
  height: calc(100% - 64rem);
  min-height: 760rem;
  overflow: hidden;
}

.vidbg {
  width: 1600rem;
  height: 900rem;
  border: .01rem solid rgba(234, 235, 235, 0.6);
}
#container{
  width: 1600rem;
  height: 900rem;
  overflow: hidden;
  display: none;
  border: .01rem solid rgba(234, 235, 235, 0.6);
}
.vtxt_play {
  position: absolute;
  left: 0;
  top: 0;
  width: 1600rem;
  height: 900rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/playbtn.png) center / 140rem 140rem no-repeat rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.vtxt_play:focus-visible {
  outline: 2rem solid #0FF796;
  outline-offset: 6rem;
}

.vtxt_info {
  width: 1132rem;
  /* height: 996rem; */
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vtxt_lead,
.vtxt_sub,
.vtxt_foot {
  margin: 0;
  font-size: 37rem;
  line-height: 60rem;
  color: #eaebeb;
  font-family: 'zst';
  opacity: 0.6;
}

.vtxt_lead {
  padding-bottom: 30rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/vtxt_lead_line.png) left bottom / 1036rem 2rem no-repeat;
  /* margin-top: 40rem; */
}

.vtxt_sub {
  margin-top: 28rem;
}

.vtxt_sub span {
  color: #0FF796;
}

.vtxt_formula {
  margin: 6rem 0 20rem;
  font-size: 52rem;
  line-height: 1.4;
  color: #eaebeb;
  font-family: 'zsct';
  opacity: 0.8;
}

.vtxt_formula span {
  color: #0FF796;
}

.vtxt_grid {
  display: flex;
  gap: 40rem 40rem;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.vtxt_grid li {
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: 82rem;
  width: 498rem;
  padding: 12rem 0 0 34rem;
  box-sizing: border-box;
  font-size: 37rem;
  opacity: 0.8;
  line-height: 82rem;
  color: #eaebeb;
  font-family: 'zst';
  text-align: center;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/libg.png) center center / 100% 100% no-repeat;
}

.vtxt_foot {
  margin-top: 58rem;
  padding-top: 40rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/vtxt_lead_line.png) left top / 1036rem 2rem no-repeat;
}

.vtxt_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 596rem;
  height: 116rem;
  margin-top: 40rem;
  font-size: 37rem;
  color: #0b1413;
  font-family: 'zsct';
  box-sizing: border-box;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/ljxd.png) center center / cover no-repeat;
  flex-shrink: 0;
}

.vtxt_btn:focus-visible {
  outline: 2rem solid #fff;
  outline-offset: 4rem;
}

.line {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/line.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}

.line2 {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/line2.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}
.line3 {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/line3.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}

.person {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/person.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translateX(30%);
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  /* 由慢到快滑入，全程不透明 */
  transition: transform 0.85s ease-in, visibility 0s linear 0.85s;
}

.bodyimg{
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/body.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.wrap_person {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/wrap_person.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translateX(30%);
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.85s ease-in, visibility 0s linear 0.85s;
}

.save_person {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/svae_person.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  transform: translateX(-30%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.85s ease-out, opacity 0.85s ease-out, visibility 0s linear 0.85s;
}

.wrap_save_person {
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/wrap_svae_person.png) center top/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transform: translateX(-30%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.85s ease-out, opacity 0.85s ease-out, visibility 0s linear 0.85s;
}

/* 遮罩结束后、倒计时阶段：渐显 line3 */
.part1.is-countdown .line3 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.55s ease, visibility 0s;
}

/* 按 F：人物从右侧滑入（不透明，ease-in 由慢变快） */
.part1.is-rescue .person,
.part1.is-rescue .wrap_person {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: transform 0.85s ease-out, visibility 0s;
}

/* person 滑入结束后再渐显 line2 */
.part1.is-rescue .line2 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.55s ease 0.85s, visibility 0s linear 0.85s;
}

/* pop1 消失（进入 AED）时 line2 同步渐隐 */
.part1.is-aed .line2 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}

/* wrap_person 明暗呼吸（进入 AED 步骤后停止） */
.part1.is-rescue:not(.is-aed) .wrap_person {
  animation: wrap-person-pulse 1.6s ease-in-out 0.85s infinite;
}

@keyframes wrap-person-pulse {

  0%,
  100% {
    filter: brightness(0.7);
  }

  50% {
    filter: brightness(1.35);
  }
}

/* 点击后：save_person / wrap_save_person 从左侧滑入 */
.part1.is-aed .save_person,
.part1.is-aed .wrap_save_person {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: transform 0.85s ease-out, opacity 0.85s ease-out;
}

/* save_person 滑入结束后再渐显 line */
.part1.is-aed .line {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.55s ease 0.85s, visibility 0s linear 0.85s;
}

/* wrap_save_person 接过呼吸灯效果 */
.part1.is-aed .wrap_save_person {
  animation: wrap-person-pulse 1.6s ease-in-out 0.85s infinite;
}

/* 进入 AED 后：wrap_save_person 接过光效，隐藏 wrap_person */
.part1.is-aed .wrap_person {
  opacity: 0;
  visibility: hidden;
  animation: none;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

/* part2 显示时隐藏 wrap 光效层 */
.part1.is-part2 .wrap_person,
.part1.is-part2 .wrap_save_person {
  opacity: 0;
  visibility: hidden;
  animation: none;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

/* ---------- part1 倒计时十字盘 ---------- */
/*
 * 不用 transform / opacity 做上滑：会隔断子级或兄弟里的 backdrop-filter
 * （与移动端 .p1_content 同策略）
 */
.p1_content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -600rem;
  z-index: 5;
  text-align: center;
  display: flex;
  justify-content: center;
  visibility: hidden;
  animation: p1-content-slide-up 0.7s ease-out 2.2s forwards;
}

@keyframes p1-content-slide-up {
  to {
    /* 高于 countdown_txt_box（bottom:100 + 高192），避免与文案条重合 */
    bottom: 200rem;
    visibility: visible;
  }
}

/* 按 F 后倒计时内容渐隐 */
.p1_content.is-out {
  animation: none;
  bottom: 280rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
  pointer-events: none;
}

/* 返回初始态时直接显示倒计时区 */
.p1_content.is-ready-show {
  animation: none;
  bottom: 280rem;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.p1_content_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p1_content_item p span {
  color: #e8b84a;
  font-weight: bold;
}

.p1_content_item_img {
  width: 504rem;
  height: 504rem;
  position: relative;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/djs.png) center / 100% 100% no-repeat;
}

/* 可动画的进度角度（圆锥遮罩用） */
@property --ring-progress {
  syntax: '<angle>';
  inherits: false;
  initial-value: 360deg;
}

/*
 * 黄环 PNG：定位对齐背景轨（左 170 / 上 171，尺寸 164×157）
 * 满→空倒计时；rotate 微调起点，盖住底轨开端
 */
.countdown-dial__yellow {
  position: absolute;
  left: 170rem;
  top: 171rem;
  width: 164rem;
  height: 157rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/djs_yellow.png) center / 100% 100% no-repeat;
  transform: rotate(-5deg);
  transform-origin: center center;
  --ring-progress: 360deg;
  -webkit-mask-image: conic-gradient(from 205deg at 50% 50%, #000 0deg, #000 var(--ring-progress), transparent var(--ring-progress));
  mask-image: conic-gradient(from 205deg at 50% 50%, #000 0deg, #000 var(--ring-progress), transparent var(--ring-progress));
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  animation: countdown-ring-sweep 6s linear 2.2s forwards;
}

/* 盖住 djs.png 自带圆点，避免熄灭时仍看见底图圆点 */
.countdown-dial__dot-cover {
  position: absolute;
  left: 244rem;
  top: 314rem;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: #8D3100;
  pointer-events: none;
}

/* 底部应急灯：倒计时 10s 内明灭闪烁 */
.countdown-dial__dot {
  position: absolute;
  left: 246rem;
  top: 316rem;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: #ff4a18;
  box-shadow: 0 0 6rem 2rem rgba(255, 74, 24, 0.75);
  opacity: 1;
  pointer-events: none;
  animation: countdown-dot-flash 0.5s steps(1, end) 2.2s 20;
}

.p1_content_item_img.is-paused .countdown-dial__yellow {
  animation: none;
  --ring-progress: 360deg;
}

.p1_content_item_img.is-paused .countdown-dial__dot {
  animation: none;
  opacity: 1;
  background: #c45a28;
  box-shadow: none;
}

@keyframes countdown-ring-sweep {
  from {
    --ring-progress: 360deg;
  }

  to {
    --ring-progress: 0deg;
  }
}

@keyframes countdown-dot-flash {

  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

/**
 * 外框：绝对定位 + 框体贴图（与移动端 .countdown_txt_box 一致）
 */
.countdown_txt_box {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 6;
  width: 1047rem;
  height: 192rem;
  margin: 0 auto;
  bottom: 100rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/countdown_txt.png) center top / 100% 100% no-repeat;
  visibility: hidden;
  pointer-events: none;
  animation: countdown-txt-box-show 0.01s linear 2.9s forwards;
}

@keyframes countdown-txt-box-show {
  to {
    visibility: visible;
  }
}

/**
 * 内层毛玻璃：略缩进露框；rgba + backdrop-filter 写在同一元素
 */
.countdown_txt {
  position: absolute;
  left: 12rem;
  top: 12rem;
  right: 12rem;
  bottom: 12rem;
  width: auto;
  height: auto;
  margin: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  animation: countdown-txt-fade-in 0.5s ease-out 2.9s forwards;
}

@keyframes countdown-txt-fade-in {
  to {
    opacity: 1;
  }
}

/* 与十字盘同隐同显 */
.p1_content.is-out ~ .countdown_txt_box {
  animation: none;
  visibility: hidden;
  transition: visibility 0s linear 0.5s;
}

.p1_content.is-out ~ .countdown_txt_box .countdown_txt {
  animation: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.p1_content.is-ready-show ~ .countdown_txt_box {
  animation: none;
  visibility: visible;
}

.p1_content.is-ready-show ~ .countdown_txt_box .countdown_txt {
  animation: none;
  opacity: 1;
}

.countdown_txt1 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  font-size: 42rem;
  color: #eaebeb;
  opacity: 0.6;
  font-family: 'zst';
  text-align: center;
  line-height: 168rem;
}

.tips {
  font-size: 32rem;
  color: #eaebeb;
  font-family: 'zst';
  text-align: center;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/tips_txt.png) center top/cover no-repeat;
  width: 379rem;
  height: 48rem;
  position: absolute;
  bottom: 50rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9990;
  line-height: 48rem;
  opacity: 0;
  transition: opacity 0.55s ease;
  pointer-events: none;
}

.tips.is-show {
  opacity: 0.5;
}

.part2_content2_txt {
  font-size: 36rem;
  color: #eaebeb;
  font-family: 'zst';
  line-height: 60rem;
  opacity: .8;
  margin-bottom: 50rem;
}

.mis_box {
  width: 3020rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20rem;
}

.mis_item1 {
  width: 980rem;
  height: 570rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis1_bg.png) center center/cover no-repeat;
}

.mis_item2 {
  width: 980rem;
  height: 570rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis2_bg.png) center center/cover no-repeat;
}

.mis_item3 {
  width: 980rem;
  height: 570rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/mis3_bg.png) center center/cover no-repeat;
}

.prize_box {
  width: 3020;
  height: 520rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/prize_box.png) center center/cover no-repeat;
  margin: 40rem auto 0;
}

.prize_title {
  font-size: 52rem;
  color: #eaebeb;
  font-family: 'zsct';
  text-align: center;
  line-height: 125rem;
  height: 125rem;
  opacity: 0.8;
}

.mis_bold {
  flex-shrink: 0;
  width: 120rem;
  height: 52rem;
  color: #eaebeb;
  font-size: 36rem;
  font-family: 'zst';
  text-align: center;
  line-height: 52rem;
  background: rgba(234, 235, 235, 0.08);
  box-sizing: border-box;
  border: 0.02rem solid rgba(234, 235, 235, 0.2)
}

.mis_bottom_txt {
  display: flex;
  align-items: flex-start;
  gap: 16rem;
  width: 908rem;
  margin: 0 auto 40rem;
}

.mis_top {
  width: 980rem;
  height: 160rem;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 55rem;
}

.go_btn,
.over {
  width: 320rem;
  height: 96rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn1.png) center center/cover no-repeat;
  margin-right: 30rem;
  font-size: 36rem;
  color: #0FF796;
  font-family: 'zst';
  text-align: center;
  line-height: 96rem;
}

.over {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn1_over.png) center center/cover no-repeat;
  color: #eaebeb;
  opacity: .8;
}

.prize_list_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 390rem;
  padding: 0 100rem;
  position: relative;
}

.back_btn {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/back.png) center center / 100% 100% no-repeat;
  width: 240rem;
  height: 223rem;
  text-indent: -999em;
  position: absolute;
  right: -248rem;
  bottom: 0;
  z-index: 102;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s ease, visibility 0s linear 0.55s;
}

.back_btn.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.55s ease;
}

.prize_bag {
  width: 260rem;
  height: 280rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/prize_bag.png) center center/cover no-repeat;
  position: relative;
  margin-left: 150rem;
}

.prize_bag::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150rem;
  width: 2rem;
  height: 280rem;
  opacity: .1;
  background: #fff;
}

.prize_btn2_1,
.prize_btn2_2,
.prize_btn2_3 {
  width: 596rem;
  height: 116rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn2_1.png) center center/cover no-repeat;
  font-size: 36rem;
  color: #36443f;
  font-family: 'zst';
  text-align: center;
  line-height: 116rem;
  text-indent: -9999em;
  display: block;
}

.prize_btn2_2 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn2_2.png) center center/cover no-repeat;
}

.prize_btn2_3 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn2_3.png) center center/cover no-repeat;
}

.prize_btn3_1,
.prize_btn3_2,
.prize_btn3_3 {
  width: 596rem;
  height: 116rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn3_1.png) center center/cover no-repeat;
  font-size: 36rem;
  color: #36443f;
  font-family: 'zst';
  text-align: center;
  line-height: 116rem;
  text-indent: -9999em;
  display: block;
}

.prize_btn3_2 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn3_2.png) center center/cover no-repeat;
}

.prize_btn3_3 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn3_3.png) center center/cover no-repeat;
}

.prize_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60rem;
}

.prize_btn_box p {
  font-size: 36rem;
  color: #eaebeb;
  font-family: 'zst';
  line-height: 66rem;
}

/* ---------- part2 四角标：与 part2_bg（3488×1766）同一坐标系 ---------- */
.arrow_frame {
  /* part2_bg.png 像素：上线 y=166，下线 y=1700，主线段 x=211~3274 */
  --bg-w: 3488;
  --bg-h: 1766;
  --line-top: 166;
  --line-bot: 1700;
  --frame-left: 211;
  --frame-right: 3274;
  --box: 35;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3488rem;
  height: 1766rem;
  transform: translate(-50%, -50%);
  z-index: 12;
  pointer-events: none;
}

.arrow_box {
  position: absolute;
  width: 35rem;
  height: 35rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/arr.png) center / 100% 100% no-repeat;
  transition:
    transform 0.65s ease,
    left 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    top 0.85s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, left, top;
}

/*
 * 图1：聚在背景画布中心，角朝内（十字空隙）
 * 底图 arr.png 为左上角 ┌
 */
.arrow_box1 {
  left: calc(50% - 40rem);
  top: calc(50% - 40rem);
  transform: rotate(180deg);
}

.arrow_box2 {
  left: calc(50% + 5rem);
  top: calc(50% - 40rem);
  transform: rotate(270deg);
}

.arrow_box3 {
  left: calc(50% - 40rem);
  top: calc(50% + 5rem);
  transform: rotate(90deg);
}

.arrow_box4 {
  left: calc(50% + 5rem);
  top: calc(50% + 5rem);
  transform: rotate(0deg);
}

/* 图2：仍在中心，旋转成取景框 */
.part2.is-arrow-rotate .arrow_box1,
.part2.is-arrow-spread .arrow_box1 {
  transform: rotate(0deg);
}

.part2.is-arrow-rotate .arrow_box2,
.part2.is-arrow-spread .arrow_box2 {
  transform: rotate(90deg);
}

.part2.is-arrow-rotate .arrow_box3,
.part2.is-arrow-spread .arrow_box3 {
  transform: rotate(270deg);
}

.part2.is-arrow-rotate .arrow_box4,
.part2.is-arrow-spread .arrow_box4 {
  transform: rotate(180deg);
}

/*
 * 图3：落到背景两条水平线内侧四角
 * 坐标按 part2_bg.png 像素，用 rem 与背景同步缩放
 */
.part2.is-arrow-spread .arrow_box1 {
  left: calc(var(--frame-left) * .5rem);
  top: calc(var(--line-top) * 1.5rem);
}

.part2.is-arrow-spread .arrow_box2 {
  left: calc((var(--frame-right) - var(--box)) * 1.035rem);
  top: calc(var(--line-top) * 1.5rem);
}

.part2.is-arrow-spread .arrow_box3 {
  left: calc(var(--frame-left) * .5rem);
  top: calc((var(--line-bot) - var(--box)) * .95rem);
}

.part2.is-arrow-spread .arrow_box4 {
  left: calc((var(--frame-right) - var(--box)) * 1.035rem);
  top: calc((var(--line-bot) - var(--box)) * .95rem);
}

.prize_btn_box p span {
  color: #0FF796;
}

.prize_item_img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 216rem;
}

.prize_item_txt,
.get_item_name {
  font-size: 32rem;
  color: #eaebeb;
  font-family: 'zst';
  text-align: center;
  opacity: 0.8;
}

.prize_item {
  width: 260rem;
  height: 280rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/prize_bg.png) center center/cover no-repeat;
}

.prize_item_img img {
  width: 160rem;
  object-fit: cover;
}

.prize_item_img .prize_item_img_2 {
  width: 220rem;
  object-fit: cover;
}
.prize_item_img .prize_item_img_1{
    width: 170rem;
    object-fit: cover;
}
.prize_item_img .prize_item_img_3 {
  height: 150rem;
  width: auto;
  object-fit: cover;
}

.prize_item_img .prize_item_img_4 {
  height: 107rem;
  width: auto;
  object-fit: cover;
}

.prize_item_txt_1 {
  height: 70rem;
  line-height: 70rem;
}

.pop3 .prize_item_txt p {
  line-height: 62rem;
}

/**
 * 右侧独立文本列：换行后与「点击跳转」左对齐，不会顶到「指引」下方
 * 用普通行内流式排版，箭头用 inline-block，才能按字符自然折行（如 完成实名 / 认证）
 */
.mis_bottom_txt p {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #eaebeb;
  opacity: 0.6;
  font-size: 36rem;
  font-family: 'zst', 'Microsoft YaHei', sans-serif;
  line-height: 52rem;
  text-align: left;
  word-break: break-all;
}

.mis_bottom_txt p .mis_arr {
  display: inline-block;
  width: 36rem;
  height: 16rem;
  margin: 0 8rem;
  vertical-align: middle;
  object-fit: contain;
}

/* 剧情流程弹窗渐显 / 渐隐（切换时做淡入淡出过渡） */
#pop1.flow-visible,
#pop2.flow-visible,
#flowPop4.flow-visible {
  display: block !important;
  opacity: 0;
  transition: opacity 0.55s ease;
  pointer-events: none;
}

#pop1.flow-visible.is-show,
#pop2.flow-visible.is-show,
#flowPop4.flow-visible.is-show {
  opacity: 1;
  pointer-events: auto;
}

#pop1.flow-visible .pop1_box,
#pop2.flow-visible .pop1_box {
  opacity: 0;
  transform: translateY(24rem);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

#pop1.flow-visible.is-show .pop1_box,
#pop2.flow-visible.is-show .pop1_box {
  opacity: 1;
  transform: translateY(0);
}

/* 与 person cover + center top 对齐的设计稿坐标系（3840×2160） */
.part1__stage {
  --design-w: 3840;
  --design-h: 2160;
  position: absolute;
  left: 60%;
  top: -2.6%;
  z-index: 1000;
  width: max(100%, calc(100vh * var(--design-w) / var(--design-h)));
  height: max(100%, calc(100vw * var(--design-h) / var(--design-w)));
  transform: translateX(-50%);
  pointer-events: none;
}

.part1__stage .pop1,
.part1__stage .pop2,
.part1__stage .pop4 {
  pointer-events: auto;
}

/*
 * pop4：与 pop1 同一套 3840×2160 坐标系
 * 调节 --pop-l / --pop-t 可改相对位置，--pop-w / --pop-h 可改尺寸
 */
.part1__stage .pop4 {
  --pop-l: 1400;
  --pop-t: 950;
  --pop-w: 735;
  --pop-h: 357;
  position: absolute;
  top: calc(var(--pop-t) / var(--design-h) * 100%);
  left: calc(var(--pop-l) / var(--design-w) * 100%);
  width: calc(var(--pop-w) / var(--design-w) * 100%);
  height: auto;
  aspect-ratio: 735 / 357;
  margin: 0 !important;
  transform: none;
  z-index: 1000;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/tips_pop.png) center center / 100% 100% no-repeat;
}

/*
 * pop1：宽随窗口/stage 宽度变化，高按 1227×590 等比（aspect-ratio）
 * 实际宽度 = 1227 / 3840 × stage宽
 */
.part1__stage .pop1 {
  --pop-l: 650;
  --pop-t: 715;
  --pop-w: 1228;
  --pop-h: 680;
  position: absolute;
  top: calc(var(--pop-t) / var(--design-h) * 100%);
  left: calc(var(--pop-l) / var(--design-w) * 100%);
  width: calc(var(--pop-w) / var(--design-w) * 100%);
  height: auto;
  aspect-ratio: 1228 / 680;
  margin: 0 !important;
  transform: none;
  z-index: 1000;
}

.part1__stage .pop2 {
  --pop-l: 1245;
  --pop-t: 715;
  --pop-w: 1228;
  --pop-h: 680;
  position: absolute;
  top: calc(var(--pop-t) / var(--design-h) * 100%);
  left: calc(var(--pop-l) / var(--design-w) * 100%);
  width: calc(var(--pop-w) / var(--design-w) * 100%);
  height: calc(var(--pop-h) / var(--design-h) * 100%);
  margin: 0 !important;
  transform: none;
  z-index: 1000;
}

.pop_title,
.pop1_title1 {
  width: 100%;
  font-size: 32rem;
  height: 156rem;
  /* 毛玻璃改到 .pop1_box，避免与 .save_step_box 拼接处出现发丝线 */
  background: transparent;
}

.pop_title p,
.pop2_title p {
  height: 156rem;
  line-height: 48rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/title_bg.png) center top/cover no-repeat;
  padding: 38rem 0 0 60rem;
  color: #eaebeb;
  opacity: .8;
  font-family: 'zst';
  font-size: 32rem;
  font-weight: normal;
}

.pop2_title p {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/title1_bg.png) center top/cover no-repeat;
  text-align: left;
  padding-right: 10rem;
}

.pop2_title p span{
  color: #0FF796;
}

.pop1_title,
.pop1_title1 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/pop_tit_line1.png) center/1078rem 12rem no-repeat;
  height: 148rem;
  line-height: 150rem;
  color: #fff;
  font-family: 'zsct';
  font-size: 54rem;
  text-align: center;
  margin-bottom: 10rem;
}

.pop1_title1 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/pop_tit_line2.png) center/1078rem 12rem no-repeat;
}

.pop_title span,
.pop1_title span,
.pop1_title1 span {
  color: #0FF796;
}

/* 整块弹窗共用一层毛玻璃，避免子元素拼接缝 */
.pop1_box {
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.save_step_box {
  width: 100%;
  height: 524rem;
  background: transparent;
}

.save_step_box_bg {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/title_bom_bg.png) no-repeat;
  background-size: 100% 100%;
  height: 524rem;
}

.save_step_box_bg1 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/title1_bom_bg.png) no-repeat;
  background-size: 100% 100%;
  height: 524rem;
}

.save_step {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* 图标 196，间距在 0.4 倍基础上再加 80 */
  gap: 168rem;
}

/**
 * 列宽跟图标一致，文案 nowrap 居中溢出，保证图标间距不受文案长短影响
 */
.save_step_item {
  flex: 0 0 196rem;
  width: 196rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.save_step_1 {
  width: 196rem;
  height: 196rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/step_1_bg.png) center center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.save_step_1 img {
  width: 167rem;
  height: 152rem;
  object-fit: cover;
}

.save_step_txt {
  font-size: 32rem;
  color: #eaebeb;
  font-family: 'zst';
  text-align: center;
  line-height: 44rem;
  padding-top: 20rem;
  opacity: .8;
  box-sizing: border-box;
  /* 禁止自动换行，仅 <br> 断行；宽度随内容，相对图标居中 */
  white-space: nowrap;
  width: max-content;
  max-width: none;
}

.pop3 {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/pop1.png) center center/cover no-repeat;
  width: 1720rem;
  height: 950rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0 !important;
  margin-top: 0 !important;
  z-index: 99999;
}

.blurbox{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: none;
}
.right_close_btn {
  width: 48rem;
  height: 48rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/close.png) center center/cover no-repeat;
  position: absolute;
  top: 40rem;
  right: 40rem;
  z-index: 9999;
}

.title_txt {
  font-size: 57rem;
  background: linear-gradient(180deg, #D9FFE8 0%, #F5F5F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  /* 兜底 */
  height: 124rem;
  line-height: 145rem;
  padding-left: 180rem;
  position: relative;
  font-family: 'zsct';
}
.title_tx1{
  
}
.content_txt {
  font-size: 37rem;
  line-height: 48rem;
  color: #eaebeb;
  font-family: 'zst';
  opacity: .6;
  width: 1600rem;
  margin: 0 auto;
  padding-top: 50rem;
}

.content_txt span{
  color: #0FF796;
  font-weight: bold;
}

.pop3 .prize_list {
  width: 900rem;
  margin: 70rem auto 0;
}

.pop3 .prize_item_img {
  height: 220rem;
}

.pop_btn_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20rem;
  padding-top: 70rem;
}

.pop_btn_box a {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn_primary.png) center center/cover no-repeat;
  width: 596rem;
  height: 116rem;
  text-align: center;
  line-height: 116rem;
  font-size: 36rem;
  color: #000;
  font-family: 'zsct';
}

.txgy {
  width: 320rem;
  height: 320rem;
  margin: 0 auto;
  margin-top: 70rem;
}

.txgy img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.ths_txt {
  font-size: 32rem;
  line-height: 56rem;
  color: #eaebeb;
  font-family: 'zst';
  opacity: .6;
  width: 1604rem;
  margin: 0 auto;
  height: 550rem;
  text-align: left;
  padding-top: 65rem;
  display: flex;
  align-items: center;
}
.rule_list{
  width: 1604rem;
  margin: 0 auto;
  padding-top: 20rem;
  height: 650rem;
  overflow-y: auto;
  overflow-x: hidden;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(234, 235, 235, 0.2) rgba(234, 235, 235, 0.1);
  margin-top: 20rem;
}

/* WebKit：滚动条轨道 / 滑块 */
.rule_list::-webkit-scrollbar {
  width: 8rem;
}

.rule_list::-webkit-scrollbar-track {
  background: rgba(234, 235, 235, 0.1);
  /* 滚动槽可视高度 644rem（相对列表 650rem 上下留白） */
  margin-block: 3rem;
  border-radius: 4rem;
}

.rule_list::-webkit-scrollbar-thumb {
  background: rgba(234, 235, 235, 0.2);
  min-height: 224rem;
  border-radius: 4rem;
}

.rule_list::-webkit-scrollbar-thumb:hover {
  background: rgba(234, 235, 235, 0.35);
}
.rule_txt{
  font-size: 32rem;
  line-height: 56rem;
  color: #eaebeb;
  font-family: 'zst';
  opacity: .6;
  width: 1504rem;
  margin: 0 auto;
  text-align: left;
  padding-top: 20rem;
  display: flex;
  align-items: center;
}
.get_item {
  width: 1326rem;
  margin: 0 auto;
  padding-top: 50rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.get_item_img {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/b_prize_bg.png) center center/cover no-repeat;
  width: 484rem;
  height: 520rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.get_item_img::after {
  content: '';
  position: absolute;
  top: 0;
  right: -62rem;
  width: 2rem;
  height: 520rem;
  background: #fff;
  opacity: .2;
}

.get_item_img_bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 436rem;
}

.get_item_img_bg img {
  width: 384rem;
}

.info_item {
  width: 716rem;
  height: 520rem;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.info_item_label {
  width: 716rem;
}

.info_item_label input {
  width: 100%;
  height: 76rem;
  border: #3d5150 0.2rem solid;
  background: rgba(0, 0, 0, 0.4);
  color: #eaebeb;
  font-size: 32rem;
  font-family: 'zst';
  line-height: 76rem;
  text-indent: 20rem;
  margin-bottom: 20rem;
  outline: none;
}

.info_item_label input.adress {
  height: 190rem;
}

.no_submit_btn {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn_716.png) center center/cover no-repeat;
  width: 716rem;
  height: 117rem;
  font-size: 36rem;
  text-align: center;
  line-height: 117rem;
  color: #eaebeb;
  font-family: 'zsct';
  display: block;
}

.submit_btn {
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/btn_716_1.png) center center/cover no-repeat;
  width: 716rem;
  height: 117rem;
  font-size: 36rem;
  text-align: center;
  line-height: 117rem;
  color: #0FF796;
  font-family: 'zsct';
  display: block;
}

.action_icon{
  width: 239rem;
  height: 300rem;
  background: url(//game.gtimg.cn/images/dfm/cp/a20260909firstaidcharity/action_icon.png) center center/cover no-repeat;
}

.tips2{
  color: rgba(234, 235, 235, 0.8);
  font-size: 26rem;
  line-height: 40rem;
  margin-top: 26rem;
}
.txp_info_icon{
  display: none !important;
}