#app[data-v-4a0cc692]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.nav-links[data-v-4a0cc692]{margin:20px 0}.nav-links a[data-v-4a0cc692]{margin:0 10px;color:#2c3e50;text-decoration:none}.nav-links a.router-link-exact-active[data-v-4a0cc692]{color:#42b983}.home[data-v-367c4eb1]{padding:20px}.cropper-content[data-v-1b8a9e88]{flex-direction:column;height:auto;width:100%}.cropper-content .cropper-box[data-v-1b8a9e88]{width:100%;height:50vh;min-height:300px}.cropper-content .footer[data-v-1b8a9e88]{width:100%;margin-top:20px}.cropper-content .footer .footer-title[data-v-1b8a9e88]{text-align:left}.cropper-content .footer-btn[data-v-1b8a9e88]{flex-direction:column;align-items:flex-start}.cropper-content .footer-btn .scope-btn[data-v-1b8a9e88]{flex-wrap:wrap;gap:8px}.cropper-content[data-v-1b8a9e88] .cropper{height:100%!important}.cropper-content .show-preview[data-v-1b8a9e88]{flex:1;-webkit-flex:1;display:flex;display:-webkit-flex;justify-content:center}.cropper-content .show-preview .preview[data-v-1b8a9e88]{overflow:hidden;border:1px solid #67c23a;background:#ccc}.cropper-content .footer-btn[data-v-1b8a9e88]{margin-top:30px;display:flex;display:-webkit-flex;justify-content:flex-end}.cropper-content .footer-btn .scope-btn[data-v-1b8a9e88]{display:flex;display:-webkit-flex;justify-content:space-between;padding-right:10px}.cropper-content .footer-btn .upload-btn[data-v-1b8a9e88]{flex:1;-webkit-flex:1;display:flex;display:-webkit-flex;justify-content:center}.cropper-content .footer-btn .btn[data-v-1b8a9e88]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:500;padding:8px 15px;font-size:12px;line-height:15px;border-radius:3px;color:#fff;background-color:#409eff;border-color:#409eff;margin-right:10px}.editor-container[data-v-12220b69]{max-width:800px;margin:20px auto;padding:20px}.editor-container[data-v-12220b69] .dialogMain{width:100%!important}.editor-container .footer[data-v-12220b69]{width:100%;margin-top:20px}.editor-container .footer .footer-title[data-v-12220b69]{text-align:left}.camera[data-v-54cdb50a]{position:fixed;inset:0;background:#000;z-index:9999}video[data-v-54cdb50a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.back-btn[data-v-54cdb50a]{position:fixed;top:20px;left:20px;z-index:999;padding:8px 16px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.wrapper[data-v-54cdb50a]{position:fixed;top:50%;left:0;width:100%;height:300px;transform:translateY(-50%);pointer-events:none}.frame[data-v-54cdb50a]{width:auto;aspect-ratio:16/5;margin:50px auto 0;border:2px solid #fff;box-sizing:border-box;pointer-events:auto}.snap-btn[data-v-54cdb50a]{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid rgba(0,0,0,.4);box-shadow:inset 0 0 0 2px #000;cursor:pointer;transition:transform .08s}.snap-btn[data-v-54cdb50a]:active{transform:translateX(-50%) scale(.9)}.direction-pad[data-v-d46fb3c2]{position:relative;width:170px;height:170px;margin:10px auto;border-radius:50%;background:#f5f7fa;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.direction-pad .direction-btn[data-v-d46fb3c2]{position:absolute;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .3s}.direction-pad .direction-btn[data-v-d46fb3c2]:active{box-shadow:inset 2px 2px 5px #bebebe,inset -2px -2px 5px #fff}.direction-pad .direction-btn.center[data-v-d46fb3c2]{background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.direction-pad .direction-btn.center .upload-btn[data-v-d46fb3c2]{width:100%;height:100%;line-height:60px;border-radius:50%;background:#409eff;color:#fff;transition:all .3s}.direction-pad .direction-btn.center .upload-btn.is-uploading[data-v-d46fb3c2]{background:#a0cfff;cursor:not-allowed}.direction-pad .direction-btn.center[data-v-d46fb3c2]:active{box-shadow:inset 2px 2px 5px #5aad33,inset -2px -2px 5px #74d240}.direction-pad .direction-btn[data-v-d46fb3c2]:hover{transform:scale(1.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}.direction-pad .direction-btn.top[data-v-d46fb3c2]{top:-4px;left:50%;transform:translateX(-50%)}.direction-pad .direction-btn.left[data-v-d46fb3c2]{top:50%;left:-4px;transform:translateY(-50%)}.direction-pad .direction-btn.center[data-v-d46fb3c2]{top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}.direction-pad .direction-btn.right[data-v-d46fb3c2]{top:50%;right:-4px;transform:translateY(-50%)}.direction-pad .direction-btn.bottom[data-v-d46fb3c2]{bottom:-4px;left:50%;transform:translateX(-50%)}.bottom-warp[data-v-d46fb3c2]{bottom:0;margin:0 auto;left:0;right:0;font-size:10px}h1[data-v-d46fb3c2]{text-align:center;width:100%;margin:10px auto;font-size:1.5rem}.upload-btn[data-v-d46fb3c2]{width:90%}#result-container[data-v-d46fb3c2]{margin:30px auto 0}#image-container[data-v-d46fb3c2]{width:90%;height:70vh;margin:10px auto}.footer[data-v-d46fb3c2]{margin-top:20px}.footer .footer-content[data-v-d46fb3c2]{border-top:1px solid #eee}.footer .footer-content .footer-title[data-v-d46fb3c2]{padding:0 10px;background:#fff;position:relative;top:-14px;display:inline-block}.footer .footer-content .footer-info[data-v-d46fb3c2]{position:relative}.footer .footer-content .footer-info .footer-icon[data-v-d46fb3c2]{font-size:16px;color:#409eff;margin-left:10px}[data-v-d46fb3c2] .cropper-center:before{background-color:#409eff;width:13px;left:-6px}[data-v-d46fb3c2] .cropper-center:after{background-color:#409eff;height:13px;top:-6px}#edit-controls[data-v-d46fb3c2]{flex-direction:column;padding:0 5px;position:relative}#edit-controls .rotate-btn[data-v-d46fb3c2]{position:absolute;top:.5rem;left:1.5rem}#edit-controls .rotate-left-btn[data-v-d46fb3c2]{position:absolute;bottom:.5rem;left:1.5rem}#edit-controls .rotate-right-btn[data-v-d46fb3c2]{position:absolute;bottom:.5rem;right:1.5rem}#edit-controls .el-button[data-v-d46fb3c2]{margin:5px}@media(max-width:767px){#image-container[data-v-d46fb3c2]{height:300px;margin:0;flex:1 1 auto}#edit-controls button[data-v-d46fb3c2]{padding:12px;margin:8px 0;font-size:.9rem}body[data-v-d46fb3c2]{min-height:100vh;display:flex;flex-direction:column}#result-container[data-v-d46fb3c2]{flex-grow:1}}@media(min-width:768px){#image-container[data-v-d46fb3c2],#result-container[data-v-d46fb3c2]{width:600px}#edit-controls button[data-v-d46fb3c2]{flex:none;padding:10px 15px}}#preview-image[data-v-d46fb3c2]{max-width:100%;margin-top:20px}#image-container[data-v-d46fb3c2]{flex:1;width:100%;height:300px;margin:10px 0;overflow:hidden;touch-action:none}.video-dialog .el-message-box__content[data-v-d46fb3c2]{padding:0}.video-dialog .el-message-box__header[data-v-d46fb3c2]{padding:20px}