:root{--primary:#6962ef;--text:#23263c;--muted:#9296a7;--line:#e7e9f0}*{box-sizing:border-box}body{margin:0;color:var(--text);font:14px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:1.04fr 1fr;min-height:100vh}.intro{position:relative;overflow:hidden;padding:44px 8%;background:radial-gradient(ellipse at 80% 90%,#dddffd88,transparent 60%),radial-gradient(ellipse at 0 25%,#eef1ff,transparent 70%),#f5f6fc;display:flex;flex-direction:column}.intro:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #dfe1f577;border-radius:50%;right:-330px;top:100px;box-shadow:0 0 0 70px #e9eafa44,0 0 0 140px #e9eafa33;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;letter-spacing:1px;z-index:1}.logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--primary);color:white;font:34px Arial;box-shadow:0 6px 15px #6962ef22}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;color:#8589a1;margin-top:0}.intro-content{position:relative;z-index:1;margin:auto 0;padding:45px 0 35px;max-width:480px}.eyebrow{color:#7773c5;letter-spacing:2px;font-size:12px;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#8882f2}h1{font-size:42px;line-height:1.5;letter-spacing:1px;margin:15px 0 13px;font-weight:650}h1>span{color:var(--primary)}.intro p{color:#8a8da5;line-height:1.95;margin:0}.workspace{margin:36px 9px 35px 0;background:#ffffffd9;border:1px solid #fff;border-radius:13px;box-shadow:0 22px 50px #65659713;position:relative;transform:rotate(-2deg);max-width:430px}.mock-top{height:42px;border-bottom:1px solid #eff0f7;display:flex;align-items:center;gap:8px;padding:0 15px;font-size:10px}.mini-logo{color:var(--primary);font-size:20px}.dots{margin-left:auto;color:#b5b7cc;letter-spacing:2px}.mock-body{display:flex;height:211px}.mock-side{width:43px;background:#f7f8fd;padding:16px 12px;display:flex;flex-direction:column;gap:17px;border-radius:0 0 0 13px}.mock-side i{width:15px;height:11px;border:2px solid #e1e2ee;border-radius:3px}.mock-side i:first-child{background:#c3bffd;border-color:#c3bffd}.mock-main{padding:16px;flex:1;min-width:0}.mock-title{font-size:11px;font-weight:600;display:flex;justify-content:space-between}.mock-title span{font-size:9px;color:#aaaebc}.metrics{display:flex;gap:8px;margin:11px 0}.metrics>div{flex:1;background:#f7f7fd;padding:8px 10px;border-radius:6px}.metrics small{font-size:8px;color:#9699b1;display:block}.metrics b{display:flex;justify-content:space-between;align-items:center;font-size:19px}.metrics b span{font-size:12px;color:#a9a4ee}.mock-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f1f2f7}.task-icon{width:23px;height:25px;background:#e7f8f1;border-radius:5px;text-align:center;color:#59b59b}.task-icon.purple{background:#efedff;color:#9488e9}.mock-row b,.mock-row small{display:block;font-size:9px;font-weight:500}.mock-row small{font-size:7px;color:#b4b7c8}.mock-row em{font-size:7px;margin-left:auto;font-style:normal;color:#76b79d;background:#edf9f3;padding:2px 6px;border-radius:3px}.mock-row em.progress{color:#9d8edb;background:#f3efff}.mock-lines{display:flex;gap:6px;padding-top:10px}.mock-lines i{height:4px;width:30%;background:#eff0f8;border-radius:2px}.float-card{position:absolute;right:-30px;bottom:21px;display:flex;align-items:center;gap:10px;background:white;border:1px solid #f0f0fb;border-radius:9px;box-shadow:0 9px 30px #6060a014;padding:12px 17px;transform:rotate(2deg)}.float-card>span{background:#eeecff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--primary)}.float-card b{display:block;font-size:11px;font-weight:500}.float-card small{font-size:8px;color:#a3a5b6}.feature-line{display:flex;gap:19px;font-size:10px;color:#9a9db4;white-space:nowrap}.intro-bottom{display:flex;justify-content:space-between;gap:8px;color:#a4a7bd;font-size:10px;letter-spacing:1px}.intro-bottom span:last-child{font-size:8px;letter-spacing:1.2px}.login{position:relative;display:flex;align-items:center;justify-content:center;padding:100px 48px 75px;min-width:0}.top-note{position:absolute;right:44px;top:36px;font-size:11px;color:#9a9dae;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8c88eb}.form-wrap{width:100%;max-width:365px}.welcome-icon{display:grid;place-items:center;background:#f0efff;border:1px solid #e7e5ff;color:var(--primary);border-radius:12px;width:47px;height:47px;font-size:27px;margin-bottom:22px}.overline{font-size:10px;letter-spacing:2px;color:#a1a1b7}h2{font-size:28px;margin:7px 0 7px;letter-spacing:1px;font-weight:600}.subtitle{color:#9699aa;font-size:12px;margin:0 0 29px}form>label,.label-row label{display:block;font-size:12px;margin:18px 0 8px;color:#53576b}.input-box{height:47px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;background:#fff;transition:.18s;min-width:0}.input-box:focus-within{border-color:#9993f5;box-shadow:0 0 0 3px #6962ef0a}.field-icon{font-size:19px;color:#b0b3c3;margin:0 12px 0 14px;line-height:1}.prefix{font-size:12px;color:#71768c;border-right:1px solid var(--line);padding-right:11px;margin-right:11px}input:not([type=checkbox]){width:100%;min-width:0;border:0;outline:0;padding:0 11px 0 0;background:transparent;font-size:12px;height:100%;color:var(--text)}input::placeholder{color:#babdca}.eye{border:0;background:none;color:#a3a6b8;padding:10px 14px;font-size:17px}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row>span{font-size:10px;color:#b1b3c1;margin-top:10px}.captcha-row{display:grid;grid-template-columns:1fr 116px;gap:11px}.captcha-button{border:1px solid #e7e7f3;border-radius:7px;padding:0;overflow:hidden;height:47px;background:#f6f6fd}.captcha-button img{width:100%;height:100%;display:block}.options{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px}.remember{display:flex;gap:6px;align-items:center;color:#8b8fa1;cursor:pointer}.remember input{accent-color:var(--primary);width:13px;height:13px;margin:0}.text-button{border:0;padding:0;background:none;color:#8079db;font-size:11px}.text-button:hover{color:#5148d9}.submit{background:var(--primary);color:white;border:0;border-radius:7px;height:47px;width:100%;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 6px 14px #6962ef20;margin-top:19px;transition:.2s}.submit:hover{background:#5a52df;transform:translateY(-1px)}.submit:disabled{opacity:.6;cursor:wait}.submit span:first-child{font-size:13px}.contact{text-align:center;color:#a2a5b6;font-size:11px;margin-top:22px}.contact button{margin-left:5px}.secure{display:flex;align-items:center;justify-content:center;gap:7px;color:#b8bbca;font-size:10px;margin-top:34px}.secure span{font-size:15px}footer{position:absolute;bottom:25px;color:#b1b3c0;text-align:center;font-size:10px}.footer-sep{margin:0 9px;color:#ddd}#message{font-size:11px;color:#a46b48;line-height:1.6}#message:not(:empty){margin-top:13px;padding:9px 11px;background:#fff7ee;border-radius:5px}button:focus-visible,a:focus-visible{outline:3px solid #b8b3ff;outline-offset:3px}@media(min-width:1500px){.intro{padding-left:13%;padding-right:10%}.intro-content{max-width:520px}h1{font-size:46px}.workspace{max-width:460px}.mock-body{height:225px}.form-wrap{max-width:390px}}@media(max-width:1000px){.intro{padding:35px 7%}h1{font-size:33px}.feature-line{gap:9px;font-size:8px}.float-card{right:-12px}.login{padding-left:32px;padding-right:32px}.intro-bottom span:last-child{display:none}}@media(max-width:760px){.shell{display:block}.intro{padding:22px 24px;background:#f6f6ff}.brand{font-size:17px}.logo{height:36px;width:36px;font-size:28px}.brand small{font-size:8px}.intro-content,.intro-bottom{display:none}.login{padding:42px 25px 80px;min-height:calc(100dvh - 80px);align-items:flex-start}.top-note{display:none}.welcome-icon{margin-bottom:17px}.subtitle{margin-bottom:23px}.secure{margin-top:26px}footer{font-size:9px;bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.field-icon{display:flex;align-items:center;flex:0 0 18px}.field-icon svg{width:18px;height:18px;display:block}

.logo{border-radius:11px;background:linear-gradient(145deg,#8179f5,#5c55db);box-shadow:0 5px 12px #6962ef1c}.logo svg{width:34px;height:34px}.mini-logo{display:flex;align-items:center;justify-content:center;background:#7770e9;border-radius:5px;width:21px;height:23px}.mini-logo svg{width:21px;height:21px}

.connection-info{position:absolute;top:36px;left:32px;display:flex;gap:14px;color:#9a9dae;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.connection-info span{color:#9a9dae}@media(max-width:1150px){.top-note{top:61px;left:32px;right:auto}}@media(max-width:760px){.connection-info{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;width:100%;max-width:365px;margin-bottom:27px;font-size:10px}.login{flex-direction:column;align-items:center;padding-top:20px}.top-note{display:none}}

.connection-info{font-size:14px;color:#777d91;gap:20px;line-height:1.6}.connection-info span{color:#777d91}@media(max-width:760px){.connection-info{font-size:12px;gap:6px 16px}}