:root{--main-color:#4da5cf;--link-color:#79c4e8;--border-color:#314052}body:has(#login-form){background:#03070d!important;color:#e7edf5}body:has(#login-form) #layout{display:flex!important;height:auto!important;min-height:100vh;align-items:stretch;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(2,8,16,.68) 57%,rgba(3,9,18,.94)),url(mars.webp) center center/cover no-repeat!important}body:has(#login-form):before{content:"星云科技\A 企业邮箱";white-space:pre;position:fixed;left:8vw;top:35vh;font-size:clamp(40px,4.4vw,68px);font-weight:700;line-height:1.38;letter-spacing:1px;color:#fff;z-index:1;text-shadow:0 4px 28px #0006}body:has(#login-form):after{content:"我们抬头仰望，让每一次沟通抵达远方。";position:fixed;left:8vw;top:65vh;font-size:15px;letter-spacing:1px;color:#ced8e2;z-index:1}body:has(#login-form) #layout-content{background:transparent!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;margin-left:51%;width:49%;height:auto!important;min-height:100vh;box-sizing:border-box;padding:56px 5%!important;position:relative;z-index:2}body:has(#login-form) #logo{width:238px;max-height:54px;height:auto;margin:0 0 25px!important}#login-form{background:rgba(11,20,32,.94)!important;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 24px 90px #0007;padding:36px!important;width:100%!important;max-width:432px!important;margin:0!important;box-sizing:border-box;backdrop-filter:blur(16px)}.xy-heading{margin-bottom:25px}.xy-kicker{font-size:11px;letter-spacing:2px;font-weight:600;color:#67b9e1}.xy-heading h1{font-size:27px;font-weight:650;letter-spacing:1px;margin:12px 0;color:#fff}.xy-heading p{font-size:13px;line-height:1.8;color:#a8b7c9;margin:0}#login-form input{border-radius:7px!important;border:1px solid #33445b!important;min-height:45px;background:#101d2d!important;color:#f1f5fa!important}#login-form input::placeholder{color:#8293a8!important}#login-form input:focus{box-shadow:0 0 0 3px #4da5cf25!important;border-color:#4da5cf!important}#login-form .input-group-text{background:#172638!important;color:#9fb9d0!important;border-color:#33445b!important;border-radius:7px 0 0 7px!important}#login-form button.submit{background:#4da5cf!important;color:#061725!important;border:0!important;border-radius:7px!important;min-height:46px;box-shadow:none!important;letter-spacing:3px;font-weight:650}#login-form button.submit:hover{background:#74bde0!important}#login-form label{font-size:13px;color:#b4c4d4}.xy-foot{text-align:center;font-size:11px;color:#8598ad;line-height:2;margin-top:24px}.xy-foot span{font-size:11px}.xy-foot a{color:#78c4e9}body:has(#login-form) #login-footer{color:#71869b;font-size:11px;margin-top:22px}a{color:#4da5cf}#taskmenu{background:#071321!important}#taskmenu a.selected{background:#2b6b92!important}#taskmenu a:hover{background:#132b40!important}.toolbar a:hover{color:#348bb5!important}@media(max-width:900px){body:has(#login-form):before,body:has(#login-form):after{display:none}body:has(#login-form) #layout{background:linear-gradient(#02081388,#020813c9),url(mars.webp) center/cover no-repeat!important}body:has(#login-form) #layout-content{margin:0;width:100%;min-height:100vh;padding:36px 22px!important}#login-form{padding:29px!important;max-width:432px!important}body:has(#login-form) #logo{margin-bottom:22px!important;width:220px}}
body:has(#login-form) #logo,body:has(#login-form) #login-form{top:0!important}body:has(#login-form) #login-footer{flex:none!important;text-align:center;width:100%}

/* Personal mailbox branding: square mark for the compact navigation rail. */
body:not(:has(#login-form)) #layout-menu #logo{display:block;width:48px!important;height:48px!important;max-width:none!important;max-height:none!important;object-fit:contain;padding:0!important;margin:12px auto 16px!important;top:auto!important}body:not(:has(#login-form)) #layout-menu{background:#071321!important}
@media(max-width:768px){body:not(:has(#login-form)) #layout-menu #logo{width:30px!important;height:30px!important;margin:10px auto 12px!important}}