.page-header[data-v-53cf6631]{text-align:center;margin-bottom:30px}.page-description[data-v-53cf6631]{font-size:1.1em;color:#7f8c8d;margin:10px 0 0 0}.modern-card[data-v-53cf6631]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden;border:1px solid #f0f0f0}.card-header[data-v-53cf6631]{padding:24px 24px 16px;border-bottom:1px solid #f5f5f5}.card-header h3[data-v-53cf6631]{margin:0 0 8px 0;font-size:1.3em;color:#2c3e50;font-weight:600}.card-header p[data-v-53cf6631]{margin:0;color:#7f8c8d;font-size:.95em}.upload-area[data-v-53cf6631]{padding:24px}.upload-content[data-v-53cf6631]{text-align:center;padding:60px 20px}.upload-content i[data-v-53cf6631]{font-size:3em;color:#409eff;margin-bottom:16px}.upload-text[data-v-53cf6631]{font-size:1.1em;color:#606266;margin-bottom:8px}.upload-text em[data-v-53cf6631]{color:#409eff;font-style:normal}.upload-hint[data-v-53cf6631]{color:#909399;font-size:.9em}.uploaded-image[data-v-53cf6631]{text-align:center;padding:20px}.uploaded-image img[data-v-53cf6631]{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.image-info[data-v-53cf6631]{margin-top:16px;color:#606266}.image-info p[data-v-53cf6631]{margin:4px 0}.settings-grid[data-v-53cf6631]{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.setting-item[data-v-53cf6631]{display:flex;flex-direction:column;gap:8px}.setting-item label[data-v-53cf6631]{font-weight:600;color:#2c3e50;font-size:.95em}.setting-hint[data-v-53cf6631]{font-size:.85em;color:#909399}.preview-grid[data-v-53cf6631]{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.preview-item[data-v-53cf6631]{border:1px solid #e4e7ed;border-radius:8px;overflow:hidden;transition:all .3s ease}.preview-item[data-v-53cf6631]:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.preview-image[data-v-53cf6631]{position:relative;background:#f5f7fa}.preview-image img[data-v-53cf6631]{width:100%;height:auto;display:block}.preview-overlay[data-v-53cf6631]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em}.preview-info[data-v-53cf6631]{padding:12px;background:#fff}.preview-info p[data-v-53cf6631]{margin:2px 0;font-size:.85em;color:#606266}.action-buttons[data-v-53cf6631]{text-align:center;margin:30px 0}.action-buttons .el-button[data-v-53cf6631]{margin:0 8px}.usage-tips[data-v-53cf6631]{padding:24px}.tip-item[data-v-53cf6631]{display:flex;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.tip-item[data-v-53cf6631]:last-child{margin-bottom:0}.tip-icon[data-v-53cf6631]{font-size:1.2em;margin-right:12px;min-width:24px}.tip-text[data-v-53cf6631]{color:#5a6c7d;line-height:1.5}@media (max-width:767px){.page-description[data-v-53cf6631]{font-size:14px}.settings-grid[data-v-53cf6631]{grid-template-columns:1fr;gap:16px}.preview-grid[data-v-53cf6631]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.action-buttons .el-button[data-v-53cf6631]{margin:4px;width:calc(50% - 8px)}.preview-grid[data-v-53cf6631]{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.page-description[data-v-53cf6631]{font-size:15px}.preview-grid[data-v-53cf6631],.settings-grid[data-v-53cf6631]{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.page-description[data-v-53cf6631]{font-size:16px}.preview-grid[data-v-53cf6631],.settings-grid[data-v-53cf6631]{grid-template-columns:repeat(3,1fr)}}