2 lines
371 KiB
CSS
2 lines
371 KiB
CSS
|
|
@charset "UTF-8";html,body,#app{height:100%;margin:0}.login-page[data-v-08fe5fef]{height:100vh;display:flex;background:url(/assets/Rectangle-Cj9dDHwH.png) no-repeat;background-size:100% 100%;align-items:center;justify-content:center}.login-left[data-v-08fe5fef]{flex:1;margin-left:10%;margin-top:-14%}.titles[data-v-08fe5fef]{font-size:44px;color:#fff;font-weight:700;margin-top:30px}.titles span[data-v-08fe5fef]{color:#009688}.titles1[data-v-08fe5fef]{font-size:16px;color:#fff;margin-top:30px}.login-right[data-v-08fe5fef]{width:600px;display:flex;align-items:center;justify-content:center;padding-right:10%}.login-card[data-v-08fe5fef]{width:420px;background:#000a227f;border-radius:12px;position:relative}.login-form[data-v-08fe5fef]{padding:20px 28px}.login-form .el-form-item[data-v-08fe5fef]{margin-bottom:20px}.login-form .el-input[data-v-08fe5fef]{width:100%;height:55px;font-size:16px}.input-label[data-v-08fe5fef]{color:#333}.corner-qrcode[data-v-08fe5fef]{position:absolute;width:50px;height:50px;right:-3px;top:-3px;font-size:12px;color:#009688;cursor:pointer;background-size:contain;background-repeat:no-repeat;background-position:center}.title[data-v-08fe5fef]{text-align:center;margin:60 0 12px;font-size:32px;color:#fff;font-weight:700}.tabs[data-v-08fe5fef]{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.tabs button[data-v-08fe5fef]{padding:8px 14px;border-radius:20px;border:none;background:#f3f6f6;cursor:pointer}.tabs button.active[data-v-08fe5fef]{background:#009688;color:#fff;font-weight:600}.form label[data-v-08fe5fef]{display:block;margin-top:8px;color:#666;font-size:13px}.form input[data-v-08fe5fef]{width:100%;padding:10px;margin-top:6px;border-radius:6px;border:1px solid #eee;background:#fafafa}.login-btn[data-v-08fe5fef]{width:100%;padding:28px;margin-top:60px;border-radius:30px;border:none;background:#009688;color:#fff;cursor:pointer;font-size:20px}.login-btn[data-v-08fe5fef]:hover{background-color:#009688;border-color:#009688;color:#fff;outline:none}.form-row[data-v-08fe5fef]{display:flex;align-items:center;margin-top:14px}.form-row label[data-v-08fe5fef]{width:46px;font-size:14px;color:#666;flex-shrink:0}.form-row input[data-v-08fe5fef]{flex:1;padding:10px;border-radius:6px;border:1px solid #eee;background:#fafafa}.qr-area[data-v-08fe5fef]{text-align:center;margin-top:6px}.qr-img[data-v-08fe5fef]{width:160px;height:160px;display:block;margin:12px auto;border-radius:6px;border:1px solid #eee}.qr-tip[data-v-08fe5fef]{color:#777;font-size:13px;margin-bottom:8px}.qr-debug[data-v-08fe5fef]{color:#999;font-size:11px;margin:4px 0;word-break:break-all}.wechat-iframe-container[data-v-08fe5fef]{width:100%;max-width:400px;height:500px;padding:15px;margin:12px auto;overflow:hidden}.wechat-iframe[data-v-08fe5fef]{width:100%;height:100%;border:none;display:block}@media (max-width: 768px){.login-page[data-v-08fe5fef]{align-items:flex-start;padding-top:40px}.login-left[data-v-08fe5fef]{display:none}.login-right[data-v-08fe5fef]{width:100%;padding:0 16px;margin:0 auto}.login-card[data-v-08fe5fef]{width:100%;padding:18px;border-radius:10px}.qr-img[data-v-08fe5fef]{width:120px;height:120px}.wechat-iframe-container[data-v-08fe5fef]{max-width:100%;height:400px}}[data-v-08fe5fef] .el-checkbox__label{color:#fff}.dashboard[data-v-fc8d326e]{min-height:100vh;display:flex;flex-direction:column}.topbar[data-v-fc8d326e]{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;position:sticky;top:0;z-index:50}.brand[data-v-fc8d326e]{display:flex;align-items:center;gap:8px;font-weight:600}.brand img[data-v-fc8d326e]{height:22px}.menu-btn[data-v-fc8d326e]{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.user-dropdown img.avatar[data-v-fc8d326e]{width:36px;height:36px;border-radius:50%;cursor:pointer}.user-dropdown[data-v-fc8d326e]{position:relative}.user-dropdown .dropdown-menu[data-v-fc8d326e]{position:absolute;right:0;top:46px;width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px #00000014;z-index:120}.
|