*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:#333;background:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.app-wrapper[data-v-9789fa9a]{min-height:100vh;background:#f5f7fa}.app-header[data-v-9789fa9a]{background:#fff;border-bottom:1px solid #e4e7ed;padding:16px 24px;text-align:center}.app-header h1[data-v-9789fa9a]{font-size:20px;font-weight:600;color:#303133;margin-bottom:4px}.app-header p[data-v-9789fa9a]{font-size:13px;color:#909399}main[data-v-9789fa9a]{padding:16px 24px 24px}.home[data-v-6dadf09c]{display:flex;flex-direction:column;min-height:100vh;padding:20px}.steps-bar[data-v-6dadf09c]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px}.step-item[data-v-6dadf09c]{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:160px}.step-circle[data-v-6dadf09c]{width:36px;height:36px;border-radius:50%;background:#e0e6ed;color:#909399;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s}.step-item.active .step-circle[data-v-6dadf09c]{background:#409eff;color:#fff}.step-item.current .step-circle[data-v-6dadf09c]{box-shadow:0 0 0 4px #409eff33}.step-label[data-v-6dadf09c]{margin-top:8px;font-size:13px;color:#606266}.step-line[data-v-6dadf09c]{position:absolute;top:18px;right:-50%;width:100%;height:2px;background:#e0e6ed;z-index:-1}.step-item.active .step-line[data-v-6dadf09c]{background:#409eff}.upload-area[data-v-6dadf09c]{border:2px dashed #c0c4cc;border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s;background:#fff;margin:0 auto;max-width:600px;width:100%}.upload-area.dragover[data-v-6dadf09c],.upload-area[data-v-6dadf09c]:hover{border-color:#409eff;background:#f0f9ff}.upload-icon[data-v-6dadf09c]{font-size:48px;margin-bottom:12px}.upload-text[data-v-6dadf09c]{font-size:16px;color:#303133;margin-bottom:8px}.upload-hint[data-v-6dadf09c]{font-size:12px;color:#909399}.error-msg[data-v-6dadf09c]{color:#f56c6c;text-align:center;margin-top:16px;font-size:14px}.main-content[data-v-6dadf09c]{display:grid;grid-template-columns:180px 1fr 320px;gap:16px;flex:1}.sidebar-left[data-v-6dadf09c],.sidebar-right[data-v-6dadf09c]{background:#fff;border-radius:8px;padding:16px;overflow:auto}.sidebar-left h3[data-v-6dadf09c],.sidebar-right h3[data-v-6dadf09c]{font-size:14px;font-weight:600;margin-bottom:12px;color:#303133}.slide-list[data-v-6dadf09c]{display:flex;flex-direction:column;gap:12px}.slide-thumb[data-v-6dadf09c]{display:flex;flex-direction:column;align-items:center;gap:4px}.thumb-box[data-v-6dadf09c]{width:100%;aspect-ratio:4/3;background:#f5f7fa;border:1px solid #e4e7ed;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#909399}.thumb-label[data-v-6dadf09c]{font-size:12px;color:#606266}.content-center[data-v-6dadf09c]{background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.top-action-bar[data-v-6dadf09c]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f7fa;border-radius:8px;border:1px solid #e4e7ed}.top-action-info[data-v-6dadf09c]{display:flex;align-items:center;gap:16px;font-size:13px;color:#606266}.translated-info[data-v-6dadf09c]{color:#67c23a;font-weight:500}.top-action-btns[data-v-6dadf09c]{display:flex;gap:8px}.element-list[data-v-6dadf09c]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.slide-group[data-v-6dadf09c]{border:1px solid #e4e7ed;border-radius:8px;overflow:hidden}.slide-header[data-v-6dadf09c]{background:#f5f7fa;padding:8px 12px;font-size:13px;font-weight:600;color:#303133}.element-card[data-v-6dadf09c]{padding:12px;border-top:1px solid #ebeef5}.element-meta[data-v-6dadf09c]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.badge[data-v-6dadf09c]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.title[data-v-6dadf09c]{background:#fde2e2;color:#c45656}.badge.subtitle[data-v-6dadf09c]{background:#faecd8;color:#a16207}.badge.body[data-v-6dadf09c]{background:#e1f3d8;color:#529b2e}.badge.shape[data-v-6dadf09c]{background:#d9ecff;color:#337ecc}.badge.table[data-v-6dadf09c]{background:#e9e9eb;color:#73767a}.badge.other[data-v-6dadf09c]{background:#f2f2f2;color:#909399}.element-id[data-v-6dadf09c]{font-size:11px;color:#c0c4cc;font-family:monospace}.element-inputs[data-v-6dadf09c]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group[data-v-6dadf09c]{display:flex;flex-direction:column;gap:4px}.input-group label[data-v-6dadf09c]{font-size:12px;color:#606266}.input-group textarea[data-v-6dadf09c]{width:100%;padding:8px;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;resize:vertical;font-family:inherit}.input-group textarea[data-v-6dadf09c]:focus{outline:none;border-color:#409eff}.btn-primary[data-v-6dadf09c],.btn-secondary[data-v-6dadf09c]{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-6dadf09c]{background:#409eff;color:#fff}.btn-primary[data-v-6dadf09c]:hover:not(:disabled){background:#66b1ff}.btn-primary[data-v-6dadf09c]:disabled{background:#a0cfff;cursor:not-allowed}.btn-secondary[data-v-6dadf09c]{background:#f5f7fa;color:#606266;border:1px solid #dcdfe6}.btn-secondary[data-v-6dadf09c]:hover:not(:disabled){background:#e4e7ed}.btn-secondary[data-v-6dadf09c]:disabled{opacity:.6;cursor:not-allowed}.progress-wrap[data-v-6dadf09c]{display:flex;align-items:center;gap:12px}.progress-bar[data-v-6dadf09c]{flex:1;height:8px;background:#e4e7ed;border-radius:4px;overflow:hidden}.progress-fill[data-v-6dadf09c]{height:100%;background:#409eff;border-radius:4px;transition:width .3s}.progress-text[data-v-6dadf09c]{font-size:13px;color:#606266;min-width:40px;text-align:right}.api-config-panel[data-v-6dadf09c]{background:#f5f7fa;border:1px solid #e4e7ed;border-radius:8px;overflow:hidden}.api-config-header[data-v-6dadf09c]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;font-weight:600;color:#303133;cursor:pointer;-webkit-user-select:none;user-select:none}.api-config-header[data-v-6dadf09c]:hover{background:#ebeef5}.api-config-toggle[data-v-6dadf09c]{font-size:12px;color:#909399;font-weight:400}.api-config-body[data-v-6dadf09c]{padding:12px 16px;border-top:1px solid #e4e7ed;display:flex;flex-direction:column;gap:10px}.api-config-row[data-v-6dadf09c]{display:flex;align-items:center;gap:8px}.api-config-row label[data-v-6dadf09c]{width:70px;font-size:12px;color:#606266;flex-shrink:0}.api-config-row input[data-v-6dadf09c]{flex:1;padding:6px 10px;border:1px solid #dcdfe6;border-radius:4px;font-size:12px;font-family:inherit}.api-config-row input[data-v-6dadf09c]:focus{outline:none;border-color:#409eff}.api-config-hint[data-v-6dadf09c]{font-size:11px;color:#909399;line-height:1.5}.json-actions[data-v-6dadf09c]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.btn-small[data-v-6dadf09c]{padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid #dcdfe6;background:#f5f7fa;color:#606266;transition:all .2s}.btn-small[data-v-6dadf09c]:hover{background:#e4e7ed}.btn-primary-small[data-v-6dadf09c]{background:#409eff;color:#fff;border-color:#409eff}.btn-primary-small[data-v-6dadf09c]:hover{background:#66b1ff}.json-editor[data-v-6dadf09c]{width:100%;min-height:400px;max-height:calc(100vh - 280px);background:#f5f7fa;border:1px solid #e4e7ed;border-radius:6px;padding:12px;font-size:11px;line-height:1.6;overflow:auto;white-space:pre;word-break:break-all;color:#303133;font-family:Courier New,Courier,monospace;resize:vertical}.json-editor[data-v-6dadf09c]:focus{outline:none;border-color:#409eff}.json-hint[data-v-6dadf09c]{margin-top:10px;font-size:11px;color:#909399;line-height:1.5}