@charset "UTF-8";.ui-video{
  width: 100%;
  height: 100%;
video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}.audio-button {
  width: 0.48rem;
  height: 0.48rem;
  position: relative;
  cursor: pointer;
}
.audio-button::before, .audio-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
}
.audio-button::before {
  background: url(https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-voice-button.png) center no-repeat;
  background-size: 100% 100%;
}
.audio-button::after {
  background: url(https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-voice-button-cur.png) center no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}
.audio-button:hover::before {
  opacity: 0;
}
.audio-button:hover::after {
  opacity: 1;
}@font-face {
  font-family: StoreHYXuanSong;
  src: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/HYXuanSong.CMRM9iCS.woff2) format("woff2");
}
@font-face {
  font-family: StoreFZFWZhuZi;
  src: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/FZFWZhuZi.mGaOJ-FV.woff2) format("woff2");
}
@font-face {
  font-family: StoreFOldMing;
  src: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/f-old-ming.SgUzHIq7.woff2) format("woff2");
}
:root {
  --store-font-size-xxs: 0.12rem;
  --store-font-size-xs: 0.13rem;
  --store-font-size-s: 0.14rem;
  --store-font-size-base: 0.16rem;
  --store-font-size-ms: 0.18rem;
  --store-font-size-m: 0.2rem;
  --store-font-size-l: 0.22rem;
  --store-font-size-xl: 0.24rem;
  --store-font-size-xxl: 0.28rem;
  --store-font-size-large: 0.3rem;
  --store-font-size-xxxl: 0.32rem;
  --store-font-size-xxxxl: 0.36rem;
  --store-font-size-xxxxxl: 0.48rem;
  --store-font-size-special: 0.15rem;
  --store-font-size-special-2: 0.26rem;
  --font-family-ui: 'system-ui,"PingFang SC", "Open Sans", "calibri", "Roboto", verdana, "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif';
  --container-width: 12rem;
  --font-family-base: "STZhongsong", "STSong  ", "NSimSun", "SimSun";
  --font-family-btn: "StoreHYXuanSong", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --font-family-special: "StoreFZFWZhuZi", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --font-family-old-ming: "StoreFOldMing", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --color-font-10: #d96a3b;
  --color-font-2: #f1e4c2;
  --color-font-17: #ffe77b;
  --color-price-normal: linear-gradient(
    to bottom,
    #fef3c6 30%,
    #fecb89 51%,
    #fff7cb 57%
  );
}

.section-store {
  width: 100%;
  height: 100%;
  position: relative;
}
.section-store .section-store-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.section-store .section-store-content {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.section-store .gift-list {
  position: absolute;
  width: 70vw;
  aspect-ratio: 16/10;
  min-height: 60vh;
  top: 0.2rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.section-store .section-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/bg-gift.bOLAt9Gd.avif) center no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}
.section-store .section-bg:after {
  height: 1.08rem;
  background: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/border-video-bottom.CtOkxltS.avif) center no-repeat;
  background-size: cover;
}
.section-store .gift-item {
  position: absolute;
  width: 3.52rem;
  height: 3.16rem;
  cursor: pointer;
}
.section-store .gift-item::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/gift-select-bg.C9XlcKwn.avif) center no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease 0.05s;
}
.section-store .gift-item:hover::before {
  opacity: 0.5;
}
.section-store .gift-item.gift-1 {
  left: calc(50% - 1.5rem);
  top: calc(50% + 0.5rem);
}
.section-store .gift-item.gift-2 {
  left: calc(50% + 4.5rem);
  top: calc(50% + 0.5rem);
}
.section-store .gift-item.gift-3 {
  left: calc(50% + 1.25rem);
  top: calc(50% - 1rem);
}
.section-store .gift-item.gift-4 {
  left: calc(50% - 4.8rem);
  top: calc(50% - 1rem);
}
.section-store .gift-item.gift-5 {
  left: calc(50% - 8rem);
  top: calc(50% + 0.5rem);
}
.section-store .gift-item.gift-6 {
  left: calc(50% - 1.7rem);
  top: 0;
}
.section-store .gift-inner {
  width: 4rem;
  height: 0.82rem;
  position: absolute;
  left: calc(50% - 2rem);
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-family: var(--font-family-btn);
}
.section-store .gift-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/gift-text-bg.D_07zg0Z.avif) center no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}
.section-store .gift-inner-label {
  font-size: var(--store-font-size-m);
  color: var(--color-font-10);
  margin-top: 0.05rem;
  font-family: var(--font-family-old-ming);
}
.section-store .gift-inner-label-light {
  color: var(--color-font-17);
}
.section-store .gift-inner-title {
  font-size: var(--store-font-size-xl);
  color: var(--color-font-2);
  font-family: var(--font-family-old-ming);
  position: relative;
  padding: 0.02rem 0 0.05rem;
}
.section-store .gift-inner-title:before,
.section-store .gift-inner-title:after {
  content: "";
  position: absolute;
  width: 0.28rem;
  height: 0.16rem;
  background: url(data:image/avif;base64,AAAAHGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZgAAAYRtZXRhAAAAAAAAACFoZGxyAAAAAAAAAABwaWN0AAAAAAAAAAAAAAAAAAAAAA5waXRtAAAAAAABAAAANGlsb2MAAAAAREAAAgACAAAAAAGoAAEAAAAAAAAAcQABAAAAAAIZAAEAAAAAAAAAmAAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAAAAAIAAGF2MDEAAAAAw2lwcnAAAACdaXBjbwAAABNjb2xybmNseAABAA0ABoAAAAAMYXYxQ4EAHAAAAAAUaXNwZQAAAAAAAAAcAAAAEAAAAA5waXhpAAAAAAEIAAAAOGF1eEMAAAAAdXJuOm1wZWc6bXBlZ0I6Y2ljcDpzeXN0ZW1zOmF1eGlsaWFyeTphbHBoYQAAAAAMYXYxQ4EgAgAAAAAQcGl4aQAAAAADCAgIAAAAHmlwbWEAAAAAAAAAAgABBAGGAwcAAgSCAwSFAAAAGmlyZWYAAAAAAAAADmF1eGwAAgABAAEAAAERbWRhdBIACgUYEPfsKjJmE0AIIUDx01EesQM4e372xtcgPgJ9PDfm5PTbYguiV0gFW3SB2ozlEcF3T4GlmJtV4OWferj8sVmjKTnIVkZXZYYFF1J8vuXVrzKADbyzs9q+4dpyfrQLe95VbnGdIfkTnFtzyUCgEgAKCDgQ9+wgIaDSMokBE0ACCDAFAPCP/LR3JywwMyIkBgbux1KD1IaHCR4q6LbLtDiUHOrRywo1Hx4S67udWESTEL1jJznfoYXN8akIfseLBUNGOzQNIQjdGibdbKxduH791QVapaCjG6ChkhErc+4FtSmJj/w9heLmmZmEC2cAbbzmAVGoO48iXH+UjPuFthy3EPGgEHY=) center no-repeat;
  background-size: 100%;
  top: calc(50% - 0.1rem);
}
.section-store .gift-inner-title:before {
  left: -0.35rem;
}
.section-store .gift-inner-title:after {
  right: -0.35rem;
  transform: rotate(180deg);
}
.section-store .gift-inner-price {
  font-size: var(--store-font-size-xl);
  color: transparent;
  background: var(--color-price-normal);
  -webkit-background-clip: text;
  background-clip: text;
  -wekbit-background-clip: text;
  margin-top: -0.05rem;
}
.section-store .gift-inner-label,
.section-store .gift-inner-price {
  position: relative;
}
.section-store .gift-inner-label:before,
.section-store .gift-inner-price:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.section-store .gift-logo {
  position: absolute;
  width: 3.45rem;
  height: 2.21rem;
  left: calc(50% - 1.72rem);
  top: 0.2rem;
  background: url(//wegame.gtimg.com/g.55555-r.c4663/poe2/assets/logo.BTO3cqYv.avif) center no-repeat;
  background-size: contain;
  z-index: 2;
}

.gift-select {
  width: 4.8rem;
  height: 5rem;
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  margin: 0 0 0 -2.4rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-6.avif) center no-repeat;
  background-size: 100% 100%;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s linear, transform 0.2s ease;
  transform: translate3d(0, 0.4rem, 0);
}
.gift-select::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-6.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-item:hover .gift-select {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
  transform: translate3d(0, 0, 0);
}

.gift-item-icon {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  top: 2rem;
  z-index: 200;
}
.gift-item-icon:hover .popup-content {
  opacity: 1;
}

.popup-content {
  position: absolute;
  width: 3.6rem;
  aspect-ratio: 440/204;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-tips-6.avif) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, -100%, 0);
  opacity: 0;
}

.gift-4 .popup-content,
.gift-3 .popup-content,
.gift-2 .popup-content,
.gift-1 .popup-content {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-tips-4.avif) center no-repeat;
  background-size: 100% 100%;
}

.gift-6 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 2.9rem;
  margin-left: 0.4rem;
}
.gift-6 .gift-select {
  position: absolute;
  bottom: auto;
  top: 2rem;
  left: 50%;
  margin: 0 0 0 -2.4rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-6.avif) center no-repeat;
  background-size: 100% 100%;
  transform: translate3d(0, -0.4rem, 0);
}
.gift-6 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-6.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-5 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  margin-left: 0.45rem;
}
.gift-5 .gift-select {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-5.avif) center no-repeat;
  background-size: 100% 100%;
}
.gift-5 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-5.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-4 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  margin-left: 0.45rem;
}
.gift-4 .gift-select {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-4.avif) center no-repeat;
  background-size: 100% 100%;
}
.gift-4 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-4.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-3 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  margin-left: 0.45rem;
}
.gift-3 .gift-select {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-3.avif) center no-repeat;
  background-size: 100% 100%;
}
.gift-3 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-3.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-2 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  margin-left: 0.45rem;
}
.gift-2 .gift-select {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-2.avif) center no-repeat;
  background-size: 100% 100%;
}
.gift-2 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-2.svg) center no-repeat;
  background-size: 100% 100%;
}

.gift-1 .gift-item-icon {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  margin-left: -0.35rem;
}
.gift-1 .gift-select {
  bottom: 1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/package-box-bg-1.avif) center no-repeat;
  background-size: 100% 100%;
}
.gift-1 .gift-select::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/page-store/text/package-box-text-1.svg) center no-repeat;
  background-size: 100% 100%;
}.section-skill {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-skill .txp_btn_pip {
  display: none;
}
.section-skill .plugin_ctrl_txp_bottom {
  bottom: 20px;
}

.skill-box {
  width: 14.44rem;
  height: 8.5rem;
  position: relative;
}

.skill-box-mask {
  position: absolute;
  inset: 0;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-mask-bg.avif") center no-repeat;
  background-size: 100% 100%;
  z-index: 5;
  pointer-events: none;
}

.skill-box-main {
  position: absolute;
  z-index: 2;
}

.skill-box-bg {
  position: absolute;
  z-index: 1;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-panel-video-bg.jpg") center no-repeat;
  background-size: 100% 100%;
}

.skill-box-main,
.skill-box-bg {
  top: 1.1rem;
  left: 1.1rem;
  right: 1.1rem;
  bottom: 1.4rem;
}

.skill-video-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.2s lienar;
  pointer-events: none;
}
.skill-video-item.current {
  opacity: 1;
  pointer-events: all;
}

.skill-box-nav {
  width: 11.26rem;
  height: 1.35rem;
  position: absolute;
  left: 50%;
  margin-left: -5.63rem;
  bottom: 0.1rem;
  z-index: 20;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-nav-bg.avif") center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}

.skill-nav-item {
  width: 3rem;
  height: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-title);
  padding-bottom: 0.02rem;
  position: relative;
  cursor: pointer;
}
.skill-nav-item.current .skill-nav-bg {
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-nav-cur.avif") center no-repeat;
  background-size: 100% 100%;
  animation: fadeInNavItem 0.8s cubic-bezier(0.66, 0.2, 0.24, 0.99) 0s 1 both;
}
.skill-nav-item.current .skill-nav-text {
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.skill-nav-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.skill-nav-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #d8d0bf 0%, #b69753 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 0.2rem;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

@keyframes fadeInNavItem {
  0% {
    opacity: 0;
    -webkit-mask-size: 0% 0%;
    -webkit-mask-position: 50% 100%;
  }
  to {
    opacity: 1;
    -webkit-mask-size: 400% 400%;
    -webkit-mask-position: 50% 60%;
  }
}
.skill-video-box {
  position: absolute;
  inset: 0;
}

.skill-video-bg {
  position: absolute;
  inset: 0;
  z-index: 10;
  overflow: hidden;
}
.skill-video-bg::before {
  content: "";
  background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-video-mask.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  z-index: 10;
}

.skill-video-ele {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.skill-video-box-ele {
  width: 65%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  transform: translate3d(-0.2rem, 0, 0);
}

.case-video {
  position: absolute;
  inset: 0;
}

.case-video-bg {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.case-video-bg::before {
  content: "";
  background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/skill-video-mask.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  z-index: 10;
}

.case-video-ele {
  width: 100%;
  width: 8rem;
  height: 100%;
  object-fit: cover;
  display: block;
}
.case-video-ele .plugin_ctrl_txp_bottom {
  display: none;
}

.case-list {
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
  width: 4.47rem;
  z-index: 100;
}

.sk-case-item {
  margin-bottom: 0.08rem;
  position: relative;
  cursor: pointer;
}
.sk-case-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/case/case-bg.png") center no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  transition: filter 0.3s linear;
  pointer-events: none;
}
.sk-case-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #dac38a;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
}
.sk-case-item:hover::after {
  filter: brightness(1.6);
}
.sk-case-item.current::before {
  opacity: 1;
}

.sk-case-inner {
  width: 4.47rem;
  height: 1.02rem;
  position: relative;
  z-index: 2;
}

.sk-case-hd {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  padding: 0 0.2rem 0 0.4rem;
  color: #8a8875;
}

.sk-case-hd-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  font-weight: bold;
  padding: 0.04rem 0 0;
  color: #b9ad85;
}

.sk-case-hd-icon-img {
  width: 0.34rem;
  height: 0.34rem;
  display: block;
  margin-right: 0.06rem;
}
.sk-case-hd-icon-img img {
  width: 100%;
  height: 100%;
  display: block;
}

.sk-case-hd-level {
  flex: 1;
  width: 100%;
  display: block;
  text-align: right;
}

.sk-case-bd {
  padding: 0.14rem 0 0 0.38rem;
  font-size: 0;
}

.sk-case-bd-icon {
  width: 0.36rem;
  height: 0.36rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0.26rem 0 0;
  position: relative;
}
.sk-case-bd-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/case/icon-border.png") center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.sk-case-bd-icon:nth-child(1) {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 0.36rem 0 0;
}
.sk-case-bd-icon:nth-child(1)::before {
  display: none;
}
.sk-case-bd-icon img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 200px;
  overflow: hidden;
}

.equip-message-tips.we-tooltips,
.skil-message-tips.we-tooltips {
  padding: 0;
  background: none !important;
  border: none !important;
}
.equip-message-tips.we-tooltips.v-leave-to,
.skil-message-tips.we-tooltips.v-leave-to {
  animation: none !important;
  opacity: 0 !important;
  display: none !important;
}

.sk-title {
  position: absolute;
  left: 0;
  bottom: -0.6rem;
  width: 6.36rem;
  aspect-ratio: 636/260;
  background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/sk-title-01.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 200;
}

.skill-video-item:nth-child(2) .sk-title {
  background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/sk-title-02.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.skill-video-item:nth-child(3) .sk-title {
  background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/sk-title-03.png");
  background-repeat: no-repeat;
  background-size: contain;
}.skill-equipment-box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}

.equip-cont {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.5015rem;
}
.equip-cont .equip-detail-box {
  position: relative;
  display: flex;
  width: 6.579rem;
  height: 5.1rem;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/equip/equip-bg.avif") no-repeat;
  background-size: cover;
}
.equip-cont .row {
  position: absolute;
  top: 0.255rem;
  display: flex;
}
.equip-cont .left-row {
  left: 0.272rem;
}
.equip-cont .left-row .check-btn-box {
  left: 0.7395rem;
}
.equip-cont .right-row {
  right: 0.1955rem;
}
.equip-cont .right-row .check-btn-box {
  right: 0.7395rem;
}
.equip-cont .equip-img-box {
  display: flex;
  gap: 0.102rem;
  padding-top: 0.1955rem;
}
.equip-cont .equip-img-box .img-2 {
  margin-top: 0.0255rem;
}
.equip-cont .column {
  display: flex;
  flex-direction: column;
}
.equip-cont .column-1 {
  align-items: flex-end;
  margin: 1.989rem 0 0 1.6065rem;
  gap: 0.16575rem;
}
.equip-cont .column-1 .img-5 {
  margin-right: 0.238rem;
}
.equip-cont .column-2 {
  align-items: center;
  margin: 0.3485rem 0 0 0.034rem;
  gap: 0.1955rem;
}
.equip-cont .column-2 .img-5 {
  margin-right: 0.238rem;
}
.equip-cont .column-2 .equip-img-box {
  gap: 0.0255rem;
}
.equip-cont .column-3 {
  margin: 1.3515rem 0 0 0.017rem;
  gap: 0.1615rem;
}
.equip-cont .column-3 .img-5 {
  margin-left: 0.2635rem;
}
.equip-cont .equip-img img {
  width: 100%;
  object-fit: contain;
}
.equip-cont .img-1 {
  width: 0.476rem;
  height: 0.952rem;
}
.equip-cont .img-2 {
  width: 0.952rem;
  height: 1.955rem;
}
.equip-cont .img-3 {
  width: 0.476rem;
  height: 0.476rem;
}
.equip-cont .img-4 {
  width: 0.952rem;
  height: 0.952rem;
}
.equip-cont .img-5 {
  width: 0.476rem;
  height: 0.952rem;
}
.equip-cont .img-6 {
  width: 0.952rem;
  height: 1.428rem;
}
.equip-cont .img-7 {
  width: 0.952rem;
  height: 0.476rem;
}
.equip-cont .check-btn-box {
  position: absolute;
  top: -0.017rem;
  display: flex;
  gap: 0.0255rem;
}
.equip-cont .check-btn-box .btn {
  width: 0.2975rem;
  height: 0.255rem;
  cursor: pointer;
  transition: filter 0.2s;
}
.equip-cont .check-btn-box .btn:nth-child(1) {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/equip/level-btn-1.png) no-repeat;
  background-size: 100% 100%;
}
.equip-cont .check-btn-box .btn:nth-child(2) {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/equip/level-btn-2.png) no-repeat;
  background-size: contain;
}
.equip-cont .check-btn-box .btn.cur, .equip-cont .check-btn-box .btn:hover {
  filter: brightness(1.2);
}

.equip-detail-item {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.equip-detail-item img {
  width: 100%;
  height: 100%;
  display: block;
}

.equip-cont .equip-img {
  position: relative;
}

.equip-cont .equip-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.socketed-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.068rem;
}

.socketed-list .rune-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.34rem;
  height: 0.34rem;
}

.socketed-list .rune-box:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/rune-bg.png") no-repeat;
  background-size: 100% 100%;
}

.socketed-list .rune-box img {
  position: relative;
  width: 0.272rem;
  height: 0.272rem;
  object-fit: cover;
  z-index: 2;
}

.we-tooltips {
  pointer-events: none;
}

.right-row .equip-img {
  filter: brightness(0.6);
}.record-popup {
  position: relative;
  z-index: 20;
  max-width: 4rem;
  min-width: 2.48rem;
  min-height: 1.53rem;
  padding: 0.07rem 0.07rem 0;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-t-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/t-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-t-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, 0.07rem top, right top;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
}
.record-popup::after {
  position: absolute;
  content: "";
  top: 0.07rem;
  left: 0;
  right: 0;
  bottom: 0.07rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-l.png);
  background-repeat: repeat-y, repeat-y;
  background-position: left top, right top;
  background-size: 0.08rem 100%, 0.08rem 100%;
  pointer-events: none;
}
.record-popup::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-b-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/b-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-b-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left bottom, 0.07rem bottom, right bottom;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
  pointer-events: none;
}
.record-popup .title {
  position: relative;
  width: 100%;
  height: 0.44rem;
  padding: 0 0.35rem;
  text-align: center;
  margin-bottom: 0.08rem;
  z-index: 2;
  white-space: nowrap;
}
.record-popup .title::after, .record-popup .title::before {
  content: "";
  height: 100%;
  width: 0.36rem;
  position: absolute;
  top: 0;
  z-index: -1;
}
.record-popup .title::before {
  left: 0;
}
.record-popup .title::after {
  right: 0;
}
.record-popup .title span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  line-height: 0.4rem;
  font-size: 0.16rem;
}
.record-popup.popup-type-1 .title::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-left1.png) no-repeat left top;
  background-size: 100% 100%;
}
.record-popup.popup-type-1 .title::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-right1.png) repeat-x right top;
  background-size: 100% 100%;
}
.record-popup.popup-type-1 .title span {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-middle1.png) repeat-x center center;
  background-size: contain;
  color: #c8c8c8;
}
.record-popup.popup-type-1 .normal:after {
  background-color: rgb(95, 90, 85);
}
.record-popup.popup-type-2 .title::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-left2.png) no-repeat left top;
  background-size: 100% 100%;
}
.record-popup.popup-type-2 .title::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-right2.png) repeat-x right top;
  background-size: 100% 100%;
}
.record-popup.popup-type-2 .title span {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-middle2.png) repeat-x center center;
  background-size: contain;
  color: #7a97fe;
}
.record-popup.popup-type-2 .normal:after {
  background-color: rgb(91, 68, 152);
}
.record-popup.popup-type-3 .title::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-left3.png) no-repeat left top;
  background-size: 100% 100%;
}
.record-popup.popup-type-3 .title::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-right3.png) repeat-x right top;
  background-size: 100% 100%;
}
.record-popup.popup-type-3 .title span {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-middle3.png) repeat-x center center;
  background-size: contain;
  color: #fee055;
}
.record-popup.popup-type-3 .normal:after {
  background-color: rgb(111, 84, 43);
}
.record-popup.popup-type-4 .title::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-left4.png) no-repeat left top;
  background-size: 100% 100%;
}
.record-popup.popup-type-4 .title::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-right4.png) repeat-x right top;
  background-size: 100% 100%;
}
.record-popup.popup-type-4 .title span {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-middle4.png) repeat-x center center;
  background-size: contain;
  color: #f06916;
}
.record-popup.popup-type-4 .normal:after {
  background-color: rgb(134, 62, 31);
}
.record-popup.popup-type-5 .title::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-left5.png) no-repeat left top;
  background-size: 100% 100%;
}
.record-popup.popup-type-5 .title::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-right5.png) repeat-x right top;
  background-size: 100% 100%;
}
.record-popup.popup-type-5 .title span {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/tit-bg-middle5.png) repeat-x center center;
  background-size: contain;
  color: #c8c8c8;
}
.record-popup.popup-type-5 .normal:after {
  background-color: rgb(95, 90, 85);
}
.record-popup .record-popup-inner {
  min-height: 1.53rem;
  padding: 0.01rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/p-bg.png) no-repeat;
  background-size: 100% 100%;
}
.record-popup .record-popup-inner .normal {
  position: relative;
  font-size: 0.12rem;
  text-align: center;
  padding-bottom: 0.08rem;
  margin-bottom: 0.06rem;
}
.record-popup .record-popup-inner .normal .num {
  color: #dbd9ce;
}
.record-popup .record-popup-inner .normal::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  display: block !important;
}
.record-popup .record-popup-inner .normal:last-child::after {
  display: none;
}
.record-popup .record-popup-inner .normal.type-1 {
  color: #7f7f7f;
}
.record-popup .record-popup-inner .normal.type-1 .num {
  color: #dbd9ce;
}
.record-popup .record-popup-inner .normal.type-2 {
  color: rgb(135, 135, 254);
}
.record-popup .record-popup-inner .normal.type-2 .num {
  color: rgb(135, 135, 254);
}
.record-popup .record-popup-inner .normal.type-3 {
  color: rgb(240, 105, 22);
}
.record-popup .record-popup-inner .normal.type-3 .num {
  color: rgb(240, 105, 22);
}
.record-popup .record-popup-inner .normal .record-text.simple {
  display: inline;
}

.tips {
  cursor: pointer;
  text-decoration: underline dotted;
}

.keyword-wrapper {
  position: relative;
  display: block;
  min-width: 3rem;
  max-width: 4rem;
  padding: 0.07rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-t-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/t-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-t-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, 0.07rem top, right top;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
}
.keyword-wrapper::after {
  position: absolute;
  content: "";
  top: 0.07rem;
  left: 0;
  right: 0;
  bottom: 0.07rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-l.png);
  background-repeat: repeat-y, repeat-y;
  background-position: left top, right top;
  background-size: 0.08rem 100%, 0.08rem 100%;
  pointer-events: none;
}
.keyword-wrapper::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-b-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/b-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-b-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left bottom, 0.07rem bottom, right bottom;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
  pointer-events: none;
}
.keyword-wrapper .keyword-wrap {
  padding: 0.05rem 0.1rem 0.15rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/p-bg.png) no-repeat;
  background-size: 100% 100%;
}
.keyword-wrapper .keyword-title {
  position: relative;
  font-size: 0.14rem;
  text-align: center;
  color: #dbd9ce;
  padding-bottom: 0.08rem;
  margin-bottom: 0.08rem;
}
.keyword-wrapper .keyword-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #404040;
}
.keyword-wrapper .keyword-content {
  font-size: 0.12rem;
  color: #a09e9c;
}

.img-box {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  padding: 0.01rem;
  margin-right: 0.08rem;
  vertical-align: middle;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/img-frame.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.record-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.record-tips-panel {
  padding: 0;
  width: auto !important;
  height: auto !important;
  --wg-bg: transparent;
}

.skill-popup {
  position: relative;
  z-index: 20;
  width: 4.2rem;
  min-height: 3rem;
  padding: 0.07rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-t-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/t-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-t-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, 0.07rem top, right top;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
}
.skill-popup::after {
  position: absolute;
  content: "";
  top: 0.07rem;
  left: 0;
  right: 0;
  bottom: 0.07rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-l.png);
  background-repeat: repeat-y, repeat-y;
  background-position: left top, right top;
  background-size: 0.08rem 100%, 0.08rem 100%;
  pointer-events: none;
}
.skill-popup::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/l-b-r.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/b-l.png), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/r-b-r.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left bottom, 0.07rem bottom, right bottom;
  background-size: 0.08rem 0.08rem, calc(100% - 0.1rem) 0.08rem, 0.08rem 0.08rem;
  pointer-events: none;
}

.skill-popup-inner {
  width: 100%;
  height: 100%;
  min-height: 3rem;
  padding: 0.01rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/p-bg.png) no-repeat;
  background-size: 100% 100%;
}
.skill-popup-inner .header {
  width: 100%;
  height: 0.56rem;
  padding-left: 0.19rem;
  display: flex;
  align-items: center;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/skill-tit-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 3.56rem 100%;
}
.skill-popup-inner .header .skill-img {
  width: 0.46rem;
  height: 0.46rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  margin-top: -0.03rem;
  padding: 0.02rem;
  background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/skill-frame.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.skill-popup-inner .header .skill-img .helper-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.skill-popup-inner .header .skill-img .helper-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.skill-popup-inner .header .skill-intro {
  margin-top: -0.03rem;
  margin-left: 0.1rem;
}
.skill-popup-inner .header .tit {
  color: #73c9be;
  font-size: 0.16rem;
}
.skill-popup-inner .header .type {
  color: #6e9a97;
  font-size: 0.12rem;
}
.skill-popup-inner .skill-popup-content {
  padding: 0.1rem 0.16rem 0.08rem;
  font-size: 0.12rem;
}
.skill-popup-inner .skill-popup-content .skill-desc:after,
.skill-popup-inner .skill-popup-content .skill-intro-list:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #263434;
}
.skill-popup-inner .skill-popup-content .skill-strip {
  position: relative;
}
.skill-popup-inner .skill-popup-content .skill-strip .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #263434;
}
.skill-popup-inner .skill-popup-content .skill-intro-list {
  position: relative;
  padding-bottom: 0.12rem;
}
.skill-popup-inner .skill-popup-content .skill-intro-list .name {
  color: #6e9a97;
}
.skill-popup-inner .skill-popup-content .skill-intro-list .num {
  color: #dbd9ce;
}
.skill-popup-inner .skill-popup-content .skill-desc {
  position: relative;
  padding: 0.08rem 0 0.08rem 0;
  color: #baad85;
  text-align: left;
}
.skill-popup-inner .skill-popup-content .skill-strip {
  padding: 0.08rem 0;
  color: #8787fe;
  text-align: left;
  line-height: 1.2;
}
.skill-popup-inner .skill-popup-content .skill-strip-tag {
  padding: 0.08rem 0;
  color: #6e9a97;
  text-align: center;
  line-height: 1.2;
  position: relative;
}
.skill-popup-inner .skill-popup-content .skill-strip-tag .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #263434;
}
.skill-popup-inner .skill-popup-content .sub-tabs-content .tab-description {
  color: #8787fe;
  text-align: center;
  padding: 0.08rem;
  margin-bottom: 0;
}
.skill-popup-inner .gem-tabs-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.04rem;
  margin-bottom: 0.1rem;
}
.skill-popup-inner .gem-tabs-nav:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #263434;
}
.skill-popup-inner .gem-tabs-nav .tab-item {
  position: relative;
  min-width: 0.44rem;
  height: 0.2rem;
  line-height: 0.2rem;
  padding: 0 0.16rem;
  font-size: 0.12rem;
  color: #517270;
  cursor: pointer;
  z-index: 2;
}
.skill-popup-inner .gem-tabs-nav .tab-item:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 2px;
  content: "";
  border-radius: 0.08rem 0.08rem 0 0;
  border: 1px solid #263434;
  border-bottom: none;
  background: linear-gradient(180deg, #1b2222 0%, #121212 100%);
}
.skill-popup-inner .gem-tabs-nav .tab-item span {
  position: relative;
  z-index: 2;
}
.skill-popup-inner .gem-tabs-nav .tab-item.active {
  color: #8cc5c1;
}
.skill-popup-inner .gem-tabs-nav .tab-item.active:after {
  bottom: 0;
}
.skill-popup-inner .gem-tabs-nav .tab-item:hover {
  color: #8cc5c1;
}
.skill-popup-inner .tab-description {
  margin-bottom: 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
}
.skill-popup-inner .sub-tabs-nav .tab-item {
  padding: 0 0.1rem;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.11rem;
}
.skill-popup-inner .sub-tabs-content {
  position: relative;
  margin-top: 0.08rem;
  padding-bottom: 0.1rem;
}

.needs-text {
  display: flex;
  color: #a09e9c;
  gap: 0.08rem;
}

.simple .record-text {
  color: #dbd9ce;
}
.simple .record-text::after {
  content: ",";
}
.simple .record-text:last-child::after {
  content: "";
}

.type-4 .record-text {
  position: relative;
  color: #a0a0a0;
  text-align: left;
  padding-bottom: 0.1rem;
}
.type-4 .record-text:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 0.03rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-skill/popup/popup-line.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #263434;
}
.type-4 .record-text:last-child::after {
  display: none;
}

.skill-desc-tail {
  padding: 0.06rem 0 0 0;
}.section-new-feature {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-new-feature .txp_btn_pip {
  display: none;
}
.section-new-feature .plugin_ctrl_txp_bottom {
  bottom: 20px;
}

.section-new-feature-box {
  width: 12.2rem;
  aspect-ratio: 1220/724;
  max-height: 70vh;
  position: relative;
}

.section-new-feature-mask {
  position: absolute;
  inset: 0;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-new-feature/new-feature-video-border.avif") center no-repeat;
  background-size: 100% 100%;
  z-index: 6;
  pointer-events: none;
}

.section-new-feature-main {
  position: absolute;
  inset: 0;
  top: 0.14rem;
  left: 0.16rem;
  right: 0.16rem;
  bottom: 0.1rem;
}

.section-new-feature-title {
  position: absolute;
  inset: 0;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-new-feature/new-feature-logo.avif") center no-repeat;
  background-size: 100% 100%;
  z-index: 6;
  pointer-events: none;
}

.section-new-feature-cover {
  position: absolute;
  inset: 0;
  top: 0.14rem;
  left: 0.16rem;
  right: 0.16rem;
  bottom: 0.1rem;
  z-index: 5;
}
.section-new-feature-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.section-new-feature-button {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  top: 3rem;
  left: 50%;
  margin: 0 0 0 -0.7rem;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-new-feature/new-feature-video-play.avif") center no-repeat;
  background-size: 100% 100%;
  z-index: 20;
  cursor: pointer;
  transition: filter 0.2s linear, transform 0.2s linear;
}
.section-new-feature-button:hover {
  filter: brightness(1.2);
  transform: scale(1.2);
}

.feature-button {
  width: 5.86rem;
  aspect-ratio: 586/114;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-new-feature/new-feature-button.png") center no-repeat;
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -2.93rem;
  bottom: -1.1rem;
  z-index: 100;
  cursor: pointer;
  transition: filter 0.2s linear;
}
.feature-button:hover {
  filter: brightness(1.2);
}

@media screen and (max-width: 1400px) {
  body .section-new-feature-box {
    max-height: 70%;
  }
}.section-ending {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-ending-content {
  position: relative;
  z-index: 10;
  width: 78%;
  aspect-ratio: 16/9;
  max-height: 70vh;
  display: block;
  margin: 0 auto;
}

.section-ending-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.section-ending-bg video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover !important;
}
.section-ending-bg .plugin_ctrl_txp_gradient_bottom,
.section-ending-bg .plugin_ctrl_txp_bottom {
  display: none;
}

.section-ending-logo {
  width: 28%;
  aspect-ratio: 423/301;
  display: block;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/kv/kv-logo.png") center no-repeat;
  background-size: contain;
  margin: 0 auto;
}

.ending-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.ending-button .buy-button {
  margin: 0 auto;
  display: block !important;
}

.section-ending-slogan {
  width: 70%;
  aspect-ratio: 1086/110;
  display: block;
  background: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-ending/ending-panel-title.avif") center no-repeat;
  background-size: contain;
  margin: 0 auto;
  pointer-events: none;
  margin-bottom: -0.1rem;
}

.mask-ending {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2) url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/panel-ending/ending-panel-bg.avif") center no-repeat;
  background-size: cover;
  z-index: 200;
}
@font-face {
  font-family: "HYXuanSong";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/HYXuanSong.woff2") format("woff2");
}
@font-face {
  font-family: "FNormal";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/f-normal.woff2") format("woff2");
}
@font-face {
  font-family: "FOldMing";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/FOldMing.woff2") format("woff2");
}
:root {
  --container-width: 12rem;
  --main-width: 1920px;
  --font-family-base: "STZhongsong", "STSong  ", "NSimSun", "SimSun";
  --font-family-title: "HYXuanSong", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --font-family-subtitle: "FOldMing", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --animation-curve-1: cubic-bezier(0.33, 1, 0.68, 1);
  --animation-curve-2: cubic-bezier(0.45, 0, 0.55, 1);
  --ui-brand1: 232, 187, 133;
  --color-brand1: rgb(var(--ui-brand1));
  --color-brand2: #daa05c;
  --color-brand3: #e8bb85;
  --color-warning: #02d37e;
  --color-white: #fff;
  --color-black: #0b0b0b;
  --color-transparent: transparent;
  --color-white-text-1: #dfdad3;
  --color-white-text-2: #d9bf9c;
  --color-white-text-3: #af4033;
  --color-text-title: #e8bb85;
  --color-black-text-1: #615e5b;
  --color-black-text-2: #3f2222;
  --font-lineheight-1: 1.3;
  --font-lineheight-2: 1.5;
  --font-lineheight-3: 1.7;
  --font-size-base: 0.17rem;
  --font-size-ms: 0.2rem;
  --font-size-m: 0.24rem;
  --font-size-l: 0.28rem;
  --font-size-xl: 0.3rem;
  --font-size-xxl: 0.46rem;
  --padding-50: 50px;
  --padding-110: 110px;
  --color-text-stroke-1: rgba(236, 232, 225, 0.34);
  --color-skeleton: rgba(236, 232, 225, 0.34);
  --gradient-mask-bg: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  --gradient-mask-2: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 95%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  --gradient-header-bg: linear-gradient(to bottom, #50e2d1, #71c6e6);
  --gradient-footer-bg: linear-gradient(to right, #000, transparent);
  --cursor-default: pointer;
  --scrollbar-default: rgba(255, 255, 255, 0.25);
  --scrollbar-hover: rgba(255, 255, 255, 0.5);
  --corner-0: 0;
  --corner-1: 4px;
  --corner-2: 6px;
  --corner-circle: 50%;
  --color-line-1: #e9e9f4;
  --skeleton-bg-color-fill-1: rgba(0, 0, 0, 0.1);
  --skeleton-bg-color-fill-2: rgba(0, 0, 0, 0.2);
  --skeleton-bg-color-fill-3: --color-white;
  --linear-1: linear-gradient(
    -90deg,
    #7064ff,
    #02d37e,
    #02d37e,
    #7064ff,
    #7064ff
  );
  --guide-shadow-1: 0px 30px 60px 0px rgba(112, 100, 255, 0.3);
  --text-shadow-1: 0 0px 3px #f7dd7b;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
html,
body {
  --md-color-text-1: #222;
  --md-color-text-2: #555;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
form,
fieldset,
legend,
button,
input,
textarea,
figure,
figcaption,
nav,
footer,
menu,
blockquote {
  margin: 0;
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
address,
em,
i,
b {
  font-style: normal;
}
a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  appearance: none;
  outline: none;
}
ul,
ol,
li {
  list-style: none;
}
img {
  border: 0;
  font-size: 0;
  user-select: none;
  vertical-align: middle;
}
:focus,
button,
input,
select,
textarea {
  outline: none;
}
select {
  appearance: none;
}
textarea,
input {
  background: none;
  border-radius: 0;
  appearance: none;
  resize: none;
  cursor: text;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
a,
img {
  -webkit-user-drag: none;
}
button {
  background: none;
  border: 0;
  font-size: var(--font-size-xs);
  line-height: 1.5;
  cursor: var(--cursor-default);
}
b {
  font-weight: normal;
}
body {
  word-wrap: break-word;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: 1.5;
}
::-webkit-placeholder,
button,
input,
textarea,
select {
  font-family: var(--font-family-base);
}
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-resizer,
::-webkit-scrollbar {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-default);
  border-radius: 200px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}
body::-webkit-scrollbar,
.act-page::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  background: transparent;
}
body::-webkit-scrollbar-corner,
.act-page::-webkit-scrollbar-corner {
  background: transparent;
}
body::-webkit-scrollbar-track,
.act-page::-webkit-scrollbar-track {
  background: rgba(179, 179, 179, 0.2) !important;
}
body::-webkit-scrollbar-thumb,
.act-page::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 8px;
  background: var(--scrollbar-default) !important;
}
body::-webkit-scrollbar-thumb:hover,
.act-page::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover) !important;
}
html {
  font-family: var(--cp-font-family-system);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
.ui-video {
  width: 100%;
  height: 100%;
}
.ui-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1600px) {
html body {
    height: 100vh;
}
}
[v-cloak] {
  display: none;
}
body {
  overflow: hidden;
}
body:not(.page-out-client) .frame-page {
  padding-top: 0;
}
.page-out-client .mill-header {
  visibility: visible;
}
.page-out-client .fr-header {
  visibility: visible;
  top: 0px;
}
.mill-header {
  display: none;
}
.page-out-client .mill-header {
  display: block;
  z-index: 300;
  position: fixed;
}
.page-out-client .mill-header {
  display: block;
  z-index: 300;
}
.fr-header {
  position: absolute !important;
  width: 100%;
  top: 0;
  visibility: visible;
}
.mill-header {
  visibility: hidden;
}
.main-nav > li > a {
  color: #fff;
}
body {
  background: #080606;
}
.page-main {
  font-family: var(--font-family-base);
}
html {
  font-size: 5.2083333333vw;
}
.we-tooltips {
  font-family: var(--font-family-base) !important;
}
.frame-wrap {
  overflow: hidden;
}
.page-section {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.page-section .section-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  left: 0;
  top: 0;
  z-index: 5;
}
.page-section .section-bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.page-section .section-outer,
.page-section .section-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-out-client .page-section:not(.section-recommend) {
  height: calc(100vh - 80px);
}
.section-wrapper {
  position: relative;
  z-index: 8;
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.popup::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.popup-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.popup-close {
  position: absolute;
  width: 0.53rem;
  height: 0.53rem;
  top: 0.8rem;
  right: 0.6rem;
  cursor: pointer;
  z-index: 9;
}
.popup-close::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/wukong20240820/images/popup-video-close.png") no-repeat;
  background-size: 1.06rem 0.53rem;
  z-index: 2;
  filter: brightness(0.1);
  transition: all 0.3s ease;
}
.popup-close::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/wukong20240820/images/popup-video-close.png") no-repeat;
  background-size: 1.06rem 0.53rem;
  background-position: -0.53rem 0px;
  transition: all 0.3s var(--animation-curve-1);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}
.popup-close:hover::before {
  opacity: 0;
}
.popup-close:hover::after {
  opacity: 1;
}
.popup-video .popup-close::before {
  filter: brightness(2);
}
.popup-video .popup-bd,
.popup-video .panel-cg-video-main {
  position: absolute;
  width: 12rem;
  height: 6.8rem;
  left: calc(50% - 6rem);
  top: calc(50% - 3.4rem);
}
body .store-headernav::after {
  content: "" !important;
  height: 160px;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
  display: block !important;
}
body:not(.page-out-client) .store-headernav::after {
  background: linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.46) 60%, transparent 100%);
}
body .header-blur .home-navnew::after {
  display: none;
}
@font-face {
  font-family: "HYXuanSong";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/HYXuanSong.woff2") format("woff2");
}
@font-face {
  font-family: "FNormal";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/f-normal.woff2") format("woff2");
}
@font-face {
  font-family: "FOldMing";
  src: url("https://wegame.gtimg.com/tgp_act/release/release/poe20250911/images/font/FOldMing.woff2") format("woff2");
}
:root {
  --container-width: 12rem;
  --main-width: 1920px;
  --font-family-base: "STZhongsong", "STSong  ", "NSimSun", "SimSun";
  --font-family-title: "HYXuanSong", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --font-family-subtitle: "FOldMing", "STZhongsong", "STSong", "NSimSun",
    "SimSun";
  --animation-curve-1: cubic-bezier(0.33, 1, 0.68, 1);
  --animation-curve-2: cubic-bezier(0.45, 0, 0.55, 1);
  --ui-brand1: 232, 187, 133;
  --color-brand1: rgb(var(--ui-brand1));
  --color-brand2: #daa05c;
  --color-brand3: #e8bb85;
  --color-warning: #02d37e;
  --color-white: #fff;
  --color-black: #0b0b0b;
  --color-transparent: transparent;
  --color-white-text-1: #dfdad3;
  --color-white-text-2: #d9bf9c;
  --color-white-text-3: #af4033;
  --color-text-title: #e8bb85;
  --color-black-text-1: #615e5b;
  --color-black-text-2: #3f2222;
  --font-lineheight-1: 1.3;
  --font-lineheight-2: 1.5;
  --font-lineheight-3: 1.7;
  --font-size-base: 0.17rem;
  --font-size-ms: 0.2rem;
  --font-size-m: 0.24rem;
  --font-size-l: 0.28rem;
  --font-size-xl: 0.3rem;
  --font-size-xxl: 0.46rem;
  --padding-50: 50px;
  --padding-110: 110px;
  --color-text-stroke-1: rgba(236, 232, 225, 0.34);
  --color-skeleton: rgba(236, 232, 225, 0.34);
  --gradient-mask-bg: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  --gradient-mask-2: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 95%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  --gradient-header-bg: linear-gradient(to bottom, #50e2d1, #71c6e6);
  --gradient-footer-bg: linear-gradient(to right, #000, transparent);
  --cursor-default: pointer;
  --scrollbar-default: rgba(255, 255, 255, 0.25);
  --scrollbar-hover: rgba(255, 255, 255, 0.5);
  --corner-0: 0;
  --corner-1: 4px;
  --corner-2: 6px;
  --corner-circle: 50%;
  --color-line-1: #e9e9f4;
  --skeleton-bg-color-fill-1: rgba(0, 0, 0, 0.1);
  --skeleton-bg-color-fill-2: rgba(0, 0, 0, 0.2);
  --skeleton-bg-color-fill-3: --color-white;
  --linear-1: linear-gradient(
    -90deg,
    #7064ff,
    #02d37e,
    #02d37e,
    #7064ff,
    #7064ff
  );
  --guide-shadow-1: 0px 30px 60px 0px rgba(112, 100, 255, 0.3);
  --text-shadow-1: 0 0px 3px #f7dd7b;
}
.section-kv-bd {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.kv-bg {
  position: absolute;
  inset: 0;
  z-index: 8;
}
.kv-bg video {
  object-position: 50% 0;
}
.kv-logo {
  position: absolute;
  width: 2.51rem;
  height: 1.52rem;
  left: 1.47rem;
  top: 1.32rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/kv/kv-logo.png) center no-repeat;
  background-size: contain;
}
.kv-content {
  width: 100%;
  height: 5.14rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-out-client .kv-content {
  bottom: -1rem;
}
.kv-title {
  width: 10.86rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/kv/kv-title.avif) center no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.22rem;
}
.kv-desc {
  width: 6.23rem;
  height: 0.33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/kv/kv-desc.png) center no-repeat;
  background-size: 100% auto;
}
.page-guide-down {
  width: 0.38rem;
  height: 0.81rem;
  position: absolute;
  left: calc(50% - 0.19rem);
  bottom: 0.21rem;
  cursor: pointer;
  transition: filter 0.2s ease;
}
.page-guide-down:hover {
  filter: brightness(1.5);
}
.page-guide-down::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/icon-guide-down.avif) center no-repeat;
  background-size: 100% auto;
}
.kv-btn-box {
  position: relative;
  z-index: 2;
}
.buy-button {
  display: inline-block !important;
  font-family: var(--font-family-title);
  color: #22262a;
  cursor: pointer;
  text-transform: capitalize;
  position: relative;
  transition: filter 0.3s ease;
}
.buy-button:hover {
  filter: brightness(1.2);
}
.buy-button--main {
  width: 9.57rem;
  height: 1.36rem;
  font-weight: 600;
}
.buy-button--main .buy-button__text {
  font-size: 0.29rem;
  text-shadow: 0 0 4px #b9ad85;
  padding-top: 0.2rem;
}
.buy-button--main .buy-button__bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 2;
}
.buy-button--main .buy-button__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(https://wegame.gtimg.com/g.55555-r.c4663/poe2/assets/button-buy-primary.D3PLVynt.avif) no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.buy-button__text {
  position: relative;
  height: 100%;
  font-size: var(--font-size-m);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #ac945e 0%, #fff4ac 72.17%, #f3e0a5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  white-space: nowrap;
  letter-spacing: 0.03rem;
}
.kv-link-button {
  width: 2.46rem;
  height: 0.63rem;
  line-height: 0.63rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-family: var(--font-family-title);
  cursor: pointer;
  transition: all 0.2s ease;
}
.kv-link-button::before, .kv-link-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.kv-link-button::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/kv-link-button.avif) center no-repeat;
  background-size: 100% auto;
}
.kv-link-button:hover {
  filter: brightness(1.2);
}
.kv-link-button-text {
  text-shadow: 0 0 0.9rem #000;
  font-size: 0.2rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  background: linear-gradient(180deg, #a89565 0%, #fff4b4 72.17%, #f0e1ac 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navigation-content {
  position: fixed;
  right: 0;
  top: 50%;
  width: 1.46rem;
  height: 5.14rem;
  margin-top: -2.57rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.29rem 0 0;
  z-index: 666;
}
.navigation-content::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -60%, 0);
  aspect-ratio: 146/514;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-pendant.avif) center no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
.navigation-content::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 120%;
  aspect-ratio: 146/514;
  transform: translate3d(0, -60%, 0);
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/nav-bg.avif) center no-repeat;
  background-position: 100% 50%;
  background-size: contain;
  z-index: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
  opacity: 0;
}
.navigation-content:hover .navigation-item-title {
  opacity: 1;
}
.navigation-content:hover::after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
.navigation-content:hover .navigation-item-title {
    opacity: 1;
}
.navigation-content:hover::before {
    width: 200%;
    background-image: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-pendant.avif), url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-pendant.avif);
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100% auto, 100% auto, 100% auto, 100% auto;
}
.navigation-content:hover::after {
    opacity: 1;
}
}
.navigation-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}
.navigation-list::before {
  content: "";
  position: absolute;
  top: 0.02rem;
  left: 50%;
  bottom: 0.24rem;
  width: 0.07rem;
  margin-left: -0.035rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-line.avif) center repeat-y;
  background-size: 100% auto;
}
.navigation-item {
  position: relative;
  padding-left: 0.4rem;
  width: 0.27rem;
  height: 0.27rem;
  margin-bottom: 0.21rem;
  cursor: pointer;
}
.navigation-item::before, .navigation-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.navigation-item::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-normal.avif) center no-repeat;
  background-size: 100% auto;
}
.navigation-item::after {
  width: 0.45rem;
  height: 0.45rem;
  top: 50%;
  left: 50%;
  margin-top: -0.21rem;
  margin-left: -0.23rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/navigation-bg-cur.avif) center no-repeat;
  background-size: 100% auto;
  opacity: 0;
  transition: all 0.3s ease;
  transform: scale(0);
}
.navigation-item.active::after {
  opacity: 1;
  transform: scale(1);
}
.navigation-item.active .navigation-item-title {
  background: linear-gradient(180deg, #dfc282 0%, #fff4d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.navigation-item:hover .navigation-item-title {
  background: linear-gradient(180deg, #dfc282 0%, #fff4d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transform: translate3d(0, 0, 0);
}
.navigation-item-title {
  font-size: 0.16rem;
  background: linear-gradient(180deg, #67655c 0%, #9e9b8b 118.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: absolute;
  right: 0.4rem;
  top: 0.01rem;
  white-space: nowrap;
  font-family: var(--font-family-subtitle);
  transition: opacity 0.2s linear;
  opacity: 0;
}
.floating-video-module {
  width: 3.13rem;
  height: 3.16rem;
  position: fixed;
  right: 0.14rem;
  bottom: 0.18rem;
  z-index: 60;
}
.floating-video-module::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/floating-video/bg-mask.png) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.floating-video-module-inner {
  width: 2.61rem;
  height: 1.52rem;
  position: absolute;
  top: 0.62rem;
  left: 50%;
  margin-left: -1.3rem;
  cursor: pointer;
}
.floating-video-module-inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -0.06rem;
  left: 0;
  width: 100%;
  height: auto;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/floating-video/bg-line.png) center no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  pointer-events: none;
}
.floating-video-top-title {
  width: 2.45rem;
  height: 0.94rem;
  position: absolute;
  top: -0.52rem;
  left: 0.12rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/floating-video/title.png) center no-repeat;
  background-size: 100% auto;
  z-index: 2;
}
.floating-video-cont {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.floating-video-cont::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 0.49rem;
  opacity: 0.6;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  pointer-events: none;
}
.floating-video-cont video,
.floating-video-cont img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.floating-video-btn {
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  top: 1.16rem;
  left: 50%;
  margin-left: -0.33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/floating-video/btn.png) center no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  z-index: 2;
  transition: filter 0.2s ease;
}
.floating-video-btn:hover {
  filter: brightness(1.5);
}
.floating-video-cont-title {
  width: 1.54rem;
  height: 0.19rem;
  position: absolute;
  left: 50%;
  bottom: 0.44rem;
  margin-left: -0.77rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/floating-video/version-highlights-text.png) center no-repeat;
  background-size: 100% auto;
}
/* 入场动画 */
.video-fade-enter-active,
.video-fade-leave-active {
  transition: all 0.5s;
}
.video-fade-enter-from,
.video-fade-leave-to {
  opacity: 0;
  transform: translateX(0.2rem);
}
.video-fade-enter-to,
.video-fade-leave-from {
  opacity: 1;
  transform: translateX(0);
}
.section-activity .section-bg {
  background: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/bg/bg-collection.avif") center no-repeat;
  background-size: cover;
}
.section-activity-collection {
  height: 100%;
}
.section-activity-collection-inner {
  height: 100%;
  position: relative;
}
.activity-collection-details {
  width: 11.78rem;
  width: 10.4rem;
  aspect-ratio: 1178/613;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -40%, 0);
  box-sizing: border-box;
}
.activity-collection-details::before, .activity-collection-details::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 3;
}
.activity-collection-details::before {
  left: -0.75rem;
  bottom: -0.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/icon-red-ball.png) center no-repeat;
  background-size: 100% 100%;
}
.activity-collection-details::after {
  right: -0.75rem;
  bottom: -0.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/icon-basketball.png) center no-repeat;
  background-size: 100% 100%;
}
.activity-collection-details-bg {
  position: absolute;
  top: -1.81rem;
  left: -2.21rem;
  right: -2.21rem;
  bottom: -1.86rem;
  width: auto;
  height: auto;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/base-plate-bg.avif) center no-repeat;
  background-size: 100% 100%;
  z-index: 0;
}
.activity-collection-title {
  width: 9.86rem;
  aspect-ratio: 986/178;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/headline-bg.avif) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -1.52rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
}
.activity-collection-details-inner {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 2;
}
.activity-collection-details-inner .activity-gift-list-inner {
  height: 100%;
  overflow: auto;
}
.activity-advertising-box,
.activity-gift-list {
  position: relative;
}
.activity-advertising-box::before,
.activity-gift-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activity-advertising-box {
  flex: 1;
  overflow: hidden;
  cursor: pointer;
}
.activity-advertising-box::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/advertising-image-border.avif) center no-repeat;
  background-size: 100% 100%;
  z-index: 100;
}
.activity-advertising-box:hover .activity-advertising-box-img {
  transform: scale(1.02);
  filter: brightness(1.2);
}
.activity-advertising-box-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s linear;
}
.activity-gift-list {
  width: 3.87rem;
  height: 100%;
  padding: 0.565rem 0.435rem;
  box-sizing: border-box;
}
.activity-gift-list::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/faceplate-bg.avif) center no-repeat;
  background-size: 100% 100%;
}
.activity-gift-item {
  width: 100%;
  height: 0.47rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.activity-gift-item::before, .activity-gift-item::after {
  content: "";
  position: absolute;
  top: 0.07rem;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease;
}
.activity-gift-item::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/activity-gift-item-normal.png) center no-repeat;
  background-size: 100% auto;
}
.activity-gift-item::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/activity-gift-item-cur.png) center no-repeat;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: scaleX(0);
  transform-origin: 50% 50%;
}
.activity-gift-item:last-child {
  margin-bottom: 0;
}
.activity-gift-item.current::before, .activity-gift-item:hover::before {
  opacity: 0;
}
.activity-gift-item.current::after, .activity-gift-item:hover::after {
  opacity: 1;
  transform: none;
}
.activity-gift-item.current .activity-gift-item-number, .activity-gift-item:hover .activity-gift-item-number {
  color: #fff7cb;
}
.activity-gift-item.current .activity-gift-item-number::before, .activity-gift-item:hover .activity-gift-item-number::before {
  opacity: 0;
}
.activity-gift-item.current .activity-gift-item-number::after, .activity-gift-item:hover .activity-gift-item-number::after {
  opacity: 1;
}
.activity-gift-item.current .activity-gift-item-number::before, .activity-gift-item.current .activity-gift-item-number::after, .activity-gift-item:hover .activity-gift-item-number::before, .activity-gift-item:hover .activity-gift-item-number::after {
  transform: scale(1);
}
.activity-gift-item.current .activity-gift-item-text, .activity-gift-item:hover .activity-gift-item-text {
  color: #fff7cb;
}
.act-link-mask {
  position: absolute;
  inset: -0.2rem;
  display: none;
}
.activity-gift-item.current {
  z-index: 200;
}
.activity-gift-item.current .act-link-mask {
  display: block;
  animation: hideLinkMask 0.4s linear 0.6s 1 both;
}
@keyframes hideLinkMask {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
.activity-gift-item-number {
  min-width: 0.52rem;
  width: 0.52rem;
  height: 0.52rem;
  color: #6f604a;
  text-align: center;
  font-size: 0.14rem;
  font-weight: 800;
  text-align: center;
  line-height: 0.52rem;
  position: relative;
  letter-spacing: 0.015rem;
  font-family: var(--font-family-title);
  transition: color 0.25s ease;
}
.activity-gift-item-number::before, .activity-gift-item-number::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: scale(0.8);
}
.activity-gift-item-number::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/sequence-bg-normal.png) center no-repeat;
  background-size: 100% auto;
}
.activity-gift-item-number::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/sequence-bg-cur.png) center no-repeat;
  background-size: 100% auto;
  opacity: 0;
}
.activity-gift-item-text {
  color: #b9ad85;
  font-size: 0.15rem;
  font-weight: 400;
  line-height: 0.32rem;
  letter-spacing: 0.015rem;
  font-family: var(--font-family-base);
  padding: 0 0 0 0.08rem;
  box-sizing: border-box;
  transition: color 0.25s ease;
}
.section-character .section-bg {
  z-index: -1;
}
.section-wrapper,
.character-section,
.character-section-content {
  width: 100%;
  height: 100%;
}
.character-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.character-section-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/advertising-out-line.avif) center no-repeat;
  background-size: 100% 100%;
}
.character-section-inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.3rem;
}
.character-content-module {
  position: relative;
  width: 12.4rem;
  margin: 0 auto;
  aspect-ratio: 1240/560;
  z-index: 20;
}
.character-content {
  width: 8rem;
  aspect-ratio: 830/466;
  position: relative;
}
.character-content::before {
  content: "";
  position: absolute;
  top: -1.56rem;
  left: 50%;
  width: 10.48rem;
  height: 6.88rem;
  margin-left: -5.24rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/character-content-bg.avif) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: -1;
}
.character-content-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.character-info {
  width: 100%;
  height: 100%;
}
.character-info-headline {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.character-info-headline-title {
  font-family: var(--font-family-title);
  white-space: nowrap;
  font-size: 0.5rem;
  line-height: 1;
  background: url(//wegame.gtimg.com/g.2002052-r.4de9d/helper/poe2/assets/text-bg-Dt7-UGLl.jpg) #d3d3d3 0% 0%/0.6rem repeat;
  background-clip: text;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.character-info-headline-title::before {
  content: attr(text);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-text-stroke: 2.6px rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(-86deg, #000 0%, #000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.character-info-headline-subtitle {
  margin-top: 0.1rem;
  font-family: var(--font-family-title);
  white-space: nowrap;
  line-height: 1;
  background: url(//wegame.gtimg.com/g.2002052-r.4de9d/helper/poe2/assets/text-bg-Dt7-UGLl.jpg) #d3d3d3 0% 0%/0.6rem repeat;
  background-size: 100% 100%;
  background-clip: text;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.character-info-headline-title {
  font-size: 0.5rem;
}
.character-info-headline-title::after {
  text-shadow: 0 0.02rem 0.12rem #000;
}
.character-info-headline-subtitle {
  font-size: 0.22rem;
}
.character-info-headline-subtitle::after {
  text-shadow: 0 0.01rem 0.06rem #000;
}
.character-info-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.character-info-video img,
.character-info-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character-info-video::before {
  content: "";
  position: absolute;
  inset: 0;
  bottom: auto;
  z-index: 10;
  height: 2rem;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
}
.character-description-box {
  width: 8.25rem;
  position: absolute;
  left: 0;
  bottom: 0rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/wk-line-middle.png) center no-repeat;
  background-size: 100% 100%;
  padding: 0.2rem 0.4rem;
}
.character-description-box::before, .character-description-box::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.3rem;
}
.character-description-box::before {
  top: -0.17rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/wk-line-top.png) center no-repeat;
  background-size: contain;
}
.character-description-box::after {
  bottom: -0.13rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/wk-line-bottom.png) center no-repeat;
  background-size: contain;
}
.character-description-box-desc {
  color: #a8a4a0;
  text-shadow: 0 0 0.04rem #000;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.6;
  font-family: var(--font-family-base);
  width: 100%;
  padding: 0 0.32rem;
}
.character-description-box .audio-button {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.24rem;
}
.career-switch-module {
  height: 1.06rem;
  width: 12.6rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  margin-top: -0.3rem;
}
.career-switch-module-inner {
  width: 12.36rem;
  width: 12.6rem;
  margin: 0 auto;
  overflow: hidden;
  padding: 0.1rem 0.1rem 0 0.1rem;
}
.career-switch-module-list {
  transition: transform 0.2s ease;
}
.career-switch-item {
  display: inline-block;
  position: relative;
  margin: 0 0.2rem 0 0;
  cursor: pointer;
}
.career-switch-item:last-child {
  margin: 0;
}
.career-switch-item.disabled {
  cursor: default;
  pointer-events: none;
}
.career-switch-item.disabled img {
  opacity: 0.5;
}
.career-switch-item.disabled .career-switch-item-icon::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-career-switch-disabled.png) center no-repeat;
  background-size: 100% 100%;
}
.career-switch-item.disabled .career-switch-item-icon::after {
  opacity: 0.25;
}
.career-switch-item.disabled:hover .career-switch-item-icon::before {
  opacity: 1;
}
.career-switch-item.disabled:hover .career-switch-item-icon::after {
  opacity: 0;
}
.career-switch-item.disabled:hover .career-switch-item-name {
  opacity: 0;
}
.career-switch-item.cur .career-switch-item-icon::before, .career-switch-item:hover .career-switch-item-icon::before {
  opacity: 0;
}
.career-switch-item.cur .career-switch-item-icon::after, .career-switch-item:hover .career-switch-item-icon::after {
  opacity: 1;
}
.career-switch-item.cur .career-switch-item-name {
  opacity: 1;
  color: #e6d27f;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 10px #efdf88;
}
.career-switch-item:hover .career-switch-item-name {
  opacity: 1;
}
.career-switch-item-icon {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.career-switch-item-icon::before, .career-switch-item-icon::after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: opacity 0.2s ease;
}
.career-switch-item-icon::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-career-switch-normal.png) center no-repeat;
  background-size: 100% 100%;
}
.career-switch-item-icon::after {
  width: 0.9rem;
  height: 0.9rem;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-career-switch-cur.png) center no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}
.career-switch-item-img {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
  object-position: center center;
}
.career-switch-item-name {
  min-height: 0.24rem;
  color: #918e81;
  text-align: center;
  font-size: 0.14rem;
  font-weight: 400;
  font-family: var(--font-family-base);
  line-height: 0.24rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.career-switch-arrow {
  width: 0.5rem;
  height: 0.5rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/icon-arrow.png) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.25rem;
  cursor: pointer;
  transition: filter 0.2s ease;
  display: none;
}
.career-switch-arrow:hover {
  filter: brightness(1.5);
}
.career-switch-arrow.prev {
  left: 0;
}
.career-switch-arrow.next {
  right: 0;
  transform: rotate(180deg);
}
.character-avatar-list {
  position: absolute;
  bottom: 0.5rem;
  left: 8.7rem;
}
.character-avatar-item {
  width: 0.7rem;
  height: 0.7rem;
  position: relative;
  cursor: pointer;
  margin-bottom: 0.16rem;
}
.character-avatar-item::before, .character-avatar-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.2s ease;
}
.character-avatar-item::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/character-avatar-bg-normal.png) center no-repeat;
  background-size: 100% 100%;
}
.character-avatar-item::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/character-avatar-bg-cur.png) center no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}
.character-avatar-item.cur::before, .character-avatar-item:hover::before {
  opacity: 0;
}
.character-avatar-item.cur::after, .character-avatar-item:hover::after {
  opacity: 1;
}
.character-avatar-item.cur .character-avatar-name {
  opacity: 1;
}
.character-avatar-img {
  width: 0.435rem;
  height: 0.435rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.character-avatar-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character-avatar-name {
  color: #f1e4c2;
  text-align: center;
  font-family: var(--font-family-base);
  font-size: 0.16rem;
  font-weight: 800;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.02rem;
  width: auto;
  line-height: 0.2rem;
  z-index: 1;
  opacity: 0;
}
.character-avatar-name::before {
  content: "";
  position: absolute;
  bottom: -0.02rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/character/character-avatar-name-bg.png) center no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.character-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.character-bg img {
  width: 100%;
  display: block;
  object-fit: cover;
  width: 120%;
  height: auto;
}
.section-recommend {
  --width: 2281px;
  --height: 1280px;
  --recommend-main-width: 1920px;
  height: 100vh;
  min-height: 800px;
  aspect-ratio: 2281/1080;
  position: absolute;
  left: 0;
  top: 0;
}
.section-recommend .btn-reset {
  position: absolute;
  width: 0.56rem;
  height: 0.56rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/controller-reset.avif) no-repeat;
  background-size: 100% 100%;
  left: calc(50% - 9rem);
  bottom: 1.5rem;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: auto;
  cursor: pointer;
}
.section-recommend .btn-reset:hover {
  filter: brightness(1.2);
}
.section-recommend .section-bg {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
  pointer-events: none;
}
.section-recommend .section-bg::before, .section-recommend .section-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.section-recommend .section-bg::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask-top.avif) center no-repeat, url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask-bottom.avif) center no-repeat, url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask-center.avif) center no-repeat;
  background-size: auto 100%;
}
.section-recommend .section-wrapper {
  aspect-ratio: 1700/1000;
  width: 100%;
  margin: 0 auto;
}
.section-recommend .recommend-main {
  position: absolute;
  width: 700px;
  height: 100%;
  overflow: hidden;
  transition: all 0.2s ease;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.section-recommend .recommend-main .recommend-boss-bg {
  transition: all 0.5s ease;
}
.section-recommend .section-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.section-recommend .section-wrapper::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-line.avif) center no-repeat;
  background-size: auto 100%;
  z-index: 99;
  transition: all 0.5s ease;
}
.section-recommend .page-recommend {
  width: var(--recommend-main-width);
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: calc(50% - var(--recommend-main-width) / 2);
  top: 0;
}
.section-recommend .recommend-boss .swiper-controller,
.section-recommend .recommend-boss .swiper-pagination {
  display: none;
}
.section-recommend.recommend-1 .recommend-boss {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.section-recommend.recommend-1 .swiper-controller,
.section-recommend.recommend-1 .swiper-pagination {
  display: block;
}
.section-recommend .recommend-map .map-inner,
.section-recommend .recommend-map .swiper-pagination {
  display: none;
}
.section-recommend.recommend-2 .recommend-map {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.section-recommend.recommend-2 .map-inner,
.section-recommend.recommend-2 .swiper-pagination {
  display: flex;
}
.section-recommend .recommend-gameplay .recommend-gameplay-content {
  display: none;
}
.section-recommend.recommend-3 .recommend-gameplay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.section-recommend.recommend-3 .recommend-gameplay-content {
  display: flex;
}
.section-recommend .recommend-boss::after,
.section-recommend .recommend-map::after,
.section-recommend .recommend-gameplay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
  z-index: 8;
  opacity: 1;
  transition: all 0.3s ease;
  pointer-events: none;
}
.section-recommend .recommend-boss:hover::after,
.section-recommend .recommend-map:hover::after,
.section-recommend .recommend-gameplay:hover::after {
  opacity: 0;
  pointer-events: none;
}
.section-recommend.recommend-1 .recommend-main::after, .section-recommend.recommend-2 .recommend-main::after, .section-recommend.recommend-3 .recommend-main::after {
  opacity: 0;
}
.section-recommend.recommend-1 .btn-reset, .section-recommend.recommend-2 .btn-reset, .section-recommend.recommend-3 .btn-reset {
  opacity: 1;
  visibility: visible;
}
.section-recommend.recommend-1 .recommend-inner, .section-recommend.recommend-2 .recommend-inner, .section-recommend.recommend-3 .recommend-inner {
  display: none;
}
.section-recommend.recommend-1 .section-wrapper::before, .section-recommend.recommend-2 .section-wrapper::before, .section-recommend.recommend-3 .section-wrapper::before {
  transform: translateY(-100%);
}
.recommend-boss {
  left: calc(50% - 1000px);
}
.recommend-boss-bg {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  aspect-ratio: 1700/1000;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-bg.jpg) center no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}
.recommend-boss .recommend-swiper,
.recommend-boss .swiper-inner,
.recommend-boss .swiper-inner::after,
.recommend-boss .swiper-inner::before,
.recommend-boss .swiper-item,
.recommend-boss .swiper-controller,
.recommend-boss .swiper-pagination {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--recommend-main-width);
  height: 100%;
}
.recommend-boss .swiper-item {
  top: -0.5rem;
}
.recommend-boss .recommend-swiper,
.recommend-boss .swiper-inner,
.recommend-boss .swiper-controller,
.recommend-boss .swiper-pagination {
  width: 100%;
}
.recommend-boss .swiper-inner::after {
  content: "";
  pointer-events: none;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-light.avif) center no-repeat;
  background-size: cover;
  z-index: 9;
}
.recommend-boss .swiper-inner::before,
.recommend-boss .recommend-gameplay-bg::before {
  content: "";
  pointer-events: none;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask.avif) center no-repeat;
  background-size: cover;
  z-index: 9;
}
.recommend-boss .swiper-item {
  left: calc(50% - var(--recommend-main-width) / 2);
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.1s ease;
}
.recommend-boss .swiper-item:nth-child(2) {
  margin-left: -1rem;
  margin-top: -1rem;
}
.recommend-boss .swiper-item-active {
  left: calc(50% - var(--recommend-main-width) / 2);
  transform-origin: 50% 50%;
  transform: scale(1.2);
  opacity: 1;
  z-index: 6;
  transition: all 0.5s ease;
}
.recommend-boss .swiper-item-prev,
.recommend-boss .swiper-item-next {
  left: calc(50% - var(--recommend-main-width) / 1.1);
  transform-origin: 60% 100%;
  transform: scale(0.8);
  opacity: 1;
  filter: brightness(0.5);
  transition: all 0.5s ease;
}
.recommend-boss .swiper-item-prev-2 {
  left: calc(50% - var(--recommend-main-width) / 0.5);
  transform-origin: 40% 100%;
  transform: scale(0.6);
  opacity: 0;
  filter: brightness(0.3);
  transition: all 0.5s ease;
}
.recommend-boss .swiper-item-next {
  left: calc(50% - var(--recommend-main-width) / 9.5);
  transform-origin: 60% 100%;
}
.recommend-boss .swiper-item-next-2 {
  left: 50%;
  transform-origin: 40% 100%;
  transform: scale(0.6);
  opacity: 0;
  filter: brightness(0.3);
  transition: all 0.5s ease;
}
.recommend-boss .swiper-pagination::after, .recommend-boss .swiper-pagination::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 0.2rem;
  pointer-events: none;
}
.recommend-boss .swiper-pagination::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-pagination-line-l.avif) no-repeat, url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-pagination-line-r.avif) no-repeat;
  background-size: auto 100%;
  background-position: left center, right center;
}
.recommend-boss .swiper-pagination::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-pagination-line-c.avif) repeat-x;
  background-size: auto 100%;
}
.recommend-boss .swiper-pagination-item {
  width: 4.24rem;
  height: 0.88rem;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.recommend-boss .swiper-pagination-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/boss-title-bg.avif) no-repeat;
  background-size: auto 100%;
  opacity: 0;
  transition: all 0.3s ease;
}
.recommend-boss .swiper-pagination-item .audio-button {
  position: absolute;
  left: calc(50% - 0.25rem);
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.recommend-boss .swiper-pagination-title {
  font-family: var(--font-family-title);
  font-size: 0.22rem;
  color: #b9ad85;
  text-align: center;
  margin-top: 0.45rem;
  font-weight: 100;
  letter-spacing: 0.03rem;
}
.recommend-boss .swiper-pagination-active {
  left: calc(50% - 2.12rem);
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.recommend-boss .swiper-pagination-active::after {
  opacity: 1;
}
.recommend-boss .swiper-pagination-active .swiper-pagination-title {
  font-weight: bold;
  font-size: 0.24rem;
}
.recommend-boss .swiper-pagination-active .audio-button {
  visibility: visible;
  opacity: 1;
}
.recommend-boss .swiper-pagination-prev {
  width: 2.5rem;
  left: calc(50% - 5.32rem);
  bottom: -0.08rem;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.recommend-boss .swiper-pagination-next {
  width: 2.5rem;
  left: calc(50% + 3rem);
  bottom: -0.08rem;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.recommend-boss .recommend-controller {
  left: 2rem;
  right: 2rem;
  height: 1.2rem;
  bottom: 1.5rem;
  position: absolute;
  z-index: 9;
}
.recommend-boss .controller-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 43px;
  height: 53px;
  z-index: 9;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/controller-btn.avif);
  background-size: contain;
  transition: all 0.3s ease;
}
.recommend-boss .controller-btn.next-btn {
  left: auto;
  right: 0;
  transform: rotateY(180deg);
}
.recommend-boss .controller-btn:hover {
  filter: brightness(1.2);
}
.recommend-boss .recommend-swiper-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.recommend-boss .recommend-swiper-img img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.recommend-map {
  left: calc(50% - 370px);
  overflow: hidden;
}
.recommend-map .map-swiper {
  position: absolute;
  top: 0;
  left: calc(50% - var(--recommend-main-width) / 2);
  width: var(--recommend-main-width);
  height: 100%;
}
.recommend-map .map-swiper .swiper-item:nth-child(1) .map-img {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/map-poster.avif);
  background-size: cover;
}
.recommend-map .map-swiper::before {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--recommend-main-width);
  height: 100%;
}
.recommend-map .map-swiper::before {
  content: "";
  pointer-events: none;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask.avif) center no-repeat;
  background-size: cover;
  z-index: 9;
}
.recommend-map .swiper-container .swiper-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: #000;
}
.recommend-map .swiper-container .swiper-item-active {
  opacity: 1;
  visibility: visible;
}
.recommend-map .map-img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.recommend-map .map-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommend-map .map-inner {
  width: 9.67rem;
  height: 2.62rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/map-title-bg.avif) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 1rem;
  left: calc(50% - 4.83rem);
  z-index: 9;
}
.recommend-map .main-title {
  font-family: var(--font-family-title);
  text-align: center;
  font-size: 0.28rem;
  background: linear-gradient(to bottom, #716138, #d0bf8e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: absolute;
  left: 0;
  top: 1.16rem;
  width: 100%;
}
.recommend-map .swiper-pagination {
  position: absolute;
  top: 1.7rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  gap: 0.1rem;
}
.recommend-map .swiper-pagination .swiper-pagination-item {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: linear-gradient(to bottom, #bcb641, #fff9d7);
  transform: rotate(-45deg);
  cursor: pointer;
  filter: grayscale(1) brightness(0.5);
  transition: all 0.3s ease;
}
.recommend-map .swiper-pagination .swiper-pagination-item.active {
  filter: grayscale(0);
}
.recommend-map .controller-btn {
  position: absolute;
  left: -0.5rem;
  top: 1.2rem;
  width: 43px;
  height: 53px;
  z-index: 9;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/controller-btn.avif);
  background-size: contain;
  transition: all 0.3s ease;
  cursor: pointer;
}
.recommend-map .controller-btn.next-btn {
  left: auto;
  right: -0.5rem;
  transform: rotateY(180deg);
}
.recommend-map .controller-btn:hover {
  filter: brightness(1.2);
}
.recommend-gameplay {
  left: calc(50% + 320px);
  overflow: hidden;
}
.recommend-gameplay-bg {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  aspect-ratio: 1700/1000;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/gameplay-bg.jpg) center no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}
.recommend-gameplay .recommend-gameplay-bg::before {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--recommend-main-width);
  height: 100%;
}
.recommend-gameplay .recommend-gameplay-bg::before {
  content: "";
  pointer-events: none;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-mask.avif) center no-repeat;
  background-size: cover;
  z-index: 9;
}
.recommend-gameplay .recommend-gameplay-content {
  position: absolute;
  width: 14rem;
  height: 0.76rem;
  bottom: 1.2rem;
  left: calc(50% - 7rem);
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/gameplay-main-bg.avif) no-repeat;
  background-size: auto 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.2rem;
}
.recommend-gameplay .gameplay-item {
  width: 1.6rem;
  height: 0.76rem;
  position: relative;
  cursor: pointer;
}
.recommend-gameplay .gameplay-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/gameplay-item-active.avif) no-repeat;
  background-size: 100% 100%;
  z-index: 0;
  transition: all 0.3s ease;
  opacity: 0;
}
.recommend-gameplay .gameplay-item:hover::after {
  opacity: 1;
}
.recommend-gameplay .gameplay-item:hover .gameplay-icon {
  transform: scale(1.1);
}
.recommend-gameplay .gameplay-item:hover .gameplay-title {
  background: linear-gradient(to bottom, #bcb641, #fff9d7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
}
.recommend-gameplay .gameplay-item:hover .gameplay-en {
  color: #f2af52;
}
.recommend-gameplay .gameplay-item:last-child .gameplay-icon {
  width: 1.7rem;
  height: 1.57rem;
}
.recommend-gameplay .gameplay-item:last-child .gameplay-hovertips {
  bottom: calc(100% + 1.2rem);
}
.recommend-gameplay .gameplay-item-main {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 1.6rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  z-index: 1;
}
.recommend-gameplay .gameplay-icon {
  width: 0.6rem;
  height: 0.6rem;
  transition: all 0.3s ease;
  transform-origin: 50% 100%;
}
.recommend-gameplay .gameplay-icon img {
  width: 100%;
  height: 100%;
}
.recommend-gameplay .gameplay-title {
  font-family: var(--font-family-subtitle);
  font-size: 0.2rem;
  color: #b9ad85;
  margin-top: 0.1rem;
}
.recommend-gameplay .gameplay-en {
  font-family: var(--font-family-subtitle);
  font-size: 0.14rem;
  color: #9b4e07;
  white-space: nowrap;
}
.recommend-gameplay .gameplay-hovertips {
  position: absolute;
  width: 5.5rem;
  padding-bottom: 0.4rem;
  left: calc(50% - 2.75rem);
  bottom: calc(100% + 0.5rem);
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/gameplay-panel.avif) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.recommend-gameplay .gameplay-hovertips-video {
  margin: 0.3rem 0.3rem 0.15rem;
  position: relative;
  border: 2px solid #5f4937;
}
.recommend-gameplay .gameplay-hovertips-video::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.recommend-gameplay .gameplay-hovertips-desc {
  font-size: 0.14rem;
  color: #8a8875;
  margin: 0 0.3rem;
  text-align: center;
  font-family: var(--font-family-base);
}
.recommend-inner {
  position: absolute;
  width: 4.5rem;
  height: 2.4rem;
  bottom: 0.5rem;
  left: calc(50% - 2.25rem);
  z-index: 9;
}
.recommend-inner-title {
  position: relative;
  text-align: center;
  padding-top: 0.25rem;
}
.recommend-inner-title::after {
  content: "";
  position: absolute;
  left: calc(50% - 1.22rem);
  top: 0;
  width: 2.44rem;
  height: 1.03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/recommend-title-bg.avif) no-repeat;
  background-size: 100% 100%;
}
.recommend-inner-title span {
  font-family: var(--font-family-title);
  font-size: 0.38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/recommend/title-linear.avif) repeat-x;
  background-size: auto 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.recommend-inner-desc {
  font-family: var(--font-family-base);
  padding-top: 0.4rem;
  text-align: center;
  font-size: 22px;
  color: #807c79;
  line-height: 1.8;
  white-space: nowrap;
}
/* 入场动画 */
.gameplay-video-fade-enter-active,
.gameplay-video-fade-leave-active {
  transition: opacity 0.3s;
}
.gameplay-video-fade-enter-from,
.gameplay-video-fade-leave-to {
  opacity: 0;
}
.gameplay-video-fade-enter-to,
.gameplay-video-fade-leave-from {
  opacity: 1;
}
@media (min-height: 1200px) and (max-height: 1300px) {
.section-recommend {
    --recommend-main-width: 2000px;
}
.section-recommend {
    height: 1300px;
}
.section-recommend .recommend-main {
    width: 650px;
}
.recommend-boss {
    left: calc(50% - 1000px);
}
.recommend-inner-desc {
    font-size: 0.18rem;
    line-height: 1.8;
}
.recommend-map {
    left: calc(50% - 320px);
}
.recommend-gameplay {
    left: calc(50% + 350px);
}
}
@media (max-height: 1200px) {
.section-recommend {
    --recommend-main-width: 1800px;
}
.section-recommend {
    height: 1200px;
}
.section-recommend .recommend-main {
    width: 550px;
}
.recommend-boss {
    left: calc(50% - 900px);
}
.recommend-inner-desc {
    font-size: 0.18rem;
    line-height: 1.8;
}
.recommend-map {
    left: calc(50% - 280px);
}
.recommend-gameplay {
    left: calc(50% + 350px);
}
}
@media (max-height: 1100px) {
.section-recommend {
    --recommend-main-width: 1800px;
}
.section-recommend {
    height: 1100px;
}
.section-recommend .recommend-main {
    width: 550px;
}
.recommend-boss {
    left: calc(50% - 850px);
}
.recommend-inner-desc {
    font-size: 0.18rem;
    line-height: 1.8;
}
.recommend-map {
    left: calc(50% - 270px);
}
.recommend-gameplay {
    left: calc(50% + 300px);
}
}
@media (max-height: 900px) {
.section-recommend {
    --recommend-main-width: 1600px;
    height: 900px;
}
.recommend-boss {
    left: calc(50% - 780px);
    width: 1000px;
}
.recommend-inner-desc {
    font-size: 0.18rem;
    line-height: 1.8;
}
.recommend-map {
    left: calc(50% - 280px);
}
.recommend-gameplay {
    left: calc(50% + 200px);
}
}
.section-activity-customize {
  height: 100%;
}
.section-activity-customize-inner {
  height: 100%;
  position: relative;
}
.activity-customize-details {
  width: 12.8rem;
  width: 11.4rem;
  aspect-ratio: 1328/687;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, 0, 0);
  margin-top: -2.7rem;
}
.activity-customize-details-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/base-plate-bg.avif) center no-repeat;
  background-size: 100% 100%;
  z-index: 0;
}
.activity-customize-title {
  width: 50%;
  aspect-ratio: 689/176;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/headline-text.png) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -78%, 0);
  pointer-events: none;
}
.activity-customize-details-inner {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0.49rem 0.79rem 0.42rem 0.79rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s linear;
  pointer-events: none;
}
.activity-customize-details-inner.current {
  opacity: 1;
  pointer-events: all;
}
.activity-advertising-box,
.activity-gift-list {
  position: relative;
}
.activity-advertising-box::before,
.activity-gift-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activity-customize-view {
  width: 100%;
  height: 100%;
  position: relative;
}
.activity-customize-view::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/advertising-image-border-bg.png) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.activity-customize-view-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-customize-column {
  position: absolute;
  left: 0.79rem;
  right: 0.79rem;
  bottom: 0.42rem;
  width: auto;
  height: 1.52rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/column-bg.png) center no-repeat;
  background-size: 100% auto;
  background-position: 50% 100%;
  z-index: 1;
  padding: 0.7rem 0 0 0;
  box-sizing: border-box;
}
.activity-customize-column-title {
  text-shadow: 0 0 0.08rem #000;
  font-family: var(--font-family-title);
  font-size: 0.28rem;
  font-weight: 400;
  color: #d8c791;
  text-align: center;
  margin-bottom: 0.06rem;
}
.activity-customize-column-desc {
  color: #8a8875;
  font-family: var(--font-family-base);
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.23rem;
  letter-spacing: 0.018rem;
  text-align: center;
}
.tab-customize-list {
  width: 7.68rem;
  height: 0.55rem;
  position: absolute;
  left: 50%;
  margin-left: -3.84rem;
  bottom: -0.55rem;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 0 0.59rem;
  justify-content: center;
  box-sizing: border-box;
}
.tab-customize-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/tab-customize-bg.png) center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.tab-customize-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-right: 0.54rem;
  cursor: pointer;
}
.tab-customize-item:last-child {
  margin-right: 0;
}
.tab-customize-item:hover .tab-customize-item-text, .tab-customize-item.cur .tab-customize-item-text {
  color: #b9ad85;
}
.tab-customize-item:hover .tab-customize-item-icon::before, .tab-customize-item.cur .tab-customize-item-icon::before {
  opacity: 0;
}
.tab-customize-item:hover .tab-customize-item-icon::after, .tab-customize-item.cur .tab-customize-item-icon::after {
  opacity: 1;
}
.tab-customize-item-icon {
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  position: relative;
}
.tab-customize-item-icon::before, .tab-customize-item-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
}
.tab-customize-item-icon::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/tab-customize-icon-normal.png) center no-repeat;
  background-size: 100% auto;
}
.tab-customize-item-icon::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/tab-customize-icon-cur.png) center no-repeat;
  background-size: 100% auto;
  opacity: 0;
}
.tab-customize-item-text {
  color: rgba(185, 173, 133, 0.5);
  font-family: var(--font-family-title);
  font-size: 0.2rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  margin-left: 0.03rem;
  transition: color 0.2s ease;
}
.section-activity-customize-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%), url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/bg/bg-customize.avif") center no-repeat;
  background-size: cover;
  z-index: -1;
}
.activity-customize-door {
  width: 5.73rem;
  height: 9.02rem;
  position: absolute;
  left: 50%;
  top: 2rem;
  margin-left: -2.86rem;
  opacity: 0;
  display: none;
}
.activity-customize-door-left,
.activity-customize-door-right {
  width: 2.86rem;
  height: 9.01rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/door.avif) center no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: -2;
}
.activity-customize-door-right {
  transform: rotateY(160deg);
}
.activity-customize-circle {
  min-width: 3.1rem;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -1.55rem;
  top: calc(50% - 1.55rem);
  z-index: 2;
}
.activity-customize-circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/round-shadow-bg.png) center no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.activity-customize-circle-outer {
  width: 3.02rem;
  height: 3.02rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.51rem;
  margin-top: -1.51rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/outer-circle-bg.avif) center no-repeat;
  background-size: 100% 100%;
}
.activity-customize-circle-square {
  width: 3.38rem;
  height: 3.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.69rem;
  margin-top: -1.7rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/medium-square-bg.avif) center no-repeat;
  background-size: 100% 100%;
}
.activity-customize-circle-outer-left,
.activity-customize-circle-outer-right {
  width: 0.95rem;
  height: 1.9rem;
  position: absolute;
  top: 50%;
  margin-top: -0.95rem;
  right: -0.05rem;
  z-index: 3;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/inner-circle-bg.png) center no-repeat;
  background-size: 100% 100%;
}
.activity-customize-circle-square-left,
.activity-customize-circle-square-right {
  width: 1.69rem;
  height: 3.4rem;
  position: absolute;
  top: calc(50% - 1.7rem);
  right: -0.05rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/customize/medium-square-bg.avif) left no-repeat;
  background-size: auto 100%;
  z-index: 2;
}
html {
  height: initial;
  position: relative;
}
body {
  height: initial;
  position: relative;
}
@media (min-height: 1280px) {
.section-recommend {
    --recommend-main-width: 2000px;
}
.section-recommend .page-recommend {
    left: 0;
    right: 0;
    width: auto;
}
.recommend-boss {
    left: calc(50% - 1100px);
}
.recommend-map {
    left: calc(50% - 370px);
}
.recommend-gameplay {
    left: calc(50% + 380px);
}
}
@media (min-width: 1920px) {
.recommend-boss .swiper-pagination-prev {
    left: calc(50% - 600px);
}
.recommend-boss .swiper-pagination-next {
    left: calc(50% + 340px);
}
.recommend-boss .recommend-controller {
    left: 250px;
    right: 250px;
}
}
@media (max-width: 1600px) {
html {
    font-size: 83.333333px !important;
}
body {
    overflow: auto;
}
.frame-wrap {
    overflow: visible;
}
.page-section {
    position: relative;
    opacity: 1 !important;
    aspect-ratio: 1920/1080;
    height: auto;
    min-height: 780px;
}
.frame-page .music-button-box {
    z-index: 600;
}
.section-client-border {
    position: absolute;
    inset: 0;
    z-index: 500;
    pointer-events: none;
}
.section-client-border::before {
    content: "";
    position: absolute;
    height: 0.92rem;
    left: 0;
    right: 0;
    background-image: url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/client/client-bg-r.png"), url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/client/client-bg-t.png"), url("//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/client/client-bg-tr.png");
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-size: auto 0.92rem, 2.54rem 0.92rem, 2.54rem 0.92rem;
    background-position: 0 0, 0 0, 100% 0;
}
.section-kv .section-client-border {
    opacity: 0;
}
.section-recommend {
    --recommend-main-width: 1500px;
    height: 960px;
    top: inherit;
    bottom: 0;
}
.section-recommend .recommend-main {
    width: 500px;
}
.recommend-inner-desc {
    font-size: 16px;
    line-height: 1.8;
}
.recommend-boss {
    left: calc(50% - 750px);
}
.recommend-map {
    left: calc(50% - 255px);
}
.recommend-gameplay {
    left: calc(50% + 250px);
}
.section-recommend .btn-reset {
    left: 1rem;
}
.floating-video-module {
    position: absolute;
    top: calc(100vh - 3.16rem);
    bottom: inherit;
}
}
@media (max-width: 1400px) {
.section-recommend {
    --recommend-main-width: 1400px;
    height: 700px;
    top: inherit;
    bottom: 0;
}
.section-recommend .recommend-main {
    width: 450px;
}
.recommend-boss {
    left: calc(50% - 640px);
}
.recommend-map {
    left: calc(50% - 230px);
}
.recommend-gameplay {
    left: calc(50% + 190px);
}
.section-recommend .gameplay-hovertips {
    width: 4rem;
    left: calc(50% - 2rem);
}
}
@media (max-width: 1200px) {
.section-recommend {
    --recommend-main-width: 1200px;
    height: 700px;
    min-height: 700px;
    top: inherit;
    bottom: 0;
}
.section-recommend .recommend-main {
    width: 350px;
}
.section-recommend .gameplay-hovertips {
    width: 3.5rem;
    left: calc(50% - 1.75rem);
}
.recommend-boss {
    left: calc(50% - 540px);
}
.recommend-map {
    left: calc(50% - 175px);
}
.recommend-gameplay {
    left: calc(50% + 190px);
}
.recommend-inner-desc {
    font-size: 14px;
    line-height: 1.8;
}
.recommend-inner-title {
    transform: scale(0.8);
    transform-origin: 50% 100%;
}
}
@media screen and (min-aspect-ratio: 16/9) and (max-height: 1300px) {
html {
    font-size: 11.1111111111vh !important;
}
}
.music-button-box {
  width: 0.63rem;
  height: 1.02rem;
  position: fixed;
  right: 0;
  bottom: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/music-switch-img.png) center no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 61;
  transition: filter 0.2s ease;
}
.music-button-box:hover {
  filter: brightness(1.25);
}
.music-button-box.status-close .music-button-box-btn::before {
  opacity: 0;
  animation: none;
}
.music-button-box.status-close .music-button-box-btn::after {
  opacity: 1;
}
.music-button-box-btn {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0.38rem;
  left: 0.08rem;
}
.music-button-box-btn::before, .music-button-box-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.music-button-box-btn::before {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/music-switch-on.png) center no-repeat;
  background-size: 100% 100%;
  animation: musicLoop 10s linear infinite;
}
.music-button-box-btn::after {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/collection/music-switch-off.png) center no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}
@keyframes musicLoop {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.popup-fade-enter-active,
.popup-fade-leave-active {
  transition: opacity 0.3s;
}
.popup-fade-enter-from,
.popup-fade-leave-to {
  opacity: 0;
}
.fpopup-ade-enter-to,
.popup-fade-leave-from {
  opacity: 1;
}
.popup-video .popup-close {
  right: 0.4rem;
  top: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/button/button-close.avif);
  background-size: 100% 100%;
}
.popup-video .popup-close::after, .popup-video .popup-close::before {
  display: none;
}
.popup-video .popup-close:hover {
  filter: brightness(1.2);
}
.popup-video-main {
  width: 11rem;
  height: 6.5rem;
  position: absolute;
  left: calc(50% - 5.5rem);
  top: calc(50% - 3.25rem);
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/popup/pop-video-bg.avif);
  background-size: 100% 100%;
}
.popup-video-inner {
  margin: 0.65rem 0.6rem 0 0.6rem;
}
.popup-video-player {
  width: 7.8rem;
  height: 4.44rem;
  position: relative;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/popup/pop-video-main.avif);
  background-size: 100% 100%;
  padding: 0.08rem 0.1rem;
}
.popup-video-title {
  font-family: var(--font-family-base);
  color: #f1e4c2;
  font-size: 0.2rem;
  padding: 0.2rem 0 0 0.1rem;
}
.popup-video-desc {
  font-family: var(--font-family-base);
  color: #b9ad85;
  font-size: 0.16rem;
  padding: 0.1rem 0 0 0.1rem;
}
.popup-video-list {
  position: absolute;
  width: 2.08rem;
  top: 0.7rem;
  right: 0.35rem;
  height: 4.2rem;
}
.popup-video-item {
  width: 100%;
  height: 1.38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/popup/pop-video-item.avif);
  background-size: 100% 100%;
  cursor: pointer;
  margin-bottom: 0.1rem;
}
.popup-video-item:hover, .popup-video-item.active {
  background: url(//wegame.gtimg.com/tgp_act/release/release/poe20250911/images/popup/pop-video-item-hover.avif);
  background-size: 100% 100%;
}
.popup-video-item-title {
  font-size: 0.14rem;
  height: 0.25rem;
  line-height: 0.25rem;
  text-indent: 0.1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #f1e4c2;
  font-family: var(--font-family-base);
}
.popup-video-item-poster {
  height: 1.1rem;
  margin: 0 0.05rem;
}
.popup-video-item-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.audio-control-panel {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  border-radius: 8px;
  z-index: 1000;
  min-width: 300px;
  font-size: 14px;
}
.audio-control-panel h3 {
  margin: 0 0 15px 0;
  color: #fff;
  font-size: 16px;
}
.audio-control-panel .control-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.audio-control-panel .control-group button {
  padding: 8px 12px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.audio-control-panel .control-group button:hover {
  background: #0056b3;
}
.audio-control-panel .control-group button:active {
  transform: translateY(1px);
}
.audio-control-panel .volume-controls {
  margin-bottom: 20px;
}
.audio-control-panel .volume-controls label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.audio-control-panel .volume-controls input[type=range] {
  width: 100%;
  margin-bottom: 15px;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 3px;
  background: #ddd;
  outline: none;
}
.audio-control-panel .volume-controls input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
}
.audio-control-panel .volume-controls input[type=range]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
  border: none;
}
.audio-control-panel .audio-status p {
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.4;
}
.audio-control-panel .audio-status p.error {
  color: #ff6b6b;
  font-weight: 500;
}