.dialog-footer[data-v-6e756f7e]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.social-login[data-v-6e756f7e]{display:flex;gap:16px}.nav-container[data-v-07678929]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-left[data-v-07678929]{display:flex;align-items:center;gap:20px}.logo[data-v-07678929]{height:32px}.nav-item[data-v-07678929]{text-decoration:none;color:#333;font-size:14px;padding:8px 12px;border-radius:4px;position:relative}.nav-item[data-v-07678929]:hover{background-color:#f5f5f5}.nav-item.router-link-active[data-v-07678929]{color:#1890ff}.nav-item.router-link-active[data-v-07678929]:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:24px;height:2px;background-color:#1890ff}.nav-right[data-v-07678929]{display:flex;gap:16px;align-items:center}.login-btn[data-v-07678929]{text-decoration:none;color:#333;padding:8px 16px;border-radius:4px}.register-btn[data-v-07678929]{background-color:#1890ff;color:#fff;border:none}.register-btn[data-v-07678929]:hover{background-color:#40a9ff!important}#app{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{max-width:1200px;margin:80px auto 20px;padding:20px}h1{text-align:center;color:#2c3e50;margin-bottom:30px}.converter-container{max-width:1000px;margin:0 auto;padding:20px}.converter-header{text-align:center;margin-bottom:30px}.converter-header .title{color:#f44336;font-size:28px;margin-bottom:8px;font-weight:600}.converter-header .subtitle{color:#666;font-size:16px;margin:0}.converter-box{background:#fff;border-radius:8px;overflow:hidden}.upload-area{background-color:#333;padding:60px 20px;text-align:center}.upload-area .upload-component{width:100%}.upload-area :deep(.el-upload-dragger){background-color:transparent;border:none;width:100%;height:auto;padding:20px}.upload-area .upload-content{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.upload-area .select-file-btn{background-color:#f44336;border:none;font-size:16px;padding:12px 30px;margin-bottom:20px}.upload-area .select-file-btn:hover{background-color:#e53935}.upload-area .upload-icons{display:flex;justify-content:center;gap:30px;margin-top:10px}.upload-area .upload-icons .upload-icon{font-size:24px;color:#fff}.upload-area .upload-tip{color:#aaa;font-size:14px}.upload-area .upload-tip .tip-link{color:#f44336;text-decoration:none}.upload-area .upload-tip .tip-link:hover{text-decoration:underline}.file-list-container{padding:20px}.file-item{border-bottom:1px solid #eee;padding:15px 0}.file-item .file-info{display:flex;align-items:center;margin-bottom:15px}.file-item .file-info .file-icon{color:#666;font-size:20px;margin-right:10px}.file-item .file-info .file-name{flex:1;font-size:14px;color:#333}.file-item .file-info .file-size{color:#999;font-size:14px;margin:0 15px}.file-item .file-info .close-btn{color:#999}.file-item .file-info .close-btn:hover{color:#f44336}.file-item .file-actions{display:flex;align-items:center;justify-content:space-between}.file-item .file-actions .format-select{width:120px}.file-item .file-actions .convert-btn{background-color:#f44336;border:none;padding:10px 20px;display:flex;align-items:center}.file-item .file-actions .convert-btn:hover{background-color:#e53935}.file-item .file-actions .convert-btn .arrow-icon{margin-left:5px}.add-more-container{display:flex;align-items:center;padding:20px 0}.add-more-container .add-more-btn{display:flex;align-items:center;color:#f44336;border-color:#f44336;background:transparent}.add-more-container .add-more-btn:hover{color:#fff;background-color:#f44336}.add-more-container .add-more-btn .el-icon{margin-right:5px}.add-more-container .shortcut-tip{margin-left:15px;color:#999;font-size:12px}.features-container{display:flex;justify-content:space-around;padding:30px 0}.features-container .feature{display:flex;flex-direction:column;align-items:center}.features-container .feature .feature-icon{font-size:24px;color:#666;margin-bottom:10px}.features-container .feature span{color:#666;font-size:14px}.global-format-select{margin-bottom:20px}.download-all-btn,.download-btn{margin-left:10px}.format-selector[data-v-7b422c57]{width:100%}.format-input[data-v-7b422c57]{cursor:pointer}.format-selector-content[data-v-7b422c57]{padding:12px}.search-input[data-v-7b422c57]{margin-bottom:12px}.format-container[data-v-7b422c57]{display:flex;gap:8px;height:240px}.format-types[data-v-7b422c57]{width:100px;border-right:1px solid #dcdfe6}.type-item[data-v-7b422c57]{padding:6px 12px;cursor:pointer;transition:all .3s}.type-item.active[data-v-7b422c57],.type-item[data-v-7b422c57]:hover{background-color:#f5f7fa;color:#409eff}.format-list[data-v-7b422c57]{flex:1;display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:1px;column-gap:1px;row-gap:2px;overflow-y:auto}.format-list .el-button[data-v-7b422c57]{padding:2px 8px;height:24px;margin:0;font-size:12px;line-height:1}.format-list .el-button.active[data-v-7b422c57]{background-color:#409eff;border-color:#409eff;color:#fff}.file-list[data-v-559970c6]{width:100%;padding:20px;padding-bottom:80px}.list-header[data-v-559970c6],.list-row[data-v-559970c6]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:10px;align-items:center}.list-header[data-v-559970c6]{background-color:#f5f5f5;font-weight:700}.list-row[data-v-559970c6]{border-bottom:1px solid #eee}.list-row[data-v-559970c6]:hover{background-color:#f9f9f9}.fixed-bottom[data-v-559970c6]{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:20px;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.bottom-actions[data-v-559970c6]{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.add-btn[data-v-559970c6]{background-color:#fff;border:1px dashed #ccc;padding:10px 20px;cursor:pointer;display:flex;align-items:center;gap:5px}.convert-btn[data-v-559970c6]{background-color:#ff4757;color:#fff;border:none;padding:10px 30px;cursor:pointer}.convert-btn[data-v-559970c6]:disabled{background-color:#ccc;cursor:not-allowed}.delete-btn[data-v-559970c6]{background-color:#ff4757;color:#fff;border:none;padding:5px 10px;cursor:pointer}.download-btn[data-v-559970c6]{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;margin-right:5px}select[data-v-559970c6]{padding:5px;border:1px solid #ccc;border-radius:4px}.batch-format-select[data-v-559970c6]{margin:0 20px;display:flex;align-items:center}.batch-format-select label[data-v-559970c6]{margin-right:10px;font-size:14px}.batch-format-select select[data-v-559970c6]{padding:5px 10px;border-radius:4px;border:1px solid #dcdfe6;outline:none;cursor:pointer}.list-row .row-item[data-v-559970c6]{padding:8px;white-space:normal;word-break:break-all;overflow-wrap:break-word}.batch-format-select[data-v-559970c6] .format-input{width:150px}.list-row[data-v-559970c6] .format-input{width:120px}.radio-item[data-v-559970c6]{margin:15px 0;font-size:14px}.dialog-footer[data-v-559970c6]{display:flex;justify-content:flex-end;gap:10px}.compress-container[data-v-4fa4d7fe]{max-width:1200px;margin:0 auto;padding:40px 20px}.input-hint[data-v-4fa4d7fe]{margin-left:10px;color:#909399;font-size:12px}.gif-options[data-v-4fa4d7fe]{margin-top:20px;padding:20px;background-color:#f5f7fa;border-radius:4px}.title[data-v-4fa4d7fe]{text-align:center;font-size:32px;margin-bottom:20px}.description[data-v-4fa4d7fe]{text-align:center;font-size:18px;margin-bottom:10px}.sub-desc[data-v-4fa4d7fe]{text-align:center;color:#666;margin-bottom:30px}.format[data-v-4fa4d7fe]{font-weight:700}.format-link[data-v-4fa4d7fe]{color:#409eff;text-decoration:underline;cursor:pointer}.upload-area[data-v-4fa4d7fe]{margin:30px 0}.upload-content[data-v-4fa4d7fe]{padding:40px 0}.upload-icon[data-v-4fa4d7fe]{font-size:48px;color:#409eff;margin-bottom:20px}.upload-text[data-v-4fa4d7fe]{font-size:18px;margin-bottom:10px}.upload-hint[data-v-4fa4d7fe]{color:#666}.compress-options[data-v-4fa4d7fe]{margin-top:30px}.options-grid[data-v-4fa4d7fe]{max-width:800px;margin:0 auto}.options-form[data-v-4fa4d7fe]{width:100%}.form-row[data-v-4fa4d7fe]{display:flex;gap:20px;margin-bottom:20px}.form-row .el-form-item[data-v-4fa4d7fe]{flex:1;margin-bottom:0}.compress-mode-container[data-v-4fa4d7fe]{display:flex;align-items:center}.el-slider[data-v-4fa4d7fe]{margin-top:0}.file-list[data-v-4fa4d7fe]{margin:20px 0;max-height:300px;overflow-y:auto;border:1px solid #ebeef5;border-radius:4px}.file-header[data-v-4fa4d7fe]{display:flex;justify-content:space-between;padding:12px 10px;background-color:#f5f7fa;border-bottom:1px solid #ebeef5;font-weight:700}.file-header span[data-v-4fa4d7fe]{flex:1;text-align:center}.file-header span[data-v-4fa4d7fe]:first-child{flex:2;text-align:left}.file-item[data-v-4fa4d7fe]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ebeef5}.file-item span[data-v-4fa4d7fe]{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name[data-v-4fa4d7fe]{flex:2!important;text-align:left!important}.file-actions[data-v-4fa4d7fe]{display:flex;justify-content:center;gap:10px}.el-input.is-disabled .el-input__inner[data-v-4fa4d7fe]{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-slider.is-disabled[data-v-4fa4d7fe]{opacity:.7}.message-board[data-v-2772a416]{max-width:800px;margin:80px auto 40px;padding:0 20px}.comment-count[data-v-2772a416]{font-size:18px;margin-bottom:24px}.comment-box[data-v-2772a416]{display:flex;gap:16px;margin-bottom:40px}.avatar[data-v-2772a416]{width:48px;height:48px;border-radius:50%;background-color:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.avatar.small[data-v-2772a416]{width:32px;height:32px;font-size:14px}.input-area[data-v-2772a416]{flex:1}.nickname-input[data-v-2772a416]{margin-bottom:12px;max-width:200px}.comment-actions[data-v-2772a416]{margin-top:12px;display:flex;justify-content:flex-end}.sort-options[data-v-2772a416]{margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:12px}.sort-option[data-v-2772a416]{margin-right:24px;color:#666;cursor:pointer;padding:4px 0}.sort-option.active[data-v-2772a416]{color:#1890ff;border-bottom:2px solid #1890ff}.comment-item[data-v-2772a416]{display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.comment-content[data-v-2772a416]{flex:1}.comment-header[data-v-2772a416]{margin-bottom:8px}.nickname[data-v-2772a416]{font-weight:500;margin-right:8px}.time[data-v-2772a416]{color:#999;font-size:12px}.comment-text[data-v-2772a416]{line-height:1.6;margin-bottom:12px}.comment-footer[data-v-2772a416]{display:flex;justify-content:space-between;align-items:center}.actions[data-v-2772a416]{display:flex;gap:16px}.action-btn[data-v-2772a416]{display:flex;align-items:center;gap:4px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px}.action-btn[data-v-2772a416]:hover{background-color:#f5f5f5}.replies[data-v-2772a416]{margin:16px 0 0 0;padding:16px;background-color:#f8f9fa;border-radius:4px}.reply-item[data-v-2772a416]{display:flex;gap:12px;margin-bottom:16px}.reply-item[data-v-2772a416]:last-child{margin-bottom:0}.reply-content[data-v-2772a416]{flex:1}.reply-form[data-v-2772a416]{margin-top:16px;display:flex;gap:12px}.reply-input[data-v-2772a416]{flex:1}.reply-actions[data-v-2772a416]{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.pagination[data-v-2772a416]{margin-top:40px;display:flex;justify-content:center}[data-v-2772a416] .tox-tinymce{border-radius:4px}.editor-content[data-v-2772a416]{height:200px;overflow-y:auto!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;z-index:1;cursor:text!important;pointer-events:auto!important}[data-v-2772a416] .w-e-text-container[contenteditable=true]{-moz-user-select:text;user-select:text;-webkit-user-select:text;cursor:text!important;pointer-events:auto!important}[data-v-2772a416] .w-e-text{z-index:10!important}[data-v-2772a416] .w-e-panel-container{z-index:100!important}[data-v-2772a416] .w-e-toolbar{z-index:101!important}.editor-toolbar[data-v-2772a416]{border-top-left-radius:8px;border-top-right-radius:8px}[data-v-2772a416] .w-e-toolbar{background-color:#f5f7fa!important;border:1px solid #dcdfe6!important;border-bottom:none!important}[data-v-2772a416] .w-e-text-container{border:1px solid #dcdfe6!important;border-top:none!important}[data-v-2772a416] .w-e-text{cursor:text!important;min-height:180px!important;padding:8px!important}[data-v-2772a416] .w-e-text-placeholder{z-index:0!important}