.user-guide-container[data-v-bea821ab]{display:flex;flex-direction:column}.user-guide-exp1[data-v-bea821ab]{align-items:flex-start;background:#ffffff14;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:24px 40px 0}.user-guide-exp1[data-v-bea821ab],.user-guide-exp1__content[data-v-bea821ab]{border-radius:12px;display:flex;flex-direction:row;position:relative}.user-guide-exp1__content[data-v-bea821ab]{align-items:center;-webkit-backdrop-filter:blur(180px);backdrop-filter:blur(180px);width:100%;z-index:2}.user-guide-exp1[data-v-bea821ab] .avatar{aspect-ratio:1/1;border-radius:12px 0 0 12px;height:100%;-webkit-mask-image:linear-gradient(270deg,transparent,#000 29%);mask-image:linear-gradient(270deg,transparent,#000 29%);max-width:92px;position:absolute;width:auto}.user-guide-exp1[data-v-bea821ab] .avatar .el-image{border-radius:12px 0 0 12px}.user-guide-exp1[data-v-bea821ab] .avatar .place{aspect-ratio:1/1}.user-guide-exp1__title[data-v-bea821ab]{color:#ffffffe6;flex:1;font-size:16px;font-weight:400;letter-spacing:0;line-height:22px;margin:12px 12px 12px 78px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:2}.user-guide-exp1-animation[data-v-bea821ab]{animation:userGuideSlideUp-bea821ab .5s ease-out forwards}.user-guide-exp2[data-v-bea821ab]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-guide-exp2[data-v-bea821ab],.user-guide-exp2__content[data-v-bea821ab]{align-items:center;display:flex;justify-content:center}.user-guide-exp2__content[data-v-bea821ab]{flex-direction:column;padding:16px}.user-guide-exp2[data-v-bea821ab] .avatar{border-radius:100%;height:84px;width:84px}.user-guide-exp2[data-v-bea821ab] .avatar .el-image{border-radius:100%}.user-guide-exp2__title[data-v-bea821ab]{color:#fff;font-size:18px;font-weight:400;letter-spacing:0;line-height:24px;margin:24px 0;max-width:310px;text-align:center}.user-guide-exp2__button[data-v-bea821ab]{align-items:center;border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-sizing:border-box;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;height:32px;justify-content:center;letter-spacing:0;line-height:16px;min-width:94px;opacity:1;padding:8px 24px}.user-guide-exp2-animation[data-v-bea821ab]{animation:exp2FadeIn-bea821ab .5s ease-out forwards}.user-guide-exp3[data-v-bea821ab]{padding-bottom:6px;position:relative}.user-guide-exp3__content[data-v-bea821ab]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(270deg,#6c69ff 1%,#a882ff);border-radius:4px;display:flex;flex-direction:row;gap:4px;max-width:280px;min-width:62px;opacity:1;padding:6px 8px}.user-guide-exp3[data-v-bea821ab]:before{background-image:url(./tips-icon.v5codnzR.webp);background-size:100%;bottom:0;content:"";display:block;height:12px;left:12px;position:absolute;width:12px}.user-guide-exp3__title[data-v-bea821ab]{color:#fff;font-size:14px;font-weight:400;letter-spacing:0;line-height:16px}.user-guide-exp3__title .hand-icon[data-v-bea821ab]{height:16px;position:relative;top:2px;width:16px}.user-guide-exp3-animation[data-v-bea821ab]{animation:userGuideSlideUp-bea821ab .5s ease-out forwards}@keyframes userGuideSlideUp-bea821ab{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes exp2FadeIn-bea821ab{0%{opacity:0}to{opacity:1}}@media(max-width:744px){.user-guide-exp1[data-v-bea821ab]{margin:24px 19px 0}.user-guide-exp1[data-v-bea821ab] .avatar,.user-guide-exp1[data-v-bea821ab] .avatar .place{aspect-ratio:3/4}.user-guide-exp3__title[data-v-bea821ab]{font-size:12px}}@media(max-width:450px){.user-guide-exp1__title[data-v-bea821ab]{margin-left:88px}}