1 line
85 KiB
CSS
1 line
85 KiB
CSS
|
#app,body{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:6px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.auth-container[data-v-d3a90434]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.auth-background[data-v-d3a90434]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.bg-circle[data-v-d3a90434]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-d3a90434 20s ease-in-out infinite}.circle-1[data-v-d3a90434]{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.circle-2[data-v-d3a90434]{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:5s}.circle-3[data-v-d3a90434]{width:150px;height:150px;top:50%;left:50%;animation-delay:10s}@keyframes float-d3a90434{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.auth-card[data-v-d3a90434]{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:450px;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;z-index:1;animation:slideUp-d3a90434 .6s ease-out}.close-btn[data-v-d3a90434]{position:absolute;top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;color:#999;cursor:pointer;transition:all .3s ease;z-index:10}.close-btn[data-v-d3a90434]:hover{background:#667eea;color:#fff;transform:rotate(90deg)}@keyframes slideUp-d3a90434{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-d3a90434]{text-align:center;margin-bottom:32px}.auth-title[data-v-d3a90434]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px 0}.auth-subtitle[data-v-d3a90434]{font-size:14px;color:#999;margin:0}.auth-form[data-v-d3a90434]{margin-top:24px}.auth-form .el-form-item[data-v-d3a90434]{margin-bottom:24px}.code-input-wrapper[data-v-d3a90434]{display:flex;gap:12px;align-items:center}.code-input-wrapper .el-input[data-v-d3a90434]{flex:1}.send-code-btn[data-v-d3a90434]{flex-shrink:0;min-width:120px;height:40px}.password-tip[data-v-d3a90434]{display:flex;align-items:center;gap:6px;margin-top:6px;padding:10px 12px;background:#f5f7ff;border-left:3px solid #667eea;border-radius:4px;font-size:12px;color:#666;line-height:1.5;text-align:left;box-sizing:border-box}.password-tip span[data-v-d3a90434]{flex:1}.password-tip .el-icon-info[data-v-d3a90434]{color:#667eea;font-size:14px;flex-shrink:0}.auth-options[data-v-d3a90434]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-submit-btn[data-v-d3a90434]{width:100%;height:44px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;transition:all .3s ease}.auth-submit-btn[data-v-d3a90434]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.4)}.auth-footer[data-v-d3a90434]{text-align:center;margin-top:24px}.footer-text[data-v-d3a90434]{color:#666;font-size:14px;margin-right:8px}.link-text[data-v-d3a90434]{color:#667eea;font-size:14px;text-decoration:none;transition:color .3s ease}.link-text[data-v-d3a90434]:hover{color:#764ba2;text-decoration:underline}.link-primary[data-v-d3a90434]{font-weight:600}@media (max-width:768px){.auth-card[data-v-d3a90434]{padding:32px 24px;max-width:100%}.auth-title[data-v-d3a90434]{font-size:24px}.code-input-wrapper[data-v-d3a90434]{flex-direction:column}.send-code-btn[data-v-d3a90434]{width:100%;min-width:auto}}.auth-form[data-v-d3a90434] .el-input__inner{height:44px;line-height:44px;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.auth-form[data-v-d3a90434] .el-input__inner:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.auth-form[data-v-d3a90434] .el-input__prefix{display:flex;align-items:center;color:#999}.auth-form[dat
|