*{margin:0}body{background:#eee}

.header-page{width:100%}.header-page .header-page-body{height:50px;display:flex;justify-content:center;align-items:center;position:relative}.header-page .header-page-body .header-page-icon{left:-10px;position:absolute}.header-page .header-page-body .header-page-title{font-family:PingFangSC-Semibold;font-size:16px;color:var(--default_gray, #12161A);text-align:center;font-weight:600}.header-page .svg{stroke:var(--default_gray, #12161A)}
.banner-page{margin-top:20px}.banner-page .container{width:325px;height:181px;border-radius:12px;overflow-x:hidden}.banner-page .img-swiper{display:flex}.banner-page .img-swiper .img-container{width:325px;height:181px;display:flex;justify-content:center;align-items:center;border-radius:12px;overflow:hidden}.banner-page .img-swiper .img-container>.img{height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.banner-page .icon-list{margin-top:14px;display:flex;justify-content:center}.banner-page .icon-list .icon{width:6px;height:6px;border-radius:50%;background-color:var(--constant_black10, rgba(0, 0, 0, 0.1));margin-right:6px}.banner-page .icon-list .icon.active{background-color:var(--constant_black75, rgba(0, 0, 0, 0.75))}.banner-page .icon-list .icon:last-child{margin-right:0}.banner-page .button-card{text-align:center;margin:12px 0 50px}.banner-page .button-card .title{font-family:PingFangSC-Semibold;font-size:16px;color:var(--default_gray, #12161A);letter-spacing:0;text-align:center;font-weight:600}.banner-page .button-card .text{font-family:PingFangSC-Regular;font-size:12px;color:var(--default_gray50, #859199);letter-spacing:0;text-align:center;font-weight:400;margin:4px 0 18px}.banner-page .button-card .button-btn{width:325px;height:44px;background-color:var(--default_button_gray, #12161A);border-radius:10px;text-align:center;line-height:44px;font-family:PingFangSC-Medium;font-size:17px;color:var(--default_button_white, #FFFFFF);letter-spacing:0;font-weight:500}
.how-to-do-card{margin-top:10px}.how-to-do-card .title{font-family:PingFangSC-Semibold;font-size:16px;color:var(--default_gray, #12161A);letter-spacing:0;font-weight:600;margin-bottom:11px}.how-to-do-card .text{font-family:PingFangSC-Regular;font-size:14px;color:var(----default_gray50, #859199);letter-spacing:0;line-height:24px;font-weight:400}
.tab-card{margin-top:50px}.tab-card .title{font-family:PingFangSC-Semibold;font-size:16px;color:var(--default_gray, #12161A);letter-spacing:0;font-weight:600}.tab-card .tab{margin-top:21px;display:flex;justify-content:space-around;align-items:center}.tab-card .tab .tab-item{font-family:PingFangSC-Regular;font-size:15px;color:var(--default_gray50, #859199);letter-spacing:0;text-align:center;font-weight:400;padding-bottom:10px;border-bottom:3px solid rgba(0,0,0,0)}.tab-card .tab .tab-item.active{font-family:PingFangSC-Medium;color:var(--default_gray, #12161A);font-weight:500;border-bottom:3px solid var(--default_gray, #12161A)}.tab-card .container .box{margin-top:24px}.tab-card .container .box .text{font-family:PingFangSC-Regular;font-size:14px;color:var(--default_gray, #12161A);letter-spacing:0;line-height:24px;font-weight:400}.tab-card .container .box .img{margin-top:15px;width:325px;height:220px;border-radius:10px;background-size:contain;background-repeat:no-repeat;background-position:center}
.question-card{margin-top:50px}.question-card .title{font-family:PingFangSC-Semibold;font-size:16px;color:var(--default_gray, #12161A);letter-spacing:0;font-weight:600}.question-card .container{font-family:PingFangSC-Regular;font-weight:400;font-size:14px;letter-spacing:0}.question-card .container .question{margin-top:20px;color:var(--default_gray, #12161A)}.question-card .container .answer{margin-top:10px;color:var(--default_gray50, #859199);line-height:24px}
:root{--default_white: #FFFFFF;--default_gray: #12161A;--default_gray50: #859199;--default_button_gray: #12161A;--default_button_white: #FFFFFF;--constant_black10: rgba(0,0,0,0.10);--constant_black75: rgba(0,0,0,0.75)}:root [theme=day]{--default_white: #FFFFFF;--default_gray: #12161A;--default_gray50: #859199;--default_button_gray: #12161A;--default_button_white: #FFFFFF;--constant_black10: rgba(0,0,0,0.10);--constant_black75: rgba(0,0,0,0.75)}:root [theme=night]{--default_white: #181818;--default_gray: #D9D9D9;--default_gray50: rgba(217,217,217,0.6);--default_button_gray: #383838;--default_button_white: #E6E6E6;--constant_black10: rgba(0,0,0,0.10);--constant_black75: rgba(0,0,0,0.75)}
#app{padding-top:var(--immersive-area-inset-top, 0px);padding:var(--immersive-area-inset-top, 0px) 25px calc(var(--immersive-area-inset-bottom, 0px) + 25px);background-color:var(--default_white, #FFFFFF);display:flex;flex-direction:column;align-items:center}#app .page{width:325px}