* {box-sizing: border-box;margin: 0;padding: 0}
html,body {width: 100%;height: 100%;background-color: #07080a}
#app {width: 100%;height: 100%;display: none;overflow: hidden}
.graphic {position: fixed;overflow: hidden;height: 100%;display: none;background: rgba(0, 0, 0, 0.9);left: 0;top: 0;bottom: 0;right: 0;z-index: 9}
.graphic .sec-blur {height: 7rem;overflow: hidden;position: absolute;width: 150%;left: 50%;transform: translate(-50%, -25%)}
.graphic .sec-blur::after {content: " ";position: absolute;height: 3.08rem;left: 0;right: 0;bottom: -0.15rem;background: linear-gradient(180deg, rgba(4, 0, 13, 0) 0, #04000d 100%)}
.graphic .sec-blur::before {content: " ";position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;top: 0;background: rgba(0, 0, 0, 0.3)}
.graphic .sec-blur .blurimg {-webkit-filter: blur(8px) brightness(0.8);z-index: -1}
.graphic .sec-main {position: relative;height: 100%;display: flex;flex-direction: column;overflow-y: scroll}
.graphic .sec1 {display: flex;align-items: center;justify-content: center;padding-top: .52rem}
.graphic .sec1 img {width: .6rem;height: .6rem;border-radius: .1rem;}
.graphic .sec1 span {font-size: 18px;font-family: Poppins-Bold, Poppins;font-weight: bold;color: #FFFFFF;line-height: 20px;padding-left: .1rem;}
.graphic .sec2 {padding-top: 0.2rem}
.graphic .sec2 img {width: 3.66rem;height: 4.88rem;border-radius: .2rem;border: .04rem solid rgba(255, 255, 255, 0.1);margin: 0 auto;display: block}
.graphic .sec3 {padding: 0 .42rem;padding-bottom: 0.42rem;margin-top: 0.3rem;}
.graphic .sec3 .sec3-txt {margin-top: .2rem;max-height: 2.36rem;overflow: auto;position: relative}
.graphic .sec3 .sec3-txt span {position: absolute;right: 0;height: .44rem;bottom: 0;background: #07080a;font-size: .24rem;font-family: Poppins-Regular, Poppins;color: rgba(255, 255, 255, 0.85);padding: 0 .24rem;display: none}
.graphic .sec3 h4 {font-size: .32rem;font-family: Poppins-SemiBold, Poppins;color: #fff}
.graphic .sec3 .sec3-txt .graphicIntroductionRef {font-size: .24rem;font-family: Poppins-Regular, Poppins;color: rgba(255, 255, 255, 0.85);}
.graphic .sec-btn-box {position: fixed;bottom: 50px;left: 0;right: 0;background: #07080a;text-align: center;padding-bottom: calc(env(safe-area-inset-bottom));}
.graphic .sec-btn {height: .88rem;line-height: .88rem;background: linear-gradient(81deg, #f6a565, #E91B4D);border-radius: .4rem;width: 5.7rem;margin-bottom: 0rem;font-size: .32rem;font-family: Poppins-SemiBold, Poppins;color: #fff;text-align: center;padding: 0 .48rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block}
.floating-icon {position: absolute;width: 85px;height: 85px;margin-left: 15px;margin-top: 2%;animation: ani 0.5s linear infinite;}
@keyframes ani {0%,100% {transform: scale(0.94)} 25% {transform: scale(1)} 50% {transform: scale(0.94)} 75% {transform: scale(1)}}