更新ui样式，并修复已知问题 (#8)

Reviewed-on: #8

src/views/gallery/GalleryView.vue

@@ -342,7 +342,7 @@ onUnmounted(() => {
 <template>
   <div>
     <section class="oc-page-hero">
-      <div class="oc-container oc-container--wide oc-page-hero__inner">
+      <div class="oc-container oc-container--content oc-page-hero__inner">
         <p class="oc-page-eyebrow">Community Gallery</p>
         <h1 class="oc-page-title">云图画廊</h1>
         <p class="oc-page-description">
@@ -351,9 +351,9 @@ onUnmounted(() => {
       </div>
     </section>
 
-    <div class="oc-container oc-container--wide oc-page-content">
+    <div class="oc-container oc-container--content oc-page-content">
       <section>
-        <div class="mb-4 border border-slate-200 bg-white p-3 shadow-[6px_6px_0_0_rgba(15,23,42,0.05)]">
+        <div class="oc-panel-card mb-4 border border-slate-200 bg-white p-3">
           <div class="flex items-center gap-3">
             <NIcon size="20" class="shrink-0 text-slate-400">
               <Search />
@@ -430,7 +430,7 @@ onUnmounted(() => {
           :key="cloud.id"
           type="button"
           @click="openDetail(cloud)"
-          class="oc-interactive-card group relative mb-3 block w-full break-inside-avoid overflow-hidden border border-slate-200 bg-slate-200 text-left shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg"
+          class="oc-interactive-card group relative mb-3 block w-full break-inside-avoid overflow-hidden border border-slate-200 bg-slate-200 text-left transition-transform duration-300 hover:-translate-y-1"
         >
           <img
             :src="cloud.thumbnail_url || cloud.image_url"