.reg-stage{--reg-header-h:calc(54px * var(--site-header-scale,1));--u:clamp(.62px, min(calc(100vw / 1600), calc((100vh - var(--reg-header-h)) / 900)), 1.2px);box-sizing:border-box;min-height:calc(100vh - var(--reg-header-h));color:#2c3e50;font-family:system-ui, var(--font-noto-sc), "Noto Sans SC", sans-serif;background:#eaf4fe url(/videos/login-bg-poster.webp) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.reg-frame{z-index:1;width:calc(var(--u) * 1600);height:calc(var(--u) * 900);flex:none;position:relative}.reg-stage__video{object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:opacity;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.reg-stage__video{display:none}}.reg-card{transform:translate(-50%, calc(-50% - var(--reg-header-h) / 2));box-sizing:border-box;width:calc(var(--u) * 503.2);min-height:calc(var(--u) * 567.5);padding:0 calc(var(--u) * 46.3) calc(var(--u) * 28.7) calc(var(--u) * 39.7);border-radius:calc(var(--u) * 22);box-shadow:0 0 calc(var(--u) * 3) #5a96d247, 0 calc(var(--u) * 8) calc(var(--u) * 30) #3c82c824;background:#fff;position:absolute;top:50%;left:50%}.reg-card--compact{min-height:0;padding-bottom:calc(var(--u) * 40)}.reg-card__switch{top:calc(var(--u) * 12);right:calc(var(--u) * 24.8);font-size:calc(var(--u) * 14);color:#b5b5b5;margin:0;line-height:1.4;position:absolute}.reg-card__switch a{margin-left:calc(var(--u) * 4);color:#6dcafa;text-decoration:none}.reg-card__switch a:hover{text-decoration:underline}.reg-card__heading{height:calc(var(--u) * 55);margin-top:calc(var(--u) * 59);font-size:calc(var(--u) * 24);color:#2c3e50;justify-content:center;align-items:center;font-weight:600;display:flex}.reg-tabs{width:calc(var(--u) * 346);height:calc(var(--u) * 55);margin:calc(var(--u) * 59) auto 0;background:#f3f4f9;border-radius:999px;display:flex}.reg-tabs__item{font-size:calc(var(--u) * 21);color:#7a7a7a;border-radius:999px;flex:1;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.reg-tabs__item:hover{color:#2c3e50}.reg-tabs__item.is-active{color:#fff;background:#6bcafa;font-weight:600}.reg-form{margin-top:calc(var(--u) * 39);flex-direction:column;display:flex}.reg-input{box-sizing:border-box;width:100%;height:calc(var(--u) * 54.8);padding:0 calc(var(--u) * 24);border:calc(var(--u) * 1.5) solid transparent;border-radius:calc(var(--u) * 11);font:inherit;font-size:calc(var(--u) * 21);color:#2c3e50;background:#f3f4f9;outline:none;transition:border-color .15s,background-color .15s}.reg-input::placeholder{color:#b5b5b5}.reg-input:focus{background:#fff;border-color:#6bcafa}.reg-code-row,.reg-field{margin-top:calc(var(--u) * 22.5)}.reg-code-row{gap:calc(var(--u) * 20.2);display:flex}.reg-code-row .reg-input{flex:1;min-width:0}.reg-code-btn{box-sizing:border-box;width:calc(var(--u) * 146.5);height:calc(var(--u) * 54.8);border:calc(var(--u) * 1.5) solid #6bcafa;border-radius:calc(var(--u) * 10);font:inherit;font-size:calc(var(--u) * 21);color:#6bc9fa;white-space:nowrap;cursor:pointer;background:#fff;flex:none;font-weight:500;transition:background-color .15s}.reg-code-btn:hover:not(:disabled){background:#eef9ff}.reg-code-btn:disabled{opacity:.5;cursor:not-allowed}.reg-pwd{position:relative}.reg-pwd .reg-input{padding-right:calc(var(--u) * 56)}.reg-hint{margin-top:calc(var(--u) * 10);font-size:calc(var(--u) * 14);color:#9aa0a8;justify-content:space-between;align-items:center;display:flex}.reg-hint a{color:#1688e2;text-decoration:none}.reg-hint a:hover{text-decoration:underline}.reg-hint__bad{color:#dc2626;font-style:normal}.reg-hint__good{color:#059669}.reg-status{margin-top:calc(var(--u) * 16);padding:calc(var(--u) * 9) calc(var(--u) * 14);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 15);line-height:1.5}.reg-status--ok{color:#1688e2;background:#eaf6fe}.reg-status--err{color:#dc2626;background:#fef2f2}.reg-submit{box-sizing:border-box;width:100%;height:calc(var(--u) * 63.1);margin-top:calc(var(--u) * 22);border-radius:calc(var(--u) * 10);font:inherit;font-size:calc(var(--u) * 19);color:#fff;cursor:pointer;background:#2d4257;border:0;font-weight:500;transition:background-color .15s}.reg-submit:hover:not(:disabled){background:#233547}.reg-submit:disabled{opacity:.6;cursor:not-allowed}.reg-divider{align-items:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 20);margin-top:calc(var(--u) * 19.3);padding:0 calc(var(--u) * 6.5);font-size:calc(var(--u) * 14);color:#aaa;white-space:nowrap;display:flex}.reg-divider:before,.reg-divider:after{content:"";background:#ccc;flex:1;height:1px}.reg-alt{justify-content:center;gap:calc(var(--u) * 9.2);margin-top:calc(var(--u) * 28.8);flex-wrap:wrap;display:flex}.reg-alt__btn{box-sizing:border-box;justify-content:center;align-items:center;gap:calc(var(--u) * 10);min-width:calc(var(--u) * 109);height:calc(var(--u) * 40);padding:0 calc(var(--u) * 16);border-radius:calc(var(--u) * 9.4);font:inherit;font-size:calc(var(--u) * 15);color:#7b7b7b;cursor:pointer;background:#f6f7fc;border:0;text-decoration:none;transition:background-color .15s;display:inline-flex}.reg-alt__btn:hover{background:#edf0f8}.reg-alt__icon{flex:none;display:block}.reg-alt__icon--phone{width:calc(var(--u) * 18.3);height:calc(var(--u) * 26.1)}.reg-alt__icon--wechat{width:calc(var(--u) * 26.8);height:calc(var(--u) * 25)}.reg-alt__icon--guest{width:calc(var(--u) * 14.4);height:calc(var(--u) * 23.4);color:#6bc9fa}.reg-alt__btn--guest{gap:calc(var(--u) * 7.8)}.reg-agree{justify-content:center;align-items:center;gap:calc(var(--u) * 6.6);margin-top:calc(var(--u) * 41.3);font-size:calc(var(--u) * 14);color:#8a8f98;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.reg-agree input{appearance:none;box-sizing:border-box;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border:calc(var(--u) * 1.5) solid #b8bec8;border-radius:calc(var(--u) * 4);cursor:pointer;background:#fff 50%/100% no-repeat;flex:none;margin:0}.reg-agree input:checked{background-color:#1688e2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.4l3.3 3.3L15 7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#1688e2}.reg-agree input:focus-visible{outline-offset:2px;outline:2px solid #6bcafa}.reg-agree a{color:#64aaec;text-decoration:none}.reg-agree a:hover{text-decoration:underline}.reg-guest{left:calc(var(--u) * 554.5);top:calc(var(--u) * 297.1);box-sizing:border-box;width:calc(var(--u) * 464.8);min-height:calc(var(--u) * 271.3);padding:calc(var(--u) * 40.6) calc(var(--u) * 20) 0;border-radius:calc(var(--u) * 16);box-shadow:0 0 calc(var(--u) * 3) #5a96d233, 0 calc(var(--u) * 8) calc(var(--u) * 30) #3c82c81f;text-align:center;background:#ffffffdb;position:absolute}.reg-guest__head{justify-content:center;align-items:center;gap:calc(var(--u) * 21.1);font-size:calc(var(--u) * 38.5);color:#293c4d;margin:0;font-weight:700;line-height:1;display:flex}.reg-guest__icon{width:calc(var(--u) * 23.2);height:calc(var(--u) * 37.8);color:#6bc9fa;flex:none;display:block}.reg-guest__text{margin:calc(var(--u) * 25.4) 0 0 calc(var(--u) * 5.7);font-size:calc(var(--u) * 20.4);font-weight:600;line-height:calc(var(--u) * 33.2);text-align:left;color:#7a7a7a;display:inline-block}.reg-guest__btns{justify-content:center;gap:calc(var(--u) * 49.1);margin-top:calc(var(--u) * 32.4);display:flex}.reg-guest__btn{box-sizing:border-box;width:calc(var(--u) * 167.4);height:calc(var(--u) * 41.3);border-radius:calc(var(--u) * 10.4);font:inherit;font-size:calc(var(--u) * 18.5);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex}.reg-guest__btn:hover:not(:disabled){filter:brightness(.94)}.reg-guest__btn:disabled{cursor:progress;opacity:.75}.reg-guest__btn--go{background:#6bc9fa}.reg-guest__btn--reg{background:#bcbfc1}.reg-guest__msg{height:calc(var(--u) * 20);margin-top:calc(var(--u) * 6.6);font-size:calc(var(--u) * 13.5);line-height:calc(var(--u) * 20);color:#e06a5a}@media (max-width:1023px){.reg-stage{--u:.8px;align-items:flex-start;padding:24px 16px 48px}.reg-frame{width:100%;height:auto}.reg-card{width:100%;max-width:calc(var(--u) * 503.2);min-height:0;margin:0 auto;padding:14px 20px 24px;position:relative;top:auto;left:auto;transform:none}.reg-card__switch{text-align:right;position:static}.reg-tabs{width:min(calc(var(--u) * 346), 100%);margin-top:14px}.reg-card__heading{margin-top:14px}.reg-guest{width:100%;max-width:calc(var(--u) * 464.8);margin:0 auto;padding:28px 20px 24px;position:relative;top:auto;left:auto}.reg-guest__btns{gap:calc(var(--u) * 24)}}.reg-wxqr{align-items:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 12);flex-direction:column;display:flex}.reg-wxqr__title{font-size:calc(var(--u) * 18);color:#1f2937;font-weight:600}.reg-wxqr__box{justify-content:center;align-items:center;width:300px;min-height:400px;display:flex}.reg-wxqr__box iframe{border:0}.reg-wxqr__hint{font-size:calc(var(--u) * 13);color:#6b7280;text-align:center}.reg-wxqr__back{padding:calc(var(--u) * 6) calc(var(--u) * 12);color:#6dcafa;font-size:calc(var(--u) * 14);cursor:pointer;background:0 0;border:0}.reg-wxqr__back:hover{text-decoration:underline}
