/* Local login concept, reconstructed from the user's coral split-panel video. */
body.tdesign-app.account-page.login-experience{--entry-coral:#f58369;--entry-ink:#242424;--entry-muted:#858585;--entry-ease:cubic-bezier(.22,1,.36,1);background:#e7e7e7;color:var(--entry-ink);min-height:100svh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.login-experience *{box-sizing:border-box}
body.tdesign-app.login-experience .account-header{display:none}
body.tdesign-app.login-experience main#accountMain{padding:40px;margin:0;max-width:none;min-height:100svh;display:grid;place-items:center}
.entry-stage{width:min(1180px,100%);min-height:720px;display:grid;grid-template-columns:49% 51%;padding:9px;background:#fdfdfd;border-radius:24px;position:relative;box-shadow:0 1px 0 #fff,0 16px 48px -40px #0003;isolation:isolate}
.entry-preview{position:relative;min-width:0;background:var(--entry-coral);border-radius:17px;overflow:hidden;transform-origin:0 0;animation:scene-enter 850ms var(--entry-ease) both}
.scene-orbit{position:absolute;pointer-events:none;border-radius:50%;width:480px;height:480px;border:1px solid #ffffff26;background:#ffffff0c;box-shadow:inset 0 2px 3px #ffffff42,0 0 0 92px #ffffff0b}
.scene-orbit-top{left:82%;top:-365px}.scene-orbit-bottom{width:500px;height:500px;left:-300px;bottom:-305px;background:#ffffff0a;box-shadow:inset 0 3px 4px #ffffff55,0 0 0 90px #ffffff07}
.entry-scene{position:relative;width:100%;height:390px;margin-top:65px}
.scene-card{position:absolute;background:linear-gradient(155deg,#fff,#fefefe);border:1px solid #ffffffd9;border-radius:13px;box-shadow:0 8px 24px -8px #7c3a2a25,inset 0 1px 0 #fff;color:#292929;text-align:left;animation:card-enter 900ms var(--entry-ease) both}
.scene-card-heading{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #f4f4f4;color:#777;font-size:11px;line-height:20px;white-space:nowrap}
.scene-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ebebeb;border-radius:6px;font-size:15px;line-height:1;color:#787878}.scene-ellipsis{margin-left:auto;font-size:18px;letter-spacing:1px;color:#aaa}
.scene-overview{left:11%;top:85px;width:77%;height:244px;animation-delay:120ms;z-index:1}
.scene-overview-title{padding:16px 14px 0;font-size:19px;font-weight:550;letter-spacing:-.5px;white-space:nowrap}
.scene-legend{display:flex;gap:16px;padding:9px 14px 0;font-size:9px;color:#838383}.scene-legend span{display:flex;align-items:center;gap:4px}.scene-legend span::before{content:'';width:7px;height:7px;border-radius:2px;background:#f18771}.scene-legend span+span::before{background:#6ad0e9}
.scene-chart{display:flex;align-items:end;justify-content:space-between;height:108px;margin:12px 14px 0;gap:9px;background:repeating-linear-gradient(to top,#ededed 0,#ededed 1px,transparent 1px,transparent 27px);border-bottom:1px solid #eee}
.scene-bar-pair{display:flex;gap:4px;align-items:end;width:100%;height:100%}.scene-bar-pair i{width:50%;height:var(--bar);background:linear-gradient(90deg,#f4a18b,#f18168);border-radius:3px 3px 0 0;box-shadow:inset 1px 1px 2px #ffffff55;transform-origin:bottom;animation:bar-enter 1000ms var(--entry-ease) both;animation-delay:var(--delay)}.scene-bar-pair i+i{background:linear-gradient(90deg,#8edff0,#65cce7);animation-delay:calc(var(--delay) + 90ms)}
.scene-chart-labels{display:flex;justify-content:space-between;padding:7px 15px;font-size:8px;color:#a0a0a0}
.scene-industry{z-index:2;right:4%;top:48px;width:205px;animation-delay:270ms}
.scene-region{z-index:3;left:4%;top:300px;width:205px;animation-delay:390ms}
.scene-mini-value{padding:13px 13px 0;font-size:20px;line-height:25px;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:8px;letter-spacing:-.4px}.scene-tag{font-size:9px;font-weight:400;letter-spacing:0;background:#eef9ed;color:#66aa61;border-radius:4px;padding:0 4px;line-height:20px;white-space:nowrap}.scene-region .scene-tag{background:#fff0ef;color:#d98383}
.scene-mini-note{margin:11px 6px 6px;padding:7px 6px;background:#f7f7f7;border-radius:6px;font-size:8px;line-height:13px;color:#999;white-space:nowrap}
.scene-copy{position:relative;text-align:center;margin:37px auto 48px;max-width:90%;color:white;animation:form-enter 800ms 450ms var(--entry-ease) both}.scene-copy p{margin:0 0 9px;font-size:16px;font-weight:450;line-height:26px;letter-spacing:.3px}.scene-copy>span{display:block;font-size:12px;line-height:21px;color:#ffede7}.scene-copy-rule{margin:22px auto 19px;height:3px;width:20px;border-radius:2px;background:#fff9}.scene-copy b{display:block;font-size:12px;font-weight:500;letter-spacing:1px}.scene-copy small{display:block;margin-top:5px;font-size:10px;color:#ffe3d9}
.scene-disclosure{position:absolute;right:15px;bottom:12px;font-size:9px;color:#fff9}
.entry-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;padding:60px 55px 65px;text-align:center;animation:form-enter 850ms 150ms var(--entry-ease) both}
.entry-form-content{width:100%;max-width:365px}
body.tdesign-app.login-experience button.entry-logo{display:grid;place-items:center;width:56px;height:44px;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 auto 12px;cursor:pointer}
.entry-logo img{display:block;width:48px;height:32px;object-fit:contain}
body.tdesign-app.login-experience .entry-intro h1{margin:0;color:#202020;font-size:25px;line-height:36px;letter-spacing:-.8px;font-weight:600;white-space:nowrap}
body.tdesign-app.login-experience .entry-english{margin:9px 0 0;font-size:13px;line-height:22px;color:#777;font-weight:400}.entry-en-subtitle{margin:3px 0 0;font-size:10px;line-height:16px;color:#aaa;letter-spacing:.1px}
.entry-form-slot{margin:34px auto 0;text-align:left;width:100%}
.entry-fields{display:grid;gap:19px;grid-template-columns:1fr}
body.tdesign-app.login-experience .entry-fields label{display:grid;gap:7px;margin:0;color:#414141;font-size:12px;line-height:18px;font-weight:400}
body.tdesign-app.login-experience .entry-fields input{display:block;width:100%;height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:6px!important;background:#f4f4f4!important;color:#292929!important;font-size:13px!important;line-height:42px;box-shadow:none!important;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
body.tdesign-app.login-experience .entry-fields input::placeholder{color:#aaa;font-size:12px}
body.tdesign-app.login-experience .entry-fields input:hover{background:#f0f0f0!important}
body.tdesign-app.login-experience .entry-fields input:focus{border-color:#eca795!important;background:#fff!important;outline:0;box-shadow:0 0 0 2px #f5836910!important}
.entry-password{display:block;position:relative}body.tdesign-app.login-experience .entry-password input{padding-right:44px!important}
body.tdesign-app.login-experience #showPassword{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:40px;height:40px;min-height:40px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:#888}
#showPassword svg{width:17px;height:17px}body.tdesign-app.login-experience #showPassword[aria-pressed="true"]{color:#d96d55}
body.tdesign-app.login-experience .entry-error{font-size:12px;line-height:18px;color:#bc5340;min-height:18px;margin:10px 0 7px}
body.tdesign-app.login-experience button.entry-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:42px;min-height:42px!important;border:1px solid #eb7b62!important;border-radius:5px!important;padding:0 18px!important;background:linear-gradient(#f8947d,#ef7a60)!important;box-shadow:inset 0 1px 0 #ffb9a6,0 1px 2px #d4745a10!important;color:white!important;font-size:13px;line-height:40px;font-weight:500;transition:transform 160ms ease,filter 160ms ease}
.entry-submit svg{width:15px;height:15px;opacity:.85}body.tdesign-app.login-experience button.entry-submit:active{transform:scale(.985)}body.tdesign-app.login-experience button.entry-submit:disabled{opacity:.65;cursor:wait}
body.tdesign-app.login-experience .entry-status{font-size:12px;line-height:20px;margin:6px 0;color:#888}.entry-status:empty{display:none}
.entry-form-divider{display:flex;align-items:center;gap:12px;margin:29px 0 22px;font-size:10px;line-height:16px;color:#aaa;white-space:nowrap}.entry-form-divider::before,.entry-form-divider::after{content:'';height:1px;background:#eee;flex:1}
.entry-capabilities{display:flex;align-items:center;justify-content:center;gap:22px;font-size:11px;line-height:20px;color:#828282}.entry-capabilities span+span{position:relative}.entry-capabilities span+span::before{content:'';width:3px;height:3px;position:absolute;left:-12px;top:9px;border-radius:50%;background:#e5b6a9}
.entry-footer{position:absolute;bottom:27px;font-size:10px;line-height:18px;color:#bbb;letter-spacing:.1px}.entry-footer span{margin-left:12px;color:#a7a7a7}
body.tdesign-app.login-experience button:focus-visible{outline:2px solid #de8c76;outline-offset:4px}
.entry-live-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:white;opacity:0;pointer-events:none;transition:opacity 240ms var(--entry-ease)}
body.entry-opening-workspace{overflow:hidden!important}
.entry-preview.is-expanding{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;z-index:1000;border:0;border-radius:0;box-shadow:none;background:#f7f8fa;animation:none}
.entry-preview.is-expanding>.entry-scene,.entry-preview.is-expanding>.scene-copy,.entry-preview.is-expanding>.scene-orbit,.entry-preview.is-expanding>.scene-disclosure{display:none}
.entry-preview.is-live .entry-live-frame{opacity:1;pointer-events:auto}
.entry-workspace-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:14px;min-width:280px;max-width:calc(100vw - 32px);padding:24px;background:#fff;border:1px solid #eee;border-radius:12px;z-index:5;box-shadow:0 12px 40px #00000008;font-size:14px;line-height:20px;color:#666;text-align:center}
.entry-workspace-status[hidden]{display:none}.entry-load-track{height:3px;background:#f6e7e1;border-radius:4px;overflow:hidden}.entry-load-track i{display:block;width:35%;height:100%;background:#ef876c;border-radius:4px;animation:entry-load 1.5s ease-in-out infinite}
body.tdesign-app.login-experience #retryWorkspace{height:36px;min-height:36px!important;padding:0 16px!important;background:#fff4ef!important;color:#ad654f;border:1px solid #efc8bb!important;border-radius:6px!important}.has-load-error .entry-load-track{display:none}
.entry-workspace-ready .entry-intro{visibility:hidden}.login-starting{min-height:100svh;display:grid;align-content:center;justify-items:center;gap:16px;font-size:14px;color:#888}
@keyframes scene-enter{from{opacity:0}to{opacity:1}}@keyframes card-enter{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bar-enter{from{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes form-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes entry-load{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(hover:hover) and (pointer:fine){body.tdesign-app.login-experience button.entry-submit:hover{filter:brightness(1.035)}.scene-card{transition:box-shadow 200ms ease}.scene-card:hover{box-shadow:0 12px 32px -8px #7c3a2a35}}
@media(min-width:1000px) and (max-height:800px){body.tdesign-app.login-experience main#accountMain{padding:28px 40px}.entry-stage{min-height:610px}.entry-scene{margin-top:10px;height:370px}.scene-copy{margin:22px auto 35px}.entry-intro{padding:40px 55px 60px}.entry-form-slot{margin-top:24px}.entry-form-divider{margin-top:23px}.scene-copy-rule{margin-top:16px;margin-bottom:14px}}
@media(max-width:1050px){body.tdesign-app.login-experience main#accountMain{padding:24px}.entry-stage{grid-template-columns:47% 53%}.entry-intro{padding-inline:30px}.scene-overview-title{font-size:16px}.scene-industry,.scene-region{width:180px}.scene-mini-value{font-size:18px}.scene-mini-note{font-size:7px}.scene-copy p{font-size:14px}.scene-copy>span{font-size:10px}.scene-chart{gap:6px}.scene-bar-pair{gap:3px}}
@media(max-width:760px){body.tdesign-app.login-experience main#accountMain{padding:20px;min-height:100svh}.entry-stage{grid-template-columns:1fr;min-height:0;max-width:480px;padding:7px;border-radius:20px}.entry-intro{grid-row:1;padding:38px 27px 65px;min-height:565px}.entry-preview{grid-row:2;height:320px;border-radius:14px}.entry-scene{height:270px;width:320px;max-width:100%;margin:0 auto;transform:scale(.84);transform-origin:50% 0}.scene-overview{top:52px;height:225px;left:8%;width:84%}.scene-overview-title{font-size:16px}.scene-industry{top:17px;right:-2%}.scene-region{top:240px;left:-2%}.scene-chart{height:90px}.scene-copy{display:none}.scene-disclosure{font-size:8px}.entry-footer{bottom:22px}.entry-form-slot{margin-top:25px}body.tdesign-app.login-experience .entry-intro h1{font-size:24px;letter-spacing:-.7px}.entry-form-divider{margin-top:24px;margin-bottom:18px}.entry-capabilities{gap:20px}.entry-preview.is-expanding{height:100dvh;border-radius:0}}
@media(max-width:360px){body.tdesign-app.login-experience main#accountMain{padding:12px}.entry-intro{padding-inline:20px}body.tdesign-app.login-experience .entry-intro h1{font-size:21px}.entry-capabilities{gap:16px;font-size:10px}.entry-capabilities span+span::before{left:-9px}}
@media(prefers-reduced-motion:reduce){.login-experience *,.login-experience *::before,.login-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.entry-load-track i{width:100%;opacity:.55}}
/* Keep illustration copy independent of workspace typography tokens. */
body.tdesign-app.login-experience .scene-copy p{color:#fff;font-size:16px;line-height:26px;margin:0 0 9px;font-weight:450}
body.tdesign-app.login-experience .scene-copy small{color:#ffe3d9;font-size:10px;line-height:16px}
.scene-copy{margin-top:60px}
@media(min-width:1000px) and (max-height:800px){.entry-scene{height:395px}.scene-region{top:270px}.scene-copy{margin-top:24px}body.tdesign-app.login-experience .scene-copy p{font-size:15px}}
@media(max-width:1050px){body.tdesign-app.login-experience .scene-copy p{font-size:14px}}
@media(max-width:760px){.scene-region{top:240px}}
/* The login surface fills the browser; the reference's presentation mat is omitted. */
body.tdesign-app.account-page.login-experience{background:#fdfdfd}
body.tdesign-app.login-experience main#accountMain{padding:0;display:block}
.entry-stage{width:100%;min-height:100svh;padding:0;border-radius:0;box-shadow:none}
.entry-preview{border-radius:0}
.entry-intro{min-height:100svh}
@media(min-width:761px){.entry-preview:not(.is-expanding){display:flex;flex-direction:column;justify-content:center}.entry-scene{flex-shrink:0}.scene-copy{flex-shrink:0}}
@media(max-width:760px){.entry-stage{max-width:none;padding:0;border-radius:0}.entry-intro{min-height:100svh}.entry-preview{border-radius:0}}
/* A narrow white surround lifts the illustration off the full-window surface. */
.entry-preview:not(.is-expanding){margin:12px;border-radius:22px;box-shadow:0 3px 12px -5px #894d3e24,inset 0 1px 0 #ffffff30}
@media(max-width:760px){.entry-preview:not(.is-expanding){margin:8px;border-radius:18px}}