@font-face{font-family:"Alibaba PuHuiTi";src:url("assets/login-font.woff") format("woff");font-weight:400;font-display:swap}
body[data-view="login"]{padding:32px 32px 60px;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 44% 10%,#f7fbff 0,transparent 55%),radial-gradient(ellipse at 95% 53%,#e8f0fb 0,transparent 55%),linear-gradient(135deg,#cddcf1,#dce7f6 48%,#b9cbe6);isolation:isolate}
body[data-view="login"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 107%,transparent 54%,#ffffffa6 54.3%,#ffffff14 55.7%,transparent 57%),radial-gradient(ellipse at 62% 99%,transparent 68%,#ffffff80 68.4%,transparent 70%),linear-gradient(28deg,transparent 46%,#ffffff87 46.5%,#ffffff17 48.2%,transparent 49.5%);filter:blur(2px)}
.login-screen{container-type:size;font-family:"Alibaba PuHuiTi","PingFang SC","Microsoft YaHei",sans-serif;position:relative;width:min(100%,calc((100svh - 100px) * 1.73913),1440px);aspect-ratio:1440/828;margin:0;border:2px solid #ffffffe6;border-radius:clamp(25px,3.5vw,52px);background:linear-gradient(125deg,#f3f8ff70,#e4eefcad);box-shadow:0 18px 64px #6d88b121,inset 0 0 35px #ffffff50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:login-enter .55s var(--ease)}
.login-screen::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 32% 75%,#ffffffaa,transparent 48%);pointer-events:none}
.login-brand{position:absolute;inset:0 46.5% 0 0;min-width:0}
.login-brand-copy{position:absolute;top:10.8%;left:22.4%;width:68%;z-index:1}
.login-logo{width:21.6cqw;height:auto;max-width:100%}
.login-platform-name{font-size:clamp(14px,1.528cqw,22px);letter-spacing:.23em;line-height:1.45;margin:1cqw 0 1.1cqw;font-weight:500;white-space:nowrap}
.login-tagline{font-family:"Alibaba PuHuiTi","Segoe UI",sans-serif;font-size:clamp(16px,1.667cqw,24px);font-weight:400;line-height:1.38;letter-spacing:-.015em;color:#45567d;margin:0}
.login-mascot-stage{position:absolute;left:17%;top:38%;width:67%;height:60%;display:grid;place-items:center}
.login-mascot-stage::before{content:"";position:absolute;inset:20% 0 3%;background:radial-gradient(ellipse,#ffffffb0,transparent 65%);border-radius:50%;filter:blur(12px)}
.login-mascot{position:relative;width:100%;height:auto;object-fit:contain;animation:login-float 6s ease-in-out infinite;filter:drop-shadow(0 12px 18px #8091b119)}
.login-card{position:absolute;left:53.5%;top:5.8%;width:43.5%;height:90.2%;border:1px solid #ffffff60;border-radius:2.4cqw;background:linear-gradient(135deg,#ffffff88,#f0f6ff80);padding:5cqw 3.5cqw 2cqw 6.7cqw;box-shadow:inset 0 1px 0 #fff6;min-width:0}
.login-card-content{width:100%;min-width:0}
.login-heading{margin-bottom:2.1cqw}
.login-heading h1{font-size:clamp(28px,3.05cqw,44px);line-height:1.18;letter-spacing:.02em;margin:0 0 .75cqw;font-weight:700;outline:none}
.login-heading p{font-size:clamp(14px,1.667cqw,24px);line-height:1.4;color:#627298;margin:0}
.login-field+.login-field{margin-top:1.3cqw}
.login-field>label{display:block;font-size:clamp(14px,1.528cqw,22px);line-height:1.4;font-weight:500;margin-bottom:.5cqw}
.login-input-wrap{display:flex;align-items:center;gap:.85cqw;border:1px solid #fff;border-radius:.95cqw;background:#ffffff88;box-shadow:0 0 0 1px #b5c8e24d;height:4.3cqw;min-height:43px;padding:0 1.1cqw;transition:background .2s,border-color .2s,box-shadow .2s;color:#7a8bae}
.login-input-wrap:focus-within{border-color:#8396c0;background:#ffffffe3;box-shadow:0 0 0 3px #6983b413}
.login-input-wrap input{min-width:0;width:100%;border:0;background:none;color:var(--ink);height:100%;font-size:clamp(14px,1.389cqw,20px);outline:none!important;padding:0;box-shadow:none}
.login-input-wrap input::placeholder{color:#8191af}
.login-input-wrap .icon{width:1.7cqw;height:1.7cqw;min-width:18px;min-height:18px}
.password-toggle{display:grid;place-items:center;flex-shrink:0;width:2.6cqw;height:2.8cqw;min-width:32px;min-height:32px;padding:0;border-radius:8px;color:#7185aa;margin-right:-.3cqw}
.password-toggle:hover{background:#dce7f84d}
.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(14px,1.25cqw,18px);margin:1cqw 0 1.3cqw;line-height:1.45}
.remember-option{display:flex;align-items:center;gap:.6cqw;color:#7a88a5;cursor:pointer}
.remember-option input{margin:0;width:1.5cqw;height:1.5cqw;min-width:17px;min-height:17px;accent-color:#273156}
.login-text-button{font-size:inherit;font-weight:500;padding:2px 0;color:#405783;border-radius:4px;line-height:1.5}
.login-text-button:hover{color:#273156;text-decoration:underline;text-underline-offset:4px}
.login-primary,.login-feishu{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:32px;height:4.1cqw;min-height:43px;font-size:clamp(14px,1.528cqw,22px);font-weight:500;padding:0 16px;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}
.login-primary{background:#273156;color:white;box-shadow:0 7px 16px #27315610}
.login-primary:hover{background:#374771;transform:translateY(-1px);box-shadow:0 10px 22px #27315625}
.login-primary:active,.login-feishu:active{transform:translateY(0)}
.login-divider{display:flex;align-items:center;gap:1.5cqw;color:#8292b0;font-size:clamp(14px,1.25cqw,18px);line-height:1.4;margin:1.15cqw 0}
.login-divider::before,.login-divider::after{content:"";height:1px;background:#bccce18a;flex:1}
.login-feishu{border:1px solid #b6c8e2;background:#ffffff5c;color:#273156}
.login-feishu:hover{background:#ffffffc4;transform:translateY(-1px)}
.login-help{display:flex;align-items:center;justify-content:center;gap:.5cqw;margin:1.65cqw 0 0;font-size:clamp(14px,1.25cqw,18px);color:#7a8cad;line-height:1.4}
.login-feedback{position:fixed;z-index:50;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:min(520px,calc(100vw - 36px));margin:0;padding:12px 16px;font-size:14px;line-height:1.6;color:#455982;border:1px solid #fff;border-radius:14px;background:#f5f9fff5;box-shadow:0 8px 24px #61769a30;overflow-wrap:anywhere}
.login-preview{position:absolute;left:0;right:0;top:calc(100% + 13px);display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.6}
.login-preview p{color:#7183a2;margin:0}
.login-preview a{font-weight:500;color:#405783;padding:1px 0;border-bottom:1px solid #99accb}
.login-preview a:hover{color:#273156;border-color:#273156}
.return-login{border-top:1px solid #d4deed;margin-top:24px;padding-top:18px;font-size:14px;color:#61718d}
.return-login a:hover{color:#273156;text-decoration:underline}
@keyframes login-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes login-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-height:650px){body[data-view="login"]{padding:20px 24px 50px}.login-screen{width:min(100%,calc((100svh - 80px) * 1.73913),1440px)}.login-card{padding-top:2.7cqw}.login-heading{margin-bottom:1.2cqw}.login-heading h1{font-size:28px}.login-heading p{font-size:14px}.login-field+.login-field{margin-top:10px}.login-field>label{font-size:14px;margin-bottom:4px}.login-input-wrap,.login-primary,.login-feishu{min-height:42px}.login-input-wrap input{font-size:14px}.login-options{margin:10px 0 12px;font-size:14px}.login-divider{margin:9px 0;font-size:14px}.login-help{margin-top:13px;font-size:14px}}
@media(max-width:720px){body[data-view="login"]{padding:20px 14px 56px;display:flex;align-items:center;justify-content:center}.login-screen{container-type:normal;aspect-ratio:auto;width:min(100%,450px);padding:22px 19px;min-height:0;border-radius:30px}.login-brand{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 20px}.login-brand-copy{position:relative;inset:auto;width:auto;min-width:0}.login-logo{width:158px}.login-platform-name{font-size:14px;letter-spacing:.03em;margin:7px 0 9px}.login-tagline{font-size:14px;line-height:1.35}.login-mascot-stage{position:relative;inset:auto;width:90px;flex-shrink:0;height:100px}.login-mascot-stage::before{inset:0}.login-mascot{width:100%;height:auto}.login-card{position:relative;inset:auto;width:100%;height:auto;border-radius:23px;padding:23px 20px 21px}.login-heading{margin-bottom:21px}.login-heading h1{font-size:29px;margin-bottom:6px;line-height:1.2}.login-heading p{font-size:16px;line-height:1.4}.login-field+.login-field{margin-top:16px}.login-field>label{font-size:14px;margin-bottom:7px;line-height:1.4}.login-input-wrap{height:48px;min-height:48px;border-radius:12px;padding:0 12px;gap:9px}.login-input-wrap input{font-size:16px}.login-input-wrap .icon{width:20px;height:20px}.password-toggle{width:32px;height:36px;margin-right:-4px}.login-options{margin:12px 0 17px;font-size:14px}.remember-option{gap:7px}.remember-option input{width:18px;height:18px}.login-primary,.login-feishu{height:48px;min-height:48px;font-size:16px}.login-divider{font-size:14px;margin:14px 0;gap:14px}.login-help{font-size:14px;gap:5px;margin-top:16px}.login-preview{top:calc(100% + 12px)}.login-feedback{bottom:14px}}
@media(max-width:720px) and (max-height:740px){body[data-view="login"]{align-items:flex-start;padding:12px 12px 48px}.login-screen{padding:15px 16px;border-radius:25px}.login-brand{margin-bottom:14px}.login-logo{width:138px}.login-platform-name{margin:6px 0 7px}.login-mascot-stage{width:78px;height:90px}.login-card{padding:18px 16px}.login-heading{margin-bottom:16px}.login-heading h1{font-size:26px}.login-heading p{font-size:14px}.login-field+.login-field{margin-top:12px}.login-input-wrap{height:44px;min-height:44px}.login-primary,.login-feishu{height:44px;min-height:44px}.login-divider{margin:10px 0}.login-options{margin:10px 0 13px}.login-help{margin-top:12px}}
@media(min-width:900px) and (max-height:850px){body[data-view="workspace"]{padding:22px 26px}.workspace{min-height:0;height:calc(100svh - 44px)}.topbar{min-height:76px}.main-stage{min-height:0}.workspace-footer{height:126px;padding-bottom:15px}.dial-controls{height:63px;margin-bottom:4px}.module-card{min-height:0}.card-art{min-height:140px}.card-art img{padding-top:25px}.card-copy{padding-top:17px;padding-bottom:20px}.intro{top:11%}.intro h1{margin-bottom:18px}.eyebrow{margin-bottom:18px}.explore-button{margin-top:26px}.platform-name{margin-top:22px}.assistant-launcher img{width:115px;height:115px}}
@media(prefers-reduced-motion:reduce){.login-screen,.login-mascot{animation:none}}
@media(max-width:720px) and (max-height:740px){.login-screen{padding:12px 16px}.login-brand{margin-bottom:10px}.login-card{padding:15px 16px}.login-heading{margin-bottom:12px}.login-field+.login-field{margin-top:10px}.login-options{margin:8px 0 11px}.login-divider{margin:8px 0}.login-help{margin-top:10px}}
body.is-workspace{display:block;padding:clamp(20px,3vw,52px);background:radial-gradient(ellipse at 50% 6%,#a2aec5,transparent 75%),linear-gradient(120deg,#919baf,#748096)}
body.is-workspace::before{display:none}
@media(min-width:900px) and (max-height:850px){body.is-workspace{padding:22px 26px}}
@media(max-width:1200px) and (min-width:721px) and (min-height:851px){body.is-workspace{padding:22px}}
@media(max-width:720px){body.is-workspace{padding:12px;background:linear-gradient(135deg,#a1abc1,#818da6)}}