.login-page[data-v-5ae12ac6]{width:100%;min-height:100vh;background:linear-gradient(135deg,#f0f7ff,#e6f0fa);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-5ae12ac6]{width:1200px;height:700px;background:#fff;border-radius:16px;overflow:hidden;display:flex;box-shadow:0 8px 32px rgba(10,60,120,.08)}.left-panel[data-v-5ae12ac6]{width:55%;background:linear-gradient(120deg,#f8fcff,#eaf5ff);position:relative;display:flex;flex-direction:column;align-items:center;padding:80px 40px 10px}.logo-wrap[data-v-5ae12ac6]{display:flex;align-items:center;gap:14px;margin-top:30px;margin-bottom:30px}.logo-img[data-v-5ae12ac6]{width:65px;height:65px;border-radius:14px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px rgba(64,150,255,.15)}.logo-text h1[data-v-5ae12ac6]{font-size:28px;color:#262626;font-weight:600;line-height:1.2}.logo-text p[data-v-5ae12ac6]{font-size:12px;color:#8c8c8c;letter-spacing:2px;margin-top:4px;line-height:1}.illustration[data-v-5ae12ac6]{width:320px;height:320px;position:relative}.base[data-v-5ae12ac6]{bottom:0;width:280px;height:140px;background:#fff;box-shadow:inset 0 4px 12px rgba(64,150,255,.1)}.base-inner[data-v-5ae12ac6],.base[data-v-5ae12ac6]{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.base-inner[data-v-5ae12ac6]{bottom:20px;width:200px;height:60px;background:linear-gradient(180deg,#e6f3ff,#4096ff)}.books[data-v-5ae12ac6]{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.book[data-v-5ae12ac6]{width:70px;height:90px;border-radius:4px 4px 6px 6px;background:#fff0f0;border:2px solid #fff;position:relative;transform-origin:bottom;box-shadow:inset -3px 0 0 -1px #ffd6d6,3px 3px 6px rgba(64,150,255,.15),0 6px 14px rgba(64,150,255,.18)}.book[data-v-5ae12ac6]:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:rgba(255,138,138,.6);border-radius:1px}.book[data-v-5ae12ac6]:after{content:"";position:absolute;left:18px;top:18px;right:12px;height:2px;background:rgba(255,138,138,.4);border-radius:1px;box-shadow:0 8px 0 rgba(255,138,138,.4),0 16px 0 rgba(255,138,138,.4),0 24px 0 rgba(255,138,138,.4),0 32px 0 rgba(255,138,138,.4)}.book[data-v-5ae12ac6]:nth-child(2){background:#f0fff0;transform:translateY(-12px) scale(1.05) rotate(-3deg);box-shadow:inset -3px 0 0 -1px #c2ecc2,3px 3px 6px rgba(82,196,26,.15),0 6px 14px rgba(82,196,26,.2)}.book[data-v-5ae12ac6]:nth-child(2):before{background:rgba(82,196,26,.6)}.book[data-v-5ae12ac6]:nth-child(2):after{background:rgba(82,196,26,.4);box-shadow:0 8px 0 rgba(82,196,26,.4),0 16px 0 rgba(82,196,26,.4),0 24px 0 rgba(82,196,26,.4),0 32px 0 rgba(82,196,26,.4)}.book[data-v-5ae12ac6]:nth-child(3){background:#f0f5ff;transform:translateY(-24px) scale(1.1) rotate(3deg);box-shadow:inset -3px 0 0 -1px #b8d4ff,3px 3px 6px rgba(64,150,255,.15),0 8px 18px rgba(64,150,255,.22)}.book[data-v-5ae12ac6]:nth-child(3):before{background:rgba(64,150,255,.6)}.book[data-v-5ae12ac6]:nth-child(3):after{background:rgba(64,150,255,.4);box-shadow:0 8px 0 rgba(64,150,255,.4),0 16px 0 rgba(64,150,255,.4),0 24px 0 rgba(64,150,255,.4),0 32px 0 rgba(64,150,255,.4)}.kite[data-v-5ae12ac6]{position:absolute;top:40px;right:40px;width:80px;height:60px;background:linear-gradient(135deg,#4096ff,#91caff);-webkit-clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);box-shadow:0 4px 12px rgba(64,150,255,.3)}.kite[data-v-5ae12ac6]:after{content:"";position:absolute;bottom:45%;right:-60px;width:60px;height:2px;background:#4096ff}.slogan[data-v-5ae12ac6]{margin-top:15px;font-size:22px;color:#4096ff;font-weight:500;letter-spacing:2px}.right-panel[data-v-5ae12ac6]{width:45%;display:flex;align-items:center;justify-content:center;padding:40px}.login-card[data-v-5ae12ac6]{width:100%;max-width:320px}.login-title[data-v-5ae12ac6]{text-align:center;color:#262626;font-size:18px;margin-bottom:40px;position:relative}.login-title[data-v-5ae12ac6]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:#4096ff;border-radius:2px}.input-wrap[data-v-5ae12ac6]{display:flex;align-items:center;border:none;background:#f5f5f5;border-radius:4px;padding:0 12px;transition:.3s}.input-wrap[data-v-5ae12ac6]:focus-within{background:#f0f7ff;box-shadow:0 0 0 1px #4096ff}.input-icon[data-v-5ae12ac6]{font-size:16px;color:#bfbfbf;margin-right:8px;flex-shrink:0;line-height:1}.toggle-pwd[data-v-5ae12ac6]{cursor:pointer;color:#bfbfbf;transition:color .2s}.toggle-pwd.is-active[data-v-5ae12ac6],.toggle-pwd[data-v-5ae12ac6]:hover{color:#4096ff}.captcha-wrap[data-v-5ae12ac6]{display:flex;align-items:flex-start;gap:12px}.captcha-input-wrap[data-v-5ae12ac6]{flex:1}.captcha-box[data-v-5ae12ac6]{width:132px;min-width:132px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;border:none;background:#f5f5f5;padding:6px 8px 8px;transition:all .22s ease;position:relative;overflow:hidden}.captcha-box[data-v-5ae12ac6]:hover{background:#f0f7ff;box-shadow:0 0 0 1px #4096ff}.captcha-img[data-v-5ae12ac6]{width:100%;height:38px;display:block;border-radius:4px;background:#fff;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1}.captcha-tip[data-v-5ae12ac6]{margin-top:5px;font-size:11px;color:#7d86a8;text-align:center;line-height:1;position:relative;z-index:1}.remember-wrap[data-v-5ae12ac6]{margin-bottom:30px;font-size:13px;color:#8c8c8c}.login-btn[data-v-5ae12ac6]{width:100%;padding:12px;background:#4096ff;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;transition:.3s}.login-btn[data-v-5ae12ac6]:hover{background:#1890ff}.copyright[data-v-5ae12ac6]{margin-top:40px;text-align:center;font-size:12px;color:#bfbfbf}.beian[data-v-5ae12ac6]{position:fixed;bottom:16px;right:24px;font-size:12px;color:#8c8c8c;text-decoration:none;transition:color .2s;z-index:10}.beian[data-v-5ae12ac6]:hover{color:#4096ff}[data-v-5ae12ac6] .el-form-item{margin-bottom:24px}[data-v-5ae12ac6] .el-form-item__error{padding-top:4px}[data-v-5ae12ac6] .input-wrap .el-input{flex:1}[data-v-5ae12ac6] .input-wrap .el-input .el-input__inner{border:none;background:transparent;padding:12px 0;font-size:14px;text-align:center}[data-v-5ae12ac6] .input-wrap .el-input .el-input__inner::-moz-placeholder{color:#a3adc6;text-align:center}[data-v-5ae12ac6] .input-wrap .el-input .el-input__inner::placeholder{color:#a3adc6;text-align:center}[data-v-5ae12ac6] .input-wrap .el-input .el-input__suffix{right:4px}[data-v-5ae12ac6] .el-input__icon{line-height:1}[data-v-5ae12ac6] .captcha-input-wrap .el-input__inner{padding-left:0}