@charset "utf-8";

@font-face {
	font-family: yansong;
	src: url(//x0.ifengimg.com/ucms/2026/0814/AaYanSong-2.ttf);
}
@font-face {
	font-family: dian;
	src: url(//x0.ifengimg.com/ucms/2026/0814/AiDianZiTi-2.ttf);
}

/**/
html, body {width: 100%;height: 100%;overflow: hidden;}
body {font-size: 14px;line-height: 1.8;-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important; -webkit-tap-highlight-color: transparent;}
a {text-decoration: none;}
p {line-height: 1.4;}
.max-width {max-width: 640px;margin: 0 auto;height: 100%;overflow: hidden;display: none;}
.isPC{display:none;align-items:center;justify-content:center;width:100%;height:100%;background:#36a9e6;}
.phoneBg{width:30vmin;padding:3vmin 1.3vmin 1vmin 1vmin;margin-right:3vmin;background:url(https://x0.ifengimg.com/ucms/2022/0216/E049F72453D66A3E83A1FF7D042376E473FEA494_size3_w283_h525.png) no-repeat center/contain;}
.phoneBg img{border-radius:2vmin;}
.QRBox{width:15vmin;margin-top:30vmin;}
.QRBox h2{margin:1vmin auto 0;font-size:1.5vmin;color:#fff;text-align:center;}
.swiper-slide {overflow: hidden;}
.swiper-container-fade .swiper-slide-active .swiper-slide {pointer-events: auto;}
.swiper-button-next, .swiper-button-prev {outline: none;}
.fn-audio {z-index: 100;position: fixed;right: 2%;top: 2%}
.fn-audio span {display: inline-block;width: 3rem;height: 3rem;}
.fn-audio .audio-play {animation: animation-rotate-un 2s linear infinite normal forwards;}
.ohide.ohide{opacity: 0;}
.thide{transform: scale(0);}
.delay-0d1s{animation-delay: .1s;}
.delay-0d2s{animation-delay: .2s;}
.delay-0d3s{animation-delay: .3s;}
.delay-0d4s{animation-delay: .4s;}
.delay-0d5s{animation-delay: .5s;}
.delay-0d6s{animation-delay: .6s;}
.delay-0d7s{animation-delay: .7s;}
.delay-0d8s{animation-delay: .8s;}
.delay-0d9s{animation-delay: .9s;}
.audio-icon.hide {display: none;}
.none.none{display: none;}
@keyframes animation-rotate-un {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
/**/
.loading {z-index: 10;position: fixed;width: 100%;max-width: 500px;height: 100vh; left: 0; right: 0; margin: auto;background: url(//x0.ifengimg.com/ucms/special/images/7E78352C889394E027F2C966F33EDC4A.png) no-repeat center/cover;visibility: hidden;}
.load-set{position: relative;top: 47%;transform: translateY(-50%);}
.load-icon{width: 20%;margin: 0 auto 52%;animation: load_icon 2s alternate linear infinite both;}
@keyframes load_icon{
	0%, 100%{transform: translateY(0);}
	50%{transform: translateY(-10%);}
}
.progress-br-set {position: relative;width: 75%;height: 0.6rem;border: thin solid transparent;border-radius: .7rem;overflow: hidden;margin: 4% auto 2%;}
.progress {position: absolute;height: 10px;background: #ffb5c2;top: 50%;border-radius: .5rem;transform: translateY(-50%);}
.load-percent{width: 100%;text-align: center;font-size: 16px;color: #4f54a5;margin: 2% 0 4%;}
.load-button{width: 32.9vmin;height: 7.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/5F51EC516DC8C020FF02281E347390A3.png) no-repeat center/contain;margin: 16% auto 0;opacity: 0;transition: .3s;transform: scale(0);}
.load-button.tri{opacity: 1;transform: scale(1);}
/**/
#main {height: 100%;}
.abs {position: absolute;}
.ab-mid {position: absolute;left: 0;right: 0;margin: 0 auto;}
.disabled {pointer-events: none;}
.up-arrow {z-index: 30;position: absolute;width: 15.5vmin;height: 7.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/6A3AE7A05113B3AE9087A46F43C78207.png) no-repeat center/contain;bottom: 10%;left: 0;right: 0;margin: auto; opacity: 0;pointer-events: none;bottom: 0;transform: translateY(100%);}
.up-arrow.dyna {animation: up_arrow 4.5s 3s forwards infinite;}
@keyframes up_arrow {0% {opacity: 0.2;transform: translateY(100%);}
	50% {opacity: 1;transform: translateY(-240%);}
	53%, 100% {opacity: 0;}
}
.p1-start{width: 40%; position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 15%;}
.start-button{width: 45.4vmin;height: 14.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/0923D72B4CA2CDB65846A33298A0F2C5.png) no-repeat center/contain;margin: auto;bottom: 14%;}
.breathe{animation: breathe_ani 1s linear infinite both;}
@keyframes breathe_ani{
	0%, 100%{transform: scale(1);}
	50%{transform: scale(1.15);}
}
/**/
.page-start {background: url(//x0.ifengimg.com/ucms/special/images/4B20BBD84369819303568C9E4409900C.jpg) no-repeat center / cover;}
.page-start-logo{width: 48.3vmin;height: 5.8vmin;top: 7%; background: url(//x0.ifengimg.com/ucms/special/images/F188F257391A7E75D935D7E359993A83.png) no-repeat center/contain;}
.page-start-title{position: absolute;width: 69.4vmin;height: 33.6vmin; top: 13%;left: 12%; background: url(//x0.ifengimg.com/ucms/special/images/5C22303B05B5DD585C83E12A4478A2B2.png) no-repeat center/contain;}
/*  */

.page-content{display: grid;place-items: center; background: url(//x0.ifengimg.com/ucms/special/images/7561414D4AF1349CE3CCDF1084F7FDAD.jpg) no-repeat center/cover;}
.gradient-text.gradient-text{color: transparent;background-clip: text;}
.content-progress-text{font-size: min(16px, 4.4vmin);font-family: dian, sans-serif;transform: scaleY(130%);margin: 0 auto;text-align: center;line-height: 1;background: linear-gradient(to bottom, #6777ea, #4474e9);}
.content-progress-set{width: 78%;margin: 0 auto 12%;}
.content-pagination-frame{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;line-height: 1;font-family: yansong, sans-serif;}
.content-progress-bar{width: 84%;height: min(4vmin, 8px);background: #a4e1fd;border: thin solid #6d70dd;border-radius: 10px;margin: 3% auto 3%;overflow: hidden;}
.content-progress-bar-fill{height: 100%;width: 0%;background: linear-gradient(to bottom, #e94181, #ffaec0);border-radius: 3px;transition: width 0.4s ease;}
.content-board{position: relative;width: 73vmin;height: 97.1vmin;padding: 23vmin 8vmin 0 7vmin;background: url(//x0.ifengimg.com/ucms/special/images/B52C941193AAF6ACA5DEAF27598F2AF8.png) no-repeat center/contain;margin: 0 auto;}
.quiz-serial-slot{position: absolute;top: 8.8%;left: 14%;}
.quiz-serial-word{font-size: min(15px, 4.4vmin);color: white;line-height: 1;letter-spacing: 1px;font-family: dian, sans-serif;transform: scaleY(130%);}
.quiz-question-frame{position: relative;width: 70.5vmin;height: 19.1vmin;display: grid;place-items: center;background: url(//x0.ifengimg.com/ucms/special/images/2C882D626A50BBBB6566C1E9A242C300.png) no-repeat center/contain;margin: 0 auto 5%;}
.quiz-serial-text{width: 88%; font-family: dian, sans-serif; transform: scaleY(130%); font-size: min(16px, 4vmin);color: white;line-height: 1.2;}
.quiz-option-frame{position: relative;min-height: 48vmin;}
.quiz-select-item{position: relative;width: 71vmin;height: 13.4vmin;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center; justify-content: space-evenly; background: url(//x0.ifengimg.com/ucms/special/images/D03694DCAD7CC426DD723A8D6E38E68C.png) no-repeat center/contain;margin: 0 auto 5%;}
.quiz-select-item.selected{background: url(//x0.ifengimg.com/ucms/special/images/DE3E81ACB1BED33805EA225B4E6EC43A.png) no-repeat center/contain;}
.sel-icon{width: 7.6vmin;height: 7.6vmin;}
.sel-A{background: url(//x0.ifengimg.com/ucms/special/images/C805E171789330A50804C7CAC0C96994.png) no-repeat center/contain;}
.sel-B{background: url(//x0.ifengimg.com/ucms/special/images/7E213F426523CC3EDE57898C08EC1D9B.png) no-repeat center/contain;}
.sel-C{background: url(//x0.ifengimg.com/ucms/special/images/735F70DF050CD4CB67155039E4BC5EA8.png) no-repeat center/contain;}
.sel-text-area{width: 76%;}
.sel-text-area p{font-size: min(16px, 3.4vmin);font-family: yansong, sans-serif;}
.font-min.font-min{font-size: min(14px, 3vmin);}
.quiz-button-set{position: relative;margin: 4% auto;}
.quiz-button-confirm{width: 36.8vmin;height: 13.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/4BC076ECCB9AEE12D1CC3303AEF1ECF4.png) no-repeat center/contain;margin: 0 auto;}
.quiz-button-submit{position: absolute; width: 36.8vmin;height: 13.4vmin; left: 0;right: 0;top: 0;margin: auto; background: url(//x0.ifengimg.com/ucms/special/images/0F60C413E82490E3F3E95DB91560D0DF.png) no-repeat center/contain;}
/*  */
.page-analyze{background:url(//x0.ifengimg.com/ucms/special/images/DB0624831404C236E61EBD7C524BE1D0.jpg) no-repeat center/cover;}
.analyze-wrap{position: absolute;left: 0;right: 0;margin: auto;bottom: 20%;}
.analyze-progress{font-size: 4.4vmin; text-align: center;color: #a8c0f3;}
.analyze-ani{width: 30%;margin: 1% auto 3%;mix-blend-mode: screen;}
.analyze-text{font-size: min(18px, 4.6vmin); font-family: dian, sans-serif; transform: scaleY(1.3); text-align: center; color: #f05d57; }


/* quiz toast */
.quiz-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:12px 24px;border-radius:24px;font-size:15px;z-index:9999;animation:quizToastFade 2s ease forwards;pointer-events:none;}
@keyframes quizToastFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);}15%{opacity:1;transform:translate(-50%,-50%) scale(1);}85%{opacity:1;transform:translate(-50%,-50%) scale(1);}100%{opacity:0;transform:translate(-50%,-50%) scale(.8);}}

/* content pagination */
.content-serial-current,.content-serial-total,.content-pagination-slash{font-size:min(14px,3.8vmin);color:#2e2e2e;font-weight:600;font-family: yansong, sans-serif;}

/* page-end result */
.page-end{display:grid;place-items:center;background:url(//x0.ifengimg.com/ucms/special/images/DB0624831404C236E61EBD7C524BE1D0.jpg) no-repeat center/cover;}
.result-wrap{width:80%;padding:8vmin 5vmin;background:rgba(255,255,255,.85);border-radius:5vmin;backdrop-filter:blur(10px);text-align:center;}
.result-title{font-size:min(22px,5.8vmin);font-weight:700;color:#4f54a5;margin-bottom:4vmin;}
.result-type{font-size:min(20px,5.2vmin);font-weight:600;color:#e94181;margin-bottom:3vmin;}
.result-desc{font-size:min(15px,3.8vmin);color:#555;line-height:1.7;margin-bottom:4vmin;padding:0 2vmin;}
.result-counts{background:rgba(103,119,234,.08);border-radius:3vmin;padding:4vmin;text-align:left;font-size:min(14px,3.6vmin);color:#333;line-height:2.2;}
.result-counts span{font-weight:700;color:#e94181;}
.result-restart{width:60%;margin:4vmin auto 0;padding:2.6vmin 0;background:linear-gradient(135deg,#6777ea,#e94181);color:#fff;border-radius:10vmin;font-size:min(16px,4.2vmin);font-weight:600;text-align:center;}
.touch-tip{z-index: 25;position: fixed;width: 100vw;height: 8.9vmin;bottom: 0;left: 0; background: url(//x0.ifengimg.com/ucms/special/images/49497F2DB46DAF38DBAC20F5191AD28C.png) no-repeat center/contain;pointer-events: none;transform: translateY(100%); transition: .6s 3s;}
.touch-tip.tri{transform: initial;}
/**/
.gallery-set {position: absolute;z-index: 20;top: 0; transform: translateY(-100%);width: 100vw;height: 100vh;background: url(//x0.ifengimg.com/ucms/special/images/7E78352C889394E027F2C966F33EDC4A.png) no-repeat center/cover; overflow: auto;}
.gallery-set.tri {animation: poster_result 2s forwards cubic-bezier(0.25, 1, 0.5, 1);}
@keyframes poster_result {from {transform: translateY(-100%);}
	to {transform: initial;}
}
.wait {display: none;z-index: 10;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
.wait p {position: absolute;top: 45%;left: 17%;color: #ffffff;font-size: 18px;}
.dotting {display: inline-block;min-width: 2px;min-height: 2px;color: #fff;box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;-webkit-animation: dot 2s infinite step-start both;animation: dot 2s infinite step-start both;}
.dotting:before {content: '...';}
.dotting::before {content: '';}
:root .dotting {margin-right: 8px;}
@keyframes dot {25% {box-shadow: none;}
	50% {box-shadow: 2px 0 currentColor;}
	75% {box-shadow: 2px 0 currentColor, 6px 0 currentColor;}
}
/**/
.sharepage-set {z-index: 5;position: absolute;top: -200%;overflow: hidden;}
.share-bg {width: 100vw;height: 100vh;}
/**/
.mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);}