.upload-demo[data-v-1316f7a7]{margin-top:20px;text-align:center;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-format-tip[data-v-1316f7a7]{margin-top:15px;text-align:center;font-size:14px;color:#909399}.image-preview[data-v-1316f7a7]{margin-top:10px;text-align:center}.image-preview img[data-v-1316f7a7]{max-width:100%;max-height:300px;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-list[data-v-1316f7a7]{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;margin-bottom:20px}.image-item[data-v-1316f7a7]{width:120px;border:1px solid #e4e7ed;border-radius:8px;overflow:hidden;background-color:#f8f9fa;transition:all .3s ease}.image-item[data-v-1316f7a7]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.image-item img[data-v-1316f7a7]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.image-info[data-v-1316f7a7]{padding:8px;text-align:center}.image-name[data-v-1316f7a7]{display:block;font-size:12px;color:#606266;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compressed-results[data-v-1316f7a7]{margin-top:20px}.compressed-results h3[data-v-1316f7a7]{margin-top:0;margin-bottom:20px;color:#333;font-size:18px;font-weight:600;text-align:center}.image-result-list[data-v-1316f7a7]{display:flex;flex-direction:column;gap:20px}.image-result-item[data-v-1316f7a7]{transition:all .3s ease}.image-result-item[data-v-1316f7a7]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-result-item h4[data-v-1316f7a7]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px;font-weight:600}.result-images[data-v-1316f7a7]{display:flex;gap:20px;flex-wrap:wrap}.result-image-container[data-v-1316f7a7]{flex:1;min-width:300px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;text-align:center}.result-image-container h5[data-v-1316f7a7]{margin-top:0;margin-bottom:15px;color:#666;font-size:14px;font-weight:600}.result-image-container p[data-v-1316f7a7]{margin:10px 0;color:#606266;font-size:14px}.download-button[data-v-1316f7a7]{margin-top:15px}.el-button[data-v-1316f7a7]{margin-left:0!important}@media (max-width:768px){.upload-demo[data-v-1316f7a7]{margin-top:15px;padding:20px}.image-list[data-v-1316f7a7]{gap:10px}.image-item[data-v-1316f7a7]{width:100px}.image-item img[data-v-1316f7a7]{height:70px}.compressed-results[data-v-1316f7a7]{padding:15px}.compressed-results h3[data-v-1316f7a7]{font-size:16px;margin-bottom:15px}.image-result-item h4[data-v-1316f7a7]{font-size:14px;margin-bottom:10px}.result-images[data-v-1316f7a7]{flex-direction:column;gap:15px}.result-image-container[data-v-1316f7a7]{min-width:100%;padding:10px}.result-image-container h5[data-v-1316f7a7]{font-size:13px;margin-bottom:10px}.image-preview img[data-v-1316f7a7]{max-height:200px}.tool-content>div[data-v-1316f7a7]:nth-child(3){display:flex;gap:10px;justify-content:center}.tool-content>div:nth-child(3) .el-button[data-v-1316f7a7]{width:auto;padding:8px 16px;font-size:14px}}@media (max-width:480px){.upload-demo[data-v-1316f7a7]{padding:15px}.image-item[data-v-1316f7a7]{width:80px}.image-item img[data-v-1316f7a7]{height:60px}.image-name[data-v-1316f7a7]{font-size:11px}.result-image-container p[data-v-1316f7a7]{font-size:13px}.image-preview img[data-v-1316f7a7]{max-height:150px}.tool-content>div[data-v-1316f7a7]:nth-child(3){display:flex;gap:8px;justify-content:center}.tool-content>div:nth-child(3) .el-button[data-v-1316f7a7]{width:auto;padding:6px 12px;font-size:12px}}.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}