/* reset */
* { box-sizing: border-box; }

::before, ::after { pointer-events: none; }

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

a, img, input { border: none; }

a { text-decoration: none; }

ul, li { list-style: none; }

html { font-size: 0.5px; font-family: "Microsoft YaHei"; overflow-x: hidden; }

html, body { overflow-x: hidden !important; }

body { display: flex; flex-direction: column; align-items: center; background-color: #000; }

audio { display: none; }

@font-face { font-family: "song"; src: url(song.woff2); }

@keyframes upDown { 0% { transform: translateY(0); }
  50% { transform: translateY(-10rem); }
  100% { transform: translateY(0); } }

@keyframes rotate { from { transform: rotate(360deg); }
  to { transform: rotate(0deg); } }

@keyframes scale { 0%, 100% { transform: scale(0.9); }
  50% { transform: scale(1.1); } }

.ingame { width: 1024px; height: 768px; font-size: 0.26px; }

.ingame .main { padding-left: 675rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/ingame.jpg); }

.ingame .yuyue { transform: scale(1.4); transform-origin: top center; }

.ingame .dia-copy-btn-dowload { display: none; }

.ingame .dia-intro p { font-size: 40rem; }

.ingame .dia { width: 1024px; height: 768px; position: absolute !important; }

.ingame .dia-box { transform: scale(1.5) translate(-10%, -50%); }

.ingame .dia-890 { transform: scale(1.2) translate(-25%, -50%); }

.ingame .dia-767 { transform: scale(1) translate(-36%, -50%); }

.ingame .dialogue-intro p, .ingame .answer-intro p, .ingame .option-intro p, .ingame .option-item li { font-size: 40rem; }

.ingame .answer-swiper .swiper-slide a { font-size: 34rem; }

.mobile { font-size: calc(150vw / 3840); }

.mobile .dia-767 { width: 1450rem; height: 767rem; top: 45%; }

.mobile .dia-copy-share-code .yyyj { top: -40%; font-size: 28rem; }

.mobile .dia-copy-share-code { width: 150rem; height: 150rem; }

.mobile .dia-copy-share-title { bottom: 50rem; }

.mobile .dia-copy-share-title i { width: 100rem; height: 100rem; }

.mobile .dia-copy-btn-dowload:before { display: none; }

.main { display: flex; flex-direction: column; align-items: center; width: 3840rem; height: 2880rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/main.jpg) no-repeat center/cover; position: relative; }

.kv { display: flex; justify-content: flex-end; align-items: flex-end; width: 2410rem; height: 800rem; padding-bottom: 5rem; }

.kv-login { font-size: 30rem; color: #fff; font-family: "song"; }

.kv-login a { color: #fff; }

.yuyue { display: flex; flex-direction: column; align-items: center; width: 1636rem; height: 638rem; font-family: "song"; padding: 40rem 0; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/yuyue.png) no-repeat center/cover; margin-top: 50rem; }

.yuyue-intro { display: flex; font-size: 48rem; color: #c0ae89; }

.yuyue-intro span { font-size: 56rem; }

.yuyue-intro a { margin-left: 120rem; }

.yuyue-item { display: flex; flex-direction: column; margin-bottom: 10rem; }

.yuyue-item li { display: flex; align-items: center; margin: 10rem 0; }

.yuyue-item label { width: 8em; font-size: 40rem; color: #fff; }

.yuyue-item input { width: 480rem; height: 80rem; font-size: 40rem; color: #fff; padding: 0 20rem; border: 2rem solid #676562; border-radius: 10rem; background: #1b1c24; outline: none; }

.yuyue-item a { width: 260rem; height: 80rem; font-size: 40rem; color: #463c2b; border: 2rem solid #676562; border-radius: 10rem; background: #c0ae89 !important; margin-left: 20rem; }

.yuyue-reward { display: flex; }

.yuyue-reward li { display: flex; flex-direction: column; align-items: center; margin: 0 20rem; }

.yuyue-reward div { display: flex; justify-content: center; align-items: center; width: 600rem; height: 185rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/yuyue-reward.png) no-repeat center/cover; margin-bottom: 10rem; }

.yuyue-reward img { width: 100%; height: 100%; object-fit: contain; }

.yuyue a { display: flex; justify-content: center; align-items: center; width: 288rem; height: 72rem; font-size: 40rem; color: #463c2b; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/page-144-36.png) no-repeat center/cover; }

.yuyue a.gray { filter: grayscale(100%); pointer-events: none; }

.wrap { width: 2440rem; height: 1080rem; font-family: "song"; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap.jpg) no-repeat center/cover; position: relative; }

.wrap:after { content: ""; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-after.png) no-repeat center/100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; }

@supports (background-clip: text) { .wrap .clipText { background-image: linear-gradient(to right, #e0d9cc, #eae3c0); background-image: url("//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-value.jpg"), linear-gradient(to right, #e0d9cc, #eae3c0); -webkit-background-clip: text; color: transparent; } }

.wrap-head { display: flex; justify-content: space-between; width: 100%; position: absolute; top: 10rem; z-index: 11; }

.wrap-right { display: flex; flex-direction: column; align-items: flex-end; position: absolute; top: 0; right: 100rem; }

.wrap-login { font-size: 30rem; color: #e0d9cc; }

.wrap-login a { color: #e0d9cc; }

.wrap-music { display: flex; justify-content: center; align-items: center; width: 72rem; height: 54rem; position: relative; z-index: 2; margin-top: 20rem; }

.wrap-music:before, .wrap-music:after { content: ""; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-music-before.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; margin: -27rem 0 0 -36rem; }

.wrap-music:after { background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-music-after.png); }

.wrap-music.playing:before { animation: rotate 3s linear infinite; }

.wrap-xjy { display: flex; justify-content: center; align-items: center; width: 72rem; height: 54rem; position: relative; opacity: 0; transition: all 1s ease; pointer-events: none; margin: 50rem -10rem 0 0; }

.wrap-xjy:before, .wrap-xjy:after { content: ""; width: 396rem; height: 406rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-xjy-before.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 1s ease; }

.wrap-xjy:after { background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-xjy-after.png); opacity: 0; transition: all 1s ease; }

.wrap-xjy.show { opacity: 1; }

.wrap-xjy.show:before { opacity: 0.5; }

.wrap-xjy.active:before { opacity: 1; }

.wrap-xjy.green:after { opacity: 1; }

.wrap-bg, .wrap-image { width: 100%; height: 100%; position: absolute; pointer-events: none; z-index: 2; }

.wrap-bg img, .wrap-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: all 1.2s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: top right; }

.wrap-bg img.active, .wrap-image img.active { opacity: 1; }

.wrap-image img { width: 80%; height: 80%; object-fit: contain; top: 40%; }

.wrap-image img.big { width: 100%; height: 100%; object-fit: contain; top: 50%; }

.page { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: all 0.6s; }

.page.active { opacity: 1; pointer-events: auto; z-index: 3; }

.page-btn { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; }

.page-btn.gray { filter: grayscale(100%); pointer-events: none; }

.page-177-36 { width: 144rem; height: 36rem; font-size: 34rem; color: #463c2b; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/page-144-36.png); }

.page-306-72 { width: 306rem; height: 72rem; font-size: 34rem; color: #463c2b; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/page-306-72.png); }

.page-404-94 { width: 404rem; height: 94rem; font-size: 38rem; color: #463c2b; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/page-404-94.png); }

.loading { padding-top: 15%; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading.jpg); }

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

.loading-speed { display: flex; width: 1362rem; height: 42rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-speed.png) no-repeat center/cover; position: relative; }

.loading-speed:after { content: ""; width: 1410rem; height: 66rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-speed-after.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.loading-line { display: flex; max-width: 100%; min-width: 8%; width: 0%; height: 100%; border-radius: 42rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-line.jpg) no-repeat left center/auto 100%; position: relative; transition: all 0.6s; }

.loading-line:after { content: ""; width: 556rem; height: 384rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-line-after.png) no-repeat center/cover; position: absolute; top: 50%; right: 0; transform: translate(25%, -50%); z-index: 3; }

.loading-value { font-size: 60rem; color: #eae3c0; margin-top: 70rem; }

.home { background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/home.jpg); justify-content: flex-end; padding-bottom: 100rem; }

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

.home-slogan { display: flex; width: 1616rem; height: 706rem; position: relative; }

.home-slogan:before { content: ""; width: 100%; height: 100%; z-index: 2; }

.home-play { width: 544rem; height: 126rem; text-indent: -9999rem; overflow: hidden; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/home-play.png) no-repeat center/cover; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.dialogue-box { flex: auto; display: flex; flex-direction: column; align-items: center; padding-bottom: 100rem; position: relative; z-index: 2; }

.dialogue-con { flex: auto; }

.dialogue-intro { display: flex; justify-content: center; align-items: center; width: 1748rem; height: 366rem; padding: 60rem 150rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dialogue-intro.png) no-repeat center/cover; position: relative; }

.dialogue-intro div { width: 100%; }

.dialogue-intro p { font-size: 34rem; color: #eae3c0; }

.dialogue-intro span { opacity: 0; transition: all 0.3s; }

.dialogue-intro span.active { opacity: 1; }

.dialogue-intro-next { width: 46rem; height: 44rem; text-indent: -9999rem; overflow: hidden; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dialogue-intro-next.png) no-repeat center/cover; position: absolute; right: 120rem; bottom: 60rem; opacity: 0; transition: opacity 0.6s; animation: upDown 1.5s ease-in-out infinite; }

.dialogue-intro-next.active { opacity: 1; }

.dialogue-circle { width: 200rem; height: 200rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/circle.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; margin: -100rem 0 0 -100rem; cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.6s; }

.dialogue-circle.active { opacity: 1; pointer-events: auto; animation: scale 1.5s linear infinite; }

.answer { padding-bottom: 100rem; }

.answer-box { flex: auto; display: flex; flex-direction: column; align-items: center; }

.answer-swiper { flex: auto; display: flex; align-items: center; }

.answer-swiper .swiper { width: 1400rem; height: 340rem; }

.answer-swiper .swiper-wrapper { flex-wrap: wrap; }

.answer-swiper .swiper-slide { display: flex; justify-content: center; align-items: center; height: 170rem; }

.answer-swiper .swiper-slide a { display: flex; justify-content: center; align-items: center; width: 640rem; height: 140rem; font-size: 30rem; color: #eae3c0; line-height: 1.2; padding: 0 70rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer.png) no-repeat center/cover; }

.answer-swiper.default .swiper { width: 1400rem; height: auto; }

.answer-swiper.default .swiper-wrapper { display: flex; flex-direction: column; align-items: center; }

.answer-swiper.default .answer-prev, .answer-swiper.default .answer-next { opacity: 0; pointer-events: none; }

.answer-swiper.auto .swiper-wrapper { flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 1400rem; }

.answer-swiper.auto .answer-prev, .answer-swiper.auto .answer-next { opacity: 0; pointer-events: none; }

.answer-prev, .answer-next { width: 81rem; height: 81rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-prev.png) no-repeat center/cover; }

.answer-prev.swiper-button-disabled, .answer-next.swiper-button-disabled { opacity: 0.5; pointer-events: none; }

.answer-next { transform: rotate(180deg); }

.answer-intro { display: flex; justify-content: center; align-items: center; width: 1748rem; height: 366rem; padding: 60rem 150rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dialogue-intro.png) no-repeat center/cover; position: relative; }

.answer-intro div { width: 100%; }

.answer-intro p { font-size: 34rem; color: #eae3c0; }

.answer-intro span { opacity: 0; transition: all 0.3s; }

.answer-intro span.active { opacity: 1; }

.answer-intro-next { width: 46rem; height: 44rem; text-indent: -9999rem; overflow: hidden; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dialogue-intro-next.png) no-repeat center/cover; position: absolute; right: 120rem; bottom: 60rem; opacity: 0; transition: opacity 0.6s; animation: upDown 1.5s ease-in-out infinite; }

.answer-intro-next.active { opacity: 1; }

.video-box { display: flex; width: 100%; height: 100%; }

.video-box video { width: 100%; height: 100%; object-fit: cover; }

.video-box a { display: flex; justify-content: center; align-items: center; width: 86rem; height: 64rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/video.png) no-repeat center/cover; position: absolute; right: 100rem; bottom: 100rem; }

.video-box a:after { content: ""; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/video-after.png) no-repeat center/cover; animation: rotate 5s linear infinite; }

.option-box { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150rem 120rem; width: 1262rem; height: 858rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/option-box.png) no-repeat center/cover; }

.option-intro { font-size: 34rem; color: #eae3c0; }

.option-intro span { opacity: 0; transition: all 0.3s; }

.option-intro span.active { opacity: 1; }

.option-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; width: 964rem; height: 400rem; margin-top: 80rem; }

.option-item li { display: flex; justify-content: center; align-items: center; width: 282rem; height: 108rem; font-size: 34rem; color: #eae3c0; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/option-item.png) no-repeat center/cover; cursor: pointer; }

.option-item li:nth-child(1), .option-item li:nth-child(3) { transform: translate(0, 50rem); }

.option-item li:nth-child(4), .option-item li:nth-child(6) { transform: translate(50rem, -80rem); }

.option-item li:nth-child(6) { transform: translate(-50rem, -80rem); }

.card { padding-bottom: 100rem; }

.card-box { flex: auto; display: flex; flex-direction: column; align-items: center; width: 100%; }

.card-list { flex: auto; display: flex; width: 100%; position: relative; }

.card-list li { display: flex; width: 150rem; height: 265rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/card.jpg) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: -15% 600%; transition: transform 1s,
 top 1s; font-size: 20rem; color: #e0d9cc; }

.card-list li.hide { opacity: 0; pointer-events: none; }

.card-item { display: flex; }

.card-item li { display: flex; justify-content: center; align-items: center; width: 254rem; height: 428rem; font-size: 30rem; color: #e0d9cc; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/card.png) no-repeat center/cover; margin: 0 60rem; }

.card-item li img { width: 86%; height: auto; object-fit: contain; }

.card-icon { display: flex; justify-content: center; align-items: center; width: 254rem; height: 449rem; position: absolute; top: 50%; left: 50%; margin: -183rem 0 0 -127rem; opacity: 0; pointer-events: none; transform-style: preserve-3d; transform: rotateY(0deg); transition: transform 1.5s ease,
 opacity 1s ease; }

.card-icon:before { content: ""; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/card1.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.card-icon img { width: 100%; height: 100%; object-fit: cover; transform: rotateY(180deg) translateZ(1px); }

.card-flipped { transform: rotateY(180deg); opacity: 1; }

.result-box { width: 100%; height: 100%; }

.result-info { display: flex; flex-direction: column; align-items: center; width: 1300rem; }

.result-title { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 60rem; color: #eae3c0; margin-bottom: 0; line-height: normal; }

.result-title i { content: ""; width: 102rem; height: 78rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-title-before.png) no-repeat center/cover; margin: 0 15rem; }

.result-title i:last-child { transform: rotate(180deg); }

.result-canvas { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

.result-swipers { width: 100%; height: 100%; position: relative; }

.result-swipers > .swiper { width: 100%; height: 100%; }

.result-swipers > .swiper > .swiper-wrapper > .swiper-slide { display: flex; align-items: center; justify-content: center; }

.result-swipers > .swiper > .swiper-wrapper > .swiper-slide:nth-child(2) { flex-direction: column; }

.result-swipers .end-prev { width: 81rem; height: 81rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-prev.png) no-repeat center/cover; position: absolute; top: 50%; left: 6%; z-index: 99999; }

.result-swipers .end-next { width: 81rem; height: 81rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-prev.png) no-repeat center/cover; position: absolute; transform: rotate(180deg); top: 50%; right: 6%; z-index: 99999; }

.result-awared { font-size: 20rem; color: #ffffff; }

.result-ul { margin-top: 60rem; }

.result-li { position: relative; margin-bottom: 10rem; display: flex; flex-direction: column; align-items: flex-start; }

.result-litterText { background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-title.png) no-repeat bottom center/auto 24rem; font-size: 28rem; color: #979584; display: flex; justify-content: center; align-items: center; width: 100%; }

.result-text { width: 970rem; font-size: 36rem; color: #c0ae89; padding: 15rem 30rem; background-color: #1d1e27; margin: 10rem 0; }

.result-item { display: flex; justify-content: center; align-items: center; width: 1070rem; height: 506rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-item.png) no-repeat center/cover; }

.result-item li { display: flex; flex-direction: column; align-items: center; margin: 0 6rem; }

.result-item div { display: flex; justify-content: center; align-items: center; width: 214rem; height: 214rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-item-icon.png) no-repeat center/cover; }

.result-item img { width: 100%; height: 100%; object-fit: contain; }

.result-item p { font-size: 26rem; color: #eae3c0; text-align: center; }

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

.result-get { margin: 8rem 0 0; }

.result-share { display: flex; align-items: center; font-size: 30rem; color: #eae3c0; }

.result-share:before { content: ""; width: 42rem; height: 32rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-share.png) no-repeat center/cover; margin: 4rem 10rem 0; }

.result-image { position: relative; margin-left: 50rem; }

.result-image-box { margin-left: 60rem; }

.result-image-box img { width: 360rem; height: 637rem; object-fit: contain; }

.result-swiper { display: flex; align-items: center; width: 500rem; height: 770rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-swiper.jpg) no-repeat center/cover; }

.result-swiper .swiper-slide { display: flex; justify-content: flex-start; align-items: center; height: 100%; padding: 0 20rem; opacity: 0 !important; }

.result-swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; }

.result-swiper .swiper-slide .img { width: 410rem; height: auto; transform: rotate(0deg); transition: transform 0.5s ease; }

.result-swiper .swiper-slide .card-flip { transform: rotateY(360deg); }

.result-swiper .swiper-slide a { display: flex; justify-content: center; align-items: center; width: 640rem; height: 140rem; font-size: 30rem; color: #eae3c0; line-height: 1.2; padding: 0 70rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer.png) no-repeat center/cover; }

.result-prev, .result-next { width: 81rem; height: 81rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-prev.png) no-repeat center/cover; position: absolute; }

.result-prev.swiper-button-disabled, .result-next.swiper-button-disabled { opacity: 0.5; pointer-events: none; }

.result-prev { top: 42%; left: -27%; }

.result-next { top: 42%; right: -27%; transform: rotate(180deg); }

.result-btn-box { display: flex; flex-direction: row; justify-content: flex-start; opacity: 0; pointer-events: none; transition: all 0.6s; margin-top: 10rem; }

.result-btn-box.active { opacity: 1; pointer-events: auto; }

.result-a-btn { background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-a-btn.png) no-repeat center/cover; width: 302rem; height: 76rem; display: flex; justify-content: center; align-items: center; font-size: 30rem; margin: 0 5rem; color: #463c2b; }

.result-video { position: relative; margin-left: 15%; }

.result-video::after { position: absolute; content: ""; width: 37rem; height: 37rem; top: 6rem; left: -42rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/video-icon.png) no-repeat center/cover; }

.result-change { position: relative; margin-left: 15%; }

.result-change::after { position: absolute; content: ""; width: 37rem; height: 32rem; top: 9rem; left: -42rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/change-icon.png) no-repeat center/cover; }

.dia { width: 100%; height: 100%; font-family: "song"; margin: 0 !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; }

.dia-btn { display: flex; }

.dia-btn a { margin: 0 10rem; }

.dia-box { display: flex; flex-direction: column; align-items: center; width: 860rem; padding: 60rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dia-close { width: 42rem; height: 42rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-close.png) no-repeat center/cover; position: absolute; top: -20rem; right: -40rem; }

.dia-890 { width: 1748rem; height: 890rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-890.png); }

.dia-588 { height: 588rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-588.png); }

.dia-589 { width: 1720rem; height: 1422rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-589.png); }

.dia-767 { width: 2400rem; height: 1270rem; padding: 0; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-767.png); }

.dia-title { display: flex; align-items: center; }

.dia-title:before, .dia-title:after { content: ""; width: 80rem; height: 30rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-title.png) no-repeat center/cover; margin: 0 10rem; }

.dia-title:after { transform: rotate(180deg); }

.dia-title span { font-size: 50rem; color: #c0ae89; }

@supports (background-clip: text) { .dia-title span { background-image: linear-gradient(to bottom, #c0ae89, #e0d9cc); -webkit-background-clip: text; background-clip: text; color: transparent; } }

.dia-auto { flex: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.dia-intro p { max-width: 650rem; font-size: 26rem; color: #c0ae89; }

.dia-review-title { width: 1458rem; padding-bottom: 40rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-review.png) no-repeat bottom center/100% 34rem; }

.dia-review-title span { font-size: 50rem; color: #c0ae89; }

@supports (background-clip: text) { .dia-review-title span { background-image: linear-gradient(to bottom, #c0ae89, #e0d9cc); -webkit-background-clip: text; background-clip: text; color: transparent; } }

.dia-review-box { flex: auto; height: 1rem; font-size: 36rem; color: #c0ae89; overflow-y: auto; overflow-x: hidden; }

.dia-review-box::-webkit-scrollbar { width: 2rem; }

.dia-review-box::-webkit-scrollbar-track { background-color: #463c2b; }

.dia-review-box::-webkit-scrollbar-thumb { background-color: #eae3c0; }

.dia-review-box div { flex: none; margin: 15rem 0; }

.dia-review-box p { padding: 5rem 0; }

.dia-cont { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }

.dia-copy { width: 100%; height: 100%; }

.dia-copy-img { width: 100%; height: auto; }

.dia-copy-share-title { position: absolute; left: 45%; bottom: 90rem; font-size: 30rem; color: #c0ae89; display: flex; align-items: center; }

.dia-copy-share-title i { width: 200rem; height: 200rem; position: relative; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-copy-tips.png) no-repeat center/cover; margin-left: 20rem; }

.dia-copy-share-title i.active { background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-copy-active.png); }

.dia-copy-share-code { position: absolute; right: 4%; bottom: 10%; width: 236rem; height: 236rem; border: #ffffff solid 2rem; padding-bottom: 20rem; display: flex; align-items: flex-end; justify-content: center; }

.dia-copy-share-code .yyyj, .dia-copy-share-code .smcy { font-size: 36rem; color: #c0ae89; position: absolute; }

.dia-copy-share-code .yyyj { top: -27%; }

.dia-copy-share-code .smcy { top: 2%; }

.dia-copy-share-code-img { width: 100%; height: 100%; background-color: #ffffff; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; }

.dia-copy-share-code-img canvas { width: 100%; height: 100%; }

.dia-copy-share-code-img img { width: 100%; height: 100%; object-fit: contain; }

.dia-copy-btn { position: absolute; bottom: 0; transform: translate(0, 100%); display: flex; flex-direction: column; align-items: center; }

.dia-copy-btn div { display: flex; align-items: center; }

.dia-copy-btn-dowload { display: flex; flex-direction: column; align-items: center; margin-left: 20rem; cursor: pointer; }

.dia-copy-btn-dowload:before { content: ""; width: 50rem; height: 47rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dowload.png) no-repeat center/cover; }

.dia-copy-btn em { font-size: 30rem; color: #e0d9cc; font-style: normal; }

.dia-copy-btn p { font-size: 30rem; color: #eae3c0; margin-top: 20rem; }

.dia-copy-src { opacity: 0; font-size: 0; height: 0; }

.dia-copy-big { width: 100%; height: 100%; position: absolute; top: 0; opacity: 0; }

.dia-h-title { font-size: 50rem; position: relative; }

.dia-h-title::before { position: absolute; content: ""; width: 160rem; height: 58rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-copy-after.png) no-repeat center/cover; margin: 50rem -182rem; }

.dia-h-title::after { position: absolute; content: ""; width: 160rem; height: 58rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-copy-after.png) no-repeat center/cover; transform: rotate(180deg); right: -30%; top: 29%; }

.dia-h-title .litterText { font-size: 50rem; color: #b1a993; position: absolute; bottom: -86%; left: -7%; width: 770rem; height: auto; display: flex; align-items: center; padding-bottom: 65rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/dia-copy-title.png) no-repeat center/contain; justify-content: center; padding-top: 21rem 10.5px; }

@supports (background-clip: text) { .dia-h-title .clipText { background-image: linear-gradient(to right, #e0d9cc, #eae3c0); background-image: url("//game.gtimg.cn/images/x5/cp/a20250704sqjg/loading-value.jpg"), linear-gradient(to right, #e0d9cc, #eae3c0); -webkit-background-clip: text; color: transparent; font-size: 100rem; } }

#afooter { width: 100%; font-size: 30rem; color: #e0d9cc; text-align: center; padding: 30rem 0; background-color: #000; }

#afooter a { color: #e0d9cc; }

/*  0627 */
.wrap-left { display: flex; position: absolute; top: 20rem; left: 100rem; }

.wrap-left .wrap-hg { width: 72rem; height: 54rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/wrap-hg.png) no-repeat center; background-size: 100% 100%; opacity: 0; pointer-events: none; transition: all 0.6s; }

.wrap-left .wrap-hg.active { opacity: 1; pointer-events: auto; }

.dia-review-box { width: 1450rem; margin: 0 auto; }

.card-box { padding-top: 30rem; }

.card-box .tip { margin-top: -50rem; font-size: 20rem; color: #fff; }

.card-box .card-icon { z-index: 3; }

.result-ul .result-text { border: 2rem solid #d5c299; border-radius: 12rem; position: relative; display: flex; align-items: center; }

.result-ul > li:nth-child(1) .result-text i { position: absolute; width: 125rem; height: 104rem; left: -135rem; top: 50%; transform: translateY(-50%); background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText1-icon.png) no-repeat center; background-size: 100% 100%; }

.result-ul > li:nth-child(1) .result-litterText { font-size: 0; width: 499rem; height: 33rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText1.png); background-size: 100% 100%; }

.result-ul > li:nth-child(2) .result-litterText { font-size: 0; width: 499rem; height: 33rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText2.png); background-size: 100% 100%; }

.result-ul > li:nth-child(2) .result-text i { position: absolute; width: 94rem; height: 93rem; left: -104rem; top: 50%; transform: translateY(-50%); background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText2-icon.png) no-repeat center; background-size: 100% 100%; }

.result-ul > li:nth-child(3) .result-litterText { font-size: 0; width: 499rem; height: 33rem; background-image: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText3.png); background-size: 100% 100%; }

.result-ul > li:nth-child(3) .result-text i { position: absolute; width: 51rem; height: 69rem; left: -61rem; top: 50%; transform: translateY(-50%); background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-litterText3-icon.png) no-repeat center; background-size: 100% 100%; }

.result-swipers .end-prev { width: 117rem; height: 128rem; top: 80%; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-prev2.png) no-repeat center/cover; }

.result-swipers .end-next { width: 117rem; height: 128rem; top: 80%; transform: rotate(0); background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/answer-next2.png) no-repeat center/cover; }

.result-awared { display: flex; align-items: center; font-size: 60rem; color: #eae3c0; padding-bottom: 30rem; color: transparent; background-image: linear-gradient(to bottom, #c0ae89, #e0d9cc); -webkit-background-clip: text; background-clip: text; color: transparent; position: relative; }

.result-awared:before, .result-awared:after { content: ""; width: 102rem; height: 78rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/result-title-before.png) no-repeat center/cover; margin: 0 15rem; }

.result-awared:after { transform: rotate(180deg); }

.result-btn-box > a:nth-child(1) { width: 79rem; height: 76rem; background: url(//game.gtimg.cn/images/x5/cp/a20250704sqjg/btn-card-music.png) no-repeat center/cover; }

.result-btn-box > a:nth-child(1) > span { display: none; }