:root{--green:#206bc4;--muted:#667382;--line:#dce1e7;--tblr-primary:#206bc4;--tblr-font-sans-serif:"Microsoft YaHei",system-ui,sans-serif}
body{font-family:var(--tblr-font-sans-serif);background:#f6f8fb;color:#253245;padding-left:224px;font-size:14px}
.workbench-nav{width:224px;background:#182433;color:#aebccd;padding:26px 14px;gap:8px;border-right:1px solid #203246;display:flex;flex-direction:column}
.workbench-brand{font-size:19px;letter-spacing:.5px;padding:0 14px 26px;color:#fff}
.workbench-brand:before{content:"主";display:inline-grid;place-items:center;background:#206bc4;color:white;width:31px;height:31px;border-radius:7px;font-size:17px;margin-right:10px}
.workbench-nav nav{display:flex;flex-direction:column;gap:6px}
.workbench-nav a{border-radius:5px;font-weight:400;padding:12px 14px;color:#b5c3d2}
.workbench-nav a:hover{background:#233549;color:#fff}
.workbench-nav a[aria-current="page"]{background:#206bc41f;color:#84baff;border-left:3px solid #4299ff;padding-left:11px;font-weight:600}
.workbench-nav a:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid currentColor;border-radius:2px;margin-right:12px;vertical-align:2px}
.nav-footer{margin-top:auto;padding:22px 13px 0;font-size:11px;color:#77899c;border-top:1px solid #2c3b4d}
.workspace-shell{margin:0;overflow:hidden}.workspace-shell .workbench-nav{position:fixed;inset:0 auto 0 0;height:100dvh;box-sizing:border-box;z-index:20}.workspace-shell .workbench-nav a{text-decoration:none;line-height:1.5}.workspace-shell .workbench-nav a:focus-visible{outline:2px solid #80b5ed;outline-offset:2px}.workspace-shell>header{box-sizing:border-box}.workspace-shell .workspace-host{position:relative;width:100%;height:calc(100dvh - 72px);max-width:none;margin:0;padding:0;overflow:hidden}.workspace-frame{position:absolute;inset:0;border:0;width:100%;height:100%;background:#f6f8fb}.workspace-placeholder{padding:40px;color:#667382}.workspace-status{position:fixed;right:24px;top:82px;padding:10px 14px;background:#fff;border:1px solid #dce1e7;border-radius:6px;box-shadow:0 2px 8px #18243312;z-index:30;color:#667382;font-size:13px}.workspace-status button{margin-left:12px}.workspace-host.is-loading iframe{pointer-events:none}body[data-embedded="true"]{padding-left:0!important}body[data-embedded="true"]>.workbench-nav,body[data-embedded="true"]>header{display:none!important}body[data-embedded="true"] main:not(.auth-shell){padding-top:24px}
body>header{height:72px;padding:18px 30px;background:white;color:#253245;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
body>header strong{font-size:18px;letter-spacing:0}.account-tools{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b}
.account-avatar{width:28px;height:28px;border-radius:5px;background:#e9f1fa;color:#206bc4;display:inline-grid;place-items:center;font-weight:600}
main:not(.auth-shell),.layout,.jobs{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.layout{margin-top:28px;gap:20px;grid-template-columns:340px minmax(0,1fr)}
.card{border:1px solid var(--line);border-radius:7px;box-shadow:0 1px 3px #18243306;padding:24px;background:#fff}
h1{font-size:23px;font-weight:600;letter-spacing:-.3px}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}
.eyebrow{color:#206bc4;letter-spacing:0;font-size:12px}.muted,.helper,.count,.footer{color:#667382}.helper{line-height:1.7;font-size:12px}
button:not(.captcha-image){border-radius:5px;padding:9px 15px;font-weight:500;background:#206bc4;color:#fff;border:1px solid transparent;box-shadow:none}
button.secondary{background:#fff;color:#344458;border:1px solid #cdd5df}button.secondary:hover{background:#f1f5fa}button.danger{background:#d63939}
button.small{padding:5px 10px;font-size:12px}button:focus-visible,a:focus-visible{outline:2px solid #80b5ed;outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #cbd4df;border-radius:5px;background:white;color:#253245;padding:9px 11px;box-shadow:none}
input:focus,textarea:focus,select:focus{outline:2px solid #206bc438;outline-offset:0;border-color:#8ab5e3}
input[type=checkbox],input[type=radio]{accent-color:#206bc4}.table-wrap{border-radius:5px;border-color:#dce1e7}th{background:#f5f7fa;color:#5e6c7c;font-size:12px;font-weight:600}td{color:#253245}th,td{border-color:#e5e9ef}
.tag{border-radius:4px;background:#eaf2fc;color:#206bc4}.bad{background:#fce8e8;color:#b42323}.neutral{background:#eef1f5;color:#667382}
.flow,.platform-group{background:#f0f5fc;color:#38577a;border-radius:5px}.empty{background:#f8fafc;border-color:#d8e0ea;border-radius:5px;color:#768393}.notice{background:#fff6e6;color:#92620d;border-radius:5px}
.progress i{background:#206bc4}dialog{border-radius:8px}dialog::backdrop{background:#18243380}summary{color:#206bc4}.job-info{color:#667382}
.auth-page{padding:0;background:#f6f8fb;min-height:100vh}.auth-shell{display:grid;grid-template-columns:48% 52%;min-height:100vh;margin:0;padding:0;max-width:none}
.auth-brand-panel{background:#182433;color:white;padding:42px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-brand-panel:after{content:"";position:absolute;right:-170px;bottom:-210px;width:650px;height:650px;border:1px solid #334359;border-radius:50%;box-shadow:0 0 0 70px #23344a44,0 0 0 140px #23344a22;pointer-events:none}
.auth-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:600;text-decoration:none;color:#fff;position:relative;z-index:1}.auth-brand:hover{color:#fff}
.brand-monogram{width:36px;height:36px;background:#206bc4;border-radius:7px;display:inline-grid;place-items:center}.auth-brand-content{margin:auto 0;position:relative;z-index:1;padding:60px 0}.auth-kicker{color:#7996b8;font-size:11px;letter-spacing:2px;margin-bottom:24px}
.auth-brand-content h1{font-size:38px;line-height:1.5;font-weight:600;color:white;margin-bottom:18px}.auth-brand-content p{font-size:14px;color:#aebccd;line-height:1.9;margin-bottom:38px}
.auth-feature{display:flex;gap:18px;margin:22px 0}.auth-feature>span{font-family:monospace;color:#6b9ed8;font-size:15px;padding-top:1px}.auth-feature strong{font-size:14px;display:block;margin-bottom:5px;font-weight:500}.auth-feature small{font-size:12px;color:#8fa2b8}
.auth-story{min-height:285px;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.auth-story.is-changing{opacity:0;transform:translateY(7px)}.auth-story h1{min-height:114px}.auth-story p{min-height:54px}.auth-story-note{font-size:12px;line-height:1.8;color:#8fa2b8;letter-spacing:.2px}
.auth-brand-footer{display:flex;justify-content:space-between;font-size:12px;color:#8192a7;position:relative;z-index:1}.auth-brand-footer span{font-size:10px;letter-spacing:1px}
.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 30px}.auth-card{width:100%;max-width:390px}.auth-overline{color:#206bc4;font-size:12px;margin-bottom:10px;font-weight:500}.auth-card h2{font-size:28px;margin:0 0 12px;color:#253245}.auth-card>p{margin-bottom:30px}.auth-card .form-label{font-size:13px;font-weight:500;margin:0 0 8px}.auth-card input{height:42px;font-size:14px;width:100%}.auth-card .input-group input{min-width:0;flex:1;width:1%}.auth-card .input-group button{background:#fff;color:#667382;border-color:#cbd4df;font-size:12px;border-radius:0 5px 5px 0}.auth-card .form-check{display:flex;align-items:center;gap:8px;padding:0}.auth-card .form-check-input{width:16px;height:16px;margin:0}.auth-card .form-hint{font-size:11px;line-height:1.6;margin-top:7px}.captcha-row{display:flex;gap:12px;align-items:center}.captcha-row input{min-width:0;flex:1}.captcha-image{border:1px solid #cbd4df;background:#eef2f7;border-radius:5px;padding:0;cursor:pointer;overflow:hidden;width:162px;height:48px;flex-shrink:0}.captcha-image img{width:100%;height:100%;object-fit:fill}.auth-card .btn-primary{height:44px}.auth-switch{text-align:center;margin-top:24px;font-size:13px;color:#667382}.auth-switch a{color:#206bc4;text-decoration:none;font-weight:500}.auth-local-note{border-top:1px solid #dce1e7;margin-top:30px;padding-top:18px;color:#8a95a3;font-size:11px;line-height:1.7}.auth-page-footer{margin-top:38px;font-size:11px;color:#8a95a3}.auth-card .alert{font-size:13px;line-height:1.7;padding:10px 12px}.auth-card [hidden],[hidden]{display:none!important}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.auth-brand-panel{padding:36px}.auth-brand-content h1{font-size:30px}}
@media(max-width:760px){body{padding-left:164px}.workbench-nav{width:164px;padding:20px 10px}.workbench-brand{font-size:15px;padding-left:4px;padding-right:0}.workbench-brand:before{width:25px;height:25px;margin-right:6px;font-size:14px}.workbench-nav a{font-size:12px;padding:11px 8px}.workbench-nav a:before{margin-right:7px}.workbench-nav a[aria-current="page"]{padding-left:5px}body>header{padding:16px}.account-tools{gap:7px}.account-avatar{display:none}main:not(.auth-shell),.layout,.jobs{padding-left:16px;padding-right:16px}.auth-page{padding:0}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{padding:22px 28px}.auth-brand-content,.auth-brand-footer{display:none}.auth-form-panel{padding:36px 24px}.auth-card{max-width:390px}}

/* 白底登录页与轻柔浮现的奶龙表情 */
.auth-page,.auth-brand-panel,.auth-form-panel{background:#fff}.auth-shell{position:relative;z-index:1;background:transparent}.auth-brand-panel,.auth-form-panel{background:transparent}.auth-brand-panel:after{display:none}.auth-brand,.auth-brand:hover,.auth-brand-content h1{color:#253245}.auth-kicker{color:#73849a;letter-spacing:.5px;font-size:13px}.auth-brand-content p{color:#66758a}.auth-story-note{color:#8b98a8}.auth-brand-footer{color:#9aa5b2}
/* 表情包从左向右掠过白色背景，表单区域保持清晰。 */
.auth-mascots{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.auth-mascot{position:absolute;left:-180px;width:140px;height:140px;object-fit:contain;border-radius:14px;opacity:0;animation:nailong-drift 32s linear infinite;will-change:transform,opacity}.mascot-fire{top:14%;animation-delay:-8s}.mascot-surprise{bottom:8%;width:115px;height:115px;animation-duration:38s;animation-delay:-25s}.auth-card{background:#fff;position:relative}.auth-shell{isolation:isolate}@keyframes nailong-drift{0%{transform:translateX(0) translateY(8px) rotate(-3deg)}50%{transform:translateX(calc(50vw + 180px)) translateY(-12px) rotate(3deg)}100%{transform:translateX(calc(100vw + 360px)) translateY(8px) rotate(-3deg)}}@keyframes nailong-opacity{0%,100%{opacity:.12}50%{opacity:.9}}@media(max-width:760px){.auth-mascot{width:90px;height:90px}.mascot-fire{top:12%}.mascot-surprise{width:80px;height:80px;bottom:3%}}

.auth-mascot.mascot-user{width:145px;height:165px;animation-duration:60s;border-radius:8px}.mascot-user-1{top:7%;animation-delay:-2s}.mascot-user-2{top:29%;animation-delay:-12s}.mascot-user-3{top:53%;animation-delay:-22s}.mascot-user-4{bottom:9%;animation-delay:-32s}.mascot-user-5{top:17%;animation-delay:-42s}.mascot-user-6{top:73%;animation-delay:-52s}@media(max-width:760px){.auth-mascot.mascot-user{width:100px;height:115px}}

/* 独立循环透明度，从浅淡逐渐清晰，再缓慢淡下去。 */
.auth-mascot,.auth-mascot.mascot-user{filter:none;animation-name:nailong-drift,nailong-opacity;animation-duration:32s,5.8s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;will-change:transform,opacity}.auth-mascot.mascot-user{animation-duration:60s,6.4s}.mascot-fire{animation-delay:-8s,-1s}.mascot-user-1{animation-delay:-2s,-.5s}.mascot-user-2{animation-delay:-12s,-2s}.mascot-user-3{animation-delay:-22s,-3.5s}.mascot-user-4{animation-delay:-32s,-5s}.mascot-user-5{animation-delay:-42s,-1.5s}.mascot-user-6{animation-delay:-52s,-4s}



