/* Aurora Admin DragUpload 样式 — 拖拽 / 点击上传 */ .aa-upload { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); } .aa-upload-drop { border: 2px dashed var(--au-color-border); border-radius: 8px; padding: 28px; text-align: center; color: var(--au-color-text-secondary); cursor: pointer; transition: border-color .15s, background .15s, color .15s; } .aa-upload-drop.is-over { border-color: var(--au-color-brand); background: var(--au-color-brand-bg); color: var(--au-color-brand); } .aa-upload-icon { font-size: 26px; display: block; margin-bottom: 6px; } .aa-upload-hint { font-size: 13px; } .aa-upload-hint b { color: var(--au-color-brand); } .aa-upload-list { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; } .aa-upload-item { display: flex; align-items: center; gap: 10px; border: 1px solid var(--au-color-border); border-radius: 6px; padding: 8px 10px; } .aa-upload-thumb { width: 36px; height: 36px; border-radius: 4px; overflow: hidden; background: var(--au-color-disabled-bg); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--au-color-text-secondary); font-size: 11px; } .aa-upload-thumb img { width: 100%; height: 100%; object-fit: cover; } .aa-upload-meta { flex: 1; min-width: 0; } .aa-upload-name { font-size: 13px; color: var(--au-color-text-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aa-upload-bar { height: 4px; background: var(--au-color-border); border-radius: 2px; margin-top: 5px; overflow: hidden; } .aa-upload-bar > i { display: block; height: 100%; background: var(--au-color-brand); width: 0; transition: width .2s; } .aa-upload-status { font-size: 12px; color: var(--au-color-text-secondary); } .aa-upload-del { border: none; background: none; color: var(--au-color-text-secondary); cursor: pointer; font-size: 16px; padding: 0 4px; } .aa-upload-del:hover { color: var(--au-color-error); }