.agreements[data-v-bd53e6d2]{padding:0 40px;font-size:12px;color:var(--color-secondary-label);line-height:120%;display:flex;align-items:center;justify-content:center;height:28px;margin-top:22px}.agreements .agree-icon[data-v-bd53e6d2]{display:inline-block;cursor:pointer;width:20px;height:20px;padding:2px;margin:0 6px 8px 0}.agreements .agree-icon .icon-wrapper[data-v-bd53e6d2]{color:var(--color-border);width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center}.agreements .agree-icon .icon-wrapper.agreed[data-v-bd53e6d2]{background:var(--color-active-background)}.agreements .agree-icon .icon-wrapper .icon[data-v-bd53e6d2]{color:var(--color-primary-label)}.agreements a[data-v-bd53e6d2]{color:var(--color-link)}
.container[data-v-5ab25739]{width:100%;display:flex;align-items:center;flex-direction:column;height:100%}.container.isLogining[data-v-5ab25739]{opacity:.5}.container.logining[data-v-5ab25739]{position:absolute;z-index:2}.container .title[data-v-5ab25739]{position:absolute;top:19px;font-weight:600;font-size:16px;line-height:120%;color:var(--color-primary-label)}.container .divider[data-v-5ab25739]{display:block;width:100%;height:1px;background-color:var(--color-border);margin-top:55px}.container .divider a[data-v-5ab25739]{color:var(--color-link)}.code-box[data-v-5ab25739]{width:100%;padding:64px 24px 24px 24px;height:320px}@media screen and (max-width:1423px){.code-box[data-v-5ab25739]{height:304px}}.code-box .phone-number[data-v-5ab25739]{display:flex;align-items:center;justify-content:center;color:var(--color-tertiary-label);font-size:14px;font-weight:400;line-height:120%}.code-box .phone-number .phone[data-v-5ab25739]{margin-right:4px}.code-box .codes[data-v-5ab25739]{display:flex;align-items:center;justify-content:center;margin-top:32px;width:100%;height:48px;gap:12px;font-weight:400;font-size:16px;line-height:120%}.code-box .codes .code[data-v-5ab25739]{border-radius:12px;height:100%;width:40px;background:var(--color-active-background);text-align:center;color:var(--color-primary-label);caret-color:var(--color-red)}.code-box .codes .code[data-v-5ab25739]:nth-child(3){margin-right:8px}.code-box .code-error[data-v-5ab25739]{margin:0 auto;margin-top:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-red);border-radius:999px;background:var(--color-tinted-red);padding:0 8px;height:28px;width:86px;white-space:nowrap}.code-box .code-modify[data-v-5ab25739]{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:8px}.code-box .code-modify .modify[data-v-5ab25739]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-label);padding:8px;gap:4px}.code-box .code-modify .modify .icon[data-v-5ab25739]{color:var(--color-quaternary-label)}.code-box .code-modify .modify[data-v-5ab25739]:hover{color:var(--color-primary-label);border-radius:999px;background:var(--color-active-background)}.login-btn[data-v-5ab25739]{margin-top:16px;color:var(--color-white);font-size:16px;font-weight:600;line-height:120%;height:48px;width:100%;margin-top:auto}.login-btn .login-text[data-v-5ab25739]{margin:0 24px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:48px;border-radius:999px;background:var(--color-red)}[data-v-5ab25739] .agreements{margin-bottom:32px}
.qrcode[data-v-5c1bddd2]{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px;border:2px solid var(--color-shadow-border);border-radius:12px;box-shadow:12px 12px 24px var(--elevation-high-shadow);background:var(--color-white)}.qrcode .qrcode-img[data-v-5c1bddd2]{width:128px;height:128px}.qrcode .status[data-v-5c1bddd2]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qrcode .status .status-text[data-v-5c1bddd2]{font-size:16px;font-weight:500;color:#333;margin-bottom:8px}.qrcode .status .status-desc[data-v-5c1bddd2]{font-size:14px;color:#666}.qrcode .status .status-desc.refresh[data-v-5c1bddd2]{color:#ff2442;cursor:pointer;text-decoration:underline}.qrcode .status .status-btn[data-v-5c1bddd2]{margin-top:16px;padding:8px 24px;background:#ff2442;color:#fff;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.qrcode .status .status-btn[data-v-5c1bddd2]:hover{background:#e61e3a}
.code-area[data-v-76d4be33]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;width:100%;height:227px;gap:20px}.code-area .course-video[data-v-76d4be33]{overflow:hidden}.code-area .course-video .animate[data-v-76d4be33]{width:100%;height:100%;object-fit:cover}.code-area .tip[data-v-76d4be33]{height:20px;color:var(--color-primary-label);font-weight:400;font-size:16px;line-height:120%;display:flex;align-items:center;justify-content:center}.code-area .tip .tip-text[data-v-76d4be33]{display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 4px 0 2px}.code-area .tip .tip-text.wechat[data-v-76d4be33]{margin:0 4px;gap:2px}.course[data-v-76d4be33]{height:28px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:0 8px 0 8px;font-size:14px;color:var(--color-secondary-label);cursor:pointer}.course .play[data-v-76d4be33]{margin-right:7px;color:var(--color-quaternary-label)}.course[data-v-76d4be33]:hover{color:var(--color-primary-label)}.tutorial[data-v-76d4be33]{background-color:var(--color-active-background)}
.header[data-v-7a50388f]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 24px 16px 24px;width:100%}.header .logo[data-v-7a50388f]{width:auto;height:32px;-webkit-user-select:none;user-select:none;pointer-events:none}.header .login-reason[data-v-7a50388f]{height:48px;padding:0 20px;background:var(--color-tinted-blue);color:var(--color-blue);border-radius:999px;font-size:16px;font-weight:600;line-height:120%;margin-bottom:20px;max-width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:959px){.header .login-reason[data-v-7a50388f]{height:44px}}
.age-ob-wrapper[data-v-73fbe23e]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.age-ob-wrapper .age-ob-header-icon[data-v-73fbe23e]{position:absolute;left:8px;top:8px;cursor:pointer;color:var(--color-secondary-label)}.age-ob-wrapper .age-ob-header-icon[data-v-73fbe23e]:hover{color:var(--color-primary-label);border-radius:999px;background:var(--color-active-background)}.age-ob-wrapper .age-ob-header[data-v-73fbe23e]{width:100%;height:56px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-label);font-weight:600;line-height:120%;font-size:16px;border-bottom:1px solid var(--color-border)}.age-ob-wrapper .age-ob-select[data-v-73fbe23e]{width:100%;height:336px;padding:20px 0}.age-ob-wrapper .age-ob-select-prompt[data-v-73fbe23e]{font-size:14px;line-height:120%;color:var(--color-secondary-label);text-align:center}.age-ob-wrapper .age-ob-select-box[data-v-73fbe23e]{width:100%;margin-top:16px;display:flex;justify-content:center;position:relative}.age-ob-wrapper .age-ob-select-box .age-ob-select-input[data-v-73fbe23e]{width:318px;height:48px;padding:12px 16px;background-color:var(--color-active-background);border-radius:999px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("https://picasso-static.xiaohongshu.com/fe-platform/f1d72f4c7fa719305abab14db7488dcd436fea9e.png");background-repeat:no-repeat;background-position:right center;padding-right:16px;background-origin:content-box;cursor:pointer;font-size:16px;line-height:120%;color:var(--color-primary-label)}.age-ob-wrapper .age-ob-next[data-v-73fbe23e]{margin-top:auto;padding:0 24px;margin-bottom:24px;width:100%}.age-ob-wrapper .age-ob-next .age-ob-btn[data-v-73fbe23e]{width:100%;height:48px}
.download-app-wrapper[data-v-1a0ef598]{width:100%}.down-app-header[data-v-1a0ef598]{height:40px;margin:8px 8px 0 0;display:flex;justify-content:flex-end;align-items:center;color:var(--color-secondary-label)}.down-app-header >span[data-v-1a0ef598]{display:flex;align-items:center;margin:0;font-size:16px;height:100%;padding:0 16px;cursor:pointer;border-radius:20px}.down-app-header >span[data-v-1a0ef598]:hover{background:var(--color-active-background)}.down-app-contain[data-v-1a0ef598]{display:flex;padding:0 48px;height:100%;margin-top:-48px}@media screen and (max-width:959px){.down-app-contain[data-v-1a0ef598]{flex-direction:column}}.guide-content[data-v-1a0ef598]{flex:0 0 50%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (max-width:959px){.guide-content[data-v-1a0ef598]{flex:0 0 auto;margin:64px 0 32px}}.guide-content >.content-title[data-v-1a0ef598],.guide-content .content-hint[data-v-1a0ef598]{margin:0;display:flex;align-items:center;justify-content:center}.guide-content .content-title[data-v-1a0ef598]{font-size:32px;font-weight:600;line-height:120%;color:var(--color-primary-label)}.guide-content .content-hint[data-v-1a0ef598]{margin:20px auto;font-size:16px;color:var(--color-primary-label)}@media screen and (max-width:959px){.guide-content .content-hint[data-v-1a0ef598]{margin:16px auto}}.button-type[data-v-1a0ef598]{border:1px solid var(--color-border);color:var(--color-secondary-label)}.button-type[data-v-1a0ef598]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.guide-img[data-v-1a0ef598]{flex:1;display:flex;align-items:center;justify-content:center}@media screen and (max-width:959px){.guide-img[data-v-1a0ef598]{align-items:flex-start}}.guide-img .guide-img-content[data-v-1a0ef598]{width:172px;height:100%;display:flex;align-items:center}@media screen and (max-width:959px){.guide-img .guide-img-content[data-v-1a0ef598]{align-items:flex-start}}.guide-img .app-screenshot[data-v-1a0ef598]{width:100%;cursor:pointer;transition:all .2s}.guide-img .app-screenshot >img[data-v-1a0ef598]{width:100%}.guide-img .app-qrcode-wrap[data-v-1a0ef598]{width:172px;display:flex;justify-content:center}.guide-img .app-qrcode[data-v-1a0ef598]{padding:16px;width:160px;height:160px;box-shadow:var(--elevation-high-shadow);border-radius:12px}.guide-img .app-qrcode >img[data-v-1a0ef598]{width:100%}
.items[data-v-51a68eb0]{display:flex;flex-wrap:wrap;justify-content:center}.item-wrapper[data-v-51a68eb0]{margin-right:var(--6b217a94);margin-bottom:var(--6b217a94);cursor:pointer;shrink:0}.item-img[data-v-51a68eb0]{position:relative;width:var(--2fe92f22);height:var(--2fe92f22);border-radius:999px;background-color:var(--color-active-background)}.item-img[data-v-51a68eb0]:hover::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mask-note-card);border-radius:999px}.badage[data-v-51a68eb0]{width:24px;height:24px;position:absolute;right:0;border-radius:999px;background-color:var(--color-red);display:flex;align-items:center;justify-content:center;z-index:4}.badage-medium[data-v-51a68eb0]{right:-4px;top:-4px}.badage-number[data-v-51a68eb0]{font-size:14px;color:var(--color-white);font-weight:500;line-height:120%}.item-label[data-v-51a68eb0]{margin-top:12px;font-size:16px;line-height:120%;color:var(--color-secondary-label);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected[data-v-51a68eb0]{position:absolute;width:calc(var(--2fe92f22) + 8px);height:calc(var(--2fe92f22) + 8px);border-radius:999px;border:2px solid var(--color-red);top:-4px;right:-4px}
.gender-ob-wrapper[data-v-13241c56]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.gender-ob-wrapper .gender-ob-header[data-v-13241c56]{width:100%;height:56px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-label);font-weight:600;line-height:120%;font-size:16px;border-bottom:1px solid var(--color-border)}.gender-ob-wrapper .gender-ob-select[data-v-13241c56]{width:100%;height:303px;padding:16px 0;display:flex;align-items:center;justify-content:center;flex-grow:1}.gender-ob-wrapper .gender-ob-select-checkbox[data-v-13241c56]{margin-left:40px;margin-top:40px}.gender-ob-wrapper .gender-ob-footer[data-v-13241c56]{margin:16px 0;color:var(--color-secondary-label);font-size:14px;line-height:120%;text-align:center}.gender-ob-wrapper .gender-ob-next[data-v-13241c56]{padding:0 24px;margin-top:auto;margin-bottom:24px;width:100%}.gender-ob-wrapper .gender-ob-next .gender-ob-btn[data-v-13241c56]{width:100%;height:48px}
.input-container[data-v-2e4f8e2b]{width:100%;padding:0 24px;margin-top:16px;display:flex;align-items:center}.form[data-v-2e4f8e2b]{width:100%}.phone[data-v-2e4f8e2b]{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:22px;color:var(--color-secondary-label);height:48px;background:var(--color-active-background);border-radius:999px;transition:border-color .2s;width:100%}.phone input[data-v-2e4f8e2b]{flex:1;width:100%;height:100%;caret-color:var(--color-red);color:var(--color-primary-label);padding-right:16px;min-width:130px}.phone input[data-v-2e4f8e2b]::placeholder{color:var(--color-quaternary-label);font-weight:400}.phone input[data-v-2e4f8e2b]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,0) inset;-webkit-transition:background-color 99999s ease-in-out 0s}.phone .country-code[data-v-2e4f8e2b]{display:flex;align-items:center;justify-content:center;position:relative;width:29px;height:100%;font-weight:400;margin-left:16px;margin-right:20px;color:var(--color-primary-label);cursor:pointer}.phone .country-code[data-v-2e4f8e2b]::after{position:absolute;left:41px;content:'';height:24px;width:1px;background-color:var(--color-border)}.continue[data-v-2e4f8e2b]{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 24px;color:var(--color-secondary-label);cursor:pointer;border-radius:100px;border:1px solid var(--color-border);height:100%;font-size:16px;font-weight:600;line-height:120%;margin-left:8px}.continue[data-v-2e4f8e2b]:hover{color:var(--color-primary-label);background:var(--color-active-background)}
.login-modal[data-v-d3bb3de2]{z-index:100010;flex-direction:column}[data-v-d3bb3de2] .full-page .reds-mask{background:transparent}[data-v-d3bb3de2] .login-modal.gray{filter:grayscale(0.95)}.fade-enter-active[data-v-d3bb3de2],.fade-leave-active[data-v-d3bb3de2]{transition:all .2s}.fade-enter-from[data-v-d3bb3de2],.fade-leave-to[data-v-d3bb3de2]{opacity:0}.fade-enter-from .login-container[data-v-d3bb3de2],.fade-leave-to .login-container[data-v-d3bb3de2]{transform:translateY(5px)}.login-container[data-v-d3bb3de2]{display:flex;position:relative;width:440px;background:var(--elevation-high-background);border-radius:20px;box-shadow:var(--elevation-high-shadow);transition:transform .2s;height:560px}.login-container .button[data-v-d3bb3de2]{position:absolute;top:8px;cursor:pointer;color:var(--color-secondary-label)}.login-container .button[data-v-d3bb3de2]:hover{color:var(--color-primary-label);border-radius:999px;background:var(--color-active-background)}.login-container .button.close[data-v-d3bb3de2]{right:8px}.login-container .button.back[data-v-d3bb3de2]{left:8px}.container[data-v-d3bb3de2]{width:100%;display:flex;align-items:center;flex-direction:column;height:100%}.container.risk[data-v-d3bb3de2]{justify-content:space-around}.oauth-tip-line[data-v-d3bb3de2]{height:17px;padding:0 12px 0 12px}.oauth-tip[data-v-d3bb3de2]{width:100%;padding:0 24px;display:flex;align-items:center;font-weight:400;font-size:14px;color:var(--color-tertiary-label)}.oauth-tip[data-v-d3bb3de2]::before,.oauth-tip[data-v-d3bb3de2]::after{display:block;width:100%;height:1px;content:'';background-color:var(--color-border)}.help-tip[data-v-d3bb3de2]{margin-top:32px;color:var(--color-tertiary-label)}.hint[data-v-d3bb3de2]{height:72px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:14px;color:var(--color-tertiary-label)}.alert-content[data-v-d3bb3de2]{display:flex;align-items:center;justify-content:center;line-height:120%;text-align:center}.alert-content .alert-text[data-v-d3bb3de2]{margin-bottom:24px}.alert-content .alert-text a[data-v-d3bb3de2]{color:var(--color-link);font-size:16px}
.input-container[data-v-3a597e64]{margin-top:32px;padding:16px 0;width:304px;display:flex;flex-direction:column}.auth-code[data-v-3a597e64]{padding-left:16px;padding-right:16px}.phone[data-v-3a597e64],.auth-code[data-v-3a597e64]{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:22px;color:var(--color-secondary-label);height:48px;background:var(--color-active-background);border-radius:999px;transition:border-color .2s}.phone.error[data-v-3a597e64],.auth-code.error[data-v-3a597e64]{border-color:var(--color-red)}.phone input[data-v-3a597e64],.auth-code input[data-v-3a597e64]{flex:1;font-size:16px;width:130px;height:100%;caret-color:var(--color-red);color:var(--color-primary-label)}.phone input[data-v-3a597e64]::placeholder,.auth-code input[data-v-3a597e64]::placeholder{font-size:16px;color:var(--color-quaternary-label);font-weight:400}.phone input[data-v-3a597e64]:-webkit-autofill,.auth-code input[data-v-3a597e64]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,0) inset;-webkit-transition:background-color 99999s ease-in-out 0s}.phone .country-code[data-v-3a597e64]{display:flex;align-items:center;justify-content:center;position:relative;width:29px;height:100%;font-weight:400;margin-left:16px;margin-right:20px;color:var(--color-primary-label)}.phone .country-code[data-v-3a597e64]::after{position:absolute;left:41px;content:'';height:24px;width:1px;background-color:var(--color-border)}.phone .clear[data-v-3a597e64]{cursor:pointer;margin-right:16px;color:var(--color-secondary-label)}.code-button[data-v-3a597e64]{font-size:16px;cursor:pointer;color:var(--color-red);cursor:pointer;opacity:.5;height:100%;display:flex;align-items:center;justify-content:center}.code-button.active[data-v-3a597e64]{color:var(--color-red);opacity:1}.err-msg[data-v-3a597e64]{margin-top:9.5px;height:28px;line-height:140%;color:var(--color-red);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center}.submit[data-v-3a597e64]{margin-top:16px;height:48px;background:var(--color-red);color:var(--color-white);opacity:1;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}
.login-modal[data-v-33a5d983]{z-index:100010;flex-direction:column}[data-v-33a5d983] .full-page .reds-mask{background:transparent}[data-v-33a5d983] .login-modal.gray{filter:grayscale(0.95)}.fade-enter-active[data-v-33a5d983],.fade-leave-active[data-v-33a5d983]{transition:all .2s}.fade-enter-from[data-v-33a5d983],.fade-leave-to[data-v-33a5d983]{opacity:0}.fade-enter-from .login-container[data-v-33a5d983],.fade-leave-to .login-container[data-v-33a5d983]{transform:translateY(5px)}.login-container[data-v-33a5d983]{display:flex;position:relative;justify-content:center;width:800px;height:480px;background:var(--elevation-high-background);border-radius:16px;box-shadow:var(--elevation-high-shadow);transition:all .2s}.login-container .close-button[data-v-33a5d983]{position:absolute;right:20px;top:20px;cursor:pointer;color:var(--color-secondary-label)}.login-container .close-button[data-v-33a5d983]:hover{color:var(--color-primary-label);border-radius:999px;background:var(--color-active-background)}.left[data-v-33a5d983]{width:400px;display:flex;align-items:center;flex-direction:column}.left .logo[data-v-33a5d983]{width:67px;height:24px;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:48px}.right[data-v-33a5d983]{width:400px;display:flex;align-items:center;flex-direction:column;padding-top:48px;border-left:1px solid var(--color-border)}.right .title[data-v-33a5d983]{font-size:18px;color:var(--color-primary-label);font-weight:600;line-height:120%;height:24px}.right .prompt[data-v-33a5d983]{font-size:12px;color:var(--color-tertiary-label);line-height:120%;margin-top:6px}.right .prompt a[data-v-33a5d983]{color:var(--color-link)}.help-tip[data-v-33a5d983]{margin-top:32px;color:var(--color-tertiary-label)}.alert-content[data-v-33a5d983]{display:flex;align-items:center;justify-content:center;font-weight:400;line-height:120%;text-align:center}.alert-content .alert-text[data-v-33a5d983]{margin-bottom:24px}.alert-content .alert-text a[data-v-33a5d983]{color:var(--color-link);font-size:16px;font-weight:400}.links[data-v-33a5d983]{color:var(--color-link);font-weight:400;color:var(--color-tertiary-label)}.agree-icon[data-v-33a5d983]{color:var(--color-red)}.nio-login-container[data-v-33a5d983]{width:calc(100vw - 24px * 2)}.remove[data-v-33a5d983]{position:absolute}.mt-13px[data-v-33a5d983]{margin-top:13px !important}[data-v-33a5d983] .code-area{height:280px;gap:0;margin-top:auto;justify-content:flex-start}[data-v-33a5d983] .code-area .tip{margin-top:20px}[data-v-33a5d983] .agreements{margin:0;padding:0 48px}[data-v-33a5d983] .course{margin-bottom:32px}.user-tips[data-v-33a5d983]{height:28px;margin-top:auto;margin-bottom:32px;font-size:14px;font-weight:400;line-height:120%;display:flex;align-items:center;justify-content:center;color:var(--color-tertiary-label)}

/*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/Login.dccb81d9.css.map*/