#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invite-layout{align-items:center;background:#efffee;box-sizing:border-box;color:#2e303a;display:flex;flex-direction:column;font-size:16px;justify-content:center;min-height:100vh;padding:0 0 50px;position:relative}.invite-box{background:#f5f6fa;border-radius:16px;box-sizing:border-box;max-width:100%;padding:32px 24px 24px;width:440px}.inviter-box{margin-bottom:24px}.inviter-logo{background-color:#e3e5ec;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:80px;margin:0 auto 16px;width:80px}.inviter-tips{color:#2e303a;display:flex;font-size:14px;justify-content:center;line-height:20px}.inviter-tips .left-text,.inviter-tips .right-text{color:#2e303a}.guild-box{align-items:center;border:1px solid #00000014;border-radius:12px;display:flex;margin-bottom:24px;padding:16px}.guild-box__icon{flex:0 0 auto;height:56px;margin-right:14px;width:56px}.guild-box__icon__logo{background-color:#e3e5ec;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;height:56px;width:56px}.guild-box__info{display:flex;flex-direction:column;min-width:0}.guild-box__info__title{color:#2e303a;font-size:20px;font-weight:700;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-box__info__desc{align-items:center;color:#2e303a66;display:flex;font-size:12px;line-height:18px;margin-top:4px}.guild-box__info__desc__online{margin-right:10px}.guild-box__info__desc__all,.guild-box__info__desc__online{align-items:center;display:flex}.ico{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.ico--online{background:#7acc35}.ico--all{background:#2e303a66}.no-register-box{text-align:start}.invite-form{width:100%}.chuanyu-button{border:0;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:700;height:36px;line-height:36px;padding:0 12px;transition:background-color .15s ease;width:100%}.chuanyu-button.type-pr{background:#7acc35}.chuanyu-button.type-pr:hover{background:#6fbb30}.chuanyu-button.type-pr:active{background:#63a82a}.button-text{color:#fff}.has-number-link{margin:16px 0 24px}.app-kaihei-link{color:#0096ff;font-size:14px;text-decoration:none}.app-kaihei-link:hover{text-decoration:underline}.third-app-login{align-items:center;display:flex;flex-direction:column;margin:26px 0 4px}.third-app-login-title{background:#0000000a;height:1px;margin-bottom:28px;max-width:100%;width:360px}.third-app-bottom-parent{align-items:center;display:flex;gap:44px;justify-content:center}.third-icon-qq,.third-icon-wx{align-items:center;border:1px solid #999;border-radius:10px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .15s ease;width:32px}.third-icon-qq:hover,.third-icon-wx:hover{border-color:#666}.kaihei-bottom-copyright{color:#2e303a;font-size:12px;line-height:18px;margin-top:16px;text-align:center}.kaihei-bottom-copyright .link{color:#0096ff;text-decoration:none}.kaihei-bottom-copyright .link:hover{text-decoration:underline}.bottom-text{bottom:16px;color:#2e303a66;font-size:12px;left:50%;line-height:17px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.bottom-text span{margin-left:16px}.chuanyu-modal-container{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.chuanyu-modal-container.kaihei-modal-animate{animation:kaiheiModalContainer .2s ease}.chuanyu-modal-container .modal-body{animation:kaiheiModalBody .3s ease;background:#f5f6fa;border-radius:16px;box-sizing:border-box;color:#2e303a;font-size:14px;line-height:20px;max-width:calc(100vw - 32px);position:relative;width:440px}.chuanyu-modal-container .guide-modal{padding:21px 24px 24px}.chuanyu-modal-container .modal-title-text{color:#2e303a;font-size:20px;font-weight:600;line-height:26px;margin:0;text-align:left}.chuanyu-modal-container .guide-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 6px}.chuanyu-modal-container .guide-verify-badge{align-items:center;background:#2e303a0a;border:1px solid #00000014;border-radius:8px;color:#2e303a8c;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:5px;line-height:16px;padding:4px 10px;-webkit-user-select:none;user-select:none;white-space:nowrap}.chuanyu-modal-container .guide-verify-icon{color:#2e303a80;display:block;flex:0 0 auto}.chuanyu-modal-container .chuanyu-button.type-appprimary{background:#7acc35;border:0;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:400;height:36px;line-height:36px;padding:0 12px;transition:background-color .15s ease;width:auto}.chuanyu-modal-container .chuanyu-button.type-appprimary:hover{background:#6fbb30}.chuanyu-modal-container .chuanyu-button.type-appprimary:active{background:#63a82a}@keyframes kaiheiModalContainer{0%{opacity:0}to{opacity:1}}@keyframes kaiheiModalBody{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.chuanyu-modal-container .sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chuanyu-modal-container .guide-subtitle{color:#2e303a66;font-size:13px;line-height:20px;margin:0 0 18px;text-align:left}.chuanyu-modal-container .guide-steps{display:flex;flex-direction:column;gap:12px}.chuanyu-modal-container .guide-step{align-items:center;animation:guideStepIn .32s ease both;background:#fff;border:1px solid #00000014;border-radius:12px;box-sizing:border-box;display:flex;gap:12px;min-height:56px;padding:0 16px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.chuanyu-modal-container .guide-step.is-active{border-color:#7acc358c;box-shadow:0 0 0 3px #7acc351f}.chuanyu-modal-container .guide-step.is-done{background:#7acc350d;border-color:#7acc3559}.chuanyu-modal-container .guide-badge{align-items:center;border:2px solid #2e303a40;border-radius:50%;box-sizing:border-box;color:#2e303a66;display:flex;flex:0 0 auto;font-size:13px;font-weight:600;height:24px;justify-content:center;line-height:1;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:24px}.chuanyu-modal-container .guide-step.is-active .guide-badge{border-color:#7acc35;color:#7acc35}.chuanyu-modal-container .guide-step.is-done .guide-badge{background:#7acc35;border-color:#7acc35;color:#fff}.chuanyu-modal-container .guide-badge .guide-check{animation:guideCheckPop .32s cubic-bezier(.34,1.56,.64,1) both;display:block;height:13px;width:13px}.chuanyu-modal-container .guide-badge .guide-check path{stroke-dasharray:13;stroke-dashoffset:13;animation:guideCheckDraw .3s ease .06s forwards}.chuanyu-modal-container .guide-text{align-items:center;color:#2e303a66;display:flex;flex:1 1 auto;flex-wrap:wrap;font-size:14px;gap:6px 8px;line-height:24px;min-width:0;transition:color .2s ease}.chuanyu-modal-container .guide-step.is-active .guide-text,.chuanyu-modal-container .guide-step.is-done .guide-text{color:#2e303a}.chuanyu-modal-container .guide-key-wrap,.chuanyu-modal-container .guide-keys{align-items:center;display:inline-flex;gap:6px}.chuanyu-modal-container .guide-key{align-items:center;background:#fff;border:solid #0000001f;border-radius:6px;border-width:1px 1px 2px;box-sizing:border-box;color:#2e303a;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0 8px;transition:border-color .18s ease,color .18s ease,opacity .18s ease;white-space:nowrap}.chuanyu-modal-container .guide-key-icon{color:#0078d4;display:block;flex:0 0 auto;height:13px;margin-right:5px;width:13px}.chuanyu-modal-container .guide-keys-plus{color:#2e303a66;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.chuanyu-modal-container .guide-step.is-pending .guide-key{opacity:.5}.chuanyu-modal-container .guide-step.is-active .guide-key{border-color:#7acc358c;color:#63a82a}.chuanyu-modal-container .guide-step.is-done .guide-key{border-color:#00000014;color:#2e303a8c}.chuanyu-modal-container .guide-footer{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.chuanyu-modal-container .guide-progress{color:#2e303a66;font-size:13px;line-height:18px;-webkit-user-select:none;user-select:none}.chuanyu-modal-container .guide-cta{min-width:96px;overflow:hidden;padding:0 16px;position:relative;text-align:center;transition:background-color .15s ease,box-shadow .45s ease}.chuanyu-modal-container .guide-cta-label{position:relative;transition:opacity .2s ease;z-index:1}.chuanyu-modal-container .guide-cta:focus-visible{outline:2px solid #63a82a;outline-offset:2px}.chuanyu-modal-container .guide-cta.is-waiting{background:#cdd2da;color:#fff;cursor:default}.chuanyu-modal-container .guide-cta.is-waiting:hover{background:#cdd2da}.chuanyu-modal-container .guide-cta.is-waiting .guide-cta-label{opacity:.85}.chuanyu-modal-container .guide-cta .guide-cta-fill{animation:guideCtaFill var(--read-delay,3s) linear forwards;background:#7acc35;inset:0;position:absolute;width:0;z-index:0}.chuanyu-modal-container .guide-cta.is-waiting:after{animation:guideCtaSheen 1.6s ease-in-out infinite;background:linear-gradient(100deg,#0000 35%,#ffffff47 50%,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);z-index:0}.chuanyu-modal-container .guide-cta:not(.is-waiting){animation:guideCtaIgnite .9s ease-out both}.chuanyu-modal-container .guide-cta:not(.is-waiting) .guide-cta-fill{display:none}.chuanyu-modal-container .guide-loading{align-items:center;animation:guideLoadingIn .28s ease both;display:flex;flex-direction:column;gap:16px;justify-content:center;outline:none;padding:48px 0 44px}.chuanyu-modal-container .guide-spinner{animation:guideSpin .7s linear infinite;border:3px solid #7acc3533;border-radius:50%;border-top-color:#7acc35;box-sizing:border-box;height:36px;width:36px}.chuanyu-modal-container .guide-loading-text{color:#2e303a66;font-size:14px;line-height:20px;-webkit-user-select:none;user-select:none}.chuanyu-modal-container .guide-loading-uid{color:#2e303a59;font-size:12px;line-height:18px;margin-top:-4px}.chuanyu-modal-container .guide-uid-code{color:#2e303a8c;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;letter-spacing:.08em;-webkit-user-select:all;user-select:all}@keyframes guideStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes guideCheckPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes guideCheckDraw{to{stroke-dashoffset:0}}@keyframes guideLoadingIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes guideSpin{to{transform:rotate(1turn)}}@keyframes guideCtaFill{0%{width:0}to{width:100%}}@keyframes guideCtaSheen{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes guideCtaIgnite{0%{background-color:#8fd64f;box-shadow:0 0 0 0 #7acc3500}35%{background-color:#84d142;box-shadow:0 0 0 5px #7acc3547,0 4px 14px #7acc3566}to{background-color:#7acc35;box-shadow:0 0 0 0 #7acc3500}}@media (prefers-reduced-motion:reduce){.chuanyu-modal-container .guide-badge .guide-check,.chuanyu-modal-container .guide-loading,.chuanyu-modal-container .guide-step{animation:none;opacity:1;transform:none}.chuanyu-modal-container .guide-badge .guide-check path{stroke-dashoffset:0;animation:none}.chuanyu-modal-container .guide-step{transition:none}.chuanyu-modal-container .guide-spinner{animation-duration:1.4s}.chuanyu-modal-container .guide-cta .guide-cta-fill{animation:none;width:0}.chuanyu-modal-container .guide-cta.is-waiting:after{animation:none;content:none}.chuanyu-modal-container .guide-cta:not(.is-waiting){animation:none}}