2 lines
6.0 KiB
CSS
2 lines
6.0 KiB
CSS
.module-page[data-v-c7e8afd4]{min-height:100vh;background:#1a1a1a}.main-content[data-v-c7e8afd4]{display:flex;min-height:calc(100vh - 56px);height:calc(100vh - 56px)}.left-panel[data-v-c7e8afd4]{width:380px;background:#1e1e1e;padding:20px;overflow-y:auto;border-right:1px solid #2a2a2a}.right-panel[data-v-c7e8afd4]{flex:1;display:flex;flex-direction:column;min-width:0;background:#1a1a1a}.section-title[data-v-c7e8afd4]{font-size:13px;color:#bbb;margin-bottom:10px}.upload-zone[data-v-c7e8afd4]{border:1px dashed #3a3a3a;border-radius:10px;padding:24px;text-align:center;background:#252525;margin-bottom:20px;transition:all .2s ease}.upload-zone[data-v-c7e8afd4]:hover{border-color:#3498db;background:#2a2a2a}.hint[data-v-c7e8afd4]{color:#888;font-size:13px;margin-bottom:12px;line-height:1.5}.btns[data-v-c7e8afd4]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.opt-btn[data-v-c7e8afd4],.btn-run[data-v-c7e8afd4],.download[data-v-c7e8afd4],.btn-delete[data-v-c7e8afd4]{border:none;cursor:pointer;transition:all .2s ease}.opt-btn[data-v-c7e8afd4]{padding:8px 16px;font-size:13px;color:#ccc;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px}.opt-btn.small[data-v-c7e8afd4]{padding:6px 10px;font-size:12px}.opt-btn[data-v-c7e8afd4]:hover{color:#3498db;background:#333;border-color:#3498db}.selected-files[data-v-c7e8afd4]{margin-top:14px;font-size:12px;color:#888;max-height:112px;overflow-y:auto;text-align:left}.selected-files span[data-v-c7e8afd4]{display:block;margin:4px 0;word-break:break-all}.more-line[data-v-c7e8afd4]{color:#b8c1cc}.option-group[data-v-c7e8afd4]{margin-bottom:20px}.column-option-group[data-v-c7e8afd4]{padding:14px;border-radius:10px;background:#252525;border:1px solid #2a2a2a}.column-toolbar[data-v-c7e8afd4]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.column-count[data-v-c7e8afd4]{font-size:12px;color:#a9b4bf}.column-actions[data-v-c7e8afd4]{display:flex;gap:8px}.column-grid[data-v-c7e8afd4]{display:grid;grid-template-columns:1fr;gap:8px;max-height:280px;overflow-y:auto}.empty-column-state[data-v-c7e8afd4]{padding:16px 12px;border-radius:8px;border:1px dashed #3a3a3a;background:#202020;color:#7f8790;font-size:12px;line-height:1.6}.column-item[data-v-c7e8afd4]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid #2f2f2f;background:#202020;cursor:pointer;transition:all .2s ease;font-size:13px;color:#d7d7d7}.column-item[data-v-c7e8afd4]:hover,.column-item.active[data-v-c7e8afd4]{border-color:#3b6f98;background:#26313a}.column-item input[data-v-c7e8afd4]{margin:0}.column-item span[data-v-c7e8afd4]{word-break:break-all}.radio-item[data-v-c7e8afd4]{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 12px;border-radius:8px;background:#252525;border:1px solid #2a2a2a;margin-bottom:8px;transition:all .2s ease}.radio-item[data-v-c7e8afd4]:hover,.radio-item.active[data-v-c7e8afd4]{background:#2a2a2a;border-color:#3a3a3a}.radio-item input[data-v-c7e8afd4]{margin-top:3px}.label[data-v-c7e8afd4]{font-weight:500;color:#e0e0e0;font-size:13px}.desc[data-v-c7e8afd4]{font-size:12px;color:#888;margin-top:2px;line-height:1.5;font-weight:400}.run-row[data-v-c7e8afd4]{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:16px}.btn-run[data-v-c7e8afd4]{padding:10px 22px;background:#3498db;color:#fff;border-radius:8px;font-size:14px}.btn-run[data-v-c7e8afd4]:hover{background:#2980b9}.btn-run[data-v-c7e8afd4]:disabled{background:#555;color:#999;cursor:not-allowed}.loading-msg[data-v-c7e8afd4]{color:#3498db;font-size:13px}.panel-header[data-v-c7e8afd4]{padding:16px 20px;border-bottom:1px solid #2a2a2a;font-size:15px;font-weight:600;color:#ddd}.task-list-wrap[data-v-c7e8afd4]{flex:1;overflow-y:auto;padding:16px}.task-list[data-v-c7e8afd4]{list-style:none;margin:0;padding:0}.task-item[data-v-c7e8afd4]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #2a2a2a;border-radius:8px;margin-bottom:10px;background:#1e1e1e}.left[data-v-c7e8afd4]{flex:1;min-width:0}.id[data-v-c7e8afd4]{display:inline-block;font-weight:600;color:#e0e0e0;font-size:13px}.files[data-v-c7e8afd4]{font-size:12px;color:#888;margin-top:4px}.task-right[data-v-c7e8afd4]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.status[data-v-c7e8afd4]{padding:4px 10px;border-radius:6px;font-size:12px;white-space:nowrap}.status.success[data-v-c7e8afd4]{background:#2ecc712e;color:#2ecc71}.status.failed[data-v-c7e8afd4]{background:#e74c3c2e;color:#ff6b6b}.download[data-v-c7e8afd4]{padding:6px 10px;border-radius:6px;font-size:12px;background:#3498db2e;color:#69b6ff}.download[data-v-c7e8afd4]:hover{background:#3498db47}.btn-delete[data-v-c7e8afd4]{padding:6px 10px;border-radius:6px;font-size:12px;background:#e74c3c1f;color:#ff8f8f}.btn-delete[data-v-c7e8afd4]:hover{background:#e74c3c38}.empty-tasks[data-v-c7e8afd4]{color:#666;font-size:13px;padding:24px 8px}.clean-placeholder[data-v-c7e8afd4]{max-height:none}.clean-result-summary[data-v-c7e8afd4]{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:16px;margin-bottom:18px}.summary-card[data-v-c7e8afd4]{padding:16px 18px;border:1px solid #2a2a2a;border-radius:10px;background:#1e1e1e}.summary-card strong[data-v-c7e8afd4]{display:block;margin-top:8px;font-size:24px;color:#eaf4ff}.summary-label[data-v-c7e8afd4]{font-size:12px;color:#8d8d8d}.result-list-wrap[data-v-c7e8afd4]{border:1px solid #2a2a2a;border-radius:10px;background:#1e1e1e;min-height:260px}.result-list-header[data-v-c7e8afd4]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #2a2a2a;font-size:14px;color:#ddd}@media(max-width:1100px){.main-content[data-v-c7e8afd4]{flex-direction:column;height:auto}.left-panel[data-v-c7e8afd4]{width:100%;border-right:none;border-bottom:1px solid #2a2a2a}.right-panel[data-v-c7e8afd4]{min-height:420px}.task-item[data-v-c7e8afd4]{flex-direction:column;align-items:flex-start}.task-right[data-v-c7e8afd4]{width:100%;justify-content:flex-start}.clean-result-summary[data-v-c7e8afd4]{grid-template-columns:1fr}}
|