@charset "utf-8";
@font-face {
	font-family: font-kepu;
	src: url(https://x0.ifengimg.com/ucms/2026/0331/7be17c29806db8dbb0f186777439ad3a.ttf);
}
@font-face {
	font-family: font-dialog-name;
	src: url(https://x0.ifengimg.com/ucms/2026/0331/eb032159dd602496c36c703e82bbfa55.TTF);
}
@font-face {
	font-family: font-dialog-content;
	src: url(https://x0.ifengimg.com/ucms/2026/0331/71abd7bebdbe711f731970e4e321831d.TTF);
}
/**/
html{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;}
.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;}
@keyframes animation-rotate-un {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
.ohide.ohide{opacity: 0;pointer-events: none;user-select: none;}
.thide.thide{transform: scale(0);}
.tween{animation-play-state: paused;visibility: hidden;}
.tween.active{animation-play-state: running;visibility: visible;}
/**/
.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/B23AED1CB0C5DDB7999A176264C99909.jpg) no-repeat center/cover;visibility: hidden;}
.load-set{position: relative;top: 47%;transform: translateY(-50%);}
.load-icon{width: 44%;margin: 0 auto 6%;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 #026dff;border-radius: .7rem;overflow: hidden;margin: 4% auto 2%;} */
/* .progress {position: absolute;height: 10px;background: #026dff;top: 50%;border-radius: .5rem;transform: translateY(-50%);} */
.load-percent{width: 100%;text-align: center;font-size: 16px;color: #ffe49b;margin: -2% 0 10%;}
.load-button{width: 33.8vmin;height: 9.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/D97F1D9EF7DD52AE0A449E1B301C36F5.png) no-repeat center/contain;margin: 2% auto 0;opacity: 0;transition: .3s;transform: scale(0);}
.load-button.tri{opacity: 1;transform: scale(1);}
.load-buds{position: relative; width: 33.1vmin;height: 33.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/8AE7CF4A1AEF1E35230DA88248048E3E.png) no-repeat center/contain;margin: 0 auto;}
.load-circle{position: absolute;width: 33.1vmin;height: 33.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/CEEB8248F454FEC1F335219040E141AB.png) no-repeat center/contain;animation: animation-rotate-un 3s linear infinite reverse;}
/* .load-text{margin: 0 auto 26%;color: #ffe49b;writing-mode: vertical-rl;font-size: 4.2vmin;font-family: font-dialog-content, kaiti, sans-serif;} */
/* .load-text p{line-height: 2;} */
.load-text{width: 20vmin;height: 44.9vmin;margin: 0 auto 26%;background: url(//x0.ifengimg.com/ucms/special/images/09D4541B86943EB1E067DA481848B75F.png) no-repeat center/contain;}
/**/
#main {height: 100%;}
.abs {position: absolute;}
.ab-mid {position: absolute;left: 0;right: 0;margin: 0 auto;}
.ab-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 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%;}
.breathe{animation: breathe_ani 1s linear infinite both;}
@keyframes breathe_ani{
	0%, 100%{transform: scale(1);}
	50%{transform: scale(1.15);}
}
/**/
.page-start {position: relative;}
.p1-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;object-fit: cover;}
.start-logo{width: 58.6vmin;height: 7.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/45788B0DADF331DD9D37FEA3F19D95D0.png) no-repeat center/contain;top: 4%;}
.start-title{width: 83.7vmin;height: 27.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/007117AB6B1D32297AF5DD64E5DABF4D.png) no-repeat center/contain;top: 12%;}
.start-person{width: 69.8vmin;height: 76.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/2807DB46A1A80028EB413E435B2160EF.png) no-repeat center/contain;top: 35%;}
.start-button{z-index: 2;width: 37.6vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/9EA4C504729814764E2D70125151BF46.png) no-repeat center/contain;bottom: 10%;}
.start-badge{position: absolute;width: 22.1vmin;height: 31.8vmin;top: 39%;right: 15%;background: url(//x0.ifengimg.com/ucms/special/images/04BB214098018D6273DDB1343248F943.png) no-repeat center/contain;}
.start-icon-1{position: absolute;width: 17.9vmin;height: 17.9vmin;top: 39%;left: 15%;background: url(//x0.ifengimg.com/ucms/special/images/527C737DDD3FC72D82C2AB03D199948F.png) no-repeat center/contain;}
.start-icon-2{position: absolute;width: 17.9vmin;height: 17.9vmin;bottom: 32%;left: 18%;background: url(//x0.ifengimg.com/ucms/special/images/1A42D051F52DBE5F70FF95590ABC9EB9.png) no-repeat center/contain;}
.start-icon-3{position: absolute;width: 17vmin;height: 17vmin;bottom: 29%;right: 15%;background: url(//x0.ifengimg.com/ucms/special/images/0F30E8AE014957A1AC02A1A59CEAA897.png) no-repeat center/contain;}
/*  */
.intro-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;}
.animated.fadeOut{pointer-events: none;}
.intro-person-1{position: absolute;bottom: 3%;left: 24%;width: 61.6vmin;height: 129.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/E19AEA07F067D4594C3369A26D2E8317.png) no-repeat center/contain;}
.intro-table{position: absolute;bottom: 0;left: 0;width: 100%;height: 53.4vmin;background: url(//x0.ifengimg.com/ucms/2026_14/BA078FBB13A78352D79F3BB62855EB347D3E75F3_size406_w828_h442.png) no-repeat center/contain;}
.intro-dialog-name p, .intro-dialog-text p{opacity: 0;}
.intro-reel{position: absolute;width: 75.7vmin;height: 75.1vmin;top: -80%;left: 15%;background: url(//x0.ifengimg.com/ucms/special/images/11CF0960A9FB9CA1C428ACC10F13759C.png) no-repeat center/contain;transform-origin: 50% 75%;}
.intro-click{position: absolute;width: 11.7vmin;height: 11.7vmin;top: 17%;right: 32%;}
.dialog-frame{position: absolute;width: 83.3vmin;height: 49.2vmin;bottom: 13%;left: 9%;background: url(//x0.ifengimg.com/ucms/special/images/E4C5ADCC217C2FFDEE4B855E4373B4D2.png) no-repeat center/contain;}
.dialog-name{position: absolute;top: 2%;left: 6%;font-size: 4vmin;color: #862411;font-family: font-dialog-name, kaiti, sans-serif;}
.dialog-text{position: absolute;width: 88%;top: 27%;left: 6%;color: #862411;line-height: 1.5;font-family: font-dialog-content, kaiti, sans-serif;}
.dialog-arrow{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 8px solid #6a1e03;opacity: 0.8;animation: arrowBlink .8s infinite alternate;}
.intro-dialog-arrow{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 24%;}
@keyframes arrowBlink {0% { opacity: 0.4; }100% { opacity: 1; }}
.intro-uncover-reel{width: 89.5vmin;height: 55.4vmin;top: -82%;background: url(//x0.ifengimg.com/ucms/special/images/61C7CD781405576E8DD32C45D80CDDFB.png) no-repeat center/contain;}
.intro-find-button{width: 42.4vmin;height: 10.1vmin;top: 40%;background: url(//x0.ifengimg.com/ucms/special/images/D7B6C31E7C8485152AC0E5F2C299C44C.png) no-repeat center/contain;}
.intro-person-2{position: absolute;bottom: 3%;right: 5%;width: 56.8vmin;height: 129vmin;background: url(//x0.ifengimg.com/ucms/special/images/CF632EB5FA3A2BDD92DD1EC2CD27CBAA.png) no-repeat center/contain;}
.intro-click-hand{animation: breathe_ani 1s linear infinite alternate;}
.intro-scan{position: absolute;width: 22.1vmin;height: 15.4vh;top: 19vh;left: 23%;background: url(//x0.ifengimg.com/ucms/special/images/D431ABD0B48786CCBC7F6D39E29C4C0D.png) no-repeat center/contain;animation-iteration-count: 2;}
.intro-modal-wrap{position: relative;margin: auto;transform: translateY(-15%);}
.intro-light{position: relative; width: 100vw;height: 116.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/9319EE1260012C2F16AE670CD89EF9B8.png) no-repeat center/contain;opacity: 0;transform: scale(0);transform-origin: bottom;transition: 1s;}
.intro-light.tri{opacity: 1;transform: initial;}
.intro-bottle-frame{position: absolute;width: 34.7vmin;height: 46.7vmin;left: 0;right: 0;margin: 0 auto;bottom: 0;}
.intro-stick{position: absolute;width: 17.6vmin;height: 47.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/BD8BB99EF105FB4D61FFD0B4A4DFFBEB.png) no-repeat center/contain;top: -43%;left: 20%;}
.intro-bottle{position: absolute;width: 34.7vmin;height: 46.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/50A1B59F3690EFDCBCF0411EBE5269DD.png) no-repeat center/contain;}
.intro-stick-hand{position: absolute;width: 11.7vmin;height: 11.7vmin;top: -41%;left: 53%;}
.intro-stick-hand-pic{width: 100%;animation: breathe_ani 1s alternate both infinite;}
.intro-stick-hint-right{width: 9.3vmin;height: 30.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/BC63D07FAC61288B70E971F7B0021F89.png) no-repeat center/contain;}
.intro-stick-hint-bottom{position: absolute;width: 75.6vmin;height: 18.7vmin;left: 0;right: 0;bottom: -16%;background: url(//x0.ifengimg.com/ucms/special/images/C1AE0D08E2E932EFCDB152DF93014E8E.png) no-repeat center/contain;margin: 0 auto;}
.intro-stick-hint-right{position: absolute;width: 9.3vmin;height: 30.3vmin;top: -54%;right: -24%;background: url(//x0.ifengimg.com/ucms/special/images/BC63D07FAC61288B70E971F7B0021F89.png) no-repeat center/contain;}
.intro-stick.tri{animation: stick_ani .66s alternate both 6;}
@keyframes stick_ani{
	from{transform: initial;}
	to{transform: rotate(12deg) translateY(8%);}
}
.intro-fly-button{width: 42.4vmin;height: 10.1vmin;bottom: 17%;}
.intro-fly-button img{animation: breathe_ani 2s infinite alternate;}
/*  */
.page-menu-1{background: url(//x0.ifengimg.com/ucms/special/images/7FB6D5E2EBBBED0B7A43EFCC3928FD16.jpg) no-repeat center/cover;display: flex;}
.menu-pad{width: 93.5vmin;height: 124.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/2311B7AA4A6255A5D74AD3CEE980E67F.png) no-repeat center/contain;}
.menu-item-1-grey{position: absolute;width: 19.8vmin;height: 31.8vmin;top: 17%;left: 14%;background: url(//x0.ifengimg.com/ucms/special/images/27E02BF3E324C623B2D47B55E129C89A.png) no-repeat center/contain;transition: background-image .3s;}
.menu-item-2-grey{position: absolute;width: 19.9vmin;height: 33.3vmin;top: 16%;left: 54%;background: url(//x0.ifengimg.com/ucms/special/images/A4204A4FBA3FBD995A6588757A1C0243.png) no-repeat center/contain;transition: background-image .3s;}
.menu-item-3-grey{position: absolute;width: 19.9vmin;height: 31.8vmin;top: 60%;left: 34%;background: url(//x0.ifengimg.com/ucms/special/images/5DBF29F0645DDE012EC9552CC211C16C.png) no-repeat center/contain;}
.menu-item-1-grey.tri{position: absolute;width: 19.8vmin;height: 31.8vmin;top: 17%;left: 14%;background: url(//x0.ifengimg.com/ucms/special/images/51E4778819F447704203EE4CFA374518.png) no-repeat center/contain;}
.menu-item-2-grey.tri{position: absolute;width: 19.8vmin;height: 31.8vmin;top: 16%;left: 54%;background: url(//x0.ifengimg.com/ucms/special/images/56ACB5DF6C2EF28BABBC2BE128EAB810.png) no-repeat center/contain;}
.menu-item-1{width: 19.8vmin;height: 31.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/51E4778819F447704203EE4CFA374518.png) no-repeat center/contain;}
.menu-item-2{width: 19.9vmin;height: 33.3vmin;background: url(//x0.ifengimg.com/ucms/special/images/56ACB5DF6C2EF28BABBC2BE128EAB810.png) no-repeat center/contain;}
.menu-item-3{width: 19.9vmin;height: 31.8vmin;background: url(//x0.ifengimg.com/ucms/special/images/E142C1BAC4A83D8780A44D4BC1A2EFE3.png) no-repeat center/contain;}
.menu-1-click{position: absolute;width: 11.7vmin;height: 11.7vmin;top: 35%;left: 33%;}
.menu-2-click{position: absolute;width: 11.7vmin;height: 11.7vmin;top: 34%;left: 70%;}
.menu-3-click{position: absolute;width: 11.7vmin;height: 11.7vmin;top: 77%;left: 52%;}
.menu-1-click img, .menu-2-click img, .menu-3-click img{animation: breathe_ani 2s infinite alternate;}
/*  */
.page-stage-1-1{background: url(//x0.ifengimg.com/ucms/special/images/75BFEFB1CF98378530A2A5AF08EF42AB.jpg) no-repeat center/cover;}
.page-stage-1-1-info-frame{width: 80.1vmin;height: 45.2vmin;top: 35%;background: url(//x0.ifengimg.com/ucms/special/images/625BF13958CD8B85F81B9F3CEA12D3F9.png) no-repeat center/contain;}
.page-stage-1-1-text{position: absolute;width: 66%;top: 22%;left: 18%;text-align: center;line-height: 1.8;font-size: 4.4vmin;color: #78fefe;font-family: font-kepu, kaiti, sans-serif;}
.page-stage-1-1-text p{opacity: 0;}
.page-stage-1-1-hint{width: 48.6vmin;height: 3.9vmin;bottom: 19%; background: url(//x0.ifengimg.com/ucms/special/images/05ED9D5BA7E10C3B5664D1276739EC8D.png) no-repeat center/contain;}
.page-stage-1-1-button{width: 42.4vmin;height: 10.1vmin;bottom: 11%; background: url(//x0.ifengimg.com/ucms/special/images/845D5985B565018C32C7FE69CCF7796D.png) no-repeat center/contain;}
/*  */
.page-stage-1-2-cabinet-frame{position: relative;transform-style: preserve-3d;perspective: 1500px;}
.page-stage-1-2-cabinet{height: 100vh;}
.page-stage-1-2-bottom{position: absolute; width: 100vmin;height: 60vh;bottom: 0;left: 0;background: url(//x0.ifengimg.com/ucms/2026_14/3032FE2CA8012881BC03AB4239278E5D137CCC1E_size419_w828_h706.png) no-repeat center/contain;}
.cabinet-box{position: absolute;width: 25.7vw;height: 8.4vh;transform:rotate3d(1, 0, 0, -1deg) translateZ(0); transition: .3s; background: url(//x0.ifengimg.com/ucms/special/images/8D0270D71AB0663F2BC575D2FD182830.png) no-repeat center/contain;transform-origin: bottom;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;transition: transform .3s ease;}
.cabinet-box img{height: 76%;width: 100%;margin: 8% auto;object-fit: contain;transition: opacity .3s;}
.cabinet-box-1-1{top: 10.6%;left: 10.4%;}
.cabinet-box-1-2{top: 10.6%;left: 37%;}
.cabinet-box-1-3{top: 10.6%;left: 63.4%;}
.cabinet-box-2-1{top: 22.2%;left: 10.4%;}
.cabinet-box-2-2{top: 22.2%;left: 37.2%;}
.cabinet-box-2-3{top: 22.2%;left: 63.6%;}
.cabinet-box-3-1{top: 33.7%;left: 10.4%;}
.cabinet-box-3-2{top: 33.8%;left: 37.3%;}
.cabinet-box-3-3{top: 33.7%;left: 63.4%;}
.cabinet-box.open{transform: rotate3d(1, 0, 0, -80deg) translateZ(0);}
.target-herb-set{width: 100vw;height: 23.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/98B8F13AECF5EAB99D70CBA17BC80765.png) no-repeat center/contain;bottom: 17%;transform: translateZ(60px);}
.herb-drag-set{position: absolute;width: 30vw;height: 10vh;left: 0;right: 0;bottom: 116%;margin: auto;}
.herb-static-set{position: absolute;width: 30vw;height: 10vh;left: 0;right: 0;bottom: 116%;margin: auto;}
.herb-static-set>div{opacity: 0;}
.herb-static-set>div.current{opacity: 1;transition: opacity .3s;}
.herb-huangqi{width: 29.2vmin;height: 32.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/10EDE9B69E78F9F3532663FE570A75B1.png) no-repeat center/contain;}
.herb-huangqin{width: 26.7vmin;height: 34.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/428745B80739FA496BCF8BDB4473B46B.png) no-repeat center/contain;}
.herb-suanzao{width: 32.5vmin;height: 32.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/FAF31D85F39E09C2599CAECD2B8915A2.png) no-repeat center/contain;}
.herb-yuanzhi{width: 29.1vmin;height: 36.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/D29134FF18661ABF75A1902E89D4881A.png) no-repeat center/contain;}
.herb-chaihu{width: 27.2vmin;height: 36.6vmin;background: url(//x0.ifengimg.com/ucms/special/images/9EF610336C2C37801F4829E36F249A30.png) no-repeat center/contain;}
.herb-ganzao{width: 37vmin;height: 35.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/9C66451F03AE63214359DC82C162665B.png) no-repeat center/contain;}
.herb-hint-button{width: 18.2vmin;height: 7.9vmin;background: url(//x0.ifengimg.com/ucms/special/images/0D69F3218A90272AFC7DE89A6D0D8179.png) no-repeat center/contain;bottom: 8%;}
.herb-hint-frame{width: 100%;height: 14vh;bottom: -102%;transition: opacity .3s;}
.herb-hint-frame>div{position: absolute;left: 0;right: 0;margin: auto;opacity: 0; transition: opacity .3s;}
.herb-hint-frame>div.current{opacity: 1;}
.herb-hint{position: absolute;top: 0;}
.herb-hint-huangqi{width: 70.8vmin;height: 32.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/990898C2788202870DD5B90F37F77D1E.png) no-repeat center/contain;}
.herb-hint-huangqin{width: 70.8vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/0F34FD62A24A2CB436A41B8A381EC63F.png) no-repeat center/contain;}
.herb-hint-suanzao{width: 70.8vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/A45DE9BCB411F9DFA1B6173DAEE55A70.png) no-repeat center/contain;}
.herb-hint-yuanzhi{width: 70.8vmin;height: 16.5vmin;background: url(//x0.ifengimg.com/ucms/special/images/4081B84B58B72BB26A1F86B00F2BA1BC.png) no-repeat center/contain;}
.herb-hint-chaihu{width: 70.8vmin;height: 32.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/5B1B9E3B188B939D2E97D5D3CB322418.png) no-repeat center/contain;}
.herb-hint-ganzao{width: 70.8vmin;height: 32.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/B3FCBF66026415C7950E7563B6B99FE3.png) no-repeat center/contain;}
.herb-check{position: absolute;top: -83%;left: 61%;width: 7.7vmin;height: 7vmin;background: url(//x0.ifengimg.com/ucms/special/images/79018407D3033AA6C12CA2BABDFF5D27.png) no-repeat center/contain;}
.herb-arrow-left{position: absolute;width: 5.2vmin;height: 8.5vmin;top: -18%;left: 10%; background: url(//x0.ifengimg.com/ucms/special/images/C5048ECF95B161E9F79F194372CC2F14.png) no-repeat center/contain;}
.herb-arrow-right{position: absolute;width: 5.2vmin;height: 8.5vmin;top: -18%;right: 10%; background: url(//x0.ifengimg.com/ucms/special/images/0F1036A0654DD2847103A9B97B83C22E.png) no-repeat center/contain;}
.herb-drag-set>div{position: absolute;display: none;}
.herb-drag-set>div.current{display: block;}
.herb-static{position: absolute;}
.herb-hint{position: absolute;}
.page-stage-1-2-modal-wrap{position: relative;margin: auto;}
.page-stage-1-2-next-content{width: 41.8vmin;height: 57.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/9F520F73A200057803FAF556F025077C.png) no-repeat center/contain;margin: 0 auto 73%;}
.page-stage-1-2-next-button{width: 42.9vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/724B1B6DF4BEFA808B9ABBAE9A3D15D2.png) no-repeat center/contain;}
/*  */
.page-stage-1-3{background: url(//x0.ifengimg.com/ucms/special/images/CB9AAB03445F05E448287E314B680786.jpg) no-repeat center/cover;}
.page-stage-1-3-modal.page-stage-1-3-modal{z-index: 15;}
.fullscreen{z-index: 10; position: absolute;width: 100vw;height: 100vh;top: 0;left: 0;object-fit: cover;}
.page-stage-1-3-modal-wrap{position: relative;margin: auto;}
.page-stage-1-3-next-content{width: 93.2vmin;height: 102.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/050BCF09169F0E9B8170064ADA047C17.png) no-repeat center/contain;margin: 0 auto 25%;}
.page-stage-1-3-next-button{width: 34.4vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/2A426931F00E40AD5ED5C52E8851519B.png) no-repeat center/contain;margin: 0 auto;}
/*  */
.page-stage-2-1{background: url(//x0.ifengimg.com/ucms/2026_14/AE1D258B777516223BBE70BBE223237204255957_size788_w828_h1548.jpg) no-repeat center/cover;}
.p2-1-person{position: absolute;width: 45.3vmin;height: 103vmin;bottom: 10%;right: 10%;background: url(//x0.ifengimg.com/ucms/special/images/2C20DA11F0676ECD877D45AD2EEDAA5A.png) no-repeat center/contain;}
.p2-1-button{width: 52.1vmin;height: 10.1vmin;bottom: 8%; background: url(//x0.ifengimg.com/ucms/special/images/8F2D38722C1D52D905D636CC1C229F6A.png) no-repeat center/contain;}
/*  */
.page-stage-2-2-scan{z-index: 12; position: absolute;width: 35.5vmin;height: 51vmin;top: 25%;left: 29%;background: url(//x0.ifengimg.com/ucms/special/images/931CB49476D0CE69E360EEF9CC326B91.png) no-repeat center/contain;}
.page-stage-2-2-button{z-index: 15;width: 37.6vmin;height: 10.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/185626D358CD88EFD8CA4920B916F7CC.png) no-repeat center/contain;}
.page-stage-2-2-letter{z-index: 15;width: 100vmin;height: 85vh;bottom: 0; background: url(//x0.ifengimg.com/ucms/2026_14/A07728D35DE7CD715465969168C991D572E8937B_size93_w828_h1370.png) no-repeat center/contain;}
.page-stage-2-2-next-button{width: 37.6vmin;height: 10.1vmin;bottom: 15%; background: url(//x0.ifengimg.com/ucms/special/images/C3A05A70C6157EDE731D244691341726.png) no-repeat center/contain;}
.page-stage-2-2-modal-wrap{position: relative;margin: auto;}
.page-stage-2-2-next-content{width: 93.2vmin;height: 102.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/1025B6FA10280B561D4820833BC30093.png) no-repeat center/contain;margin: 0 auto 25%;}
.page-stage-2-2-modal-button{width: 34.4vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/F28A0FFDF4338ED1DB83A8FF7667751E.png) no-repeat center/contain;margin: 0 auto;}
.page-stage-2-2-modal.page-stage-2-2-modal{z-index: 15;}
/*  */
.page-stage-3-1{background: url(//x0.ifengimg.com/ucms/special/images/8948E894DB73893E42CCF4625EAF8D98.jpg) no-repeat center/cover;}
.p3-1-dialog-frame{width: 83.3vmin;height: 34.4vmin;background: url(//x0.ifengimg.com/ucms/special/images/AE209479E4BF92F9E390A9B07EE87B61.png) no-repeat center/contain;}
.p3-1-dialog-name{top: 4%;font-family: font-dialog-name, kaiti, sans-serif;}
.p3-1-dialog-text{top: 38%;font-family: font-dialog-content, kaiti, sans-serif;}
.p3-1-person{position: absolute;width: 44.6vmin;height: 101.3vmin;bottom: 0;left: 21%;background: url(//x0.ifengimg.com/ucms/special/images/11E691553AB172B744CE3291E40620F7.png) no-repeat center/contain;}
.p3-1-dialog-arrow{bottom: 17%;}
/*  */
.page-stage-3-2{background: url(//x0.ifengimg.com/ucms/special/images/CF689C10EB06A7DDBDD43D4C859223AA.jpg) no-repeat center/cover;}
.p3-2-dialog-frame{position: absolute;width: 83.3vmin;height: 52.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/768587DF499D1553E55A03BB783530A4.png) no-repeat center/contain;}
.p3-2-dialog-name{position: absolute;font-size: 4.2vmin;color: #b3fffd;top: 2.5%;left: 7%;font-family: font-dialog-name, kaiti, sans-serif;}
.p3-2-dialog-text{position: absolute;width: 88%;line-height: 1.5;font-size: 3.8vmin;color: #b3fffd;top: 26%;left: 7%;font-family: font-dialog-content, kaiti, sans-serif;}
.p3-2-next-button{width: 37.6vmin;height: 10.1vmin;bottom: 9%;background: url(//x0.ifengimg.com/ucms/special/images/134C53DAA9D0AD71D9D6E22B7E9C7B48.png) no-repeat center/contain;}
/*  */
.page-stage-3-3{background: url(//x0.ifengimg.com/ucms/special/images/F828EA5BE9704FD4CED3176257DF34AD.jpg) no-repeat center/cover;}
.p3-3-start{position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;object-fit: cover;}
.p3-3-1-button{z-index: 5;position: absolute;width: 43vw;height: 33vh;right: 0;bottom: 24%;}
.p3-3-1-click-tip{position: absolute;width: 11.7vmin;height: 11.7vmin;top: 51%;right: 21%;}
.p3-3-1-click-image{animation: breathe_ani 1s linear both alternate infinite;}
.p3-3-1-click-text{position: absolute;width: 20.8vmin;height: 54.3vmin;right: 0;bottom: 25%;background: url(//x0.ifengimg.com/ucms/2026/0401/500EABE88C0F58DAF7FF28DA802E13A05570E129_size26_w172_h400.png) no-repeat center/contain;}
.p3-3-2-1-button{z-index: 15; width: 40vmin;height: 10.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/81E07EBE3663420C8E939C85967F6AE2.png) no-repeat center/contain;}
.p3-3-2-button{width: 40vmin;height: 10.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/81E07EBE3663420C8E939C85967F6AE2.png) no-repeat center/contain;}
.p3-3-2-modal-wrap{position: relative;margin: auto;}
.p3-3-2-content{position: relative;width: 61.4vmin;height: 81.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/9CE45DC9EC8E8462460CAADF3592B9D1.png) no-repeat center/contain;margin: 0 auto;}
.p3-3-2-scan{position: absolute;width: 59.1vmin;height: 7.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/1F46459CE758663D931D03250C3B8379.png) no-repeat center/contain;top: 0;}
.p3-3-2-text{width: 81.3vmin;height: 10.7vmin;background: url(//x0.ifengimg.com/ucms/special/images/6FA2DC834CC5160B6441E5AB44DDB953.png) no-repeat center/contain;margin: 12% auto 18%;}
.p3-3-2-button{width: 40vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/CF68076B416714B24ECFC519416613B4.png) no-repeat center/contain;margin: 0 auto;}
.p3-3-2-scan.tri{animation: p3_2_scan 1s forwards;}
@keyframes p3_2_scan{
	0%{top: 0%;opacity: 1;}
	95%{top: 87.4%;opacity: 1;}
	100%{top: 92%;opacity: 0;}
}
/*  */
.page-stage-3-4{background: url(//x0.ifengimg.com/ucms/special/images/A10BEB66F8F1CD757DBFC0929907AF38.jpg) no-repeat center/cover;}
.p3-4-dialog-frame{width: 83.3vmin;height: 52.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/768587DF499D1553E55A03BB783530A4.png) no-repeat center/contain;}
.p3-4-dialog-name{position: absolute;font-size: 4.2vmin;color: #b3fffd;top: 2.5%;left: 7%;font-family: font-dialog-name, kaiti, sans-serif;}
.p3-4-dialog-text{position: absolute;width: 88%;line-height: 1.5;font-size: 3.8vmin;color: #b3fffd;top: 30%;left: 7%;font-family: font-dialog-content, kaiti, sans-serif;}
.p3-4-next-button{width: 40vmin;height: 10.1vmin;bottom: 8%;background: url(//x0.ifengimg.com/ucms/special/images/CF68076B416714B24ECFC519416613B4.png) no-repeat center/contain;}
.p3-4-2-dialog-frame{width: 80.1vmin;height: 83.8vmin;top: 33%;background: url(//x0.ifengimg.com/ucms/special/images/D3297943D81B662911C8998003F41EB3.png) no-repeat center/contain;font-family: font-kepu, kaiti, sans-serif;}
.p3-4-2-text {position: absolute;width: 86%;line-height: 1.9;color: #7affff;left: 0;right: 0;margin: 0 auto;top: 15%;text-align: justify;font-size: 4.4vmin;}
.p3-4-button{width: 47.2vmin;height: 10.1vmin;bottom: 15%;background: url(//x0.ifengimg.com/ucms/special/images/C1E9858C3053027432A0F4D563F8AAFE.png) no-repeat center/contain;}
/*  */
.page-stage-3-5{background: url(//x0.ifengimg.com/ucms/2026/0331/15F2B6CC7F0418ECAC813CD8C633113E9608EE4C_size848_w720_h1344.png) no-repeat center/cover;}
.page-stage-3-5-modal.page-stage-3-5-modal{z-index: 15;}
.page-stage-3-5-modal-wrap{position: relative;margin: auto;}
.page-stage-3-5-next-content{width: 93.2vmin;height: 102.2vmin;background: url(//x0.ifengimg.com/ucms/special/images/BEE52A915C59DCA8956CC79FC36A4CD5.png) no-repeat center/contain;margin: 0 auto 25%;}
.page-stage-3-5-modal-button{width: 34.4vmin;height: 10.1vmin;background: url(//x0.ifengimg.com/ucms/special/images/BEF9E224036CBABB8203EDE3189B589F.png) no-repeat center/contain;margin: 0 auto;}
.page-stage-3-5-modal.page-stage-2-2-modal{z-index: 15;}
.bamai-button{z-index: 15;width: 25.1vmin;bottom: 15%;transition: opacity 2s .3s;-webkit-touch-callout: none;}
.bamai-img{margin: 0 auto 4%;}
.end-button{z-index: 20;position: absolute;right: 32%;bottom: 21%;width: 12vmin;padding: 35% 1% 5% 20%;transition: opacity .3s;}
.end-button-pic{animation: breathe_ani 2s infinite alternate;}
.gallery-set{z-index: 18; position: absolute;top:0;left: 0;width: 100vw;height: 100vh;transition: opacity .3s;}
.gallery-pad{position: relative;width: 100vw;height: 100vh;transform: scale(1.1);object-fit: cover;}
.gallery-text{width: 34.9vmin;height: 53.7vmin;top: 11%; background: url(//x0.ifengimg.com/ucms/2026_14/EDF4CDE37F4DB064CB1BE0E50328DF3649BA877E_size27_w289_h442.png) no-repeat center/contain;}
.gallery-QR{width: 85.7vmin;height: 24.4vmin;bottom: 15%; background: url(//x0.ifengimg.com/ucms/special/images/AC31F389B1EA1A8E4607175EC7AF2905.png) no-repeat center/contain;}
.gallery-location{width: 57.5vmin;height: 6.3vmin; bottom: 3%; background: url(//x0.ifengimg.com/ucms/special/images/E8E4507F312F69AC960016264122CC12.png) no-repeat center/contain;}
.gallery-touch-tip{width: 37.2vmin;height: 14.5vmin;bottom: 8%; background: url(//x0.ifengimg.com/ucms/special/images/18A0853E450778DDE49BB054DADFF114.png) no-repeat center/contain;}
.gallery-end{z-index: 22;position: absolute;width: 100vw;height: 100vh;top: 0;left: 0;opacity: 0;}
/**/
.poster-result {position: fixed;z-index: 20;top: -100%;}
.poster-result.tri {animation: poster_result 2s forwards cubic-bezier(0.25, 1, 0.5, 1);}
@keyframes poster_result {from {top: -100%;}
	to {top: 0;}
}
.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;}
}
/**/
.modal{z-index: 1;position: absolute;display: flex; top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,.75);transition: opacity .3s;}
.mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);}
/* 小屏幕 */
@media only screen and (max-height: 655px) and (max-width: 390px) {}
/* iPhone 7P/8P */
@media only screen and (min-width: 410px) and (max-height: 700px) {}
/* 长屏幕 */
@media only screen and (min-height: 760px) {}