style(ui): align semantic surfaces and upload layout

src/components/cloud/QuickUploadModal.vue

@@ -198,7 +198,7 @@ onBeforeUnmount(() => {
       class="fixed inset-0 z-[130] flex items-center justify-center bg-slate-950/55 px-4 py-6 backdrop-blur-sm"
       @click="close"
     >
-      <div class="w-full max-w-3xl overflow-hidden border border-slate-200 bg-white shadow-2xl" @click.stop>
+      <div class="oc-modal-shell w-full max-w-3xl overflow-hidden" @click.stop>
         <div class="flex items-start justify-between border-b border-slate-200 px-5 py-4">
           <div>
             <p class="text-xs font-semibold uppercase tracking-[0.22em] text-sky-700">Quick Upload</p>
@@ -228,7 +228,13 @@ onBeforeUnmount(() => {
               <span class="font-medium text-slate-700">正在上传 {{ currentItemIndex }} / {{ totalItems }}</span>
               <span class="font-medium text-sky-700">{{ overallProgress }}%</span>
             </div>
-            <NProgress type="line" :percentage="overallProgress" :show-indicator="false" color="#0ea5e9" rail-color="#dbeafe" />
+            <NProgress
+              type="line"
+              :percentage="overallProgress"
+              :show-indicator="false"
+              color="var(--oc-color-info)"
+              rail-color="var(--oc-color-border)"
+            />
           </div>
 
           <div