.help-page[data-v-6ceff298]{width:100%;overflow:hidden;background-image:linear-gradient(175deg,#8548ee .5rem,#b077ed 60vw,#feede5 100vw,#f5f8ff);position:relative;min-height:100vh}.help-page .trend[data-v-6ceff298]{margin-top:6rem}.help-page .header[data-v-6ceff298]{background-image:url(https://tx.bdsimg.com/mbti/assets/help-header.svg);background-repeat:no-repeat;background-size:102% auto;background-position:50%;height:100vw;box-sizing:border-box;position:relative}.help-page .header h1[data-v-6ceff298]{color:#feede5;font-size:2.5rem;text-shadow:0 0 1rem #b077ed}.help-page .header .info[data-v-6ceff298]{bottom:0;position:absolute;left:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:center}.help-page .header .info .user[data-v-6ceff298]{display:flex;align-items:center}.help-page .header .info .user img[data-v-6ceff298]{width:2rem;height:2rem;border-radius:50%}.help-page .header .info .user span[data-v-6ceff298]{font-size:1.2rem;color:#fff;margin-left:.5rem;text-shadow:.1rem .1rem 1rem #8548ee}.help-page .header .info .user span em[data-v-6ceff298]{font-style:normal}.help-page .header .info .button[data-v-6ceff298]{margin-top:1.5rem;width:100%}.help-page .header .info .button a[data-v-6ceff298]{display:flex;background-color:#c700ef;background:linear-gradient(to right bottom,#c700ef,#2800c7);width:80%;margin:auto;height:4.4rem;align-items:center;justify-content:center;color:#fff;border-radius:2.2rem;font-size:1.6rem;text-shadow:0 0 1rem #8548ee;box-shadow:0 0 .5rem rgba(0,0,0,.6)}.help-page .header .info .subscribe[data-v-6ceff298]{margin-top:1.5rem;font-size:1.2rem;color:#c700ef}.help-page .cont-box[data-v-6ceff298]{margin:3rem 1.5rem;border-radius:1rem;background-color:#fff;border:1px solid #e6cfff}.help-page .cont-box .title-bar[data-v-6ceff298]{display:flex;justify-content:center}.help-page .cont-box .title-bar>div[data-v-6ceff298]{margin-top:-1rem;text-align:center;font-size:1.8rem;background-color:#f1eafc;font-weight:600;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid #e6cfff;border-radius:.4rem .4rem .6rem .6rem;padding:0 3rem;transform:perspective(2em) rotateX(-10deg)}.help-page .cont-box .title-bar>div span[data-v-6ceff298]{color:#8548ee;transform:perspective(2em) rotateX(10deg);margin-bottom:.3rem}.help-page .cont-box .content[data-v-6ceff298]{padding:1rem 1.5rem}.help-page .cont-box .content .none[data-v-6ceff298]{text-align:center;padding:2rem 0}.help-page .cont-box .content.friends ul li[data-v-6ceff298]{display:flex;align-items:center;padding:.75rem 0;justify-content:space-between}.help-page .cont-box .content.friends ul li img[data-v-6ceff298]{width:2.4rem;height:2.4rem;border-radius:50%}.help-page .cont-box .content.friends ul li span[data-v-6ceff298]{margin-left:1rem;flex:1}.help-page .cont-box .content.friends ul li em[data-v-6ceff298]{color:#999;font-style:normal}.help-page .buttons[data-v-6ceff298]{padding:1.5rem}.help-page .buttons a[data-v-6ceff298]{display:flex;justify-content:center;align-items:center;height:4.2rem;line-height:4.2rem;border-width:.1rem;border-style:solid;box-sizing:border-box;border-radius:2.2rem}.help-page .buttons .home a[data-v-6ceff298]{color:#c700ef;border-color:#c700ef}