.authPage{display:grid;grid-template-columns:1280px minmax(0,1fr);font-family:Source Han Sans CN,Noto Sans SC,sans-serif}.authPage,.authShowcase{min-height:100dvh;background:#fff}.authShowcase{position:relative;min-width:0}.showcaseFrame{position:absolute;top:200px;left:64px;width:960px;height:540px;overflow:hidden;background:#f5f5f5}.showcaseMotion,.showcasePoster{position:absolute;inset:0;display:block;width:100%;height:100%}.showcasePoster{z-index:0}.showcaseMotion{z-index:1;opacity:0;transition:opacity .2s ease}.showcaseMotion.isReady{opacity:1}.showcaseOverlay{position:absolute;z-index:2;top:76px;left:64px;color:#fff;pointer-events:none;text-shadow:0 3px 18px rgba(8,56,136,.24)}.showcaseOverlay h1{margin:0;font-size:44px;line-height:1.2}.showcaseOverlay p{margin:18px 0 0;font-size:16px;font-weight:400;line-height:1.75}.authPanel{position:relative;min-width:0;min-height:100dvh;background:#fff}.authCard{box-sizing:border-box;width:360px;margin:348px 0 48px 62px;display:flex;flex-direction:column}.authHeader{width:403px;margin:0 0 47px -21.5px;text-align:center}.authHeader h2{margin:0;color:#172b4d;font-size:32px;font-weight:700;line-height:48px}.authHeader p{margin:4px 0 0;color:#172b4d;font-size:20px;font-weight:400;line-height:30px;white-space:nowrap}.authFields{display:flex;flex-direction:column;gap:43px}.passwordField{position:relative;width:360px;height:56px}.passwordField input{padding-right:72px}.authPasswordToggle{position:absolute;top:18px;right:28px;width:20px;height:20px;border:0;padding:0;color:#8f99aa;background:transparent;cursor:pointer}.authPasswordToggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.authPasswordToggle:hover:not(:disabled){color:#5d78ff}.authPasswordToggle:disabled{cursor:not-allowed;opacity:.55}.authCard label{display:grid;grid-gap:10px;gap:10px;color:#333;font-size:14px;font-weight:400;line-height:20px}.authCard input{box-sizing:border-box;width:360px;height:56px;border:1px solid #d1d7e2;border-radius:28px;outline:0;background:#fff;color:#1f1f1f;font-size:16px;line-height:56px;transition:border-color .16s ease,box-shadow .16s ease}.authCard input::placeholder{color:#999}.authCard input:hover:not(:disabled){border-color:#c9c9c9}.authCard input:focus-visible{border-color:#5d78ff;box-shadow:0 0 0 3px rgba(93,120,255,.14)}.authCard input:disabled{cursor:not-allowed;background:#f7f7f7;color:#999}.authError{box-sizing:border-box;padding:10px 16px;border:1px solid #ffd4d0;border-radius:16px;background:#fff4f2;color:#d4380d}.authSubmit{width:360px;height:56px;margin-top:43px;border:0;border-radius:28px;background:linear-gradient(90deg,#685dff,#2596ff);color:#fff;font-size:16px;font-weight:500;line-height:56px;box-shadow:none;transition:filter .16s ease,transform .16s ease}.authSubmit:hover:not(:disabled){filter:brightness(1.04)}.authSubmit:active:not(:disabled){transform:translateY(1px)}.authSubmit:disabled{cursor:not-allowed;opacity:.62}.authSubmit:focus-visible,.authSwitch button:focus-visible,.forgotLink:focus-visible{outline:2px solid #5d78ff;outline-offset:3px}.authSwitch{width:360px;margin:24px 0 0;color:#999;font-size:14px;line-height:20px;text-align:center}.authSwitch button{border:0;padding:0;background:transparent;color:#4b7dff;font:inherit;cursor:pointer}.authSwitch button:disabled{cursor:not-allowed;opacity:.62}.authPage:has(.authHero){grid-template-columns:minmax(420px,1.1fr) minmax(440px,.9fr)}.authPage:has(.authHero) .authHero{min-height:100dvh;padding:44px clamp(40px,7vw,112px);display:flex;flex-direction:column;justify-content:space-between;color:#f8fbff;background:radial-gradient(circle at 15% 25%,#2973ed 0,transparent 31%),radial-gradient(circle at 82% 85%,#18a57b 0,transparent 26%),linear-gradient(145deg,#071a39,#0b3672 55%,#0b2855)}.authPage:has(.authHero) .authBrand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.06em}.authPage:has(.authHero) .authBrand img{width:36px;height:36px;object-fit:contain}.authPage:has(.authHero) .eyebrow{margin:0 0 12px;color:#67b6ff;font-size:11px;font-weight:700;letter-spacing:.16em}.authPage:has(.authHero) .authHero h1{margin:0;font-size:clamp(42px,4.2vw,66px);line-height:1.13;letter-spacing:-.05em}.authPage:has(.authHero) .heroCopy{max-width:480px;margin:24px 0 0;color:#bfd3f0;line-height:1.75}.authPage:has(.authHero) .heroGrid{display:flex;flex-wrap:wrap;gap:10px}.authPage:has(.authHero) .heroGrid span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#c5d8f4;font-size:13px}.authPage:has(.authHero) .authPanel{display:grid;place-items:center;padding:32px;background:#fbfcff}.authPage:has(.authHero) .authCard{width:min(392px,100%);margin:0;display:grid;grid-gap:18px;gap:18px}.authPage:has(.authHero) .authCard>h2{margin:0;color:#172b4d;font-size:30px;letter-spacing:-.04em}.authPage:has(.authHero) .authHint{margin:8px 0 0;color:#718096;font-size:14px}.authPage:has(.authHero) .authCard label{gap:7px;color:#41536f;font-size:13px;font-weight:600}.authPage:has(.authHero) .authCard input{width:100%;height:44px;padding:0 13px;border-radius:9px;font-size:14px}.authPage:has(.authHero) .authSubmit{width:100%;height:46px;margin:0;border-radius:9px;background:#1764e8;font-weight:700;line-height:46px;box-shadow:0 8px 18px rgba(23,100,232,.2)}.authPage:has(.authHero) .authError,.authPage:has(.authHero) .authSwitch{width:auto;margin:0}@media (max-width:1799px){.authPage{grid-template-columns:minmax(0,54%) minmax(0,46%)}.showcaseFrame{top:clamp(88px,13vw,200px);left:clamp(32px,4.45vw,64px);width:min(calc(100% - 64px),960px);height:auto;aspect-ratio:16/9}.authPanel{display:grid;place-items:center;padding:48px 24px}.authCard{width:min(360px,100%);margin:0}.authHeader p{width:100%;white-space:nowrap}}@media (max-width:1100px){.authPage,.authPage:has(.authHero){display:block}.authShowcase{min-height:0;padding:40px 32px}.showcaseFrame{position:static;width:min(960px,100%);height:auto;margin:0 auto}.showcaseOverlay{top:clamp(32px,8vw,76px);left:clamp(24px,6vw,64px)}.showcaseOverlay h1{font-size:clamp(28px,5vw,44px)}.showcaseOverlay p{font-size:clamp(13px,2vw,16px)}.authPanel{min-height:0;padding:56px 32px}.authPage:has(.authHero) .authHero{min-height:270px;padding:32px 40px}.authPage:has(.authHero) .heroGrid{display:none}}@media (max-width:480px){.authShowcase{padding:24px 16px}.authPanel{padding:44px 16px}.authCard,.authCard input,.authError,.authSubmit,.authSwitch,.passwordField{width:100%}.authHeader p{white-space:normal}}.authPage{grid-template-columns:1440px minmax(0,1fr);overflow-x:hidden;overflow-y:auto}.authPanel,.authShowcase{min-height:100dvh}.showcaseFrame{top:75px;left:60px;width:1310px;height:min(940px,calc(100dvh - 140px));border-radius:20px;background:#eaf7ff}.showcaseMotion,.showcasePoster{object-fit:cover;object-position:center}.showcaseOverlay{top:82px;left:50px;text-shadow:0 3px 18px rgba(8,56,136,.18)}.showcaseOverlay h1{font-size:64px;font-weight:700;line-height:1.28;letter-spacing:0}.showcaseOverlay p{margin-top:26px;font-size:24px;line-height:1.55}.authCard{position:absolute;top:280px;left:160px;width:430px;margin:0}.authHeader{width:600px;margin:0 0 56px -85px}.authHeader h2{font-size:38px;line-height:50px}.authHeader p{margin-top:4px;font-size:22px;line-height:34px}.authFields{gap:50px}.authCard input,.passwordField{width:430px;height:68px}.authCard input{padding:0 28px;border-radius:34px;font-size:18px;line-height:68px}.passwordField input{padding-right:76px}.authPasswordToggle{top:24px;right:30px}.authSubmit{width:430px;height:65px;margin-top:52px;border-radius:33px;font-size:18px;line-height:65px}.authActions{display:flex;align-items:center;justify-content:space-between;width:430px;margin-top:30px}.authActions .forgotLink{align-self:auto;height:24px;color:#1677ff;font-weight:500;text-align:left}.authActions .authSwitch,.authActions .forgotLink{width:auto;margin:0;font-size:16px;line-height:24px}.authActions .authSwitch{color:#555;text-align:right}.authActions .authSwitch button{color:#1677ff}.authCard>.authSwitch{width:430px;margin-top:30px}@media (max-width:2199px){.authPage{grid-template-columns:minmax(0,63%) minmax(0,37%)}.showcaseFrame{left:clamp(32px,2.6vw,60px);width:min(calc(100% - 80px),1310px)}.authCard{top:clamp(210px,26vh,280px);left:50%;transform:translateX(-50%)}}@media (max-width:1399px){.authPage{grid-template-columns:minmax(0,56%) minmax(0,44%)}.showcaseFrame{top:60px;left:36px;width:calc(100% - 72px);height:min(760px,calc(100dvh - 120px))}.showcaseOverlay h1{font-size:clamp(42px,4.5vw,58px)}.showcaseOverlay p{font-size:clamp(17px,1.8vw,22px)}.authCard{width:min(430px,calc(100% - 48px))}.authHeader{width:100%;margin-left:0}.authActions,.authCard input,.authCard>.authSwitch,.authSubmit,.passwordField{width:100%}}@media (max-width:1100px){.authPage,.authPage:has(.authHero){display:block}.authShowcase{min-height:0;padding:32px}.showcaseFrame{position:relative;top:auto;left:auto;width:min(860px,100%);height:min(620px,70dvh);margin:0 auto}.authPanel{min-height:620px;padding:60px 24px}.authCard{position:relative;top:auto;left:auto;width:min(430px,100%);margin:0 auto;transform:none}}@media (max-width:560px){.authShowcase{padding:16px}.showcaseFrame{height:440px}.showcaseOverlay{top:36px;left:26px}.showcaseOverlay h1{font-size:34px}.showcaseOverlay p{margin-top:18px;font-size:15px}.authHeader h2{font-size:30px}.authHeader p{font-size:15px;white-space:normal}.authActions{gap:14px}.authActions .authSwitch,.authActions .forgotLink{font-size:14px}}@media (min-width:1101px){.authPage{height:100dvh;grid-template-columns:minmax(0,62%) minmax(0,38%);overflow:hidden}.authPage,.authPanel,.authShowcase{min-height:0}.showcaseFrame{top:6.15dvh;left:4.2%;width:93.1%;height:88.5dvh;max-height:none;border-radius:14px}.showcaseOverlay{top:8.1%;left:4%}.showcaseOverlay h1{font-size:clamp(42px,3.15vw,58px);line-height:1.22}.showcaseOverlay p{margin-top:18px;font-size:clamp(15px,1.05vw,18px);line-height:1.55}.authCard{top:25.5dvh;left:50%;width:360px;transform:translateX(-50%)}.authCard:has(input[name=workspace]){top:16.5dvh}.authHeader{width:440px;margin:0 0 42px -40px}.authHeader h2{font-size:32px;line-height:48px}.authHeader p{margin-top:0;font-size:18px;line-height:30px;white-space:nowrap}.authFields{gap:43px}.authCard:has(input[name=workspace]) .authFields{gap:28px}.authActions,.authCard input,.authCard>.authSwitch,.authSubmit,.passwordField{width:360px}.authCard input,.passwordField{height:56px}.authCard input{padding:0 24px;border-radius:28px;font-size:16px;line-height:56px}.passwordField input{padding-right:64px}.authPasswordToggle{top:18px;right:26px}.authPasswordToggle,.authPasswordToggle svg{width:20px;height:20px}.authSubmit{height:56px;margin-top:43px;border-radius:28px;font-size:16px;line-height:56px}.authCard:has(input[name=workspace]) .authSubmit{margin-top:32px}.authActions,.authCard>.authSwitch{margin-top:22px}}.passwordField input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.passwordField input::-ms-clear,.passwordField input::-ms-reveal{display:none;width:0;height:0}.passwordField input::-webkit-contacts-auto-fill-button,.passwordField input::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}@media (max-width:1100px){.authPage{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.authCard,.authCard:has(input[name=workspace]){width:min(360px,100%)}.authHeader{width:min(440px,100%);margin-right:auto;margin-left:auto}.authActions,.authCard input,.authCard>.authSwitch,.authSubmit,.passwordField{width:100%}.authCard input,.authSubmit,.passwordField{height:56px}.authCard input,.authSubmit{border-radius:28px;font-size:16px;line-height:56px}}.forgotPasswordCard .authHeader{margin-bottom:42px}.forgotPasswordBack a{color:#1677ff;font-weight:500;text-decoration:none}.forgotPasswordBack a:hover{color:#4b6fff}.forgotPasswordBack a:focus-visible{border-radius:4px;outline:2px solid #5d78ff;outline-offset:3px}.forgotPasswordSuccess{box-sizing:border-box;width:360px;min-height:110px;display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid #d9e6ff;border-radius:24px;background:#f5f8ff;color:#42526e}.forgotPasswordSuccessIcon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#685dff,#2596ff);color:#fff;font-size:20px;font-weight:600;line-height:36px;text-align:center}.forgotPasswordSuccess p{margin:0;font-size:14px;line-height:22px}@media (max-width:1100px){.forgotPasswordSuccess{width:100%}}.authField{position:relative;width:360px}.authCard input.isInvalid,.authCard input.isInvalid:focus-visible,.authCard input.isInvalid:hover:not(:disabled){border-color:#ff4747;box-shadow:none}.authFieldError{position:absolute;top:62px;left:16px;z-index:1;display:flex;align-items:flex-start;gap:7px;width:calc(100% - 24px);margin:0;color:#ff4747;font-size:13px;font-weight:400;line-height:19px}.authFieldError svg{flex:0 0 18px;width:18px;height:18px;margin-top:0;stroke-width:2}.authError{position:relative;width:360px;min-height:20px;margin-top:20px;padding:0 0 0 25px;border:0;border-radius:0;background:transparent;color:#ff4747;font-size:13px;line-height:20px}.authError:before{position:absolute;top:1px;left:1px;box-sizing:border-box;width:18px;height:18px;border:2px solid;border-radius:50%;content:"!";font-size:12px;font-weight:700;line-height:14px;text-align:center}@media (max-width:1100px){.authError,.authField{width:100%}}