:root {
  font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, SimSun, Verdana;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
a {
  font-weight: 500;
  color: #fff;
  text-decoration: inherit;
}
body {
  margin: 0;
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* rem，vw，vh使用注意 

1、IE9及以上支持rem，但9-10伪类不支持rem
2、iOS8及以上全线支持vw, vh, vmin, vmax
3、IE9及以上支持vw，vh，不支持vmax，vmin
4、Android4.4以上全线支持

*/
/* --- 兼容不支持vw的设备 start --- */
html {
  font-size: 50PX;
}
@media screen and (max-width: 768px) and (min-width: 414px) {
  html {
    font-size: 55.2PX;
  }
}
/* --- 兼容不支持vw的设备 end --- */
/* --- 移动端竖版，设计稿750px对应100vw，倍率100 start --- */
@media screen and (max-width: 768px) {
  html {
    font-size: 13.333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 60PX;
  }
}
/* --- 移动端竖版，设计稿750px对应100vw，倍率100 end --- */
/* --- pad端，设计稿1920px对应100vw，倍率100 start --- */
/* --- PC端，设计稿1920px对应100vw，倍率100 start --- */
@media screen and (min-width: 1024px) {
  html {
    font-size: 5.2vw;
  }
  .active_js {
    cursor: pointer;
  }
  .active_js:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 100PX;
  }
  .active_js {
    cursor: pointer;
  }
  .active_js:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
/* --- PC端，设计稿1920px对应100vw，倍率100 end --- */
.hide {
  display: none;
}
.full {
  width: 100%;
  height: 100%;
}
.abs {
  position: absolute;
}
.l0 {
  left: 0;
}
.t0 {
  top: 0;
}
.lhalf {
  left: 50%;
}
.thalf {
  top: 50%;
}
.absf {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.abcter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lcter {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.tcter {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.fcter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fdc {
  flex-direction: column;
}
.sizcont {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sizcover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ol {
  border: 0.01rem solid #fff;
  -o-border-image: linear-gradient(to top, #f80, #2ed);
     border-image: linear-gradient(to top, #f80, #2ed);
  border-image-slice: 10;
  box-sizing: border-box;
}
.active-center {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
.active-center:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.active-center:active {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.m-icon-loading {
  position: fixed;
  z-index: 999;
}
.m-icon-loading .inner {
  width: 1.2rem;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.1rem;
}
.m-icon-loading .inner svg path,
.m-icon-loading .inner svg rect {
  fill: #fff;
}
.m-msg {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 10000;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.m-msg .container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.m-msg .item {
  position: relative;
  max-width: 5.3rem;
  min-width: 2.3rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  font-size: 0.23rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  opacity: 0.4;
  -webkit-animation: msgIn 0.2s ease-in both;
          animation: msgIn 0.2s ease-in both;
}
.m-msg .item .content {
  padding: 0.2rem 0.33rem;
}
.m-msg .item i {
  color: #ffc039;
}
.m-msg .item::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  content: "点击任意位置继续";
  bottom: -0.15rem;
}
.m-msg .item.notips::after {
  display: none;
}
@-webkit-keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
@keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
.pop_common {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
  -webkit-perspective: 10rem;
          perspective: 10rem;
  position: fixed;
}
.pop_common .container {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
          animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
}
@-webkit-keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@font-face {
  font-family: 'SimplonMono';
  src: url("https://game.gtimg.cn/images/r6/cp/a20260622bookact/SimplonMono-Regular.otf");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  background: #050510;
  color: #e0e0e0;
}
.login-box {
  font-size: 0.2rem;
  line-height: 0.25rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  width: 100%;
  padding: 0.15rem 0;
  white-space: nowrap;
}
.login-box #milo-roleName {
  max-width: 50vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn_draw {
  width: 1.7rem;
  height: 0.6rem;
  background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/btn_common_bg.png') center / contain no-repeat;
  font-size: 0.2rem;
  color: #000;
}
.pop_msg .container {
  width: 80%;
  height: 50%;
}
.pop_msg .btn_close {
  width: 0.5rem;
  height: 0.5rem;
  top: -0.6rem;
  right: 0;
}
.pop_msg .msg {
  max-width: 80%;
  line-height: 1.2;
}
.btn {
  display: block;
  cursor: pointer;
}
.swiper-footer {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: unset;
}
#afooter {
  padding: 0.3rem 0;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.26rem;
  background-color: #000;
  color: #c0c0c0;
}
#afooter a,
#afooter a:hover {
  color: #c0c0c0;
  text-decoration: none;
}
.gift-cards {
  position: fixed;
  right: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  z-index: 999;
}
.gift-cards .card {
  width: 1.52rem;
  height: 1.86rem;
  background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg_gift_card_1x.png') center / contain no-repeat;
  cursor: pointer;
  position: relative;
}
.gift-cards .card img {
  margin-top: -0.25rem;
  max-height: 1.6rem;
  z-index: 2;
  pointer-events: none;
}
.gift-cards .card .text {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  top: 1.4rem;
  height: 0.45rem;
  font-size: 0.17rem;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 1.25;
}
.done {
  pointer-events: none;
}
.hide {
  display: none !important;
}
.custom-select {
  /* 作为定位参考 */
  display: inline-block;
  /* 你需要在这里设置容器的宽高和边框，以模拟 select 的外观 */
  width: 1.42rem;
  height: 0.48rem;
  /* 让 span 的文字垂直居中 */
  line-height: 0.48rem;
  text-align: center;
  padding: 0 0.14rem;
  font-size: 0.16rem;
  font-weight: bold;
  color: #CEDAE6;
  transition: border-color 0.3s ease-in-out;
  border: 0.01rem solid #616870;
  background: #15181D;
  margin-top: 0.12rem;
  position: relative;
  padding-right: 0.22rem;
}
.custom-select::after {
  content: '';
  position: absolute;
  right: 0.12rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
  border-top: 0.06rem solid #999;
  pointer-events: none;
}
.custom-select select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /* 关键：完全透明 */
  -webkit-appearance: none;
  /* 移除默认样式，让透明度更彻底 */
  -moz-appearance: none;
       appearance: none;
  /* 可以保留，确保在极少数情况下也透明 */
  background: transparent;
  border: none;
  z-index: 2;
  /* 确保在顶层，可点击 */
}
/* 你可以自由控制显示文字的样式 */
.custom-select .selected-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  text-align: center;
  /* 文字居中 */
  font-size: 0.16rem;
  font-weight: bold;
  pointer-events: none;
  /* 让点击穿透，点击实际落在 select 上 */
  z-index: 1;
  color: #3C4048;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 0.2rem;
}
.custom-select .selected-text.selected {
  color: #CEDAE6;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
  .gift-cards {
    right: 0.25rem;
    top: 0.9rem;
  }
  #main-header {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 0.7rem;
    background-color: #15181d74;
    overflow: hidden;
  }
  #main-header .bar {
    width: 100%;
    height: 100%;
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/bg_header_1x_m.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #main-header .logo {
    left: 0.4rem;
    width: 2.405rem;
    height: 0.54rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/logo_2x_m.png') center / contain no-repeat;
  }
  #main-header .login {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.12rem;
    right: 2.6rem;
  }
  #main-header .login .avator {
    width: 0.485rem;
    height: 0.485rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/btn_header_default_avator_2x_m.png') center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #main-header .login .avator img {
    width: 90%;
    height: 90%;
  }
  #main-header .login a {
    font-size: 0.2rem;
  }
  #main-header .login span.logined {
    font-size: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0.8rem;
  }
  #main-header .m_menu {
    width: 0.4rem;
    height: 0.32rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/btn_menu_1x_m.png') center / contain no-repeat;
    right: 2rem;
  }
  #main-header .goto {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #0f0f0f;
    right: 0rem;
    width: 1.68rem;
    height: 0.87rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/btn_header_goto_1x_m.png') center / contain no-repeat;
  }
  #main-header .nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #333;
    -webkit-transform: none;
    transform: none;
    display: none;
    flex-direction: column;
    gap: 0.2rem;
    z-index: 9999;
  }
  #main-header .nav.show {
    display: flex;
    align-items: center;
    padding: 2rem 0;
  }
  #main-header .nav.show .nav_logo_m {
    width: 2.98rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/nav_logo_1x_m.png') center / contain no-repeat;
    margin-bottom: 0.2rem;
  }
  #main-header .nav.show .nav_close_m {
    position: absolute;
    top: 1rem;
    right: 0.35rem;
    width: 0.92rem;
    height: 0.6rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/nav/logo_close_m.png') center / contain no-repeat;
  }
  #main-header .nav a {
    position: relative;
    font-size: 0.36rem;
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
    padding: 0.25rem;
    height: 1rem;
    width: 100%;
    text-align: center;
  }
  #main-header .nav a::visited {
    color: #FFFFFF;
  }
  #main-header .nav a::after {
    transition: opacity 0.3s ease;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    pointer-events: none;
    z-index: -1;
    border: none;
    opacity: 0;
  }
  #main-header .nav a.selected {
    position: relative;
    display: inline-block;
  }
  #main-header .nav a.selected::after {
    background: #FF3D2C;
    opacity: 1;
    color: #0C0F16;
  }
  .slide-page-1 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/bg_1x_m.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-1 .box .title {
    margin-top: 1.2rem;
    width: 7.145rem;
    height: 1.07rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/title_main_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .sub-title {
    margin-top: 2.4rem;
    width: 7.125rem;
    height: 0.595rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/title_sub_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns {
    margin-top: 3.73rem;
    display: flex;
    justify-content: center;
    gap: 0.2rem;
  }
  .slide-page-1 .box .btns .btn {
    font-size: 0.28rem;
    position: relative;
    color: #f3f4f5;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .slide-page-1 .box .btns .btn span {
    pointer-events: none;
  }
  .slide-page-1 .box .btns .reserve {
    color: #060606;
    width: 2.875rem;
    height: 0.67rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/btn_reserve_now_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns .join {
    width: 2.875rem;
    height: 0.67rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/btn_join_now_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns .join span.main {
    display: block;
  }
  .slide-page-1 .box .btns .join span.done {
    display: none;
  }
  .slide-page-1 .box .btns .join.done {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    pointer-events: none;
  }
  .slide-page-1 .box .btns .join.done span.main {
    display: none;
  }
  .slide-page-1 .box .btns .join.done span.done {
    display: block;
  }
  .slide-page-1 .box .sub-text {
    font-size: 0.2rem;
    letter-spacing: 0.4em;
  }
  .slide-page-1 .left-side-bar {
    margin-top: 0.05rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 0.24rem;
    bottom: 1rem;
  }
  .slide-page-1 .left-side-bar .icon-wrap {
    position: relative;
    font-size: 0rem;
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg_icon_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:hover {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg_icon_hover_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon {
    width: 0.45rem;
    height: 0.45rem;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content {
    transition: opacity 0.3s ease;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    left: -70%;
    top: -1.5rem;
    width: 1rem;
    height: 1.2rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_qr_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content img {
    top: 0.05rem;
    width: 90%;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content span {
    display: block;
    bottom: -0.01rem;
    height: 0.15rem;
    line-height: 1.1;
    font-size: 0.16rem;
    width: 100%;
    text-align: center;
  }
  .slide-page-1 .left-side-bar .icon-wrap:hover .icon-content {
    opacity: 1;
  }
  .slide-page-1 .left-side-bar .icon-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .slide-page-1 .left-side-bar .icon-wrap:first-child::before {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wechat_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(2)::before {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_bilibili_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(3)::before {
    width: 0.39rem;
    height: 0.39rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wecom_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(4)::before {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_douyin_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(5)::before {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_xiaoheihe_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(6)::before {
    width: 0.34rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_weibo_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(7)::before {
    width: 0.34rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_kuaishou_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(8)::before {
    width: 0.3rem;
    height: 0.25rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_shipinhao_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(9)::before {
    width: 0.39rem;
    height: 0.14rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_xiaohongshu_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .footer {
    position: absolute;
    bottom: 0;
    width: 5.68rem;
    height: 0.46rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/footer_2x.png') center / contain no-repeat;
  }
  .slide-page-2 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_1x_m.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-2 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-2 .box .line {
    display: flex;
    flex-direction: column;
  }
  .slide-page-2 .box .title {
    margin-top: calc(-3.5rem - 10vh);
    width: 4.99rem;
    height: 0.495rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/title_main_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .sub-title {
    margin-top: calc(-2.8rem - 10vh);
    width: 5.86rem;
    height: 0.255rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/title_sub_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: calc(2.5rem - 10vh);
  }
  .slide-page-2 .box .line {
    display: flex;
    gap: 0.15rem;
  }
  .slide-page-2 .box .column {
    display: flex;
    flex-direction: row;
  }
  .slide-page-2 .box .card {
    position: relative;
  }
  .slide-page-2 .box .card .dec,
  .slide-page-2 .box .card .tag,
  .slide-page-2 .box .card .card-head {
    display: none;
  }
  .slide-page-2 .box .card .card-content {
    position: absolute;
  }
  .slide-page-2 .box .card .card-content .btn {
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.48rem;
    bottom: -1.25rem;
    color: #d0dae6;
    width: 2.505rem;
    height: 0.485rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/btn_light_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card1 {
    width: 6.85rem;
    height: 4.21rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_card1_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card1 .card-content {
    background-color: transparent;
    margin-top: 0.35rem;
  }
  .slide-page-2 .box .card1 .card-content .gift {
    margin-top: -0.3rem;
  }
  .slide-page-2 .box .column1 {
    gap: 0.2rem;
  }
  .slide-page-2 .box .card2 {
    width: 2.885rem;
    height: 4.825rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_card2_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card2 .card-content {
    margin-top: 0.45rem;
    background-color: transparent;
  }
  .slide-page-2 .box .card3 {
    width: 3.785rem;
    height: 4.825rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_card3_2x_m.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card3 .card-head .name {
    font-size: 0.27rem;
  }
  .slide-page-2 .box .card3 .line {
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    gap: 0;
  }
  .slide-page-2 .box .card3 .column2 {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 2.8rem;
  }
  .slide-page-2 .box .card3 .part {
    width: 100%;
    height: 100%;
  }
  .slide-page-2 .box .card3 .part.part1 {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .slide-page-2 .box .card3 .part.part1 .progress-wrap {
    position: absolute;
    bottom: 0.35rem;
    width: 100%;
  }
  .slide-page-2 .box .card3 .part.part1 .bar-track {
    position: relative;
    height: 0.04rem;
    border: 0.01rem solid #313338;
    background: #000;
  }
  .slide-page-2 .box .card3 .part.part1 .bar-fill {
    height: 100%;
    background: #57575c;
    width: 0%;
    transition: width 0.4s ease;
  }
  .slide-page-2 .box .card3 .part.part1 .dot {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border: 0.01rem solid #57575c;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
  }
  .slide-page-2 .box .card3 .part.part1 .dot::after {
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    background: transparent;
    transition: background 0.3s;
  }
  .slide-page-2 .box .card3 .part.part1 .dot.active::after {
    background: #ff3d2c;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(2) {
    left: 16.6%;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(3) {
    left: 50%;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(4) {
    left: 83.3%;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above,
  .slide-page-2 .box .card3 .part.part1 .label-below {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    color: #d0dae6;
    font-size: 0.14rem;
    line-height: 1.2;
    white-space: nowrap;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above {
    bottom: calc(100% + 0.15rem);
    margin-left: 0.1rem;
  }
  .slide-page-2 .box .card3 .part.part1 .label-below {
    top: calc(100% + 0.1rem);
  }
  .slide-page-2 .box .card3 .part.part1 .label-above img {
    height: 0.7rem;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above .text {
    margin-left: -0.1rem;
  }
  .slide-page-2 .box .card3 .card-content {
    width: 2.8rem;
    height: 4rem;
  }
  .slide-page-2 .box .card3 .card-content .part2,
  .slide-page-2 .box .card3 .card-content .part3 {
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .slide-page-2 .box .card3 .card-content .mini-head {
    font-weight: bold;
    color: #d0dae6;
    flex-shrink: 0;
    margin-left: 0.15rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    line-height: 1.2;
    position: relative;
    font-size: 0.15rem;
  }
  .slide-page-2 .box .card3 .card-content .mini-head br {
    display: none;
  }
  .slide-page-2 .box .card3 .card-content .mini-head::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    top: 0.01rem;
    bottom: 0.01rem;
    width: 0.03rem;
    background-color: #ff3d2c;
    border-radius: 0 0.02rem 0.02rem 0;
    pointer-events: none;
  }
  .slide-page-2 .box .card3 .card-content .team {
    display: flex;
    gap: 0.1rem;
    margin-top: 0.1rem;
    width: 100%;
    justify-content: space-between;
  }
  .slide-page-2 .box .card3 .card-content .team .mem {
    position: relative;
    width: 0.45rem;
    height: 0.45rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/menber-placeholder.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card3 .card-content .team .mem .name {
    position: absolute;
    bottom: -0.2rem;
    font-size: 0.12rem;
    text-align: center;
    width: 100%;
    color: #6b6b6b;
    overflow: hidden;
    white-space: nowrap;
  }
  .slide-page-2 .box .card3 .card-content .team .mem .name.ok {
    color: #d0dae6;
  }
  .slide-page-2 .box .card3 .card-content .team .mem img {
    width: 100%;
  }
  .slide-page-2 .box .card3 .card-content .team .mem img.ok {
    border: 0.01rem solid #727b83;
  }
  .slide-page-2 .box .card3 .card-content .invite {
    position: relative;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
    gap: 0rem;
  }
  .slide-page-2 .box .card3 .card-content .invite input {
    border: 0.01rem solid #48494e;
    width: 1.9rem;
    background-color: #0000008c;
    outline: none;
    padding: 0.05rem;
    color: #adb6c0;
    height: 0.34rem;
    box-sizing: border-box;
    font-size: 0.14rem;
  }
  .slide-page-2 .box .card3 .card-content .invite .btn-invite {
    width: 0.99rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/btn-small.png') center / contain no-repeat;
    font-size: 0.15rem;
    margin-left: -0.05rem;
    color: #180f12;
    font-weight: bold;
  }
  .slide-page-3 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_1x_m.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-3 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-3 .box .line {
    display: flex;
    flex-direction: column;
  }
  .slide-page-3 .box .title {
    margin-top: calc(-3.5rem - 10vh);
    width: 6.91rem;
    height: 0.435rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p3/title_main_2x_m.png') center / contain no-repeat;
  }
  .slide-page-3 .box .sub-title {
    margin-top: calc(-2.8rem - 10vh);
    width: 4.495rem;
    height: 0.23rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p3/title_sub_2x_m.png') center / contain no-repeat;
  }
  .slide-page-3 .box .main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: calc(2.5rem - 10vh);
  }
  .slide-page-3 .box .main-content {
    width: 6.21rem;
    height: 9.085rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p3/bg_main_content_2x_m.png') center / contain no-repeat;
  }
  .slide-page-3 .box .main-content .infos {
    position: absolute;
    top: 2rem;
    left: 0.3rem;
    font-size: 0.2rem;
  }
  .slide-page-3 .box .main-content .infos .mini-title {
    font-weight: bold;
    color: #d0dae6;
    margin-left: 0.18rem;
    line-height: 1.5;
    position: relative;
    font-size: 0.26rem;
    padding-left: 0.09rem;
    letter-spacing: 0.013rem;
  }
  .slide-page-3 .box .main-content .infos .mini-title::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    top: 0.05rem;
    bottom: 0.05rem;
    width: 0.05rem;
    background-color: #ff3d2c;
    border-radius: 0 0.02rem 0.02rem 0;
    pointer-events: none;
  }
  .slide-page-3 .box .main-content .infos .lines {
    margin-top: 0.12rem;
    margin-left: 0.1rem;
  }
  .slide-page-3 .box .main-content .infos .lines .line {
    color: #d0dae6;
    font-size: 0.18rem;
    line-height: 1.5;
    display: flex;
    flex-direction: row;
  }
  .slide-page-3 .box .main-content .infos .lines .line .k {
    min-width: 0.9rem;
    font-size: 0.22rem;
    font-weight: bold;
  }
  .slide-page-3 .box .main-content .infos .lines .line .v {
    font-size: 0.22rem;
  }
  .slide-page-3 .box .main-content .p3_extra_text_m::before {
    content: '活动平台：';
    position: absolute;
    top: -0.5rem;
    left: -0.15rem;
    font-weight: bold;
    color: #d0dae6;
    margin-left: 0.18rem;
    line-height: 1.5;
    padding-left: 0.09rem;
    letter-spacing: 0.013rem;
    font-size: 0.22rem;
  }
  .slide-page-3 .box .main-content .links {
    position: absolute;
    left: 0.56rem;
    font-size: 0.2rem;
    display: flex;
    gap: 0.3rem;
    top: 5.15rem;
    left: 0.3rem;
  }
  .slide-page-3 .box .main-content .links .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 0.98rem;
    height: 1.03rem;
    border: 0.02rem solid #090909;
  }
  .slide-page-3 .box .main-content .links .link .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    height: 100%;
  }
  .slide-page-3 .box .main-content .links .link .icon img {
    max-height: 0.5rem;
    max-width: 0.8rem;
  }
  .slide-page-3 .box .main-content .links .link a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.08rem 0.05rem;
    background-color: #090909;
    color: #ffffff;
    font-size: 0.14rem;
  }
  .slide-page-3 .box .main-content .links .link.active {
    border-color: #ff3d2c;
  }
  .slide-page-3 .box .main-content .links .link.active a {
    background-color: #ff3d2c;
  }
  .slide-page-3 .box .main-content .links .link.active .icon {
    background: linear-gradient(transparent, transparent, #ff3e2c7d);
  }
  .slide-page-3 .box .main-content .gifts {
    top: 3.15rem;
  }
  .slide-page-3 .box .main-content .gifts .link {
    border: none;
  }
  .slide-page-3 .box .main-content .gifts .link a {
    position: absolute;
    width: 1rem;
    bottom: -0.1rem;
    border: none;
    background: transparent;
    font-size: 0.15rem;
    color: #d0dae6;
    width: 100%;
  }
  .slide-page-3 .box .main-content .gifts .link.active a {
    background: transparent;
  }
  .slide-page-3 .box .main-content .gifts .link.active .icon {
    background: transparent;
  }
  .slide-page-4 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_1x_m.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-4 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-4 .box .line {
    display: flex;
    flex-direction: column;
  }
  .slide-page-4 .box .title {
    margin-top: calc(-4rem - 10vh);
    width: 5.16rem;
    height: 0.47rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p4/title_main_2x_m.png') center / contain no-repeat;
  }
  .slide-page-4 .box .sub-title {
    margin-top: calc(-3.3rem - 10vh);
    width: 3.845rem;
    height: 0.26rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p4/title_sub_2x_m.png') center / contain no-repeat;
  }
  .slide-page-4 .box .main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin-top: calc(2.5rem - 10vh);
  }
  .slide-page-4 .box .line {
    display: flex;
    gap: 1vh;
  }
  .slide-page-4 .box .dec {
    position: absolute;
    top: -0.03rem;
    left: 0rem;
    font-size: 0.15rem;
    font-weight: bold;
    line-height: 0.15rem;
    padding: 0.03rem 0.1rem;
    background-color: #ff3d2c;
    color: #111;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0% 100%);
  }
  .slide-page-4 .box .card {
    position: relative;
    width: 6.1rem;
    border: 0.01rem solid #424b53;
    background-color: #17222d89;
  }
  .slide-page-4 .box .card .lottery-box {
    top: 0.2rem;
    position: relative;
    width: 5.1rem;
    height: 5.1rem;
  }
  .slide-page-4 .box .card .lottery-box .lottery {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    gap: 0rem;
    /* 淡白色遮罩层 */
  }
  .slide-page-4 .box .card .lottery-box .lottery .lottery-item.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    mix-blend-mode: overlay;
  }
  .slide-page-4 .box .card .lottery-btn {
    bottom: -0.75rem;
    font-size: 0.2rem;
    width: 2.81rem;
    height: 0.59rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/start-lottery.png') center / contain no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.05rem;
  }
  .slide-page-4 .box .card .lottery-btn .main {
    pointer-events: none;
    display: block;
    font-size: 0.2rem;
  }
  .slide-page-4 .box .card .lottery-btn .sub {
    pointer-events: none;
    display: block;
    font-size: 0.1rem;
  }
  .slide-page-4 .box .card .gift-container {
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #0000008c;
  }
  .slide-page-4 .box .card .gift-container.active {
    position: relative;
    z-index: 10;
    background-color: #413f42;
    border: 0.01rem solid #d0dae6;
  }
  .slide-page-4 .box .card .gift-container .gift-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift {
    max-width: 1rem;
    max-height: 0.8rem;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift1 {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift2 {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift3 {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift4 {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift5 {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift6 {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift7 {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift8 {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift9 {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .small {
    max-width: 0.5rem;
  }
  .slide-page-4 .box .card .gift-container .name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.1rem;
    text-align: center;
    color: #d0dae6;
    font-size: 0.15rem;
    line-height: 1.1;
    height: 0.2rem;
  }
  .slide-page-4 .box .card .card-head {
    padding: 0.2rem 0.35rem;
    padding-top: 0.3rem;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .slide-page-4 .box .card .card-head .name {
    font-size: 0.24rem;
    font-weight: 500;
    color: #D0DAE6;
    line-height: 0.35rem;
  }
  .slide-page-4 .box .card .card-head .btns {
    display: flex;
    gap: 0.1rem;
  }
  .slide-page-4 .box .card .card-head .btns .btn {
    color: #D0DAE6;
    font-size: 0.16rem;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 0.04rem;
  }
  .slide-page-4 .box .card .card-items {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0 0.35rem;
  }
  .slide-page-4 .box .card .card-items .card-item {
    display: flex;
    width: 100%;
    min-height: 0.8rem;
    padding: 0.1rem 0.1rem 0.1rem 0.2rem;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    gap: 0.04rem;
    font-size: 0.2rem;
  }
  .slide-page-4 .box .card .card-items .card-item .left .name {
    color: #D0DAE6;
    font-size: 0.2rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .slide-page-4 .box .card .card-items .card-item .left .intro {
    font-size: 0.16rem;
    color: #999fa6;
    margin-top: 0.02rem;
    line-height: 1.5;
  }
  .slide-page-4 .box .card .card-items .card-item .right .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.81rem;
    height: 0.47rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-middle.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item .right .btn.done {
    width: 1.81rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-middle-done.png') center / contain no-repeat;
    font-size: 0;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.15rem;
    width: 1.8rem;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns a {
    position: relative;
    display: block;
    width: 0.48rem;
    height: 0.46rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-small.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .weixin::after {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wechat_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .douyin::after {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_douyin_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .bilibili::after {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_bilibili_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card1 {
    height: 6.19rem;
  }
  .slide-page-4 .box .card2 {
    height: 4.2rem;
  }
  .slide-page-4 .box .card2 .card-items {
    max-height: 3.1rem;
  }
  .slide-page-4 .box .card2 .card-items {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* 启用 iOS 惯性滚动 */
  }
  .slide-page-4 .box .card2 .card-items {
    scrollbar-width: thin;
    scrollbar-color: #c5c9cf transparent;
  }
  .slide-page-4 .box .card2 .card-items::-webkit-scrollbar {
    width: 0.03rem;
    height: 0.06rem;
    background-color: transparent;
  }
  .slide-page-4 .box .card2 .card-items::-webkit-scrollbar-thumb {
    background-color: #c5c9cf;
  }
  .slide-page-5 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p2/bg_1x_m.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-5 .box {
    margin-top: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-5 .box .title {
    position: absolute;
    margin-top: calc(-3.5rem - 10vh);
    width: 4.25rem;
    height: 0.545rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p5/title_main_2x_m.png') center / contain no-repeat;
  }
  .slide-page-5 .faq-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.1rem;
    height: 9.72rem;
    background: rgba(21, 26, 37, 0.7);
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .slide-page-5 .faq-mask {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 6.1rem;
    height: 0.06rem;
    border: 0.02rem solid #FF3D2C;
  }
  .slide-page-5 .faq-mask.mask1 {
    top: -0.06rem;
    border-bottom: 0;
  }
  .slide-page-5 .faq-mask.mask2 {
    bottom: -0.06rem;
    border-top: 0;
  }
  .slide-page-5 .pop.common-pop .pop-text {
    font-size: 0.18rem;
    color: #B0BAC6;
    margin: 0 auto;
    width: auto;
    height: auto;
    font-weight: bold;
  }
  .slide-page-5 .faq-list {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0.24rem 0.15rem 0.36rem;
    height: 9.28rem;
    padding-right: 0.15rem;
  }
  .slide-page-5 .faq-list::-webkit-scrollbar {
    width: 0.03rem;
    height: 0.06rem;
    background-color: rgba(51, 54, 59, 0.901);
  }
  .slide-page-5 .faq-list::-webkit-scrollbar-thumb {
    background-color: #8a8d92;
  }
  .slide-page-5 .faq-item-li {
    margin-bottom: 0.4rem;
  }
  .slide-page-5 .faq-item-li span {
    font-weight: bold;
  }
  .slide-page-5 .faq-item-title {
    padding: 0.2rem 0;
    font-size: 0.36rem;
    font-weight: 500;
    color: #D0DAE6;
    text-align: center;
    margin-bottom: 0.16rem;
    line-height: 1.2;
  }
  .slide-page-5 .faq-item-li-title {
    background: rgba(255, 255, 255, 0.1);
    min-height: 0.48rem;
    display: flex;
    padding: 0 0.12rem;
    font-size: 0.24rem;
    color: #D0DAE6;
    font-weight: 500;
    line-height: 0.48rem;
  }
  .slide-page-5 .faq-item-li-text {
    color: #B0BAC6;
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .slide-page-5 .faq-item-text {
    margin: 0.12rem 0 0.2rem;
    display: flex;
    padding-left: 0.12rem;
    color: #B0BAC6;
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .slide-page-5 .faq-item-exit {
    font-size: 0.24rem;
    margin-top: -0.02rem;
  }
  .slide-page-5 .line-double {
    height: 0.96rem;
  }
  .slide-page-6 #slide6Swiper {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .slide-page-6 #slide6Swiper .swiper-wrapper .footer {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .slide-page-6 .gs-feature-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Swiper 大图轮播容器 */
    /* 左侧文字介绍 */
    /* 底部缩略图卡片外层容器 */
    /* 底部缩略图卡片列表 */
    /* 单个卡片 */
    /* 底部选中条 */
    /* 激活状态的卡片 */
    /* 卡片底部渐变 */
    /* 卡片纹理效果 */
    /* 卡片标题 */
  }
  .slide-page-6 .gs-feature-box .mfeatureSwiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slide-page-6 .gs-feature-box .mfeatureSwiper .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .gs-feature-box .mfeatureSwiper .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .gs-feature-box .mfeature-slide-box {
    position: relative;
    width: 100%;
    height: 100%;
    /* 底部渐变遮罩 */
  }
  .slide-page-6 .gs-feature-box .mfeature-slide-box > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  .slide-page-6 .gs-feature-box .mfeature-slide-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4.46rem;
    background: radial-gradient(166.09% 107.9% at 5.24% 100%, rgba(30, 30, 34, 0.8) 0%, rgba(54, 54, 63, 0) 100%);
    z-index: 2;
    pointer-events: none;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro {
    position: absolute;
    left: 0.32rem;
    bottom: 2.68rem;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    width: 6.88rem;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-head {
    position: relative;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-icon {
    margin-left: 0.16rem;
    width: 0.26rem;
    height: 0.4rem;
    background-image: url("https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p5/icon-home.png");
    background-size: 100% 100%;
    margin-bottom: 0.12rem;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-num {
    font-family: 'SimplonMono', monospace;
    font-size: 1.26rem;
    font-weight: 700;
    color: #FF3D2C;
    line-height: 1;
    text-align: center;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-content {
    padding-left: 0.64rem;
    position: relative;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-content::before {
    content: "";
    position: absolute;
    top: 0.02rem;
    left: 0.34rem;
    width: 0.04rem;
    height: calc(100% - 0.09rem - 0.04rem);
    background-color: #FF3D2C;
    z-index: 4;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-title {
    font-size: 0.64rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-family: 'Noto Sans CJK SC', sans-serif;
  }
  .slide-page-6 .gs-feature-box .mfeature-intro-desc {
    font-size: 0.24rem;
    font-weight: 400;
    color: #B0BAC6;
    line-height: 1.5;
    margin-top: 0.16rem;
  }
  .slide-page-6 .gs-feature-box .mfeature-cards-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.44rem;
    z-index: 20;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .slide-page-6 .gs-feature-box .mfeature-cards-wrap::-webkit-scrollbar {
    display: none;
  }
  .slide-page-6 .gs-feature-box .mfeature-cards {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    padding: 0 0.32rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .slide-page-6 .gs-feature-box .mfeature-card {
    width: 3.44rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-content {
    width: 3.36rem;
    height: 1.92rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
    border: 0.02rem solid rgba(254, 254, 254, 0.6);
    transition: width 0.3s linear, height 0.3s linear, border-color 0.3s linear;
    background-color: rgba(21, 26, 37, 0.8);
  }
  .slide-page-6 .gs-feature-box .mfeature-card-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: #FF3D2C;
    opacity: 0;
    transition: opacity 0.3s linear;
    pointer-events: none;
    z-index: 10;
  }
  .slide-page-6 .gs-feature-box .mfeature-card.active .mfeature-card-content {
    width: 100%;
    height: 100%;
    border-color: #FF3D2C;
  }
  .slide-page-6 .gs-feature-box .mfeature-card.active .mfeature-card-content .mfeature-card-gradient {
    opacity: 1;
  }
  .slide-page-6 .gs-feature-box .mfeature-card.active .mfeature-card-content .mfeature-card-texture {
    opacity: 0;
  }
  .slide-page-6 .gs-feature-box .mfeature-card.active .mfeature-card-content .mfeature-card-bar {
    opacity: 1;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-gradient {
    position: absolute;
    bottom: -0.02rem;
    left: 0;
    width: 100%;
    height: 0.93rem;
    background-image: url("https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p5/feature-mask.png");
    background-size: 100% 100%;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-texture {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.94rem;
    background: linear-gradient(0deg, rgba(21, 26, 37, 0.7) 30.49%, rgba(21, 26, 37, 0) 99.39%);
    mix-blend-mode: overlay;
    z-index: 4;
    pointer-events: none;
  }
  .slide-page-6 .gs-feature-box .mfeature-card-name {
    position: absolute;
    bottom: 0.1rem;
    left: 0.17rem;
    font-size: 0.32rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    z-index: 5;
    font-family: 'Noto Sans CJK SC', sans-serif;
  }
  .slide-page-7 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-7 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-7 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 4.36rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p7/title-main.png') center / contain no-repeat;
  }
  .slide-page-7 .box .sub-title {
    top: -2.98rem;
    width: 4.73rem;
    height: 0.27rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p7/title-sub.png') center / contain no-repeat;
  }
  .slide-page-8 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-8 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-8 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 6.82rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p8/title-main.png') center / contain no-repeat;
  }
  .pop_common {
    z-index: 9999;
    font-size: 0.2rem;
  }
  .pop_common .container {
    width: 3.43rem;
    height: 5.31rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_big_1x_m.png') center / contain no-repeat;
  }
  .pop_common .container.small {
    width: 5.2rem;
    height: 3.12rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_small.png') center / contain no-repeat;
  }
  .pop_common .container .title {
    width: 90%;
    text-align: center;
  }
  .pop_common .btn_close {
    z-index: 999;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    width: 0.22rem;
    height: 0.19rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_1x.png') center / contain no-repeat;
  }
  .pop_common .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .pop_common .pop_btn {
    width: 1.5rem;
    height: 0.36rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_btn_1x_m.png') center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popBindSuccess .icon {
    top: 1.5rem;
    width: 0.72rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_ok.png') center / contain no-repeat;
  }
  .popBindSuccess .pop_btn {
    bottom: 0.5rem;
  }
  .popShowWechatQr .title {
    top: 0.75rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
    width: 100%;
    text-align: center;
  }
  .popShowWechatQr .icon {
    top: 1.5rem;
    width: 1.88rem;
    height: 2.26rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/wechat_qr.png') center / contain no-repeat;
  }
  .popShowBiliQr .title {
    top: 0.75rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
    width: 100%;
    text-align: center;
  }
  .popShowBiliQr .icon {
    top: 1.5rem;
    width: 2.48rem;
    height: 2.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/ewm-bz.png') center / contain no-repeat;
    max-width: 2rem;
    max-height: 2rem;
  }
  .popShowDouyinQr .title {
    top: 0.75rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
    width: 100%;
    text-align: center;
  }
  .popShowDouyinQr .icon {
    top: 1.5rem;
    width: 7.69rem;
    height: 7.95rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/ewm-dy.webp') center / contain no-repeat;
    max-width: 2rem;
    max-height: 2rem;
  }
  .popShowGuns .container {
    width: 6.86rem;
    height: 10.62rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_guns_1x_m.png') center / contain no-repeat;
  }
  .popShowGuns .title {
    top: 0.15rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowGuns .intro {
    bottom: 0.12rem;
    font-size: 0.2rem;
    color: #B0BAC6;
    width: 100%;
    text-align: center;
  }
  .invitedPop .title {
    font-size: 0.22rem;
    top: 0.5rem;
    color: #B0BAC6;
    font-weight: bold;
    width: 80%;
    text-align: center;
  }
  .invitedPop .pop_btn {
    bottom: 0.35rem;
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_red.png') center / contain no-repeat;
  }
  .invitedPop .intro {
    font-size: 0.18rem;
    line-height: 1.4;
    color: #91969d;
    width: 80%;
    text-align: center;
  }
  .popAddr .container {
    width: 5.2rem;
    height: 5.35rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_addr.png') center / contain no-repeat;
  }
  .popAddr .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popAddr .container {
    position: relative;
  }
  .popAddr .container .btns {
    bottom: 0.3rem;
    display: flex;
    gap: 0.1rem;
  }
  .popAddr .container .btns .confirm {
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_red.png') center / contain no-repeat;
  }
  .popAddr .container .btns .cancel {
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_grey.png') center / contain no-repeat;
  }
  .popAddr .container .content {
    width: 100%;
    margin-top: -1rem;
    margin-top: -0.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: hidden;
    overflow-x: hidden;
    /* 去掉 number 输入框的上下箭头 */
    /* 下拉选项容器 */
  }
  .popAddr .container .content .pop-form {
    margin-top: 0.4rem;
    padding: 0 0.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow: visible;
  }
  .popAddr .container .content .form-item {
    display: flex;
    gap: 0.12rem;
  }
  .popAddr .container .content .form-item-cont {
    flex: 1;
  }
  .popAddr .container .content .form-item-cont.name {
    width: 1.42rem;
    flex: none;
  }
  .popAddr .container .content .form-item-label {
    color: #B0BAC6;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
  .popAddr .container .content .form-item-input {
    margin-top: 0.12rem;
    width: 100%;
    height: 0.48rem;
    border: 0.01rem solid #616870;
    background: #15181D;
    position: relative;
    padding-right: 0.3rem;
  }
  .popAddr .container .content .id25 {
    text-indent: 0.05rem;
    overflow-x: hidden;
  }
  .popAddr .container .content .form-item-input input,
  .popAddr .container .content .form-item-input select {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0 0.14rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #CEDAE6;
    transition: border-color 0.3s ease-in-out;
  }
  .popAddr .container .content .form-item-input input::-webkit-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::-moz-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::-ms-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input[type="number"]::-webkit-outer-spin-button,
  .popAddr .container .content .form-item-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .popAddr .container .content .form-item-input input[type="number"] {
    -moz-appearance: textfield;
  }
  .popAddr .container .content .form-item-tips {
    position: absolute;
    bottom: -0.04rem;
    right: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
    font-size: 0.13rem;
    color: #FF3D2C;
    line-height: 0.2rem;
  }
  .popAddr .container .content .form-item-cont.error .form-item-input {
    border-color: #F14B37;
  }
  .popAddr .container .content .form-item-select {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    padding: 0 0.08rem 0 0.14rem;
    cursor: pointer;
  }
  .popAddr .container .content .form-item-select-placeholder {
    font-size: 0.16rem;
    color: rgba(176, 186, 198, 0.5);
    font-weight: bold;
  }
  .popAddr .container .content .form-item-select-value {
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff;
  }
  .popAddr .container .content .form-item-select-arrow {
    width: 0.32rem;
    height: 0.32rem;
    background-image: url('https://game.gtimg.cn/images/r6/cp/R62026410activity/r6/icon-arrow1.png');
    background-size: 100% 100%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .popAddr .container .content .form-item-select.active .form-item-select-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .popAddr .container .content .form-item-option {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: -0.01rem;
    width: calc(100% + 0.02rem);
    border: 0.01rem solid rgba(179, 186, 197, 0.5);
    background: #15181D;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  .popAddr .container .content .form-item-option-head {
    display: flex;
    color: #B0BAC6;
    font-size: 0.14rem;
    font-weight: bold;
    height: 0.36rem;
    align-items: center;
  }
  .popAddr .container .content .option-head-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-bottom: 0.01rem solid rgba(179, 186, 197, 0.3);
  }
  .popAddr .container .content .option-head-title.active {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .popAddr .container .content .option-list {
    height: 2.06rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .popAddr .container .content .option-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .popAddr .container .content .option-item {
    font-size: 0.14rem !important;
    color: #B0BAC6 !important;
    height: 0.36rem !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* padding-left: 0.5rem; */
  }
  .popAddr .container .content #milo-province,
  .popAddr .container .content #milo-city,
  .popAddr .container .content #milo-region {
    font-size: 0.14rem !important;
    color: #B0BAC6 !important;
  }
  .popAddr .container .content .option-item:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .popAddr .container .content .option-item.active {
    color: #FF3D2C;
  }
  .popAddr .container .content .form-item-input.textarea {
    height: 0.86rem;
  }
  .popAddr .container .content .form-item-input textarea {
    width: 100%;
    height: 0.86rem;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0.04rem 0.14rem;
    resize: none;
    font-size: 0.16rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.36rem;
    box-sizing: border-box;
    font-family: "font18030";
  }
  .popAddr .container .content .form-item-input textarea::-webkit-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::-moz-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::-ms-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::placeholder {
    color: #3C4048;
  }
  .popRule .container {
    width: 6.86rem;
    height: 10.62rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_big_1x_m.png') center / contain no-repeat;
  }
  .popRule .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popRule .container {
    position: relative;
  }
  .popRule .container .content {
    width: 100%;
    margin-top: 0.35rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 8.68rem;
  }
  .popRule .container .content .pop-rules-list {
    margin: 0 0.2rem 0 0.44rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 8.68rem;
  }
  .popRule .container .content .pop-rules-list::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(254, 254, 254, 0.1);
  }
  .popRule .container .content .pop-rules-list::-webkit-scrollbar-thumb {
    background-color: rgba(254, 254, 254, 0.5);
  }
  .popRule .container .content .pop-rules-item {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
  }
  .popRule .container .content .pop-rules-title {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    font-weight: bold;
    line-height: 0.24rem;
  }
  .popRule .container .content .pop-rules-text {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    line-height: 0.24rem;
    display: flex;
  }
  .popRule .container .content .pop-rules-text span {
    font-weight: bold;
  }
  .popRule .container .content .pop-rules-text .pop-rules-tips {
    opacity: 0.6 !important;
  }
  .popRule .container .content .pop-rules-table,
  .popRule .container .content .pop-rules-table-body {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popRule .container .content .table-tr {
    display: flex;
    gap: 0.04rem;
  }
  .popRule .container .content .table-td,
  .popRule .container .content .table-th {
    flex: 1;
    text-align: center;
    padding: 0 0.1rem;
    height: 0.44rem;
    line-height: 0.44rem;
  }
  .popRule .container .content .table-th {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(208, 218, 230, 0.8);
    font-size: 0.16rem;
  }
  .popRule .container .content .table-td {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(208, 218, 230, 0.8);
    font-size: 0.16rem;
  }
  .popGiftRecord .container {
    width: 6.86rem;
    height: 10.62rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_big_1x_m.png') center / contain no-repeat;
  }
  .popGiftRecord .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popGiftRecord .container {
    position: relative;
  }
  .popGiftRecord .container .content {
    width: 100%;
    margin-top: 0.35rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 8.68rem;
  }
  .popGiftRecord .container .content .pop-record-list {
    margin: 0 0.2rem 0 0.44rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 8.68rem;
    gap: 0.04rem;
  }
  .popGiftRecord .container .content .pop-record-list::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(254, 254, 254, 0.1);
  }
  .popGiftRecord .container .content .pop-record-list::-webkit-scrollbar-thumb {
    background-color: rgba(254, 254, 254, 0.5);
  }
  .popGiftRecord .container .content .pop-record-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.24rem;
    background: rgba(0, 0, 0, 0.5);
    min-height: 0.44rem;
  }
  .popGiftRecord .container .content .pop-record-head .record-col {
    font-size: 0.16rem;
    color: rgba(208, 218, 230, 0.8);
  }
  .popGiftRecord .container .content .pop-record-body {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popGiftRecord .container .content .pop-record-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.64rem;
    padding: 0 0.24rem;
    background: rgba(0, 0, 0, 0.2);
  }
  .popGiftRecord .container .content .pop-record-item .col-prize {
    display: flex;
    align-items: center;
    gap: 0.24rem;
    flex: 1;
  }
  .popGiftRecord .container .content .pop-record-item .col-time {
    font-size: 0.18rem;
    color: rgba(208, 218, 230, 0.8);
    white-space: nowrap;
  }
  .popGiftRecord .container .content .record-prize-img {
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-width: 0.64rem;
    max-height: 0.44rem;
  }
  .popGiftRecord .container .content .record-prize-img.gift1 {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift2 {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift3 {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift4 {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift5 {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift6 {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift7 {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift8 {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift9 {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
    position: relative;
  }
  .popGiftRecord .container .content .record-prize-name {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    line-height: 0.24rem;
  }
  .popGiftRecord .container .content .record-prize-code {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: rgba(208, 218, 230, 0.8);
  }
  .popGiftRecord .container .content .record-prize-code .code-label {
    flex-shrink: 0;
  }
  .popGiftRecord .container .content .record-prize-code input {
    outline: none;
    background: transparent;
    border: none;
    color: rgba(208, 218, 230, 0.8);
    width: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .popGiftRecord .container .content .btn-copy {
    width: 1.18rem;
    height: 0.46rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/btn_copy.png') center / contain no-repeat;
    display: flex;
    right: 1.15rem;
    position: absolute;
    top: 71%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 0.7rem;
    height: 0.36rem;
    z-index: 5;
    align-items: center;
    justify-content: center;
    font-size: 0.19rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    cursor: pointer;
  }
  .popBindQQ .container,
  .popShareLink .container,
  .popInviteFriends .container {
    width: 7.2rem;
    height: 4.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_middle.png') center / contain no-repeat;
  }
  .popBindQQ .title,
  .popShareLink .title,
  .popInviteFriends .title {
    top: 0.21rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popBindQQ .intro,
  .popShareLink .intro,
  .popInviteFriends .intro {
    top: 1.1rem;
    font-size: 0.18rem;
    color: #B0BAC6;
  }
  .popBindQQ input,
  .popShareLink input,
  .popInviteFriends input {
    top: 1.5rem;
    width: 4.6rem;
    height: 0.48rem;
    padding: 0.04rem 0.14rem;
    background: #0C0F16;
    border: 0.01rem solid #B0BAC6;
    outline: none;
    color: #CEDAE6;
    font-size: 0.16rem;
  }
  .popBindQQ .pop_btn,
  .popShareLink .pop_btn,
  .popInviteFriends .pop_btn {
    bottom: 0.3rem;
  }
  .popShowGift .container.middle,
  .popNoGift .container.middle {
    width: 7.2rem;
    height: 4.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_middle.png') center / contain no-repeat;
  }
  .popShowGift .pop_btn,
  .popNoGift .pop_btn {
    width: 3rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_btn_1x_m.png') center / contain no-repeat;
  }
  .popShowGift .title,
  .popNoGift .title {
    top: 0.2rem;
    font-size: 0.2rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowGift .extra,
  .popNoGift .extra {
    top: 0.78rem;
    font-size: 0.2rem;
    color: #F14B37;
  }
  .popShowGift .gifts,
  .popNoGift .gifts {
    margin-top: -0.25rem;
    display: flex;
    gap: 0.8rem;
  }
  .popShowGift .gifts .gift,
  .popNoGift .gifts .gift {
    background-color: #000000;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
  }
  .popShowGift .gifts .gift::before,
  .popNoGift .gifts .gift::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .popShowGift .gifts .gift::after,
  .popNoGift .gifts .gift::after {
    content: '';
    width: 100%;
    text-align: center;
    font-size: 0.18rem;
    color: #B0BAC6;
    position: absolute;
    bottom: -0.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .popShowGift .gifts .gift.gift1::before,
  .popNoGift .gifts .gift.gift1::before {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift1::after,
  .popNoGift .gifts .gift.gift1::after {
    content: '华硕5080显卡';
  }
  .popShowGift .gifts .gift.gift2::before,
  .popNoGift .gifts .gift.gift2::before {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift2::after,
  .popNoGift .gifts .gift.gift2::after {
    content: '索尼PS5';
  }
  .popShowGift .gifts .gift.gift3::before,
  .popNoGift .gifts .gift.gift3::before {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift3::after,
  .popNoGift .gifts .gift.gift3::after {
    content: '888Q币';
  }
  .popShowGift .gifts .gift.gift4::before,
  .popNoGift .gifts .gift.gift4::before {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift4::after,
  .popNoGift .gifts .gift.gift4::after {
    content: '雷蛇V3键盘';
  }
  .popShowGift .gifts .gift.gift5::before,
  .popNoGift .gifts .gift.gift5::before {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift5::after,
  .popNoGift .gifts .gift.gift5::after {
    content: '200元京东卡';
    width: 70%;
    bottom: -0.4rem;
  }
  .popShowGift .gifts .gift.gift6::before,
  .popNoGift .gifts .gift.gift6::before {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift6::after,
  .popNoGift .gifts .gift.gift6::after {
    content: '100元京东卡';
  }
  .popShowGift .gifts .gift.gift7::before,
  .popNoGift .gifts .gift.gift7::before {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift7::after,
  .popNoGift .gifts .gift.gift7::after {
    content: '10QB';
  }
  .popShowGift .gifts .gift.gift8::before,
  .popNoGift .gifts .gift.gift8::before {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift8::after,
  .popNoGift .gifts .gift.gift8::after {
    content: '1QB';
  }
  .popShowGift .gifts .gift.gift9::before,
  .popNoGift .gifts .gift.gift9::before {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift9::after,
  .popNoGift .gifts .gift.gift9::after {
    content: '谢谢参与';
  }
  .popShowGift .pop_btn,
  .popNoGift .pop_btn {
    bottom: 0.3rem;
  }
  .popBindPhone .container.middle-bind {
    width: 6.86rem;
    height: 10.62rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_bind_1x_m.png') center / contain no-repeat;
  }
  .popBindPhone .pop_btn {
    width: 3rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_btn_1x_m.png') center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popBindPhone .right {
    position: absolute;
    top: -1.4rem;
    width: 6.2rem;
  }
  .popBindPhone .right .mini-title {
    position: absolute;
    top: -3.7rem;
    font-size: 0.36rem;
    font-weight: bold;
    margin: 0.1rem 0;
    margin-bottom: 0.3rem;
    width: 100%;
    text-align: center;
  }
  .popBindPhone .right .checks {
    position: relative;
  }
  .popBindPhone .right .checks .check {
    display: block;
    position: absolute;
    left: 0;
    top: -0.03rem;
    width: 0.49rem;
    height: 0.43rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/checked_no_1x_m.png') center / contain no-repeat;
  }
  .popBindPhone .right .checks .check.yes {
    width: 0.49rem;
    height: 0.43rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/checked_yes_1x_m.png') center / contain no-repeat;
  }
  .popBindPhone .right .lines {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
  }
  .popBindPhone .right .lines .line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0;
    height: 0.45rem;
  }
  .popBindPhone .right .lines .line .k {
    min-width: 1.2rem;
    font-size: 0.32rem;
  }
  .popBindPhone .right .lines .line .v {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.1rem;
    width: 100%;
  }
  .popBindPhone .right .lines .line .v input {
    flex-shrink: 1;
    background-color: #15181d;
    border: 0.01rem solid #55585f;
    color: #CEDAE6;
    outline: none;
    padding: 0.1rem 0.2rem;
    width: 100%;
    height: 0.7rem;
    font-size: 0.28rem;
  }
  .popBindPhone .right .lines .line #btnGetPhoneCode {
    flex-shrink: 0;
    background-color: #15181d;
    border: 0.01rem solid #55585f;
    color: #ffffff;
    outline: none;
    height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.2rem;
    font-size: 0.28rem;
  }
  .popBindPhone .right .agree-checkbox {
    margin-top: 0.3rem;
  }
  .popBindPhone .right .agree-checkbox .check-text {
    color: #CEDAE6;
    font-size: 0.32rem;
    line-height: 1.1;
    margin: 0.1rem 0;
    margin-left: 0.65rem;
  }
  .popBindPhone .right .agree-text {
    margin-top: 0.3rem;
    color: #a0a9b5;
    font-size: 0.24rem;
    line-height: 1.7;
    text-align: justify;
  }
  .popBindPhone .pop_btn {
    bottom: 0.3rem;
    font-size: 0.24rem;
    color: #fff;
  }
  .unbind-pop .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .unbind-pop .pop-tit {
    font-family: "sourcb";
    font-size: 0.86rem;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    padding-top: 0.62rem;
  }
  @supports (-webkit-background-clip: text) {
    .unbind-pop .pop-tit {
      color: transparent;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-color: #fff;
      background-image: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/pop-tit-wl.png);
    }
  }
  .unbind-pop .container {
    width: 6.86rem;
    height: 10.62rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_big_1x_m.png') center / contain no-repeat;
    box-sizing: border-box;
  }
  .unbind-pop .unbind-con {
    margin-top: 0.46rem;
  }
  .unbind-pop .ipt-item {
    position: relative;
    width: 5.9rem;
    margin: 0 auto 0;
  }
  .unbind-pop .ipt-item:nth-child(1) {
    margin-bottom: 0.28rem;
  }
  .unbind-pop .ipt-item input {
    width: 100%;
    height: 0.89rem;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0.01rem solid rgba(255, 0, 0, 0.3);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 0.3rem;
    color: #fff;
    text-indent: 0.1rem;
    padding-right: 0.1rem;
  }
  .unbind-pop .ipt-item input::-webkit-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::-moz-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input:-ms-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::-ms-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input.vcode {
    width: 4.99rem;
  }
  .unbind-pop .ipt-item .error-text {
    display: block;
    width: 100%;
    font-size: 0.2rem;
    color: #ff0000;
    line-height: 1;
    text-align: right;
    margin-top: 0.05rem;
  }
  .unbind-pop .get-vcode {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.93rem;
    height: 0.89rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/get-vcode-bg1.webp) no-repeat;
    background-size: 100% 100%;
    font-family: "Microsoft YaHei";
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.89rem;
    font-weight: 400;
  }
  .unbind-pop .get-vcode.gray {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .unbind-pop .summit-btn {
    display: block;
    width: 4.08rem;
    height: 1.05rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/pop-btn1.webp) no-repeat;
    background-size: 100% 100%;
    margin: 0.25rem auto 0;
    font-family: "sourcb";
    font-size: 0.43rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.05rem;
  }
  .unbind-pop .agreement-info {
    width: 5.8rem;
    font-size: 0.18rem;
    color: #91969d;
    line-height: 1.55;
    text-align: justify;
    margin: 0.2rem auto;
  }
  /* 自定义下拉列表 */
  .custom-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.04rem;
    background: #191b22;
    /* 列表背景色 */
    border: 0.01rem solid #333;
    border-radius: 0.04rem;
    list-style: none;
    padding: 0.04rem 0;
    max-height: 4.5rem;
    overflow-y: auto;
    display: none;
    z-index: 100;
    box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.5);
    width: 100%;
  }
  .custom-select-options::-webkit-scrollbar {
    width: 0.04rem;
    height: 0.04rem;
    background-color: rgba(51, 54, 59, 0.901);
  }
  .custom-select-options::-webkit-scrollbar-thumb {
    background-color: #8a8d92;
  }
  /* 选项样式 */
  .custom-select-options li {
    padding: 0.06rem 0.12rem;
    cursor: pointer;
    color: #a5a5a5;
    /* 候选项字体颜色 */
    transition: background 0.15s;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
  }
  /* 悬停效果 */
  .custom-select-options li:hover {
    background: #0e1015;
    /* hover 背景色 */
  }
  /* 选中项（可根据喜好调整，此处保留清晰标识） */
  .custom-select-options li.selected {
    background: #0e1015;
    font-weight: bold;
  }
  .custom-select-wrap {
    width: 100%;
  }
  .pull-select,
  .fill-input {
    width: 100%;
  }
  .popQuestion .container {
    width: 6.795rem;
    height: 8.97rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_questions.png') center / contain no-repeat;
  }
  .popQuestion .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.2rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .popQuestion .title {
    top: 0.35rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popQuestion .btns {
    bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.1rem;
  }
  .popQuestion .questions {
    width: 5rem;
    top: 0.8rem;
  }
  .popQuestion .questions .question-box .bar-track {
    position: absolute;
    width: 106%;
    height: 0.02rem;
    background-color: #234;
    top: -0.4rem;
    margin-left: -0.6rem;
  }
  .popQuestion .questions .question-box .bar-track .bar-fill {
    height: 100%;
    background: #FF3D2C;
    transition: width 0.4s ease;
  }
  .popQuestion .questions .question-box .bar-track span {
    position: absolute;
    margin-right: -0.4rem;
    right: 0rem;
    font-size: 0.14rem;
    top: -0.05rem;
  }
  .popQuestion .questions .question-box .question .extra {
    font-size: 0.24rem;
    color: #63646a;
    margin-top: 0.5rem;
  }
  .popQuestion .questions .question-box .question h3 {
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    line-height: 1.2;
    margin-left: -0.6rem;
  }
  .popQuestion .questions .question-box .question h3 .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.36rem;
    height: 0.36rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-num.png') center / contain no-repeat;
    margin-right: 0.2rem;
    color: #0C0F16;
  }
  .popQuestion .questions .question-box .question .options {
    padding-top: 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: flex-start;
    gap: 0.2rem;
    /* 隐藏原生 checkbox */
    /* 自定义 checkbox */
    /* 已选中状态 */
    /* 输入框不要挤压 */
    /* 整个选项可点击 */
  }
  .popQuestion .questions .question-box .question .options.m-height-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 0.4rem);
  }
  .popQuestion .questions .question-box .question .options.m-height-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 0.8rem);
  }
  .popQuestion .questions .question-box .question .options .option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    position: relative;
    cursor: pointer;
    width: 100%;
    /* 适配禁用状态 */
  }
  .popQuestion .questions .question-box .question .options .option .text {
    font-size: 0.24rem;
    color: #a5a5a5;
  }
  .popQuestion .questions .question-box .question .options .option input,
  .popQuestion .questions .question-box .question .options .option select {
    background: transparent;
    color: #a5a5a5;
    font-size: 0.2rem;
    outline: none;
    border: 0.01rem solid #a5a5a5;
    padding: 0.2rem 0.2rem;
    width: 100%;
  }
  .popQuestion .questions .question-box .question .options .option input {
    border-top: none;
    border-left: none;
    border-right: none;
    color: #a5a5a5;
    padding: 0.1rem 0.2rem;
  }
  .popQuestion .questions .question-box .question .options .option select {
    /* 1. 移除原生箭头和背景 */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* 3. 核心：使用内联SVG绘制自定义箭头 (向下三角) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.12rem center;
    background-size: 0.16rem;
    cursor: pointer;
  }
  .popQuestion .questions .question-box .question .options .option select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .popQuestion .questions .question-box .question .options .option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
  }
  .popQuestion .questions .question-box .question .options .option .text::before {
    content: '';
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-unchecked.png') center / contain no-repeat;
    transition: all 0.2s;
    flex-shrink: 0;
  }
  .popQuestion .questions .question-box .question .options .option.checked .text::before {
    width: 0.17rem;
    height: 0.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-checked.png') center / contain no-repeat;
  }
  .popQuestion .questions .question-box .question .options .option .option-text {
    flex: 1;
  }
  .popQuestion .questions .question-box .question .options .option .text {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .popQuestion .questions .question-box .question[data-type="fill"] .options,
  .popQuestion .questions .question-box .question[data-type="pull"] .options {
    padding-top: 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(1, 0.4rem);
  }
  .popQuestion .questions .question-box .question[data-type="fill"] h3 span.note,
  .popQuestion .questions .question-box .question[data-type="pull"] h3 span.note,
  .popQuestion .questions .question-box .question[data-type="select"] h3 span.note {
    display: none;
  }
  .popQuestionPre .container {
    width: 6.795rem;
    height: 8.97rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_questions.png') center / contain no-repeat;
  }
  .popQuestionPre .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .popQuestionPre .title {
    top: 0.35rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popQuestionPre .btn {
    bottom: 0.3rem;
  }
  .popQuestionPre .questions {
    width: 6rem;
  }
  .popQuestionPre .questions .pop-title {
    margin-top: 0.2rem;
    font-size: 0.2rem;
    text-align: center;
    font-weight: bold;
    line-height: 0.32rem;
    color: #B0BAC6;
  }
  .popQuestionPre .questions .large .pop-title {
    font-size: 0.24rem;
  }
  .popQuestionPre .questions .pop-info {
    margin-top: 0.36rem;
    padding: 0 0.4rem;
  }
  .popQuestionPre .questions .pop-info-text {
    font-size: 0.24rem;
    color: #D0DAE6;
    line-height: 1.5;
    margin-bottom: 0.12rem;
  }
  .popQuestionPre .questions .pop-info-text.important {
    color: #F14B37;
  }
  .popQuestionPre .questions .pop-checkbox {
    margin-top: 0.5rem;
    cursor: pointer;
  }
  .popQuestionPre .questions .pop-checkbox {
    display: flex;
    align-items: center;
    gap: 0.12rem;
  }
  .popQuestionPre .questions .pop-checkbox-icon {
    flex-shrink: 0;
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-no.png') center / contain no-repeat;
    transition: background-image 0.3s;
  }
  .popQuestionPre .questions .pop-checkbox-icon.checked {
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-yes.png') center / contain no-repeat;
  }
  .popQuestionPre .questions .pop-checkbox-text {
    font-size: 0.24rem;
    line-height: 1.5;
    color: #D0DAE6;
    opacity: 0.8;
    flex: 1;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popQuestionPre .questions .pop-checkbox-text div {
    line-height: 1.2;
  }
  .popup-login .title {
    top: 0.2rem;
    font-size: 0.3rem;
    font-weight: bold;
  }
  .popup-login .login-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 4rem;
    height: 2rem;
    top: 0.7rem;
  }
  .popup-login .login-list .login-qq,
  .popup-login .login-list .login-wx {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.1rem;
  }
  .popup-login .login-list .login-qq .icon {
    width: 1.76rem;
    height: 1.76rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/login-qq.png') center / contain no-repeat;
  }
  .popup-login .login-list .login-wx .icon {
    width: 1.76rem;
    height: 1.76rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/login-wx.png') center / contain no-repeat;
  }
  .pop-wxqrcode .container {
    width: 6.795rem;
    height: 8.97rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/bg_questions.png') center / contain no-repeat;
  }
  .pop-wxqrcode .pop-tit {
    font-size: 0.36rem;
    color: #B0BAC6;
    background: none;
    -webkit-text-fill-color: #B0BAC6;
    padding-top: 0;
    font-family: none;
    position: relative;
    width: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "sourcb";
    font-size: 0.5rem;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    margin: 0.28rem auto 0;
    font-weight: bold;
    top: 0.4rem;
    margin-bottom: 1.5rem;
  }
  @supports (-webkit-background-clip: text) {
    .pop-wxqrcode .pop-tit {
      color: transparent;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      background-color: #fff;
      background-image: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/pop-tit-wl.png);
    }
  }
  .pop-wxqrcode .qrcode-pop {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto;
  }
  .pop-wxqrcode .tips {
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    margin: 0.2rem 0;
  }
  .pop-wxqrcode img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.2rem;
    height: 2.2rem;
  }
  .pop-wxqrcode .qrcode-box {
    position: relative;
    width: 6.04rem;
    height: 0.53rem;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0.02rem solid rgba(255, 0, 0, 0.3);
    margin: 0.15rem auto 0.6rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-left: 0.1rem;
  }
  .pop-wxqrcode .qrcode-text {
    width: 4.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.28rem;
    color: #b0bac6;
    line-height: 0.53rem;
    margin-left: 0.14rem;
  }
  .pop-wxqrcode .copy-invite-link2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.72rem;
    height: 0.53rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/pop/copy-btn.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.22rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.53rem;
  }
  .debug_pop {
    display: flex;
    position: fixed;
    width: 7.5rem;
    z-index: 10000;
    flex-wrap: wrap;
    gap: 0.1rem;
    padding: 0.1rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
  }
  .debug_pop div {
    font-size: 0.21rem;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.05rem 0.1rem;
    border: 0.01rem solid red;
  }
}
@media (min-width: 768px) {
  body {
    min-width: 10.24rem;
  }
  .bottom90 {
    bottom: 0.9rem;
  }
  .mobile-only {
    display: none !important;
  }
  #main-header {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 0.7rem;
    background-color: #15181d74;
  }
  #main-header .bar {
    width: 100%;
    height: 100%;
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/nav/bg_header_1x.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #main-header .logo {
    left: 0.4rem;
    width: 1.64rem;
    height: 0.37rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/nav/logo_2x.png') center / contain no-repeat;
  }
  #main-header .login {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.12rem;
    right: 2.16rem;
  }
  #main-header .login .avator {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/nav/btn_header_default_avator_2x.png') center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #main-header .login .avator img {
    width: 90%;
    height: 90%;
  }
  #main-header .login a {
    font-size: 0.2rem;
  }
  #main-header .goto {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.2rem;
    color: #0f0f0f;
    right: 0rem;
    width: 1.9rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/nav/btn_header_goto_1x.png') center / contain no-repeat;
  }
  #main-header .nav {
    left: 3.05rem;
    display: flex;
    gap: 0.2rem;
  }
  #main-header .nav .nav_logo_m,
  #main-header .nav .nav_close_m {
    display: none;
  }
  #main-header .nav a {
    position: relative;
    font-size: 0.2rem;
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
    padding: 0.25rem;
  }
  #main-header .nav a::visited {
    color: #FFFFFF;
  }
  #main-header .nav a::after {
    transition: opacity 0.3s ease;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.45rem;
    background: none;
    pointer-events: none;
    z-index: -1;
    border: none;
    opacity: 0;
  }
  #main-header .nav a.selected {
    position: relative;
    display: inline-block;
  }
  #main-header .nav a.selected::after {
    background: linear-gradient(to bottom, transparent, #ff3e2cad);
    opacity: 1;
    border-bottom: 0.04rem solid #FF3D2C;
  }
  #main-header .m_menu {
    display: none;
  }
  .slide-page-1 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-1 .box .title {
    margin-top: -0.26rem;
    margin-left: -0.06rem;
    width: 9.82rem;
    height: 1.6rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/title-main.png') center / contain no-repeat;
  }
  .slide-page-1 .box .sub-title {
    top: 1.28rem;
    width: 9.83rem;
    height: 0.99rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/title-sub.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns {
    margin-top: 2.93rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
  }
  .slide-page-1 .box .btns .btn {
    font-size: 0.28rem;
    position: relative;
    color: #f3f4f5;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .slide-page-1 .box .btns .btn span {
    pointer-events: none;
  }
  .slide-page-1 .box .btns .btn .sub {
    font-size: 0.15rem;
    color: #ffffff;
    margin-top: 0.05rem;
    font-weight: normal;
  }
  .slide-page-1 .box .btns .reserve {
    color: #060606;
    width: 2.875rem;
    height: 0.67rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/btn_reserve_now_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns .join {
    width: 2.875rem;
    height: 0.67rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/m/p1/btn_join_now_2x_m.png') center / contain no-repeat;
  }
  .slide-page-1 .box .btns .join span.main {
    display: block;
  }
  .slide-page-1 .box .btns .join span.done {
    display: none;
  }
  .slide-page-1 .box .btns .join.done {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    pointer-events: none;
  }
  .slide-page-1 .box .btns .join.done span.main {
    display: none;
  }
  .slide-page-1 .box .btns .join.done span.done {
    display: block;
  }
  .slide-page-1 .box .sub-text {
    font-size: 0.2rem;
    letter-spacing: 0.4em;
  }
  .slide-page-1 .left-side-bar {
    margin-top: 0.05rem;
    position: absolute;
    left: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 0.24rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .slide-page-1 .left-side-bar .icon-wrap {
    position: relative;
    font-size: 0rem;
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg_icon_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:hover {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/bg_icon_hover_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon {
    width: 0.45rem;
    height: 0.45rem;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content {
    transition: opacity 0.3s ease;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0.05rem;
    opacity: 0;
    pointer-events: none;
    width: 2rem;
    height: 2.4rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_qr_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content img {
    top: 0.05rem;
    width: 90%;
  }
  .slide-page-1 .left-side-bar .icon-wrap .icon-content span {
    display: block;
    bottom: 0.13rem;
    font-size: 0.16rem;
    width: 100%;
    text-align: center;
  }
  .slide-page-1 .left-side-bar .icon-wrap .top150 {
    top: -1.5rem;
  }
  .slide-page-1 .left-side-bar .icon-wrap:hover .icon-content {
    opacity: 1;
  }
  .slide-page-1 .left-side-bar .icon-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .slide-page-1 .left-side-bar .icon-wrap:first-child::before {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wechat_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(2)::before {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_bilibili_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(3)::before {
    width: 0.39rem;
    height: 0.39rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wecom_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(4)::before {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_douyin_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(5)::before {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_xiaoheihe_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(6)::before {
    width: 0.34rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_weibo_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(7)::before {
    width: 0.34rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_kuaishou_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(8)::before {
    width: 0.3rem;
    height: 0.25rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_shipinhao_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .left-side-bar .icon-wrap:nth-child(9)::before {
    width: 0.39rem;
    height: 0.14rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_xiaohongshu_2x.png') center / contain no-repeat;
  }
  .slide-page-1 .footer {
    position: absolute;
    bottom: 0;
    width: 11.36rem;
    height: 0.92rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/footer_2x.png') center / contain no-repeat;
  }
  .slide-page-2 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-2 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-2 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.37rem;
    width: 5.21rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/title-main.png') center / contain no-repeat;
  }
  .slide-page-2 .box .sub-title {
    top: -2.68rem;
    width: 6.1rem;
    height: 0.27rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/title-sub.png') center / contain no-repeat;
  }
  .slide-page-2 .box .main-content {
    margin-top: -2rem;
  }
  .slide-page-2 .box .line {
    display: flex;
    gap: 0.2rem;
  }
  .slide-page-2 .box .column {
    display: flex;
    flex-direction: column;
  }
  .slide-page-2 .box .card {
    position: relative;
  }
  .slide-page-2 .box .card .dec {
    position: absolute;
    top: -0.06rem;
    left: 0.3rem;
    width: 0.12rem;
    height: 0.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/dec.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .tag {
    width: 0.79rem;
    height: 0.22rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/tag.png') center / contain no-repeat;
    position: absolute;
    top: -0.06rem;
    right: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.15rem;
    color: #17222d;
    font-weight: bold;
  }
  .slide-page-2 .box .card .card-head {
    display: flex;
    align-items: flex-end;
    padding: 0.25rem 0.25rem;
  }
  .slide-page-2 .box .card .card-head .num {
    margin-right: 0.05rem;
  }
  .slide-page-2 .box .card .card-head .num[data-index="1"] {
    width: 0.58rem;
    height: 0.38rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/01.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .card-head .num[data-index="2"] {
    width: 0.58rem;
    height: 0.39rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/02.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .card-head .num[data-index="3"] {
    width: 0.54rem;
    height: 0.37rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/03.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .card-head .name {
    font-size: 0.3rem;
    color: #d0dae6;
    flex-shrink: 0;
    margin-left: 0.1rem;
    font-weight: bold;
  }
  .slide-page-2 .box .card .card-head .into {
    font-size: 0.17rem;
    color: #cdd2d7;
    flex-shrink: 0;
    margin-left: 0.1rem;
  }
  .slide-page-2 .box .card .card-content {
    position: absolute;
    background-color: #0000008c;
  }
  .slide-page-2 .box .card .card-content .gift[data-index="1"] {
    width: 4.68rem;
    height: 3.38rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/gift1.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .card-content .gift[data-index="2"] {
    width: 1.4rem;
    height: 2.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/gift2.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card .card-content .btn {
    font-size: 0.15rem;
    text-align: center;
    line-height: 0.35rem;
    bottom: 0.57rem;
    color: #d0dae6;
    width: 1.91rem;
    height: 0.37rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/btn-light.png') center / contain no-repeat;
  }
  .slide-page-2 .box .gift1-bg {
    width: 5.28rem;
    height: 5.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/gift1-bg.png') center / contain no-repeat;
  }
  .slide-page-2 .box .gift2-bg {
    width: 6.7rem;
    height: 2.4rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/gift2-bg.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card1 {
    width: 5.84rem;
    height: 6.35rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg_part1.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card1 .dec {
    left: 0.4rem;
  }
  .slide-page-2 .box .card1 .card-head {
    padding: 0.25rem 0.35rem;
  }
  .slide-page-2 .box .card1 .card-content {
    background-color: transparent;
    margin-top: 0.35rem;
  }
  .slide-page-2 .box .card1 .card-content .gift {
    margin-top: -0.3rem;
  }
  .slide-page-2 .box .column1 {
    gap: 0.13rem;
  }
  .slide-page-2 .box .card2 {
    width: 7.26rem;
    height: 3.37rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg_part2.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card2 .card-content {
    margin-top: 0.45rem;
    background-color: transparent;
  }
  .slide-page-2 .box .card3 {
    width: 7.26rem;
    height: 2.85rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg_part3.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card3 .card-head .name {
    font-size: 0.27rem;
  }
  .slide-page-2 .box .card3 .card-content {
    margin-top: 0.27rem;
  }
  .slide-page-2 .box .card3 .line {
    position: relative;
    padding: 0.2rem;
    width: 100%;
    height: 100%;
    justify-content: space-between;
  }
  .slide-page-2 .box .card3 .column2 {
    gap: 0.1rem;
    width: 3.4rem;
  }
  .slide-page-2 .box .card3 .part {
    width: 100%;
    height: 100%;
  }
  .slide-page-2 .box .card3 .part.part1 {
    width: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .slide-page-2 .box .card3 .part.part1 .progress-wrap {
    position: absolute;
    bottom: 0.35rem;
    width: 100%;
  }
  .slide-page-2 .box .card3 .part.part1 .bar-track {
    position: relative;
    height: 0.04rem;
    border: 0.01rem solid #313338;
    background: #000;
  }
  .slide-page-2 .box .card3 .part.part1 .bar-fill {
    height: 100%;
    background: #57575c;
    width: 0%;
    transition: width 0.4s ease;
  }
  .slide-page-2 .box .card3 .part.part1 .dot {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border: 0.01rem solid #57575c;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
  }
  .slide-page-2 .box .card3 .part.part1 .dot::after {
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    background: transparent;
    transition: background 0.3s;
  }
  .slide-page-2 .box .card3 .part.part1 .dot.active::after {
    background: #57575c;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(2) {
    left: 16.6%;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(3) {
    left: 50%;
  }
  .slide-page-2 .box .card3 .part.part1 .dot:nth-child(4) {
    left: 83.3%;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above,
  .slide-page-2 .box .card3 .part.part1 .label-below {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    color: #d0dae6;
    font-size: 0.14rem;
    line-height: 1.2;
    white-space: nowrap;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above {
    bottom: calc(100% + 0.15rem);
    margin-left: 0.1rem;
  }
  .slide-page-2 .box .card3 .part.part1 .label-below {
    top: calc(100% + 0.1rem);
  }
  .slide-page-2 .box .card3 .part.part1 .label-above img {
    height: 0.7rem;
  }
  .slide-page-2 .box .card3 .part.part1 .label-above .text {
    margin-left: -0.1rem;
  }
  .slide-page-2 .box .card3 .card-content {
    width: 6.7rem;
    height: 1.8rem;
  }
  .slide-page-2 .box .card3 .card-content .part2,
  .slide-page-2 .box .card3 .card-content .part3 {
    display: flex;
    align-items: center;
  }
  .slide-page-2 .box .card3 .card-content .mini-head {
    font-weight: bold;
    color: #d0dae6;
    flex-shrink: 0;
    margin-left: 0.15rem;
    margin-right: 0.2rem;
    line-height: 1.2;
    position: relative;
    font-size: 0.15rem;
  }
  .slide-page-2 .box .card3 .card-content .mini-head::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    top: 0;
    bottom: 50%;
    width: 0.04rem;
    background-color: #ff3d2c;
    border-radius: 0 0.02rem 0.02rem 0;
    pointer-events: none;
  }
  .slide-page-2 .box .card3 .card-content .team {
    display: flex;
    gap: 0.1rem;
  }
  .slide-page-2 .box .card3 .card-content .team .mem {
    position: relative;
    width: 0.45rem;
    height: 0.45rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/menber-placeholder.png') center / contain no-repeat;
  }
  .slide-page-2 .box .card3 .card-content .team .mem .name {
    position: absolute;
    bottom: -0.2rem;
    font-size: 0.12rem;
    text-align: center;
    width: 100%;
    color: #6b6b6b;
    white-space: nowrap;
    overflow: hidden;
  }
  .slide-page-2 .box .card3 .card-content .team .mem .name.ok {
    color: #d0dae6;
  }
  .slide-page-2 .box .card3 .card-content .team .mem img {
    width: 100%;
  }
  .slide-page-2 .box .card3 .card-content .team .mem img.ok {
    border: 0.01rem solid #727b83;
  }
  .slide-page-2 .box .card3 .card-content .invite {
    position: relative;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
    gap: 0rem;
  }
  .slide-page-2 .box .card3 .card-content .invite input {
    border: 0.01rem solid #48494e;
    width: 1.75rem;
    background-color: #0000008c;
    outline: none;
    padding: 0.05rem;
    color: #adb6c0;
    height: 0.34rem;
    box-sizing: border-box;
  }
  .slide-page-2 .box .card3 .card-content .invite .btn-invite {
    width: 0.99rem;
    height: 0.34rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/btn-small.png') center / contain no-repeat;
    font-size: 0.15rem;
    margin-left: -0.05rem;
    color: #180f12;
    font-weight: bold;
  }
  .slide-page-3 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-3 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-3 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 8.14rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p3/title-main.png') center / contain no-repeat;
  }
  .slide-page-3 .box .sub-title {
    top: -2.98rem;
    width: 5.29rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p3/title-sub.png') center / contain no-repeat;
  }
  .slide-page-3 .box .main-content {
    margin-top: -2.26rem;
    width: 12.5rem;
    height: 5.95rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p3/bg-main-content.png') center / contain no-repeat;
  }
  .slide-page-3 .box .main-content .infos {
    position: absolute;
    top: 2rem;
    left: 0.5rem;
    font-size: 0.2rem;
  }
  .slide-page-3 .box .main-content .infos .mini-title {
    font-weight: bold;
    color: #d0dae6;
    margin-left: 0.18rem;
    line-height: 1.5;
    position: relative;
    font-size: 0.26rem;
    padding-left: 0.09rem;
    letter-spacing: 0.013rem;
  }
  .slide-page-3 .box .main-content .infos .mini-title::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    top: 0.05rem;
    bottom: 0.05rem;
    width: 0.05rem;
    background-color: #ff3d2c;
    border-radius: 0 0.02rem 0.02rem 0;
    pointer-events: none;
  }
  .slide-page-3 .box .main-content .infos .lines {
    margin-top: 0.12rem;
    margin-left: 0.05rem;
  }
  .slide-page-3 .box .main-content .infos .lines .line {
    color: #d0dae6;
    font-size: 0.18rem;
    line-height: 1.5;
    display: flex;
  }
  .slide-page-3 .box .main-content .infos .lines .line .k {
    min-width: 0.9rem;
    font-size: 0.22rem;
    font-weight: bold;
  }
  .slide-page-3 .box .main-content .infos .lines .line .v {
    font-size: 0.22rem;
  }
  .slide-page-3 .box .main-content .links {
    position: absolute;
    bottom: 0.3rem;
    left: 0.56rem;
    font-size: 0.2rem;
    display: flex;
    gap: 0.3rem;
  }
  .slide-page-3 .box .main-content .links .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 0.98rem;
    height: 1.03rem;
    border: 0.02rem solid #090909;
  }
  .slide-page-3 .box .main-content .links .link .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    height: 100%;
  }
  .slide-page-3 .box .main-content .links .link .icon img {
    max-height: 0.5rem;
    max-width: 0.8rem;
  }
  .slide-page-3 .box .main-content .links .link a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.08rem 0.05rem;
    background-color: #090909;
    color: #ffffff;
    font-size: 0.14rem;
  }
  .slide-page-3 .box .main-content .links .link.active:hover {
    border-color: #ff3d2c;
  }
  .slide-page-3 .box .main-content .links .link.active:hover a {
    background-color: #ff3d2c;
  }
  .slide-page-3 .box .main-content .links .link.active:hover .icon {
    background: linear-gradient(transparent, transparent, #ff3e2c7d);
  }
  .slide-page-3 .box .main-content .gifts {
    bottom: 1.75rem;
  }
  .slide-page-3 .box .main-content .gifts .link {
    border: none;
  }
  .slide-page-3 .box .main-content .gifts .link a {
    position: absolute;
    width: 1rem;
    bottom: -0.1rem;
    border: none;
    background: transparent;
    font-size: 0.15rem;
    color: #d0dae6;
    width: 100%;
  }
  .slide-page-3 .box .main-content .gifts .link.active a {
    background: transparent;
  }
  .slide-page-3 .box .main-content .gifts .link.active .icon {
    background: transparent;
  }
  .slide-page-4 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-4 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-4 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 5.76rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/title-main.png') center / contain no-repeat;
  }
  .slide-page-4 .box .sub-title {
    top: -2.98rem;
    width: 4.29rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/title-sub.png') center / contain no-repeat;
    margin-bottom: 0.2rem;
  }
  .slide-page-4 .box .main-content {
    margin-left: -0.05rem;
    margin-top: -2.35rem;
  }
  .slide-page-4 .box .line {
    display: flex;
    gap: 0.2rem;
  }
  .slide-page-4 .box .dec {
    position: absolute;
    top: -0.03rem;
    left: 0rem;
    font-size: 0.15rem;
    font-weight: bold;
    line-height: 0.15rem;
    padding: 0.03rem 0.1rem;
    background-color: #ff3d2c;
    color: #111;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0% 100%);
  }
  .slide-page-4 .box .card {
    position: relative;
    width: 5.7rem;
    height: 6.34rem;
    border: 0.01rem solid #424b53;
    background-color: #17222d89;
  }
  .slide-page-4 .box .card .lottery-box {
    top: 0.2rem;
    position: relative;
    width: 5.1rem;
    height: 5.1rem;
  }
  .slide-page-4 .box .card .lottery-box .lottery {
    padding-top: 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    gap: 0.1rem;
    /* 淡白色遮罩层 */
  }
  .slide-page-4 .box .card .lottery-box .lottery .lottery-item.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    mix-blend-mode: overlay;
  }
  .slide-page-4 .box .card .lottery-btn {
    bottom: -0.75rem;
    font-size: 0.2rem;
    width: 2.81rem;
    height: 0.59rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/start-lottery.png') center / contain no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.05rem;
  }
  .slide-page-4 .box .card .lottery-btn .main {
    pointer-events: none;
    display: block;
    font-size: 0.2rem;
  }
  .slide-page-4 .box .card .lottery-btn .sub {
    pointer-events: none;
    display: block;
    font-size: 0.1rem;
  }
  .slide-page-4 .box .card .gift-container {
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #0000008c;
  }
  .slide-page-4 .box .card .gift-container.active {
    position: relative;
    z-index: 10;
    background-color: #413f42;
    border: 0.01rem solid #d0dae6;
  }
  .slide-page-4 .box .card .gift-container .gift-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift {
    max-width: 1rem;
    max-height: 0.8rem;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift1 {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift2 {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift3 {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift4 {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift5 {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift6 {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift7 {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift8 {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .gift.gift9 {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .gift-container .gift-bg .small {
    max-width: 0.5rem;
  }
  .slide-page-4 .box .card .gift-container .name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.1rem;
    text-align: center;
    color: #d0dae6;
    font-size: 0.15rem;
    line-height: 1.1;
    height: 0.2rem;
  }
  .slide-page-4 .box .card .card-head {
    padding: 0.2rem 0.35rem;
    padding-top: 0.3rem;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .slide-page-4 .box .card .card-head .name {
    font-size: 0.24rem;
    font-weight: 500;
    color: #D0DAE6;
    line-height: 0.35rem;
  }
  .slide-page-4 .box .card .card-head .btns {
    display: flex;
    gap: 0.1rem;
  }
  .slide-page-4 .box .card .card-head .btns .btn {
    color: #D0DAE6;
    font-size: 0.16rem;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 0.04rem;
  }
  .slide-page-4 .box .card .card-items {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0 0.35rem;
  }
  .slide-page-4 .box .card .card-items .card-item {
    display: flex;
    width: 100%;
    min-height: 0.8rem;
    padding: 0.1rem 0.1rem 0.1rem 0.2rem;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    gap: 0.04rem;
    font-size: 0.2rem;
  }
  .slide-page-4 .box .card .card-items .card-item .left .name {
    color: #D0DAE6;
    font-size: 0.2rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .slide-page-4 .box .card .card-items .card-item .left .intro {
    font-size: 0.16rem;
    color: #999fa6;
    margin-top: 0.02rem;
    line-height: 1.5;
  }
  .slide-page-4 .box .card .card-items .card-item .right .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.81rem;
    height: 0.47rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-middle.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item .right .btn.done {
    width: 1.81rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-middle-done.png') center / contain no-repeat;
    font-size: 0;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.15rem;
    width: 1.8rem;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns a {
    position: relative;
    display: block;
    width: 0.48rem;
    height: 0.46rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/btn-small.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .weixin::after {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_wechat_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .douyin::after {
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_douyin_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card .card-items .card-item[data-index="6"] .btns .bilibili::after {
    width: 0.44rem;
    height: 0.44rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p1/icon_bilibili_2x.png') center / contain no-repeat;
  }
  .slide-page-4 .box .card2 {
    width: 6.2rem;
  }
  .slide-page-5 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-5 .box {
    margin-top: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-5 .box .title {
    width: 4.44rem;
    height: 0.58rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p5/title-main.png') center / contain no-repeat;
    margin-bottom: 0.2rem;
  }
  .slide-page-5 .faq-content {
    width: 12rem;
    height: 6.72rem;
    background: rgba(21, 26, 37, 0.7);
    position: relative;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .slide-page-5 .faq-mask {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 12.12rem;
    height: 0.09rem;
    border: 0.04rem solid #FF3D2C;
  }
  .slide-page-5 .faq-mask.mask1 {
    top: -0.06rem;
    border-bottom: 0;
  }
  .slide-page-5 .faq-mask.mask2 {
    bottom: -0.06rem;
    border-top: 0;
  }
  .slide-page-5 .pop.common-pop .pop-text {
    font-size: 0.18rem;
    color: #B0BAC6;
    margin: 0 auto;
    width: auto;
    height: auto;
    font-weight: bold;
  }
  .slide-page-5 .faq-list {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0.24rem 0.15rem 0.36rem;
    height: 6.28rem;
    padding-right: 0.15rem;
  }
  .slide-page-5 .faq-list::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(51, 54, 59, 0.901);
  }
  .slide-page-5 .faq-list::-webkit-scrollbar-thumb {
    background-color: #8a8d92;
  }
  .slide-page-5 .faq-item-li {
    margin-bottom: 0.4rem;
  }
  .slide-page-5 .faq-item-li span {
    font-weight: bold;
  }
  .slide-page-5 .faq-item-title {
    padding: 0.2rem 0;
    font-size: 0.36rem;
    font-weight: 500;
    color: #D0DAE6;
    text-align: center;
    margin-bottom: 0.16rem;
  }
  .slide-page-5 .faq-item-li-title {
    background: rgba(255, 255, 255, 0.1);
    height: 0.48rem;
    display: flex;
    padding: 0 0.12rem;
    font-size: 0.24rem;
    color: #D0DAE6;
    font-weight: 500;
    line-height: 0.48rem;
  }
  .slide-page-5 .faq-item-li-text {
    color: #B0BAC6;
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .slide-page-5 .faq-item-text {
    margin: 0.12rem 0 0.2rem;
    display: flex;
    padding-left: 0.12rem;
    color: #B0BAC6;
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .slide-page-5 .faq-item-exit {
    font-size: 0.24rem;
    margin-top: -0.02rem;
  }
  .slide-page-6 #slide6Swiper {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .slide-page-6 #slide6Swiper .swiper-wrapper .footer {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .slide-page-6 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .box {
    margin-top: 0.3rem;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .slide-page-6 #galleryThumbSwiper {
    position: absolute;
    margin-left: 5.94rem;
    height: 6.54rem;
    width: 2.47rem;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide {
    position: relative;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide-thumb-active .mask {
    opacity: 0;
  }
  .slide-page-6 #galleryMainSwiper {
    position: absolute;
    margin-left: -1.35rem;
    height: 6.54rem;
    width: 11.63rem;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide-thumb-active {
    padding: 0.03rem 0.02rem;
    opacity: 1;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide-thumb-active::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    height: 0.09rem;
    border: 0.02rem solid #FF3D2C;
    border-bottom: 0;
    box-sizing: border-box;
    top: 0rem;
  }
  .slide-page-6 #galleryThumbSwiper .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    height: 0.09rem;
    border: 0.02rem solid #FF3D2C;
    border-top: 0;
    box-sizing: border-box;
    bottom: 0rem;
  }
  .slide-page-6 #galleryMainSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .slide-page-6 #galleryMainSwiper .swiper-slide-active {
    padding: 0.05rem;
  }
  .slide-page-6 #galleryMainSwiper .swiper-slide-active::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    height: 0.09rem;
    border: 0.02rem solid #FF3D2C;
    border-bottom: 0;
    box-sizing: border-box;
    top: 0rem;
  }
  .slide-page-6 #galleryMainSwiper .swiper-slide-active::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    height: 0.09rem;
    border: 0.02rem solid #FF3D2C;
    border-top: 0;
    box-sizing: border-box;
    bottom: 0rem;
  }
  .slide-page-6 .item-title {
    position: absolute;
    left: 0.4rem;
    bottom: 0.5rem;
    width: 7.59rem;
    height: 1.01rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p6/item-title.png') center / contain no-repeat;
  }
  .slide-page-6 .gs-common-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.36rem;
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p6/bg2-1.jpg');
    background-position: center center;
  }
  .slide-page-6 .gs-common-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p6/bg-mask.png');
    background-size: cover;
    display: none;
  }
  .slide-page-6 .gs-common-box.gs-home-box::before {
    display: none;
  }
  .slide-page-6 .featureSwiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slide-page-6 .featureSwiper .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .featureSwiper .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .feature-slide-box {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .slide-page-6 .feature-slide-box > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .slide-page-6 .feature-slide-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5.08rem;
    background: linear-gradient(180deg, rgba(21, 26, 37, 0) 0.71%, rgba(21, 26, 37, 0.8) 37.72%);
    pointer-events: none;
  }
  .slide-page-6 .feature-intro {
    position: absolute;
    left: 0.8rem;
    bottom: 2.82rem;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
    width: 9.6rem;
  }
  .slide-page-6 .feature-intro-head {
    position: relative;
    width: 1.08rem;
    height: 1.22rem;
  }
  .slide-page-6 .feature-intro-icon {
    position: absolute;
    top: 0;
    left: 0.15rem;
    width: 0.26rem;
    height: 0.33rem;
    background-image: url("https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p6/icon-home.png");
    background-size: 100% 100%;
  }
  .slide-page-6 .feature-intro-num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'SimplonMono', monospace;
    font-size: 0.89rem;
    font-weight: 700;
    color: #FF3D2C;
    line-height: 0.75;
    text-align: center;
  }
  .slide-page-6 .feature-intro-content {
    padding-left: 0.57rem;
    position: relative;
  }
  .slide-page-6 .feature-intro-content::before {
    content: "";
    position: absolute;
    top: 0.14rem;
    left: 0.25rem;
    width: 0.05rem;
    height: calc(100% - 0.14rem - 0.05rem);
    background-color: #FF3D2C;
    z-index: 4;
  }
  .slide-page-6 .feature-intro-title {
    font-size: 0.5rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
    font-family: 'Noto Sans CJK SC', sans-serif;
  }
  .slide-page-6 .feature-intro-desc {
    font-size: 0.24rem;
    font-weight: 400;
    color: #B0BAC6;
    line-height: 1.5;
    max-width: 5.8rem;
  }
  .slide-page-6 .feature-cards {
    position: absolute;
    left: 0.8rem;
    bottom: 0.8rem;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 0.1rem;
  }
  .slide-page-6 .feature-card {
    width: calc((100vw - 1.6rem - 0.5rem) / 6);
    aspect-ratio: 286/166;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.04rem;
    transition: padding 0.3s;
  }
  .slide-page-6 .feature-card.active,
  .slide-page-6 .feature-card:hover {
    padding: 0;
  }
  .slide-page-6 .feature-card.active .feature-card-content,
  .slide-page-6 .feature-card:hover .feature-card-content {
    border-color: #FF3D2C;
  }
  .slide-page-6 .feature-card.active .feature-card-content .feature-card-gradient,
  .slide-page-6 .feature-card:hover .feature-card-content .feature-card-gradient {
    opacity: 1;
  }
  .slide-page-6 .feature-card.active .feature-card-content .feature-card-texture,
  .slide-page-6 .feature-card:hover .feature-card-content .feature-card-texture {
    opacity: 0;
  }
  .slide-page-6 .feature-card.active .feature-card-content .feature-card-bar,
  .slide-page-6 .feature-card:hover .feature-card-content .feature-card-bar {
    opacity: 1;
  }
  .slide-page-6 .feature-card-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 0.02rem solid rgba(254, 254, 254, 0.6);
    transition: width 0.3s linear, height 0.3s linear, border-color 0.3s linear;
    background-color: rgba(21, 26, 37, 0.8);
  }
  .slide-page-6 .feature-card-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: #FF3D2C;
    opacity: 0;
    transition: opacity 0.3s linear;
    pointer-events: none;
    z-index: 10;
  }
  .slide-page-6 .feature-card-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .slide-page-6 .feature-card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .slide-page-6 .feature-card-gradient {
    position: absolute;
    bottom: -0.02rem;
    left: 0;
    width: 100%;
    height: 1.44rem;
    background-image: url("https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p6/feature-mask.png");
    background-size: 100% 100%;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .slide-page-6 .feature-card-texture {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.94rem;
    background: linear-gradient(0deg, rgba(21, 26, 37, 0.7) 64.49%, rgba(21, 26, 37, 0) 99.39%);
    mix-blend-mode: overlay;
    z-index: 4;
    pointer-events: none;
  }
  .slide-page-6 .feature-card-name {
    position: absolute;
    bottom: 0.18rem;
    left: 0.17rem;
    font-size: 0.24rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    z-index: 5;
    font-family: 'Noto Sans CJK SC', sans-serif;
  }
  .slide-page-7 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-7 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-7 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 4.36rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p7/title-main.png') center / contain no-repeat;
  }
  .slide-page-7 .box .sub-title {
    top: -2.98rem;
    width: 4.73rem;
    height: 0.27rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p7/title-sub.png') center / contain no-repeat;
  }
  .slide-page-8 .bg {
    background-image: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p2/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slide-page-8 .box {
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
  }
  .slide-page-8 .box .title {
    margin-left: -0.03rem;
    margin-top: -3.7rem;
    width: 6.82rem;
    height: 0.52rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p8/title-main.png') center / contain no-repeat;
  }
  .pop_common {
    z-index: 9999;
    font-size: 0.2rem;
  }
  .pop_common .container {
    width: 5.2rem;
    height: 3.12rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_small.png') center / contain no-repeat;
  }
  .pop_common .container.middle {
    width: 7.2rem;
    height: 4.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_middle.png') center / contain no-repeat;
  }
  .pop_common .container.middle-bind {
    width: 9.56rem;
    height: 5.23rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_middle_bind.png') center / contain no-repeat;
  }
  .pop_common .btn_close {
    z-index: 999;
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    width: 0.22rem;
    height: 0.19rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_1x.png') center / contain no-repeat;
  }
  .pop_common .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .pop_common .pop_btn {
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn.png') center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popBindSuccess .icon {
    top: 0.5rem;
    width: 0.72rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_ok.png') center / contain no-repeat;
  }
  .popBindSuccess .pop_btn {
    bottom: 0.5rem;
  }
  .popShowWechatQr .title {
    top: 0.21rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowWechatQr .icon {
    top: 0.69rem;
    width: 1.88rem;
    height: 2.26rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/wechat_qr.png') center / contain no-repeat;
    max-width: 2rem;
    max-height: 2rem;
  }
  .popShowBiliQr .title {
    top: 0.21rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowBiliQr .icon {
    top: 0.69rem;
    width: 2.48rem;
    height: 2.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/ewm-bz.png') center / contain no-repeat;
    max-width: 2rem;
    max-height: 2rem;
  }
  .popShowDouyinQr .title {
    top: 0.21rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowDouyinQr .icon {
    top: 0.69rem;
    width: 7.69rem;
    height: 7.95rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/ewm-dy.webp') center / contain no-repeat;
    max-width: 2rem;
    max-height: 2rem;
  }
  .popShowGuns .container {
    width: 11.1rem;
    height: 4.8rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_guns.png') center / contain no-repeat;
  }
  .popShowGuns .title {
    top: 0.15rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowGuns .intro {
    bottom: 0.12rem;
    font-size: 0.2rem;
    color: #B0BAC6;
  }
  /* 自定义下拉列表 */
  .custom-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.04rem;
    background: #191b22;
    /* 列表背景色 */
    border: 0.01rem solid #333;
    border-radius: 0.04rem;
    list-style: none;
    padding: 0.04rem 0;
    max-height: 2.7rem;
    overflow-y: auto;
    display: none;
    z-index: 100;
    box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.5);
    width: 100%;
  }
  .custom-select-options::-webkit-scrollbar {
    width: 0.04rem;
    height: 0.04rem;
    background-color: rgba(51, 54, 59, 0.901);
  }
  .custom-select-options::-webkit-scrollbar-thumb {
    background-color: #8a8d92;
  }
  /* 选项样式 */
  .custom-select-options li {
    padding: 0.06rem 0.12rem;
    cursor: pointer;
    color: #a5a5a5;
    /* 候选项字体颜色 */
    transition: background 0.15s;
    width: 100%;
  }
  /* 悬停效果 */
  .custom-select-options li:hover {
    background: #0e1015;
    /* hover 背景色 */
  }
  /* 选中项（可根据喜好调整，此处保留清晰标识） */
  .custom-select-options li.selected {
    background: #2a2d36;
    color: #ffffff;
    font-weight: bold;
  }
  .custom-select-wrap {
    width: 100%;
  }
  .pull-select {
    width: 100%;
  }
  .popQuestion .container {
    width: 9.56rem;
    height: 5.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_questions.png') center / contain no-repeat;
  }
  .popQuestion .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .popQuestion .title {
    top: 0.35rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popQuestion .btns {
    bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.1rem;
  }
  .popQuestion .questions {
    width: 7rem;
    top: 0.8rem;
  }
  .popQuestion .questions .question-box .bar-track {
    position: absolute;
    width: 106%;
    height: 0.02rem;
    background-color: #234;
    top: -0.4rem;
    margin-left: -0.6rem;
  }
  .popQuestion .questions .question-box .bar-track .bar-fill {
    height: 100%;
    background: #FF3D2C;
    transition: width 0.4s ease;
  }
  .popQuestion .questions .question-box .bar-track span {
    position: absolute;
    margin-right: -0.4rem;
    right: 0rem;
    font-size: 0.14rem;
    top: -0.05rem;
  }
  .popQuestion .questions .question-box .question .extra {
    font-size: 0.17rem;
    color: #63646a;
    margin-top: 0.1rem;
  }
  .popQuestion .questions .question-box .question h3 {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    line-height: 1.2;
    margin-left: -0.6rem;
  }
  .popQuestion .questions .question-box .question h3 .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.36rem;
    height: 0.36rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-num.png') center / contain no-repeat;
    margin-right: 0.2rem;
    color: #0C0F16;
  }
  .popQuestion .questions .question-box .question .options {
    padding-top: 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    /* 指定行数（决定每列放几个） 如果有9个元素，每列放3个，所以写 repeat(3, 1fr) */
    grid-template-rows: repeat(7, 0.4rem);
    place-items: flex-start;
    gap: 0.1rem;
    /* 隐藏原生 checkbox */
    /* 自定义 checkbox */
    /* 已选中状态 */
    /* 输入框不要挤压 */
    /* 整个选项可点击 */
  }
  .popQuestion .questions .question-box .question .options.height-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 0.4rem);
  }
  .popQuestion .questions .question-box .question .options.height-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 0.8rem);
  }
  .popQuestion .questions .question-box .question .options .option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    position: relative;
    cursor: pointer;
    width: 100%;
    /* 适配禁用状态 */
  }
  .popQuestion .questions .question-box .question .options .option .text {
    font-size: 0.18rem;
    color: #a5a5a5;
  }
  .popQuestion .questions .question-box .question .options .option input,
  .popQuestion .questions .question-box .question .options .option select {
    background: transparent;
    color: #a5a5a5;
    font-size: 0.15rem;
    outline: none;
    border: 0.01rem solid #a5a5a5;
    padding: 0.1rem 0.2rem;
    width: 100%;
  }
  .popQuestion .questions .question-box .question .options .option input {
    border-top: none;
    border-left: none;
    border-right: none;
    color: #a5a5a5;
  }
  .popQuestion .questions .question-box .question .options .option select {
    /* 1. 移除原生箭头和背景 */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* 3. 核心：使用内联SVG绘制自定义箭头 (向下三角) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.12rem center;
    background-size: 0.16rem;
    cursor: pointer;
  }
  .popQuestion .questions .question-box .question .options .option select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .popQuestion .questions .question-box .question .options .option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
  }
  .popQuestion .questions .question-box .question .options .option .text::before {
    content: '';
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-unchecked.png') center / contain no-repeat;
    transition: all 0.2s;
    flex-shrink: 0;
  }
  .popQuestion .questions .question-box .question .options .option.checked .text::before {
    width: 0.17rem;
    height: 0.17rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/questions-checked.png') center / contain no-repeat;
  }
  .popQuestion .questions .question-box .question .options .option .option-text {
    flex: 1;
  }
  .popQuestion .questions .question-box .question .options .option .text {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .popQuestion .questions .question-box .question[data-type="fill"] .options,
  .popQuestion .questions .question-box .question[data-type="pull"] .options {
    padding-top: 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(1, 0.4rem);
  }
  .popQuestion .questions .question-box .question[data-type="fill"] h3 span.note,
  .popQuestion .questions .question-box .question[data-type="pull"] h3 span.note,
  .popQuestion .questions .question-box .question[data-type="select"] h3 span.note {
    display: none;
  }
  .popQuestionPre .container {
    width: 9.56rem;
    height: 5.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_questions.png') center / contain no-repeat;
  }
  .popQuestionPre .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .popQuestionPre .title {
    top: 0.35rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popQuestionPre .btn {
    bottom: 0.3rem;
  }
  .popQuestionPre .questions {
    width: 7rem;
  }
  .popQuestionPre .questions .pop-title {
    margin-top: 0.2rem;
    font-size: 0.2rem;
    text-align: center;
    font-weight: bold;
    line-height: 0.32rem;
    color: #B0BAC6;
  }
  .popQuestionPre .questions .large .pop-title {
    font-size: 0.24rem;
  }
  .popQuestionPre .questions .pop-info {
    margin-top: 0.36rem;
    padding: 0 0.4rem;
  }
  .popQuestionPre .questions .pop-info-text {
    font-size: 0.16rem;
    color: #D0DAE6;
    line-height: 0.24rem;
    margin-bottom: 0.12rem;
  }
  .popQuestionPre .questions .pop-info-text.important {
    color: #F14B37;
  }
  .popQuestionPre .questions .pop-checkbox {
    margin-top: 0.5rem;
    cursor: pointer;
  }
  .popQuestionPre .questions .pop-checkbox {
    display: flex;
    align-items: center;
    gap: 0.12rem;
  }
  .popQuestionPre .questions .pop-checkbox-icon {
    flex-shrink: 0;
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-no.png') center / contain no-repeat;
    transition: background-image 0.3s;
  }
  .popQuestionPre .questions .pop-checkbox-icon.checked {
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-yes.png') center / contain no-repeat;
  }
  .popQuestionPre .questions .pop-checkbox-text {
    font-size: 0.16rem;
    color: #D0DAE6;
    opacity: 0.8;
    flex: 1;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popQuestionPre .questions .pop-checkbox-text div {
    line-height: 1.2;
  }
  .invitedPop .title {
    font-size: 0.22rem;
    top: 0.5rem;
    color: #B0BAC6;
    font-weight: bold;
    width: 80%;
    text-align: center;
  }
  .invitedPop .pop_btn {
    bottom: 0.35rem;
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_red.png') center / contain no-repeat;
  }
  .invitedPop .intro {
    font-size: 0.18rem;
    line-height: 1.4;
    color: #91969d;
    width: 80%;
    text-align: center;
  }
  .popAddr .container {
    width: 5.2rem;
    height: 5.35rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_addr.png') center / contain no-repeat;
  }
  .popAddr .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popAddr .container {
    position: relative;
  }
  .popAddr .container .btns {
    bottom: 0.3rem;
    display: flex;
    gap: 0.1rem;
  }
  .popAddr .container .btns .confirm {
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_red.png') center / contain no-repeat;
  }
  .popAddr .container .btns .cancel {
    width: 2rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_btn_addr_grey.png') center / contain no-repeat;
  }
  .popAddr .container .content {
    width: 100%;
    margin-top: -1rem;
    margin-top: -0.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: hidden;
    overflow-x: hidden;
    /* 去掉 number 输入框的上下箭头 */
    /* 下拉选项容器 */
  }
  .popAddr .container .content .pop-form {
    margin-top: 0.4rem;
    padding: 0 0.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow: visible;
  }
  .popAddr .container .content .form-item {
    display: flex;
    gap: 0.12rem;
  }
  .popAddr .container .content .form-item-cont {
    flex: 1;
  }
  .popAddr .container .content .form-item-cont.name {
    width: 1.42rem;
    flex: none;
  }
  .popAddr .container .content .form-item-label {
    color: #B0BAC6;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
  .popAddr .container .content .form-item-input {
    margin-top: 0.12rem;
    width: 100%;
    height: 0.48rem;
    border: 0.01rem solid #616870;
    background: #15181D;
    position: relative;
    text-align: center;
    padding-right: 0.3rem;
  }
  .popAddr .container .content .id25 {
    overflow-x: hidden;
  }
  .popAddr .container .content .form-item-input input,
  .popAddr .container .content .form-item-input select {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0 0.14rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #CEDAE6;
    transition: border-color 0.3s ease-in-out;
  }
  .popAddr .container .content .form-item-input input::-webkit-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::-moz-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::-ms-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input::placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input input[type="number"]::-webkit-outer-spin-button,
  .popAddr .container .content .form-item-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .popAddr .container .content .form-item-input input[type="number"] {
    -moz-appearance: textfield;
  }
  .popAddr .container .content .form-item-tips {
    position: absolute;
    bottom: -0.04rem;
    right: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
    font-size: 0.13rem;
    color: #FF3D2C;
    line-height: 0.2rem;
  }
  .popAddr .container .content .form-item-cont.error .form-item-input {
    border-color: #F14B37;
  }
  .popAddr .container .content .form-item-select {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    padding: 0 0.08rem 0 0.14rem;
    cursor: pointer;
  }
  .popAddr .container .content .form-item-select-placeholder {
    font-size: 0.16rem;
    color: rgba(176, 186, 198, 0.5);
    font-weight: bold;
  }
  .popAddr .container .content .form-item-select-value {
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff;
  }
  .popAddr .container .content .form-item-select-arrow {
    width: 0.32rem;
    height: 0.32rem;
    background-image: url('https://game.gtimg.cn/images/r6/cp/R62026410activity/r6/icon-arrow1.png');
    background-size: 100% 100%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .popAddr .container .content .form-item-select.active .form-item-select-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .popAddr .container .content .form-item-option {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: -0.01rem;
    width: calc(100% + 0.02rem);
    border: 0.01rem solid rgba(179, 186, 197, 0.5);
    background: #15181D;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  .popAddr .container .content .form-item-option-head {
    display: flex;
    color: #B0BAC6;
    font-size: 0.14rem;
    font-weight: bold;
    height: 0.36rem;
    align-items: center;
  }
  .popAddr .container .content .option-head-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-bottom: 0.01rem solid rgba(179, 186, 197, 0.3);
  }
  .popAddr .container .content .option-head-title.active {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .popAddr .container .content .option-list {
    height: 2.06rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .popAddr .container .content .option-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .popAddr .container .content .option-item {
    font-size: 0.14rem !important;
    color: #B0BAC6 !important;
    height: 0.36rem !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* padding-left: 0.5rem; */
  }
  .popAddr .container .content #milo-province,
  .popAddr .container .content #milo-city,
  .popAddr .container .content #milo-region {
    font-size: 0.14rem !important;
    color: #B0BAC6 !important;
  }
  .popAddr .container .content .option-item:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .popAddr .container .content .option-item.active {
    color: #FF3D2C;
  }
  .popAddr .container .content .form-item-input.textarea {
    height: 0.86rem;
  }
  .popAddr .container .content .form-item-input textarea {
    width: 100%;
    height: 0.86rem;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0.04rem 0.14rem;
    resize: none;
    font-size: 0.16rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.36rem;
    box-sizing: border-box;
    font-family: "font18030";
  }
  .popAddr .container .content .form-item-input textarea::-webkit-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::-moz-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::-ms-input-placeholder {
    color: #3C4048;
  }
  .popAddr .container .content .form-item-input textarea::placeholder {
    color: #3C4048;
  }
  .popRule .container {
    width: 9.24rem;
    height: 6.65rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_big.png') center / contain no-repeat;
  }
  .popRule .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popRule .container {
    position: relative;
  }
  .popRule .container .content {
    width: 100%;
    margin-top: 0.35rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 5.68rem;
  }
  .popRule .container .content .pop-rules-list {
    margin: 0 0.2rem 0 0.44rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 5.68rem;
  }
  .popRule .container .content .pop-rules-list::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(254, 254, 254, 0.1);
  }
  .popRule .container .content .pop-rules-list::-webkit-scrollbar-thumb {
    background-color: rgba(254, 254, 254, 0.5);
  }
  .popRule .container .content .pop-rules-item {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
  }
  .popRule .container .content .pop-rules-title {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    font-weight: bold;
    line-height: 0.24rem;
  }
  .popRule .container .content .pop-rules-text {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    line-height: 0.24rem;
    display: flex;
  }
  .popRule .container .content .pop-rules-text span {
    font-weight: bold;
  }
  .popRule .container .content .pop-rules-text .pop-rules-tips {
    opacity: 0.6 !important;
  }
  .popRule .container .content .pop-rules-table,
  .popRule .container .content .pop-rules-table-body {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popRule .container .content .table-tr {
    display: flex;
    gap: 0.04rem;
  }
  .popRule .container .content .table-td,
  .popRule .container .content .table-th {
    flex: 1;
    text-align: center;
    padding: 0 0.1rem;
    height: 0.44rem;
    line-height: 0.44rem;
  }
  .popRule .container .content .table-th {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(208, 218, 230, 0.8);
    font-size: 0.16rem;
  }
  .popRule .container .content .table-td {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(208, 218, 230, 0.8);
    font-size: 0.16rem;
  }
  .popGiftRecord .container {
    width: 9.24rem;
    height: 6.65rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/bg_big.png') center / contain no-repeat;
  }
  .popGiftRecord .title {
    top: 0.2rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popGiftRecord .container {
    position: relative;
  }
  .popGiftRecord .container .content {
    width: 100%;
    margin-top: 0.35rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 5.68rem;
  }
  .popGiftRecord .container .content .pop-record-list {
    margin: 0 0.2rem 0 0.44rem;
    padding-right: 0.09rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 5.68rem;
    gap: 0.04rem;
  }
  .popGiftRecord .container .content .pop-record-list::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(254, 254, 254, 0.1);
  }
  .popGiftRecord .container .content .pop-record-list::-webkit-scrollbar-thumb {
    background-color: rgba(254, 254, 254, 0.5);
  }
  .popGiftRecord .container .content .pop-record-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.24rem;
    background: rgba(0, 0, 0, 0.5);
    min-height: 0.44rem;
  }
  .popGiftRecord .container .content .pop-record-head .record-col {
    font-size: 0.16rem;
    color: rgba(208, 218, 230, 0.8);
  }
  .popGiftRecord .container .content .pop-record-body {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
  }
  .popGiftRecord .container .content .pop-record-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.64rem;
    padding: 0 0.24rem;
    background: rgba(0, 0, 0, 0.2);
  }
  .popGiftRecord .container .content .pop-record-item .col-prize {
    display: flex;
    align-items: center;
    gap: 0.24rem;
    flex: 1;
  }
  .popGiftRecord .container .content .pop-record-item .col-time {
    font-size: 0.18rem;
    color: rgba(208, 218, 230, 0.8);
    white-space: nowrap;
  }
  .popGiftRecord .container .content .record-prize-img {
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-width: 0.64rem;
    max-height: 0.44rem;
  }
  .popGiftRecord .container .content .record-prize-img.gift1 {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift2 {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift3 {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift4 {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift5 {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift6 {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift7 {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift8 {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-img.gift9 {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .popGiftRecord .container .content .record-prize-info {
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
    position: relative;
  }
  .popGiftRecord .container .content .record-prize-name {
    font-size: 0.2rem;
    color: rgba(208, 218, 230, 0.8);
    line-height: 0.24rem;
  }
  .popGiftRecord .container .content .record-prize-code {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: rgba(208, 218, 230, 0.8);
  }
  .popGiftRecord .container .content .record-prize-code input {
    outline: none;
    background: transparent;
    border: none;
    color: rgba(208, 218, 230, 0.8);
  }
  .popGiftRecord .container .content .btn-copy {
    position: absolute;
    top: 50%;
    right: -0.24rem;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    width: 1.18rem;
    height: 0.46rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/btn_copy.png') center / contain no-repeat;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.19rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    cursor: pointer;
    opacity: 0.6;
  }
  .popBindQQ .title,
  .popShareLink .title,
  .popInviteFriends .title {
    top: 0.21rem;
    font-size: 0.24rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popBindQQ .intro,
  .popShareLink .intro,
  .popInviteFriends .intro {
    top: 1.1rem;
    font-size: 0.18rem;
    color: #B0BAC6;
  }
  .popBindQQ input,
  .popShareLink input,
  .popInviteFriends input {
    top: 1.5rem;
    width: 4.6rem;
    height: 0.48rem;
    padding: 0.04rem 0.14rem;
    background: #0C0F16;
    border: 0.01rem solid #B0BAC6;
    outline: none;
    color: #CEDAE6;
    font-size: 0.16rem;
  }
  .popBindQQ .pop_btn,
  .popShareLink .pop_btn,
  .popInviteFriends .pop_btn {
    bottom: 0.3rem;
  }
  .popShowGift .title,
  .popNoGift .title {
    top: 0.2rem;
    font-size: 0.2rem;
    color: #B0BAC6;
    font-weight: bold;
  }
  .popShowGift .extra,
  .popNoGift .extra {
    top: 0.78rem;
    font-size: 0.2rem;
    color: #F14B37;
  }
  .popShowGift .gifts,
  .popNoGift .gifts {
    margin-top: -0.25rem;
    display: flex;
    gap: 0.8rem;
  }
  .popShowGift .gifts .gift,
  .popNoGift .gifts .gift {
    background-color: #000000;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
  }
  .popShowGift .gifts .gift::before,
  .popNoGift .gifts .gift::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .popShowGift .gifts .gift::after,
  .popNoGift .gifts .gift::after {
    content: '';
    width: 100%;
    text-align: center;
    font-size: 0.18rem;
    color: #B0BAC6;
    position: absolute;
    bottom: -0.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .popShowGift .gifts .gift.gift1::before,
  .popNoGift .gifts .gift.gift1::before {
    width: 1.06rem;
    height: 0.69rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift1.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift1::after,
  .popNoGift .gifts .gift.gift1::after {
    content: '华硕5080显卡';
  }
  .popShowGift .gifts .gift.gift2::before,
  .popNoGift .gifts .gift.gift2::before {
    width: 0.75rem;
    height: 1.05rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift2.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift2::after,
  .popNoGift .gifts .gift.gift2::after {
    content: '索尼PS5';
  }
  .popShowGift .gifts .gift.gift3::before,
  .popNoGift .gifts .gift.gift3::before {
    width: 0.91rem;
    height: 0.48rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift3.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift3::after,
  .popNoGift .gifts .gift.gift3::after {
    content: '888Q币';
  }
  .popShowGift .gifts .gift.gift4::before,
  .popNoGift .gifts .gift.gift4::before {
    width: 1.12rem;
    height: 0.72rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift4.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift4::after,
  .popNoGift .gifts .gift.gift4::after {
    content: '雷蛇V3键盘';
  }
  .popShowGift .gifts .gift.gift5::before,
  .popNoGift .gifts .gift.gift5::before {
    width: 1.03rem;
    height: 0.82rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift5.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift5::after,
  .popNoGift .gifts .gift.gift5::after {
    content: '200元京东卡';
    width: 70%;
    bottom: -0.4rem;
  }
  .popShowGift .gifts .gift.gift6::before,
  .popNoGift .gifts .gift.gift6::before {
    width: 1.06rem;
    height: 0.84rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift6.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift6::after,
  .popNoGift .gifts .gift.gift6::after {
    content: '100元京东卡';
  }
  .popShowGift .gifts .gift.gift7::before,
  .popNoGift .gifts .gift.gift7::before {
    width: 0.65rem;
    height: 0.41rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift7.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift7::after,
  .popNoGift .gifts .gift.gift7::after {
    content: '5QB';
  }
  .popShowGift .gifts .gift.gift8::before,
  .popNoGift .gifts .gift.gift8::before {
    width: 0.49rem;
    height: 0.51rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift8.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift8::after,
  .popNoGift .gifts .gift.gift8::after {
    content: '1QB';
  }
  .popShowGift .gifts .gift.gift9::before,
  .popNoGift .gifts .gift.gift9::before {
    width: 1.16rem;
    height: 0.29rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/p4/gifts/gift9.png') center / contain no-repeat;
  }
  .popShowGift .gifts .gift.gift9::after,
  .popNoGift .gifts .gift.gift9::after {
    content: '谢谢参与';
  }
  .popShowGift .pop_btn,
  .popNoGift .pop_btn {
    bottom: 0.3rem;
  }
  .popBindPhone .right {
    position: absolute;
    top: -2.4rem;
    right: -4.2rem;
    width: 4.9rem;
  }
  .popBindPhone .right .mini-title {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.1rem 0;
    margin-bottom: 0.3rem;
    width: 3rem;
  }
  .popBindPhone .right .checks {
    position: relative;
  }
  .popBindPhone .right .checks .check {
    display: block;
    position: absolute;
    left: 0;
    top: -0.03rem;
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-no.png') center / contain no-repeat;
  }
  .popBindPhone .right .checks .check.yes {
    width: 0.32rem;
    height: 0.28rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/checked-yes.png') center / contain no-repeat;
  }
  .popBindPhone .right .lines {
    display: flex;
    flex-direction: column;
  }
  .popBindPhone .right .lines .line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0;
    height: 0.45rem;
  }
  .popBindPhone .right .lines .line .k {
    min-width: 0.8rem;
  }
  .popBindPhone .right .lines .line .v {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.1rem;
    width: 100%;
  }
  .popBindPhone .right .lines .line .v input {
    flex-shrink: 1;
    background-color: #15181d;
    border: 0.01rem solid #55585f;
    color: #55585f;
    outline: none;
    padding: 0.1rem;
    width: 100%;
    height: 0.4rem;
    font-size: 0.2rem;
  }
  .popBindPhone .right .lines .line #btnGetPhoneCode {
    flex-shrink: 0;
    background-color: #15181d;
    border: 0.01rem solid #55585f;
    color: #ffffff;
    outline: none;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem;
  }
  .popBindPhone .right .agree-checkbox {
    margin-top: 0.2rem;
  }
  .popBindPhone .right .agree-checkbox .check-text {
    color: #acaeba;
    font-size: 0.17rem;
    line-height: 1.1;
    margin: 0.1rem 0;
    margin-left: 0.45rem;
  }
  .popBindPhone .right .agree-text {
    margin-top: 0.2rem;
    color: #a0a9b5;
    font-size: 0.13rem;
    line-height: 1.7;
    text-align: justify;
  }
  .popBindPhone .pop_btn {
    bottom: 0.3rem;
    margin-left: 2rem;
  }
  .unbind-pop .btn_close_v2 {
    z-index: 999;
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.28rem;
    height: 0.24rem;
    background: url('https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/icon_close_v2_1x.png') center / contain no-repeat;
  }
  .unbind-pop .pop-tit {
    font-family: "sourcb";
    font-size: 0.46rem;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    padding-top: 0.62rem;
  }
  @supports (-webkit-background-clip: text) {
    .unbind-pop .pop-tit {
      color: transparent;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-color: #fff;
      background-image: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/pop-tit-wl.png);
    }
  }
  .unbind-pop .container {
    margin-top: -1rem;
    width: 11.4rem;
    min-height: 6.25rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/pop-bg2.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
    padding-bottom: 0.7rem;
    box-sizing: border-box;
  }
  .unbind-pop .unbind-con {
    margin-top: 0.46rem;
  }
  .unbind-pop .ipt-item {
    position: relative;
    width: 7.9rem;
    margin: 0 auto 0;
  }
  .unbind-pop .ipt-item:nth-child(1) {
    margin-bottom: 0.28rem;
  }
  .unbind-pop .ipt-item input {
    width: 100%;
    height: 0.89rem;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0.01rem solid rgba(255, 0, 0, 0.3);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 0.3rem;
    color: #fff;
    text-indent: 0.1rem;
    padding-right: 0.1rem;
  }
  .unbind-pop .ipt-item input::-webkit-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::-moz-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input:-ms-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::-ms-input-placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input::placeholder {
    color: #b0bac6;
    opacity: 0.4;
  }
  .unbind-pop .ipt-item input.vcode {
    width: 4.99rem;
  }
  .unbind-pop .ipt-item .error-text {
    display: block;
    width: 100%;
    font-size: 0.2rem;
    color: #ff0000;
    line-height: 1;
    text-align: right;
    margin-top: 0.05rem;
  }
  .unbind-pop .get-vcode {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.93rem;
    height: 0.89rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/get-vcode-bg1.webp) no-repeat;
    background-size: 100% 100%;
    font-family: "Microsoft YaHei";
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.89rem;
    font-weight: 400;
  }
  .unbind-pop .get-vcode.gray {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .unbind-pop .summit-btn {
    display: block;
    width: 3.08rem;
    height: 0.85rem;
    background: url(https://game.gtimg.cn/images/r6/cp/a20260622bookact/pc/pop/pop-unbind/pop-btn1.webp) no-repeat;
    background-size: 100% 100%;
    margin: 0.25rem auto 0;
    font-family: "sourcb";
    font-size: 0.43rem;
    color: #ffffff;
    text-align: center;
    line-height: 2;
  }
  .unbind-pop .agreement-info {
    width: 7.9rem;
    font-size: 0.18rem;
    color: #91969d;
    line-height: 1.55;
    text-align: justify;
    margin: 0.1rem auto;
  }
  .debug_pop {
    display: flex;
    position: fixed;
    width: 7.5rem;
    z-index: 10000;
    flex-wrap: wrap;
    gap: 0.1rem;
    padding: 0.1rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
  }
  .debug_pop div {
    font-size: 0.21rem;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.05rem 0.1rem;
    border: 0.01rem solid red;
  }
}