Files
AIGC/demo/deploy_baota/frontend/static/Login-7d3f83d7.css

2 lines
4.7 KiB
CSS
Raw Normal View History

2025-11-13 17:01:39 +08:00
.login-page[data-v-c008390f]{min-height:100vh;width:100vw;height:100vh;background:url(/images/backgrounds/login.png) center/cover no-repeat;position:fixed;top:0;left:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;z-index:1}.logo[data-v-c008390f]{position:absolute;top:30px;left:30px;color:#fff;font-size:18px;font-weight:500;z-index:10}.login-card[data-v-c008390f]{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:800px;max-width:90vw;background:rgba(100,150,200,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;padding:50px;z-index:10}.card-logo[data-v-c008390f]{text-align:center;margin-bottom:30px}.logo-icon[data-v-c008390f]{width:80px;height:80px;background:rgba(0,0,0,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:20px;font-weight:500}.welcome-text[data-v-c008390f]{text-align:center;margin-bottom:50px}.welcome-text h1[data-v-c008390f]{color:#fff;font-size:28px;font-weight:600;margin:0 0 12px}.welcome-text p[data-v-c008390f]{color:#ffffffb3;font-size:16px;margin:0}.login-form[data-v-c008390f]{display:flex;flex-direction:column;gap:25px}.login-title[data-v-c008390f]{text-align:center;margin-bottom:30px}.login-title h2[data-v-c008390f]{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.login-subtitle[data-v-c008390f]{color:#ffffffb3;font-size:14px;margin:0;text-align:center}.email-input-group[data-v-c008390f]{margin-bottom:20px}.email-input[data-v-c008390f]{width:100%}.quick-email-tags[data-v-c008390f]{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.email-tag[data-v-c008390f]{background:rgba(64,158,255,.15);border:1px solid rgba(64,158,255,.3);color:#ffffffe6;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.email-tag[data-v-c008390f]:hover{background:rgba(64,158,255,.25);border-color:#409eff80;color:#fff;transform:translateY(-1px)}.email-input[data-v-c008390f] .el-input__wrapper{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff0d;height:55px}.email-input[data-v-c008390f] .el-input__inner{color:#fff;background:transparent;font-size:16px}.email-input[data-v-c008390f] .el-input__inner::placeholder{color:#ffffff80}.code-input-group[data-v-c008390f]{display:flex;gap:12px}.code-input[data-v-c008390f]{flex:1}.code-input[data-v-c008390f] .el-input__wrapper{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff0d;height:55px}.code-input[data-v-c008390f] .el-input__inner{color:#fff;background:transparent;font-size:16px}.code-input[data-v-c008390f] .el-input__inner::placeholder{color:#ffffff80}.get-code-btn[data-v-c008390f]{background:transparent;border:1px solid #409EFF;color:#409eff;border-radius:10px;padding:0 20px;font-size:16px;height:55px;transition:all .3s ease}.get-code-btn[data-v-c008390f]:hover{background:#409EFF;color:#fff}.get-code-btn[data-v-c008390f]:disabled{opacity:.5;cursor:not-allowed}.login-button[data-v-c008390f]{width:100%;height:50px;background:#409EFF;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-top:15px;transition:all .3s ease}.login-button[data-v-c008390f]:hover{background:#337ecc;transform:translateY(-2px)}.login-button[data-v-c008390f]:active{transform:translateY(0)}.agreement-text[data-v-c008390f]{text-align:center;color:#ffffff80;font-size:14px;margin:25px 0 0;line-height:1.4}.test-accounts[data-v-c008390f]{margin-top:30px}.test-accounts[data-v-c008390f] .el-divider__text{color:#fff9;font-size:12px}.account-list[data-v-c008390f]{display:flex;flex-direction:column;gap:8px;margin-top:15px}.account-item[data-v-c008390f]{font-size:12px;color:#ffffffb3;padding:6px 12px;background:rgba(0,0,0,.2);border-radius:6px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:a