.upload-demo[data-v-afe22c32]{margin-top:20px;text-align:center;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-preview[data-v-afe22c32]{margin-top:10px;text-align:center}.image-preview img[data-v-afe22c32]{max-width:100%;max-height:300px;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.convert-result[data-v-afe22c32]{margin-top:20px}.convert-result h3[data-v-afe22c32]{margin-top:0;margin-bottom:20px;color:#333;font-size:18px;font-weight:600;text-align:center}.result-actions[data-v-afe22c32],.upload-container[data-v-afe22c32]{display:flex;justify-content:center;margin-top:20px}.upload-container[data-v-afe22c32]{flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.upload-container .file-format-tip[data-v-afe22c32]{margin-top:12px;font-size:12px;color:#606266;text-align:center;line-height:1.4;width:100%;max-width:100%;padding:0 10px}.el-form-item__content[data-v-afe22c32]{justify-content:center;display:flex;flex-direction:column;align-items:center}.el-button[data-v-afe22c32]{margin-left:0!important}@media (max-width:768px){.upload-demo[data-v-afe22c32]{margin-top:15px;padding:20px}.convert-result h3[data-v-afe22c32]{font-size:16px;margin-bottom:15px}.image-preview img[data-v-afe22c32]{max-height:200px}.result-actions[data-v-afe22c32]{margin-top:15px}.el-upload .el-button[data-v-afe22c32],.el-upload[data-v-afe22c32]{width:100%}.el-upload__tip[data-v-afe22c32]{text-align:center;margin-top:10px}}@media (max-width:480px){.upload-demo[data-v-afe22c32]{padding:15px}.image-preview img[data-v-afe22c32]{max-height:150px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;position:relative;z-index:0}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:-1}body:not(.dark-theme) .main-content{background-image:none!important;background-color:#fff!important}body:not(.dark-theme) .main-content:before{display:none!important}.container{margin:0 auto;padding:0 0}.breadcrumb-container,.container{width:100%;max-width:1600px;box-sizing:border-box}.breadcrumb-container{display:flex;align-items:center;margin-bottom:10px;gap:20px;flex-wrap:wrap;backdrop-filter:blur(10px);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.back-button{flex-shrink:0}.breadcrumb{flex:1}.el-breadcrumb__item .el-breadcrumb__inner{color:#ccc}.el-breadcrumb__item:last-child .el-breadcrumb__inner{font-weight:600;color:#fff}.el-breadcrumb__separator{color:#666}.page-title{text-align:center;font-size:24px;margin-bottom:30px;color:#fff;font-weight:600}@media (max-width:768px){.page-title{font-size:20px}.breadcrumb-container{display:none!important}}body:not(.dark-theme) .el-breadcrumb__item .el-breadcrumb__inner{color:#999}body:not(.dark-theme) .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#666}body:not(.dark-theme) .el-breadcrumb__separator{color:#999}body:not(.dark-theme) .page-title{color:#333}