2 lines
5.4 KiB
CSS
2 lines
5.4 KiB
CSS
.register-page[data-v-296b700e]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;justify-content:center;align-items:center;padding:20px}.page-container[data-v-296b700e]{display:flex;width:100%;max-width:1200px;gap:40px;align-items:flex-start}.left-section[data-v-296b700e]{flex:0 0 400px;max-width:400px}.section-title[data-v-296b700e]{text-align:center;margin-bottom:30px}.section-title h1[data-v-296b700e]{color:#fff;font-size:24px;font-weight:500;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.register-form[data-v-296b700e]{background:white;border-radius:12px;padding:40px 30px;box-shadow:0 10px 30px #0003}.form-header[data-v-296b700e]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.form-header h2[data-v-296b700e]{font-size:24px;color:#333;margin:0;font-weight:500}.right-section[data-v-296b700e]{flex:1;max-width:600px}.login-info[data-v-296b700e]{background:white;border-radius:12px;padding:40px 30px;box-shadow:0 10px 30px #0003}.login-url[data-v-296b700e]{margin-bottom:30px}.url-label[data-v-296b700e]{font-size:16px;color:#333;margin-bottom:15px;font-weight:500}.url-box[data-v-296b700e]{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.url-text[data-v-296b700e]{flex:1;color:#495057;font-size:14px;word-break:break-all}.copy-btn[data-v-296b700e]{flex-shrink:0}.flow-chart[data-v-296b700e]{text-align:center}.flow-chart h3[data-v-296b700e]{font-size:18px;color:#333;margin-bottom:20px;font-weight:500}.chart-container[data-v-296b700e]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.chart-container[data-v-296b700e]:hover{box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.flow-image[data-v-296b700e]{width:100%;height:auto;display:block;max-width:100%;transition:transform .3s ease}.chart-container:hover .flow-image[data-v-296b700e]{transform:scale(1.02)}.click-tip[data-v-296b700e]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;text-align:center;padding:15px 10px 10px;font-size:14px;opacity:0;transition:opacity .3s ease}.chart-container:hover .click-tip[data-v-296b700e]{opacity:1}.el-form-item[data-v-296b700e]{margin-bottom:20px}.el-input[data-v-296b700e]{border-radius:8px}[data-v-296b700e] .el-input__wrapper{border-radius:8px;box-shadow:0 0 0 1px #dcdfe6;border:none}[data-v-296b700e] .el-input__wrapper:hover{box-shadow:0 0 0 1px #c0c4cc}[data-v-296b700e] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff}.captcha-row[data-v-296b700e]{display:flex;gap:10px;align-items:center}.captcha-row .el-input[data-v-296b700e]{flex:1}.captcha-image[data-v-296b700e]{width:100px;height:40px;border:1px solid #dcdfe6;border-radius:6px;overflow:hidden;cursor:pointer}.captcha-image img[data-v-296b700e]{width:100%;height:100%;display:block;object-fit:cover}.register-btn[data-v-296b700e]{width:100%;height:48px;font-size:16px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.register-btn[data-v-296b700e]:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}@media (max-width: 768px){.page-container[data-v-296b700e]{flex-direction:column;gap:30px}.left-section[data-v-296b700e],.right-section[data-v-296b700e]{max-width:100%}.register-form[data-v-296b700e],.login-info[data-v-296b700e]{padding:30px 20px}.section-title h1[data-v-296b700e]{font-size:20px}.form-header h2[data-v-296b700e]{font-size:20px}.url-box[data-v-296b700e]{flex-direction:column;align-items:stretch;gap:10px}.copy-btn[data-v-296b700e]{align-self:center}}@media (max-width: 480px){.register-page[data-v-296b700e]{padding:10px}.page-container[data-v-296b700e]{gap:20px}.section-title h1[data-v-296b700e]{font-size:18px}.register-form[data-v-296b700e],.login-info[data-v-296b700e]{padding:25px 15px}}.image-viewer-overlay[data-v-296b700e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}.image-viewer-container[data-v-296b700e]{background:white;border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.image-viewer-header[data-v-296b700e]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #eee;flex-shrink:0}.image-viewer-header h3[data-v-296b700e]{margin:0;font-size:20px;color:#333;font-weight:500}.close-btn[data-v-296b700e]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-296b700e]:hover{background:#f5f5f5;color:#333}.image-viewer-content[data-v-296b700e]{padding:20px;overflow:auto;flex:1;display:flex;justify-content:center;align-items:center}.full-image[data-v-296b700e]{max-width:none;max-height:none;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:calc(95vw - 40px);max-height:calc(95vh - 120px)}@media (max-width: 768px){.image-viewer-overlay[data-v-296b700e]{padding:10px}.image-viewer-container[data-v-296b700e]{max-width:100vw;max-height:100vh;border-radius:8px}.image-viewer-header[data-v-296b700e]{padding:15px 20px}.image-viewer-header h3[data-v-296b700e]{font-size:18px}.image-viewer-content[data-v-296b700e]{padding:15px}.full-image[data-v-296b700e]{max-width:calc(100vw - 30px);max-height:calc(100vh - 100px)}}
|