chunk-b388bcc4.e084d421.css
10.9 KB
.login-container[data-v-5f8a748e]{width:100vw;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;position:relative;overflow:hidden}.animated-bg[data-v-5f8a748e]{top:0;left:0;pointer-events:none;z-index:1}.animated-bg[data-v-5f8a748e],.particles[data-v-5f8a748e]{position:absolute;width:100%;height:100%}.particles .particle[data-v-5f8a748e]{position:absolute;background:hsla(0,0%,100%,.6);border-radius:50%;-webkit-animation:floatUp-data-v-5f8a748e linear infinite;animation:floatUp-data-v-5f8a748e linear infinite;will-change:transform,opacity}.particles .particle[data-v-5f8a748e]:nth-child(odd){background:rgba(52,152,219,.4)}.particles .particle[data-v-5f8a748e]:nth-child(3n){background:rgba(155,89,182,.3)}@-webkit-keyframes floatUp-data-v-5f8a748e{0%{-webkit-transform:translateY(100vh) rotate(0deg);transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{-webkit-transform:translateY(-100px) rotate(1turn);transform:translateY(-100px) rotate(1turn);opacity:0}}@keyframes floatUp-data-v-5f8a748e{0%{-webkit-transform:translateY(100vh) rotate(0deg);transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{-webkit-transform:translateY(-100px) rotate(1turn);transform:translateY(-100px) rotate(1turn);opacity:0}}.gradient-waves[data-v-5f8a748e]{position:absolute;width:100%;height:100%}.gradient-waves .wave[data-v-5f8a748e]{position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;-webkit-animation:waveFloat-data-v-5f8a748e ease-in-out infinite;animation:waveFloat-data-v-5f8a748e ease-in-out infinite;will-change:transform}.gradient-waves .wave-1[data-v-5f8a748e]{top:-50%;left:-50%;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-delay:0s;animation-delay:0s}.gradient-waves .wave-2[data-v-5f8a748e]{top:-30%;right:-50%;-webkit-animation-duration:25s;animation-duration:25s;-webkit-animation-delay:-5s;animation-delay:-5s;background:radial-gradient(ellipse at center,rgba(52,152,219,.08) 0,transparent 70%)}.gradient-waves .wave-3[data-v-5f8a748e]{bottom:-50%;left:-30%;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-delay:-10s;animation-delay:-10s;background:radial-gradient(ellipse at center,rgba(155,89,182,.06) 0,transparent 70%)}@-webkit-keyframes waveFloat-data-v-5f8a748e{0%,to{-webkit-transform:translate(0) rotate(0deg) scale(1);transform:translate(0) rotate(0deg) scale(1)}25%{-webkit-transform:translate(20px,-20px) rotate(90deg) scale(1.1);transform:translate(20px,-20px) rotate(90deg) scale(1.1)}50%{-webkit-transform:translate(-10px,10px) rotate(180deg) scale(.9);transform:translate(-10px,10px) rotate(180deg) scale(.9)}75%{-webkit-transform:translate(-20px,-10px) rotate(270deg) scale(1.05);transform:translate(-20px,-10px) rotate(270deg) scale(1.05)}}@keyframes waveFloat-data-v-5f8a748e{0%,to{-webkit-transform:translate(0) rotate(0deg) scale(1);transform:translate(0) rotate(0deg) scale(1)}25%{-webkit-transform:translate(20px,-20px) rotate(90deg) scale(1.1);transform:translate(20px,-20px) rotate(90deg) scale(1.1)}50%{-webkit-transform:translate(-10px,10px) rotate(180deg) scale(.9);transform:translate(-10px,10px) rotate(180deg) scale(.9)}75%{-webkit-transform:translate(-20px,-10px) rotate(270deg) scale(1.05);transform:translate(-20px,-10px) rotate(270deg) scale(1.05)}}.login-wrapper[data-v-5f8a748e]{width:100%;max-width:1000px;height:600px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.1);box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;z-index:2}.brand-section[data-v-5f8a748e],.login-wrapper[data-v-5f8a748e]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.brand-section[data-v-5f8a748e]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brand-section .brand-content[data-v-5f8a748e]{position:relative;z-index:1;text-align:center;padding:40px;width:100%}.brand-section .system-section[data-v-5f8a748e]{margin-bottom:50px}.brand-section .system-section .system-title[data-v-5f8a748e]{font-size:42px;font-weight:700;margin-bottom:12px;color:#fff;letter-spacing:2px}.brand-section .system-section .system-desc[data-v-5f8a748e]{font-size:16px;opacity:.85;font-weight:300;color:#ecf0f1}.brand-section .data-visualization[data-v-5f8a748e]{margin-bottom:40px}.brand-section .data-visualization .chart-container .chart-item[data-v-5f8a748e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;height:80px;margin-bottom:16px}.brand-section .data-visualization .chart-container .chart-item .chart-bar[data-v-5f8a748e]{width:12px;background:-webkit-gradient(linear,left bottom,left top,from(#3498db),to(#5dade2));background:linear-gradient(0deg,#3498db,#5dade2);border-radius:6px 6px 0 0;-webkit-animation:chartGrow-data-v-5f8a748e 2s ease-out;animation:chartGrow-data-v-5f8a748e 2s ease-out;-webkit-box-shadow:0 2px 8px rgba(52,152,219,.3);box-shadow:0 2px 8px rgba(52,152,219,.3)}.brand-section .data-visualization .chart-container .chart-label[data-v-5f8a748e]{font-size:14px;color:#bdc3c7;margin:0;font-weight:400}.brand-section .core-feature .feature-highlight[data-v-5f8a748e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;padding:16px 24px;background:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3);border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.brand-section .core-feature .feature-highlight[data-v-5f8a748e]:hover{background:rgba(52,152,219,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(52,152,219,.2);box-shadow:0 8px 20px rgba(52,152,219,.2)}.brand-section .core-feature .feature-highlight i[data-v-5f8a748e]{font-size:24px;color:#3498db}.brand-section .core-feature .feature-highlight span[data-v-5f8a748e]{font-size:16px;font-weight:500;color:#ecf0f1}@-webkit-keyframes chartGrow-data-v-5f8a748e{0%{height:0;opacity:0}to{opacity:1}}@keyframes chartGrow-data-v-5f8a748e{0%{height:0;opacity:0}to{opacity:1}}.form-section[data-v-5f8a748e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px}.login-form-wrapper[data-v-5f8a748e]{width:100%;max-width:360px}.login-form-wrapper .form-header[data-v-5f8a748e]{text-align:center;margin-bottom:40px}.login-form-wrapper .form-header h2[data-v-5f8a748e]{font-size:28px;font-weight:600;color:#262626;margin-bottom:8px}.login-form-wrapper .form-header p[data-v-5f8a748e]{font-size:14px;color:#8c8c8c}.login-form .el-form-item[data-v-5f8a748e]{margin-bottom:20px}.login-form .el-input[data-v-5f8a748e] .el-input__inner{height:48px;padding-left:44px;padding-right:44px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-form .el-input[data-v-5f8a748e] .el-input__inner:focus{border-color:#1890ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.1);box-shadow:0 0 0 2px rgba(24,144,255,.1)}.login-form .el-input[data-v-5f8a748e] .el-input__inner:hover{border-color:#40a9ff}.login-form .el-input[data-v-5f8a748e] .el-input__prefix{left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-form .el-input[data-v-5f8a748e] .el-input__prefix .el-input__icon{color:#bfbfbf;font-size:16px;line-height:1}.login-form .el-input[data-v-5f8a748e] .el-input__suffix{right:12px;height:48px}.login-form .el-input[data-v-5f8a748e] .el-input__suffix,.login-form .el-input[data-v-5f8a748e] .el-input__suffix-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-form .el-input[data-v-5f8a748e] .el-input__suffix-inner{height:100%}.login-form .show-pwd[data-v-5f8a748e]{color:#bfbfbf;cursor:pointer;font-size:16px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px}.login-form .show-pwd[data-v-5f8a748e]:hover{color:#1890ff}.login-btn[data-v-5f8a748e]{width:100%;height:48px;font-size:16px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;margin-top:8px}.login-btn[data-v-5f8a748e]:hover{background:linear-gradient(135deg,#40a9ff,#1890ff)}.footer[data-v-5f8a748e]{margin-top:32px;text-align:center}.footer p[data-v-5f8a748e]{font-size:12px;color:#bfbfbf}@media(max-width:768px){.login-wrapper[data-v-5f8a748e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:100vh;border-radius:0;max-width:none}.brand-section[data-v-5f8a748e]{-webkit-box-flex:0;-ms-flex:none;flex:none;height:200px}.brand-section .brand-content[data-v-5f8a748e]{padding:20px}.brand-section .system-section[data-v-5f8a748e]{margin-bottom:20px}.brand-section .system-section .system-title[data-v-5f8a748e]{font-size:32px}.brand-section .system-section .system-desc[data-v-5f8a748e]{font-size:14px}.brand-section .data-visualization[data-v-5f8a748e]{margin-bottom:20px}.brand-section .data-visualization .chart-container .chart-item[data-v-5f8a748e]{height:60px}.brand-section .data-visualization .chart-container .chart-item .chart-bar[data-v-5f8a748e]{width:8px}.form-section[data-v-5f8a748e]{padding:30px 20px}.particles .particle[data-v-5f8a748e]{display:none}.gradient-waves .wave[data-v-5f8a748e]{-webkit-animation-duration:40s;animation-duration:40s}}@media(max-width:480px){.login-container[data-v-5f8a748e]{padding:0}.form-section[data-v-5f8a748e]{padding:20px 16px}.login-form-wrapper[data-v-5f8a748e]{max-width:none}.gradient-waves[data-v-5f8a748e]{display:none}}@media(prefers-reduced-motion:reduce){.chart-bar[data-v-5f8a748e],.gradient-waves .wave[data-v-5f8a748e],.particles .particle[data-v-5f8a748e]{-webkit-animation:none;animation:none}.brand-section .core-feature .feature-highlight[data-v-5f8a748e]{-webkit-transition:none;transition:none}}@media(min-width:1200px)and (min-height:800px){.particles .particle[data-v-5f8a748e]:nth-child(5n){background:rgba(46,204,113,.3)}.particles .particle[data-v-5f8a748e]:nth-child(7n){background:rgba(241,196,15,.3)}}