:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#262733;background:#f3f4f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:grid;place-items:center;padding:36px 24px;background:radial-gradient(ellipse at 19% 26%,#eeedfc 0,transparent 58%),#f3f4f8}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9c96ee;outline-offset:3px}[hidden]{display:none!important}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:min(920px,100%);border:1px solid #e4e5ee;border-radius:20px;overflow:hidden;background:white;box-shadow:0 16px 48px #2725600b,0 2px 8px #27256004;animation:card-arrive .45s ease both}.brand-panel{min-height:568px;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:36px 38px 24px;background:radial-gradient(ellipse at 65% 55%,#3631c5 0,transparent 62%),linear-gradient(135deg,#111092,#1612b5);color:#fff;overflow:hidden}.brand-panel::before{content:"";position:absolute;inset:160px 0 60px;z-index:-1;opacity:.075;background-image:linear-gradient(#c8c6ff 1px,transparent 1px),linear-gradient(90deg,#c8c6ff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000,transparent)}.panel-kicker{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#cdcbff}h1{font-size:38px;line-height:1.35;letter-spacing:-1.2px;margin:33px 0 15px;font-weight:650}h1 span{color:#c5c1ff}.brand-description{font-size:13px;line-height:1.9;color:#d4d2fb;margin:0}.logistics-scene{width:calc(100% + 12px);margin:16px -6px 15px;flex-shrink:0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:17px;border-top:1px dashed #ffffff2a;font-size:12px;color:#e2e0ff}.workflow span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:7px;color:#9590e5}.panel-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:34px;color:#b9b5ef;font-size:9px;letter-spacing:.25px}.panel-footer span:first-child{font-weight:600;letter-spacing:1px}.login-card{padding:34px 38px 24px;display:flex;flex-direction:column;background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#13139e;font-size:23px;font-weight:720;letter-spacing:-.8px;align-self:flex-start}.brand-symbol{display:grid;place-items:center;width:37px;height:39px;background:#1713ad;border-radius:7px}.brand img{display:block;object-fit:contain}.access-label{color:#181397;font-size:11px;letter-spacing:1px;font-weight:650;margin-top:32px}h2{font-size:29px;letter-spacing:-.5px;line-height:1.4;margin:10px 0 9px;font-weight:650}.intro{font-size:13px;line-height:1.8;color:#777985;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:8px;margin-top:19px;font-size:12px;font-weight:600;color:#3c3e49}.field input{width:100%;height:43px;border:1px solid #dfe0e8;border-radius:7px;background:#fff;padding:0 12px;color:#292b36;font-size:14px;font-weight:400;transition:border-color .16s,box-shadow .16s}.field input::placeholder{font-size:12px;color:#a3a4af}.field input:hover{border-color:#b4b2ce}.field input:focus{outline:none;border-color:#746cce;box-shadow:0 0 0 3px #eeecfa}.password-field{position:relative;display:block}.password-field input{padding-right:57px}.password-toggle{position:absolute;right:4px;top:4px;min-width:44px;height:35px;border:0;background:transparent;color:#858394;font-size:11px;font-weight:400;border-radius:5px}.password-toggle:hover{background:#f2f1fa;color:#151197}.primary-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:25px;border:0;border-radius:7px;background:#12119e;color:#fff;font-size:13px;font-weight:550;transition:background .16s,transform .16s,box-shadow .16s}.primary-button:hover{background:#2420b7;box-shadow:0 3px 10px #11109e20}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.65}.button-arrow{font-size:17px;font-weight:400}.help-note{margin:22px 0 0;color:#8a8c98;font-size:11px;line-height:1.9}.login-card footer{margin-top:auto;padding-top:22px;color:#a0a1ad;font-size:10px}.form-message{font-size:12px;line-height:1.8;margin-top:14px;padding:9px 11px;border-radius:7px}.error{color:#ac3939;border:1px solid #f0d2d2;background:#fff6f6}.parcel-one{animation:parcel-float 5.4s ease-in-out infinite}.parcel-two{animation:parcel-float 5.4s .9s ease-in-out infinite}.route-line{animation:route-flow 12s linear infinite}.status-light{animation:status-glow 4s ease-in-out infinite}@keyframes card-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes parcel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes route-flow{to{stroke-dashoffset:-100}}@keyframes status-glow{0%,100%{opacity:1}50%{opacity:.55}}@media(max-width:780px){body{padding:24px 18px}.brand-panel{padding:32px 26px 24px}.login-card{padding:32px 28px 24px}h1{font-size:32px}.panel-footer span:last-child{display:none}}@media(max-width:640px){body{padding:24px 18px;align-content:center}.login-shell{display:block;width:min(420px,100%);border-radius:16px}.brand-panel{display:none}.login-card{padding:30px 28px 25px;min-height:530px;border-top:4px solid #1713a7}.brand{font-size:22px}.access-label{margin-top:31px}h2{font-size:28px}.field input{font-size:16px;height:45px}.password-toggle{height:37px}.primary-button{height:45px}.help-note{font-size:11px}.login-card footer{padding-top:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
