:root{--blue:#1677ff;--blue-dark:#0958d9;--blue-soft:#e6f0ff;--red:#ff4d4f;--green:#22c55e;--line:#e4e6eb;--bg:#f2f3f7;--text:#1f2329;--text-sub:#8a8f99}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;color:var(--text);background:#fff;line-height:1.6}.login-wrap{display:flex;min-height:100vh}.login-left{width:50%;background:linear-gradient(135deg,#0d47a1 0%,#1677ff 55%,#06b6d4 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 60px;position:relative;overflow:hidden}.login-left::before,.login-left::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.login-left::before{width:360px;height:360px;background:#fff;top:-80px;right:-80px}.login-left::after{width:280px;height:280px;background:#4fc3f7;bottom:60px;left:-60px}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand .cloud{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:22px}.hero-copy{position:relative;z-index:1;max-width:460px}.hero-copy h1{font-size:40px;font-weight:800;line-height:1.25;margin-bottom:18px}.hero-copy p{font-size:16px;opacity:.85;line-height:1.7}.login-footer{position:relative;z-index:1;font-size:13px;opacity:.65}.login-right{width:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:40px}.card{width:440px;max-width:100%;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.08);padding:38px 42px 42px}.tabs{display:flex;background:#f2f3f7;border-radius:10px;padding:4px;margin-bottom:28px}.tabs a{flex:1;text-align:center;padding:10px 0;font-size:15px;color:#5a5f67;border-radius:8px;font-weight:600}.tabs a.active{background:#fff;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.06)}.tabs a:not(.active):hover{color:var(--blue)}.form-title{font-size:24px;font-weight:800;margin-bottom:26px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;color:#5a5f67;margin-bottom:7px}.field input{width:100%;height:46px;border:1px solid var(--line);border-radius:8px;padding:0 14px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field input::placeholder{color:#b1b5bd}.slider-box{margin-bottom:18px}.slider-box label{display:block;font-size:13px;color:#5a5f67;margin-bottom:7px}.slider-track{width:100%;height:44px;background:#f2f3f7;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.slider-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#8a8f99;letter-spacing:.5px;transition:opacity .2s}.slider-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(22,119,255,.12);transition:width .1s}.slider-fill.ok{background:rgba(34,197,94,.15)}.slider-handle{position:absolute;left:0;top:0;width:50px;height:42px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#8a8f99;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:left .1s,background .2s,color .2s}.slider-handle.ok{background:var(--green);color:#fff;border-color:var(--green)}.options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:13px}.options label{display:flex;align-items:center;gap:6px;color:#5a5f67;cursor:pointer}.options input{width:16px;height:16px;accent-color:var(--blue)}.options a{color:var(--blue)}.options a:hover{color:var(--blue-dark)}.btn{width:100%;height:46px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn:active{transform:translateY(1px)}.form-tips{text-align:center;margin-top:18px;font-size:13px;color:var(--text-sub)}.form-tips a{color:var(--blue)}.form-tips a:hover{color:var(--blue-dark)}.form-panel{display:none}.form-panel.active{display:block}@media(max-width:900px){.login-left{display:none}.login-right{width:100%;background:#fff}.card{box-shadow:none;padding:24px}}