.upload-container .main-area[data-v-3f83aa75]{display:flex;gap:16px;align-items:flex-start}.upload-container .main-area .drop-area[data-v-3f83aa75]{flex:0 0 200px;height:120px;padding:16px;border:2px dashed #e0e7ff;border-radius:8px;background:linear-gradient(145deg,#f8f9ff,#f3f4ff);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;cursor:pointer}.upload-container .main-area .drop-area[data-v-3f83aa75]:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.upload-container .main-area .drop-area .upload-icon[data-v-3f83aa75]{font-size:32px;color:#1890ff;margin-bottom:12px}.upload-container .main-area .drop-area .tip-text[data-v-3f83aa75]{color:#8c8c8c;font-size:12px;margin-top:8px;text-align:center}.upload-container .main-area .image-list[data-v-3f83aa75]{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;touch-action:none;-webkit-user-select:none;user-select:none}.upload-container .main-area .image-list .image-item[data-v-3f83aa75]{position:relative;height:120px;border-radius:6px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s}.upload-container .main-area .image-list .image-item[data-v-3f83aa75]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image{width:100%;height:100%;display:block}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-mask{display:flex;background:#0000004d}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-mask .mask-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-mask .drag-handle{flex:1;cursor:move}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-mask .delete-btn{position:absolute;top:10px;right:10px;font-size:20px;color:#ff3636;background:#ffffffe6;border-radius:50%;padding:4px;transition:all .3s}.upload-container .main-area .image-list .image-item[data-v-3f83aa75] .ant-image .ant-image-mask .delete-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003}.upload-container .main-area .image-list .list-move[data-v-3f83aa75]{transition:transform .3s ease}