#1 大幅改进页面显示效果 (#1)

Reviewed-on: #1

src/components/cloud/CloudEditModal.vue

@@ -251,8 +251,8 @@ watch(() => props.initialValue, value => {
         </div>
 
         <div class="flex items-center justify-end gap-3 border-t border-slate-200 px-6 py-4">
-          <NButton secondary strong @click="close">取消</NButton>
-          <NButton type="primary" secondary strong :loading="saving" @click="save">
+          <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" @click="close">取消</NButton>
+          <NButton type="default" secondary strong class="oc-panel-button oc-panel-button--sky" :loading="saving" @click="save">
             保存修改
           </NButton>
         </div>

src/components/cloud/EncyclopediaProgressCard.vue

@@ -29,7 +29,7 @@ const currentColor = computed(() => progressColor(props.isLoggedIn ? props.perce
 </script>
 
 <template>
-  <NCard class="border border-white/80 bg-white/85 shadow-sm backdrop-blur" :bordered="false">
+  <NCard class="oc-panel-card-soft border border-white/80 bg-white/85 shadow-sm backdrop-blur" :bordered="false">
     <div class="flex items-center justify-between">
       <div>
         <p class="text-sm text-slate-500">当前进度</p>

src/components/cloud/MapPickerModal.vue

@@ -194,11 +194,12 @@ onBeforeUnmount(() => {
         <div class="flex items-center justify-between border-t border-slate-200 px-6 py-4">
           <p class="text-sm text-slate-500">{{ footerText }}</p>
           <div class="flex gap-3">
-            <NButton secondary strong @click="close">取消</NButton>
+            <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" @click="close">取消</NButton>
             <NButton
-              type="primary"
+              type="default"
               secondary
               strong
+              class="oc-panel-button oc-panel-button--sky"
               :disabled="pickedLat === null || pickedLng === null"
               @click="confirm"
             >

src/components/cloud/QuickUploadModal.vue

@@ -375,8 +375,8 @@ onBeforeUnmount(() => {
         </div>
 
         <div class="flex items-center justify-end gap-3 border-t border-slate-200 bg-slate-50 px-5 py-4">
-          <NButton secondary strong :disabled="uploading" @click="close">关闭</NButton>
-          <NButton type="primary" secondary strong :disabled="uploading || items.length === 0" @click="handleSubmit">
+          <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" :disabled="uploading" @click="close">关闭</NButton>
+          <NButton type="default" secondary strong class="oc-panel-button oc-panel-button--sky" :disabled="uploading || items.length === 0" @click="handleSubmit">
             {{ uploading ? '上传中...' : '提交审核' }}
           </NButton>
         </div>