style(ui): align responsive heroes and card controls

src/components/cloud/QuickUploadModal.vue

@@ -207,7 +207,7 @@ onBeforeUnmount(() => {
           </div>
           <button
             type="button"
-            class="quick-upload-close oc-icon-button"
+            class="oc-icon-button"
             aria-label="关闭快捷上传"
             title="关闭快捷上传"
             @click="close"
@@ -251,9 +251,9 @@ onBeforeUnmount(() => {
                 <div class="overflow-hidden border border-slate-900 bg-slate-950">
                   <img :src="activeItem.preview" alt="图片预览" class="h-56 w-full object-contain" />
                 </div>
-                <div class="mt-3 flex items-center justify-between gap-2">
-                  <button type="button" class="oc-text-button text-sm" @click="fileInput?.click()">重新选择</button>
-                  <button type="button" class="oc-text-button oc-text-button--danger text-sm" @click="handleRemove(activeItem.id)">移除</button>
+                <div class="mt-3 flex items-center gap-2">
+                  <button type="button" class="oc-panel-button oc-panel-button--neutral flex-1" @click="fileInput?.click()">重新选择</button>
+                  <button type="button" class="oc-panel-button oc-panel-button--danger flex-1" @click="handleRemove(activeItem.id)">移除</button>
                 </div>
               </div>
 
@@ -394,9 +394,3 @@ onBeforeUnmount(() => {
     />
   </Teleport>
 </template>
-
-<style scoped>
-.quick-upload-close.quick-upload-close {
-  border-radius: 9999px !important;
-}
-</style>