:root{--surface:oklch(100% 0 0);--ink:oklch(24% .025 260);--muted:oklch(48% .025 260);--placeholder:oklch(50% .024 260);--subtle:oklch(97% .006 260);--line:oklch(91% .008 260);--input-line:oklch(85% .012 260);--input-hover:oklch(69% .025 260);--primary:oklch(53% .211 262);--primary-hover:oklch(46% .19 262);--primary-soft:oklch(95% .024 262);--focus:oklch(59% .2 262);--focus-soft:oklch(94% .028 262);--danger:oklch(46% .17 26);--danger-soft:oklch(97% .015 26);--success:oklch(43% .09 164);--brand-yellow:oklch(86% .13 85);--film-fallback:oklch(24% .04 180);--z-dialog:30}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}button,input{border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-dialog);background:var(--surface);color:var(--primary);padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.auth-shell{grid-template-columns:minmax(360px,44%) minmax(0,1fr);gap:16px;max-width:1920px;min-height:100dvh;margin:0 auto;padding:16px;display:grid}.brand-film{isolation:isolate;background:var(--film-fallback);color:#fff;border-radius:12px;height:calc(100dvh - 32px);min-height:620px;position:sticky;top:16px;overflow:hidden}.brand-video,.film-shade{width:100%;height:100%;position:absolute;inset:0}.brand-video{object-fit:cover;object-position:50% 42%}.film-shade{pointer-events:none;background:linear-gradient(#08171b80 0%,#08171b08 24%,#08171b05 46%,#08171bb8 76%,#08171bf0 100%)}.brand-lockup{align-items:center;gap:12px;display:flex;position:absolute;top:32px;left:32px}.brand-lockup img{border-radius:0;width:44px;height:44px}.brand-lockup>div{flex-direction:column;display:flex}.wordmark{letter-spacing:.01em;font-size:25px;font-weight:650;line-height:1.15}.brand-dot{color:var(--brand-yellow)}.brand-descriptor{letter-spacing:.1em;color:#ffffffed;font-size:11px;line-height:1.8}.film-caption{position:absolute;bottom:32px;left:40px;right:40px}.film-note{color:#fffffff0;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.film-note>span{background:var(--brand-yellow);border-radius:50%;width:6px;height:6px;display:block}.film-caption h1{letter-spacing:-.025em;font-size:44px;font-weight:520;line-height:1.4}.film-caption>p{color:#ffffffe6;margin-top:20px;font-size:13px;line-height:1.9}.film-bottom{border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;display:flex}.film-signature{align-items:center;gap:8px;font-size:12px;display:inline-flex}.film-controls{gap:8px;display:flex}.film-controls button{color:#fff;background:#ffffff17;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .16s;display:grid}.film-controls button:hover{background:#ffffff40}.film-controls button:focus-visible{outline-color:#fff}.film-fallback{margin-top:8px;font-size:11px;display:block}.mobile-break{display:none}.auth-panel{flex-direction:column;min-width:0;padding:24px 48px 20px;display:flex}.panel-header{min-height:28px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.platform-name{letter-spacing:.06em}.help-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:12px;transition:color .16s;display:inline-flex}.help-button:hover{color:var(--primary)}.panel-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:52px 0;display:flex}.auth-content{width:100%;max-width:400px}.space-label{color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.space-symbol{border:1px solid var(--line);width:20px;height:20px;color:var(--primary);border-radius:4px;place-items:center;font-size:11px;font-weight:700;display:grid}.auth-heading h2{letter-spacing:-.025em;font-size:32px;font-weight:600;line-height:1.4}.auth-heading>p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.7}.auth-tabs{border-bottom:1px solid var(--line);gap:28px;margin-top:32px;margin-bottom:28px;display:flex}.auth-tabs a{color:var(--muted);padding:0 2px 12px;font-size:14px;transition:color .16s;position:relative}.auth-tabs a.active{color:var(--ink);font-weight:600}.auth-tabs a.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-tabs a:hover{color:var(--primary)}.field-group{margin-bottom:20px}.field-group>label,.label-row>label{margin-bottom:8px;font-size:14px;font-weight:550;display:block}.field-group input:not([type=checkbox]){border:1px solid var(--input-line);width:100%;height:50px;color:var(--ink);background:var(--surface);padding:0 14px;transition:border-color .15s,background .15s}.field-group input::placeholder{color:var(--placeholder);opacity:1;font-size:13px}.field-group input:hover{border-color:var(--input-hover)}.field-group input:focus{border-color:var(--primary);outline:3px solid var(--focus-soft);outline-offset:0}.field-group input[aria-invalid=true]{border-color:var(--danger)}.field-group input:disabled{background:var(--subtle)}.password-input{position:relative}.password-input input{padding-right:48px!important}.password-input button{width:42px;height:42px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:4px}.password-input button:hover{color:var(--primary)}.label-row{justify-content:space-between;align-items:baseline;display:flex}.label-row .text-button{font-size:12px}.field-hint{color:var(--muted);align-items:flex-start;gap:5px;margin-top:8px;font-size:12px;display:flex}.field-hint svg{margin-top:3px}.field-hint.hint-success{color:var(--success)}.field-error{color:var(--danger);align-items:flex-start;gap:5px;margin-top:6px;font-size:12px;line-height:1.5;display:flex}.field-error svg{margin-top:2px}.form-options{justify-content:space-between;align-items:center;gap:8px;margin:0 0 28px;display:flex}.checkbox-label{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.checkbox-label input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;margin:0}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.primary-button,.secondary-button{border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 20px;font-size:14px;font-weight:550;transition:background .16s,transform .16s;display:flex}.primary-button{color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-hover)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{background:var(--primary-hover)}.primary-button svg:last-child:not(.loading-icon){margin-left:4px}.secondary-button{color:var(--ink);background:var(--subtle)}.secondary-button:hover{background:var(--line)}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.form-error svg{margin-top:1px}.or-divider{color:var(--muted);align-items:center;gap:16px;margin:28px 0 20px;font-size:11px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.wecom-button{background:var(--surface);border:1px solid var(--input-line);justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-size:13px;transition:background .16s,border-color .16s;display:flex;position:relative}.wecom-button>svg{color:var(--primary)}.wecom-button:hover{border-color:var(--input-hover);background:var(--subtle)}.soon-label{background:var(--subtle);color:var(--muted);border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;right:12px}.service-note{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.internal-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:11px;display:flex}.panel-footer{color:var(--muted);letter-spacing:.025em;justify-content:space-between;gap:16px;font-size:10px;display:flex}.registration .space-label{margin-bottom:16px}.registration .auth-heading h2{font-size:32px}.registration .auth-tabs{margin-top:24px;margin-bottom:24px}.registration .field-group{margin-bottom:16px}.registration .primary-button{margin-top:24px}.registration .internal-note{margin-top:20px}.loading-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.help-dialog{width:min(480px,100% - 32px);color:var(--ink);background:var(--surface);border:0;border-radius:16px;max-height:calc(100dvh - 48px);padding:0}.help-dialog::backdrop{background:#0a152580}.help-inner{padding:36px;position:relative}.help-inner h2{margin:8px 0 28px;font-size:23px;line-height:1.5}.icon-button{background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:var(--subtle)}.close-dialog{position:absolute;top:16px;right:16px}.small-label{color:var(--muted);font-size:12px}.help-item{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.help-item>svg{color:var(--primary);margin-top:3px}.help-item h3{margin-bottom:5px;font-size:14px;font-weight:600}.help-item p{color:var(--muted);font-size:12px;line-height:1.8}.help-inner>.primary-button{margin-top:8px}.connection-note{background:var(--subtle);border-radius:8px;justify-content:space-between;gap:8px;width:100%;max-width:400px;margin-bottom:24px;padding:12px 16px;font-size:12px;display:flex}.auth-skeleton{flex-direction:column;gap:24px;width:100%;max-width:400px;display:flex}.auth-skeleton>span:not(.sr-only){background:var(--subtle);border-radius:8px;height:50px;display:block}.auth-skeleton>span:first-child{width:65%;height:38px;margin-bottom:24px}.account-ready{width:100%;max-width:400px}.success-symbol{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:32px;display:grid}.account-ready h2{overflow-wrap:anywhere;margin-top:8px;font-size:32px;line-height:1.55}.account-ready>p{color:var(--muted);margin-top:16px}.account-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:12px;margin:32px 0 24px;padding:24px 0;display:flex}.account-details>div{justify-content:space-between;align-items:baseline;gap:24px;font-size:13px;display:flex}.account-details dt{color:var(--muted);flex-shrink:0}.account-details dd{text-align:right;overflow-wrap:anywhere;margin:0}.account-status{color:var(--success);align-items:center;gap:4px;display:flex}.account-ready>.account-scope{margin:0 0 24px;font-size:12px}.not-found{max-width:400px}.not-found h2{margin-bottom:16px;font-size:28px}.not-found p{color:var(--muted);margin-bottom:32px}@media (width>=1600px){.auth-shell{grid-template-columns:minmax(0,46%) minmax(0,1fr)}.film-caption{bottom:40px;left:56px;right:56px}.film-caption h1{font-size:52px}.auth-panel{padding:28px 64px 24px}}@media (height<=800px) and (width>=961px){.panel-body{padding:32px 0}.film-caption h1{font-size:38px}.film-caption>p{margin-top:12px}.film-bottom{margin-top:24px}.auth-heading h2{font-size:30px}.auth-tabs{margin-top:24px;margin-bottom:24px}}@media (width<=1150px) and (width>=961px){.auth-panel{padding-left:32px;padding-right:32px}.film-caption{left:28px;right:28px}.film-caption h1{font-size:36px}.film-caption>p{max-width:25ch}}@media (width<=960px){.auth-shell{flex-direction:column;gap:0;padding:0;display:flex}.brand-film{border-radius:0;flex-shrink:0;height:300px;min-height:0;position:relative;top:0}.brand-video{object-position:50% 36%}.film-shade{background:linear-gradient(#08171b66,#0000 45%,#08171bb3)}.brand-lockup{top:24px;left:32px}.film-caption{bottom:20px;left:32px;right:32px}.film-caption h1{padding-right:96px;font-size:26px;line-height:1.4}.film-caption h1 br,.film-note,.film-caption>p,.film-signature{display:none}.film-bottom{border:0;margin:0;padding:0;position:absolute;bottom:0;right:0}.auth-panel{flex:1;padding:28px 32px 24px}.panel-header{width:100%;max-width:560px;margin:0 auto}.panel-body{padding:40px 0 48px}.panel-footer{width:100%;max-width:560px;margin:0 auto}}@media (width<=480px){.brand-film{height:248px}.brand-video{object-position:50% 40%}.brand-lockup{top:20px;left:24px}.brand-lockup img{width:36px;height:36px}.wordmark{font-size:22px}.brand-descriptor{font-size:9px}.film-caption{bottom:20px;left:24px;right:20px}.film-caption h1{font-size:23px}.film-controls{gap:6px}.film-controls button{width:36px;height:36px}.auth-panel{padding:24px}.panel-body{padding:32px 0 40px}.auth-heading h2{font-size:30px}.registration .auth-heading h2{font-size:26px}.auth-heading>p{font-size:13px}.space-label{margin-bottom:16px}.panel-footer{gap:8px;font-size:9px}.internal-note{gap:4px;font-size:10px}.help-inner{padding:32px 24px 24px}.help-inner h2{font-size:20px}.field-hint{font-size:12px}.auth-tabs{margin-top:28px}.field-group input:not([type=checkbox]){font-size:16px}.field-group input::placeholder{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}