.modern-compress-video[data-v-fc34bdb6]{padding:20px}.upload-section[data-v-fc34bdb6]{margin-bottom:24px}.upload-section .upload-container[data-v-fc34bdb6]{text-align:center}.upload-section .upload-container .video-uploader[data-v-fc34bdb6]{display:inline-block}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload--picture-card{width:200px;height:200px;line-height:200px;border:2px dashed #dcdfe6;border-radius:8px;background:#fafafa;transition:all .3s ease}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload--picture-card:hover{border-color:#409eff;background:#f5f7fa}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload--picture-card .upload-icon{font-size:48px;color:#c0c4cc}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload-list__item{width:200px;height:200px;border-radius:8px}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload-list__item .upload-preview{width:100%;height:100%}.upload-section .upload-container .video-uploader[data-v-fc34bdb6] .el-upload-list__item .upload-preview .preview-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.upload-section .upload-container.hide-upload[data-v-fc34bdb6] .el-upload--picture-card{display:none}.upload-section .upload-container .upload-hint[data-v-fc34bdb6]{margin-top:16px}.upload-section .upload-container .upload-hint .hint-title[data-v-fc34bdb6]{font-size:16px;color:#303133;margin-bottom:8px}.upload-section .upload-container .upload-hint .hint-text[data-v-fc34bdb6]{font-size:14px;color:#909399;margin:4px 0}.control-section .info-card[data-v-fc34bdb6]{margin-bottom:16px;border-radius:8px}.control-section .info-card .card-header[data-v-fc34bdb6]{display:flex;justify-content:space-between;align-items:center}.control-section .info-card .card-header .card-title[data-v-fc34bdb6]{font-size:16px;font-weight:600;color:#303133}.control-section .info-card .card-header .card-title i[data-v-fc34bdb6]{margin-right:8px;color:#409eff}.control-section .info-card .info-list .info-item[data-v-fc34bdb6]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #ebeef5}.control-section .info-card .info-list .info-item[data-v-fc34bdb6]:last-child{border-bottom:none}.control-section .info-card .info-list .info-item .info-label[data-v-fc34bdb6]{width:100px;color:#606266;font-size:14px}.control-section .info-card .info-list .info-item .info-value[data-v-fc34bdb6]{flex:1;color:#303133;font-size:14px}.control-section .info-card .info-list .info-item .info-value.highlight[data-v-fc34bdb6]{color:#409eff;font-weight:600}.control-section .info-card .info-list .info-item .info-value.estimate[data-v-fc34bdb6]{color:#67c23a;font-weight:600}.control-section .info-card .info-list .info-item.slider-item .slider-container[data-v-fc34bdb6]{flex:1;display:flex;align-items:center}.control-section .info-card .info-list .info-item.slider-item .slider-container .slider-value[data-v-fc34bdb6]{width:60px;text-align:center;color:#409eff;font-weight:600}.control-section .info-card .info-list .info-item.slider-item .slider-container .quality-slider[data-v-fc34bdb6]{flex:1;margin:0 16px}.control-section .compress-tips[data-v-fc34bdb6]{margin-bottom:20px;border-radius:8px}.control-section .action-buttons[data-v-fc34bdb6]{display:flex;justify-content:center;gap:16px}.control-section .action-buttons .compress-btn[data-v-fc34bdb6],.control-section .action-buttons .download-btn[data-v-fc34bdb6]{min-width:140px;height:48px;font-size:16px;border-radius:24px}.control-section .action-buttons .compress-btn[data-v-fc34bdb6]{background:linear-gradient(135deg,#409eff,#66b3ff);border:none}.control-section .action-buttons .compress-btn[data-v-fc34bdb6]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.control-section .action-buttons .download-btn[data-v-fc34bdb6]{background:linear-gradient(135deg,#67c23a,#409eff);border:none}.control-section .action-buttons .download-btn[data-v-fc34bdb6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(103,194,58,.4)}.result-section[data-v-fc34bdb6]{margin-top:24px}.result-section .result-card[data-v-fc34bdb6]{border-radius:8px}.result-section .result-card .card-header[data-v-fc34bdb6]{display:flex;justify-content:space-between;align-items:center}.result-section .result-card .card-header .card-title[data-v-fc34bdb6]{font-size:16px;font-weight:600;color:#303133}.result-section .result-card .card-header .card-title i[data-v-fc34bdb6]{margin-right:8px;color:#67c23a}.result-section .result-card .video-preview[data-v-fc34bdb6]{display:flex;justify-content:center;padding:20px}.result-section .result-card .video-preview .result-video[data-v-fc34bdb6]{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.fade-enter-active[data-v-fc34bdb6],.fade-leave-active[data-v-fc34bdb6]{transition:opacity .3s}.fade-enter[data-v-fc34bdb6],.fade-leave-to[data-v-fc34bdb6]{opacity:0}.hide-upload[data-v-fc34bdb6] .el-upload--picture-card{display:none}.modern-video-create-page[data-v-522ce0fd]{min-height:100vh;background-color:#f5f7fa}.page-header[data-v-522ce0fd]{background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-header .header-content[data-v-522ce0fd]{max-width:1400px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.page-header .header-left[data-v-522ce0fd]{display:flex;align-items:center}.page-header .header-left .back-btn[data-v-522ce0fd]{padding:8px 16px;font-size:14px;color:#606266}.page-header .header-left .back-btn[data-v-522ce0fd]:hover{color:#409eff}.page-header .header-left .page-title[data-v-522ce0fd]{margin:0;font-size:20px;font-weight:600;color:#303133}.page-header .header-left .page-title i[data-v-522ce0fd]{margin-right:8px;color:#409eff}.page-header .header-right[data-v-522ce0fd]{display:flex;align-items:center;gap:16px}.page-header .header-right .compress-btn[data-v-522ce0fd]{background:linear-gradient(135deg,#409eff,#66b3ff);border:none}.page-header .header-right .compress-btn[data-v-522ce0fd]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-content[data-v-522ce0fd]{padding:24px 0}.page-content .content-container[data-v-522ce0fd]{max-width:1400px;margin:0 auto;padding:0 20px}.content-card[data-v-522ce0fd],.form-card[data-v-522ce0fd],.tips-card[data-v-522ce0fd]{margin-bottom:24px;border-radius:8px}.content-card .card-header[data-v-522ce0fd],.form-card .card-header[data-v-522ce0fd],.tips-card .card-header[data-v-522ce0fd]{display:flex;align-items:center;justify-content:space-between}.content-card .card-header .card-title[data-v-522ce0fd],.form-card .card-header .card-title[data-v-522ce0fd],.tips-card .card-header .card-title[data-v-522ce0fd]{font-size:16px;font-weight:600;color:#303133}.content-card .card-header .card-title i[data-v-522ce0fd],.form-card .card-header .card-title i[data-v-522ce0fd],.tips-card .card-header .card-title i[data-v-522ce0fd]{margin-right:8px;color:#409eff}.content-card .card-header .card-subtitle[data-v-522ce0fd],.form-card .card-header .card-subtitle[data-v-522ce0fd],.tips-card .card-header .card-subtitle[data-v-522ce0fd]{font-size:14px;color:#909399}.content-card .card-body[data-v-522ce0fd],.form-card .card-body[data-v-522ce0fd],.tips-card .card-body[data-v-522ce0fd]{padding:24px}.tips-card .tips-content .tip-item[data-v-522ce0fd]{margin-bottom:8px;line-height:1.6;font-size:14px;color:#606266}.tips-card .tips-content .tip-item strong[data-v-522ce0fd]{color:#303133}.title-input[data-v-522ce0fd] .el-input__inner{height:48px;font-size:16px}.frames-container[data-v-522ce0fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.frame-item[data-v-522ce0fd]{background:#f5f7fa;border-radius:8px;padding:16px;border:2px solid transparent;transition:all .3s ease}.frame-item[data-v-522ce0fd]:hover{border-color:#409eff;box-shadow:0 4px 12px rgba(64,158,255,.15)}.frame-item .frame-header[data-v-522ce0fd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.frame-item .frame-header .frame-title[data-v-522ce0fd]{font-size:16px;font-weight:600;color:#303133}.frame-item .frame-header .frame-size[data-v-522ce0fd]{font-size:14px;color:#909399}.frame-item .frame-header .frame-size.size-warning[data-v-522ce0fd]{color:#f56c6c;font-weight:600}.frame-item .frame-content[data-v-522ce0fd]{min-height:400px}.add-frame[data-v-522ce0fd]{display:flex;align-items:center;justify-content:center;min-height:480px;cursor:pointer;border:2px dashed #dcdfe6;background:#fafafa}.add-frame[data-v-522ce0fd]:hover{border-color:#409eff;background:#f5f7fa}.add-frame:hover .add-frame-btn[data-v-522ce0fd]{-webkit-transform:scale(1.05);transform:scale(1.05)}.add-frame .add-frame-btn[data-v-522ce0fd]{text-align:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.add-frame .add-frame-btn .add-icon[data-v-522ce0fd]{font-size:48px;color:#c0c4cc;display:block;margin-bottom:12px}.add-frame .add-frame-btn .add-text[data-v-522ce0fd]{font-size:16px;color:#606266;display:block;margin-bottom:4px}.add-frame .add-frame-btn .add-subtitle[data-v-522ce0fd]{font-size:14px;color:#909399}.action-buttons[data-v-522ce0fd]{display:flex;justify-content:center;gap:16px;margin-top:32px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.action-buttons .preview-btn[data-v-522ce0fd],.action-buttons .submit-btn[data-v-522ce0fd]{min-width:160px;height:48px;font-size:16px;border-radius:24px}.action-buttons .preview-btn[data-v-522ce0fd]:hover{color:#409eff;border-color:#409eff}.action-buttons .submit-btn[data-v-522ce0fd]{background:linear-gradient(135deg,#409eff,#66b3ff);border:none}.action-buttons .submit-btn[data-v-522ce0fd]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.preview-dialog[data-v-522ce0fd] .el-dialog__header{background:linear-gradient(135deg,#409eff,#66b3ff);color:#fff;padding:16px 20px}.preview-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__close,.preview-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__title{color:#fff}.preview-dialog .preview-container[data-v-522ce0fd]{display:flex;justify-content:center;padding:24px}.phone-mockup[data-v-522ce0fd]{width:375px;height:667px;background:#f5f5f5;border-radius:36px;padding:10px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.phone-mockup .phone-screen[data-v-522ce0fd]{width:100%;height:100%;background:#fff;border-radius:26px;overflow:hidden;display:flex;flex-direction:column}.phone-mockup .phone-header[data-v-522ce0fd]{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#f8f8f8;font-size:14px;flex-shrink:0}.phone-mockup .phone-header .phone-time[data-v-522ce0fd]{font-weight:600}.phone-mockup .phone-header .phone-status[data-v-522ce0fd]{display:flex;gap:8px}.phone-mockup .phone-header .phone-status i[data-v-522ce0fd]{font-size:16px}.phone-mockup .message-container[data-v-522ce0fd]{flex:1;background:#e5e5e5;overflow:hidden;position:relative}.phone-mockup .message-scrollbar[data-v-522ce0fd]{height:100%}.phone-mockup .message-scrollbar[data-v-522ce0fd] .el-scrollbar__wrap{overflow-x:hidden}.phone-mockup .message-scrollbar[data-v-522ce0fd] .el-scrollbar__view{min-height:100%}.phone-mockup .message-content-wrapper[data-v-522ce0fd]{padding:16px;min-height:100%;display:flex;flex-direction:column}.phone-mockup .message-bubble[data-v-522ce0fd]{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px;max-width:85%;box-shadow:0 2px 4px rgba(0,0,0,.1);word-break:break-word}.phone-mockup .message-bubble.title-bubble[data-v-522ce0fd]{background:linear-gradient(135deg,#409eff,#66b3ff);color:#fff;font-weight:600}.phone-mockup .message-bubble .media-content[data-v-522ce0fd]{width:100%;border-radius:8px;margin-bottom:8px;display:block}.phone-mockup .message-bubble .media-content.image-content[data-v-522ce0fd]{cursor:pointer;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.phone-mockup .message-bubble .media-content.image-content[data-v-522ce0fd]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.phone-mockup .message-bubble .media-content.video-content[data-v-522ce0fd]{max-height:200px;-o-object-fit:contain;object-fit:contain;background:#000}.phone-mockup .message-bubble .media-content.audio-content[data-v-522ce0fd]{width:100%}.phone-mockup .message-bubble .text-content[data-v-522ce0fd]{white-space:pre-line;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.phone-mockup .scroll-padding[data-v-522ce0fd]{height:20px;flex-shrink:0}.compress-dialog[data-v-522ce0fd] .el-dialog__header{background:#f5f7fa;padding:20px}.compress-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600}.image-viewer-dialog[data-v-522ce0fd] .el-dialog__header{background:#000;padding:10px 20px}.image-viewer-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__title{color:#fff}.image-viewer-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__close{color:#fff;font-size:24px}.image-viewer-dialog[data-v-522ce0fd] .el-dialog__header .el-dialog__close:hover{color:#ccc}.image-viewer-dialog[data-v-522ce0fd] .el-dialog__body{padding:0;background:#000;display:flex;align-items:center;justify-content:center;min-height:400px}.image-viewer-dialog .full-image[data-v-522ce0fd]{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.frames-container[data-v-522ce0fd]{grid-template-columns:1fr}.phone-mockup[data-v-522ce0fd]{-webkit-transform:scale(.8);transform:scale(.8)}}