*{box-sizing:border-box}html{min-height:100%;background:#c8e3ff}body{margin:0;min-height:100vh;color:#0c315e;font:15px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;background:radial-gradient(ellipse at 11% 8%,#fff 0,transparent 39%),radial-gradient(ellipse at 47% 35%,#edf6ff 0,transparent 44%),linear-gradient(112deg,#d6eaff,#b9d9fc 61%,#dceaff);position:relative;isolation:isolate;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid #72aeff;outline-offset:3px}.masthead{padding:30px 3%;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:30px}.brand img{width:200px;height:auto;mix-blend-mode:multiply}.brand>span{height:55px;width:1px;background:#9ab6d45c}.brand strong{font:700 27px "KaiTi","STKaiti",serif;letter-spacing:2px;position:relative}.brand strong:after{content:"";position:absolute;height:4px;border-radius:100%;background:#f4a900;left:40px;right:-12px;bottom:-10px;transform:rotate(-3deg)}.workspace{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(230px,.92fr) minmax(360px,1.18fr);gap:3.1%;padding:44px 3.1% 120px 4.2%;max-width:1900px;margin:auto;min-height:calc(100vh - 115px);align-items:start}.vision{padding-top:5px;position:relative}.eyebrow{color:#2c7ad3;letter-spacing:2.5px;font-size:14px;margin:0 0 14px}.vision h1{font:700 clamp(37px,3.4vw,64px)/1.35 "KaiTi","STKaiti","Microsoft YaHei",serif;white-space:nowrap;letter-spacing:2px;margin:0;position:relative;width:max-content}.vision h1:after{content:"";position:absolute;left:65%;right:0;bottom:-3px;border-bottom:5px solid #edab20;border-radius:100%;transform:rotate(-2deg)}.title-break{display:none}.slogan{font-size:clamp(15px,1.4vw,24px);letter-spacing:1px;margin:20px 0 0;color:#355a84}.landscape{position:absolute;inset:auto auto 0 0;width:74%;height:45vh;min-height:305px;background:url('/assets/login-landscape.jpg') no-repeat left bottom;background-size:100% 100%;z-index:-1;mask-image:linear-gradient(to bottom,transparent,black 7%,black 92%,transparent),linear-gradient(to right,black 88%,transparent);mask-composite:intersect;pointer-events:none}.orbit{position:absolute;z-index:-1;top:-40px;left:44%;width:800px;height:800px;border:1px solid #ffffffa0;border-radius:50%;box-shadow:inset 22px -35px 70px #ffffff30;pointer-events:none}.values{padding-top:18px;max-width:325px}.values h2{display:flex;align-items:center;gap:15px;font-size:21px;white-space:nowrap;margin:0 0 36px}.values .crown{font-size:31px;color:#f4ad10;font-style:normal}.values article{display:flex;align-items:center;gap:20px;margin:0 0 34px}.values article>i,.crown{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:linear-gradient(140deg,#fff,#e3f0ff);box-shadow:0 7px 15px #357ad426}.values article>i{color:#076bce}.values svg{width:29px;height:29px}.values article:last-child>i{color:#f5ab0c}.values h3{font-size:22px;line-height:1.4;margin:0 0 3px}.values p{font-size:15px;color:#4f7098;margin:0;white-space:nowrap}.login-card{position:relative;align-self:start;padding:37px 34px 25px;border:1px solid #fff;border-radius:27px;background:linear-gradient(125deg,#fffffff7,#f3f7ffed);box-shadow:0 20px 45px #2679d632,0 3px 9px #286dcc1a;margin-top:-45px;max-width:510px;width:100%;min-width:0}.login-card:before{content:"";height:6px;position:absolute;top:0;left:27%;right:27%;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#0875da,#5398ff)}.card-brand{text-align:center}.card-brand img{width:170px;height:auto;mix-blend-mode:multiply}.system-name{text-align:center;font-size:18px;letter-spacing:1px;color:#5c769b;margin:6px 0 30px}.login-card h2{font-size:29px;color:#082a54;margin:0 0 5px}.login-desc{color:#647f9f;font-size:14px;margin:0 0 25px}.login-card form>label{display:block;font-size:14px;font-weight:600;margin:0 0 8px;color:#36577d}.input-wrap{display:flex;align-items:center;border:1px solid #bbcee7;background:#ffffff45;border-radius:11px;height:51px;margin-bottom:21px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#2076dc;box-shadow:0 0 0 3px #1784ed15}.input-wrap>span{width:43px;display:flex;align-items:center;justify-content:center;color:#6b86a9}.input-wrap>span svg{width:20px;height:20px}.input-wrap input{min-width:0;flex:1;width:100%;background:none;border:0;outline:0!important;padding:9px 0;color:#17395e;font-size:16px}.input-wrap input::placeholder{color:#879dbc}.input-wrap button{border:0;background:none;display:flex;align-items:center;justify-content:center;width:43px;color:#647e9e}.account-options{display:flex;align-items:center;justify-content:space-between;margin:2px 0 20px;color:#55769b;font-size:14px}.account-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.account-options input{width:17px;height:17px;margin:0;accent-color:#0b78e6}.account-options button{background:none;border:0;color:#0074e0;padding:0}.error{color:#a22b34;line-height:1.6;font-size:13px;overflow-wrap:anywhere}.error:not(:empty){padding:10px 12px;background:#fff0f0;border-radius:7px;margin-bottom:15px}.submit{display:block;width:100%;height:57px;position:relative;border:1px solid #096de2;border-radius:16px;box-shadow:0 8px 19px #197fee40,inset 0 2px 2px #ffffff70;background:linear-gradient(120deg,#48a5f6,#0779df 55%,#0053c1);color:#fff;font-size:22px;font-weight:700;letter-spacing:5px}.submit:hover{filter:brightness(1.04)}.submit span{position:absolute;right:23px;top:12px;font-size:24px;font-weight:400;letter-spacing:0}.account-tip{font-size:13px;color:#7187a4;text-align:center;margin:14px 0 23px}.card-footer{border-top:1px solid #cfdeef;text-align:center;color:#57759d;font-size:15px;padding-top:19px}.waves{height:133px;width:100%;position:absolute;left:0;bottom:0;z-index:-1;pointer-events:none}.vision-bottom{position:absolute;left:5%;bottom:65px;display:flex;align-items:center;gap:22px;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 4px #1252a0;padding:12px 24px;border-radius:0 40px 40px 0;background:linear-gradient(90deg,#1357be99,#237ce280,transparent)}.vision-bottom em{height:14px;border-left:1px solid #e4f0ff}.page-footer{position:absolute;bottom:15px;right:3%;left:3%;display:flex;justify-content:flex-end;gap:22px;font-size:11px;color:#2a5682;z-index:3}.http-warning{opacity:.8}@media(min-width:1700px){.workspace{padding-top:70px}.login-card{padding:45px 40px 32px}.login-desc{margin-bottom:32px}.input-wrap{height:57px;margin-bottom:26px}.system-name{margin-bottom:35px}.values article{margin-bottom:43px}.values{padding-top:35px}}@media(max-width:1250px){.workspace{grid-template-columns:minmax(0,1fr) 250px 350px;gap:20px;padding-left:30px;padding-right:30px}.vision h1{white-space:normal;width:auto;font-size:43px}.title-break{display:block}.eyebrow{font-size:11px}.values h2{font-size:18px;gap:10px}.values article{gap:12px}.values h3{font-size:19px}.values p{font-size:13px}.login-card{padding:30px 25px 24px}.landscape{width:72%;height:39vh}.slogan{max-width:280px}.brand img{width:175px}.brand strong{font-size:25px}}@media(max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr) 360px;max-width:900px;padding-top:30px;gap:35px}.values{grid-column:1;grid-row:2;padding-top:15px;padding-bottom:130px}.vision{grid-column:1;grid-row:1}.login-card{grid-column:2;grid-row:1 / span 2;margin-top:-15px}.values article{margin-bottom:18px}.values h2{margin-bottom:18px}.values article>i,.crown{height:40px;width:40px}.values p{font-size:12px}.landscape{height:260px;width:100%;opacity:.65}.vision-bottom{font-size:13px;gap:15px;bottom:48px}.orbit{left:15%}}@media(max-width:700px){body{min-height:100svh}.masthead{padding:22px 22px 14px}.brand{gap:16px}.brand img{width:145px}.brand>span{height:32px}.brand strong{font-size:16px;letter-spacing:0}.brand strong:after{bottom:-5px;left:20px;height:2px}.workspace{display:flex;flex-direction:column;padding:22px 20px 110px;gap:25px;min-height:auto;max-width:440px}.vision{padding:0;text-align:center;order:0;align-self:center}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:9px}.vision h1{font-size:33px;white-space:nowrap;letter-spacing:0}.title-break{display:none}.slogan{font-size:12px;max-width:none;letter-spacing:0;margin-top:12px}.login-card{order:1;margin:0;padding:27px 27px 24px;border-radius:22px}.card-brand img{width:145px}.system-name{font-size:15px;margin:5px 0 22px}.login-card h2{font-size:25px}.login-desc{font-size:12px;margin-bottom:21px}.input-wrap{height:49px;margin-bottom:20px}.submit{height:53px;font-size:20px}.card-footer{font-size:13px}.account-tip{font-size:11px;margin-bottom:20px}.values{order:2;padding:0;max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.values h2{grid-column:1 / -1;justify-content:center;margin:0 0 2px;font-size:16px}.values article{margin:0;gap:8px;align-items:start}.values article>i{height:30px;width:30px;flex-shrink:0}.values svg{height:20px;width:20px}.values h3{font-size:14px}.values p{font-size:10px;white-space:normal}.values .crown{height:32px;width:32px;font-size:23px}.landscape{height:240px;min-height:0;width:100%;opacity:.4}.vision-bottom{left:0;right:0;bottom:43px;justify-content:center;font-size:11px;gap:13px;padding:8px 0}.page-footer{bottom:14px;justify-content:center;font-size:9px;gap:14px}.waves{height:75px}.orbit{left:12%;width:650px;height:650px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:701px) and (max-height:800px){.masthead{height:92px;padding:20px 3%}.brand img{width:165px}.brand strong{font-size:24px}.brand>span{height:45px}.workspace{min-height:calc(100vh - 92px);padding-top:10px;padding-bottom:30px}.login-card{margin-top:-22px;padding:22px 28px 18px}.card-brand img{width:120px}.system-name{font-size:16px;margin:4px 0 12px}.login-card h2{font-size:25px;line-height:1.3;margin-bottom:3px}.login-desc{font-size:12px;margin-bottom:16px}.login-card form>label{font-size:13px;margin-bottom:6px}.input-wrap{height:43px;margin-bottom:14px}.input-wrap input{font-size:15px}.account-options{font-size:12px;margin:2px 0 12px}.submit{height:48px;font-size:20px;border-radius:12px}.submit span{top:8px}.account-tip{font-size:11px;margin:8px 0 12px}.card-footer{font-size:13px;padding-top:13px}.values{padding-top:8px}.values h2{margin-bottom:25px}.values article{margin-bottom:25px}.vision{padding-top:15px}.vision-bottom{bottom:44px;font-size:13px}.landscape{min-height:260px;height:43vh}.page-footer{font-size:10px;bottom:9px}}

.orbit{height:min(800px,100vh)}@media(min-width:1021px){.landscape{width:60%}}

@media(max-width:700px){html{overflow-x:hidden}.orbit{left:0;width:100%;height:100vw}}