From b0759becbbdfac8fbeaab4c1d8c99c730c4cb70d Mon Sep 17 00:00:00 2001
From: Mplan <mplan_@outlook.com>
Date: Fri, 21 Aug 2026 02:45:34 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E5=9B=BE=E7=89=87=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E6=94=B9=E4=B8=BA=E7=9B=B4=E8=A7=92=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=B9=B6=E8=B0=83=E6=95=B4=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cloud/ImageDetailModal.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/components/cloud/ImageDetailModal.vue b/src/components/cloud/ImageDetailModal.vue
index 182df62..4394349 100644
--- a/src/components/cloud/ImageDetailModal.vue
+++ b/src/components/cloud/ImageDetailModal.vue
@@ -49,10 +49,10 @@ const layout = computed(() => {
     ? naturalWidth.value / naturalHeight.value
     : 4 / 3
   const maxModalWidth = viewportWidth.value > 0
-    ? Math.max(Math.min(viewportWidth.value * 0.92, viewportWidth.value - 32), 280)
+    ? Math.max(Math.min(viewportWidth.value * 0.95, viewportWidth.value - 32), 280)
     : 320
   const maxImageHeight = viewportHeight.value > 0
-    ? Math.max(viewportHeight.value * 0.86, 240)
+    ? Math.max(viewportHeight.value * 0.9, 240)
     : 360
   const imageWidth = Math.min(maxModalWidth, maxImageHeight * aspectRatio)
 
@@ -187,11 +187,11 @@ onBeforeUnmount(() => {
           <button
             type="button"
             @click="close"
-            class="image-detail-close-button oc-overlay-button absolute right-4 top-4 z-30 h-10 w-10 [&_svg]:stroke-[2.5]"
+            class="oc-overlay-button absolute right-3 top-3 z-30 h-9 w-9 opacity-0 drop-shadow-[0_2px_8px_rgba(15,23,42,0.9)] transition-opacity duration-200 hover:opacity-100 focus-visible:opacity-100"
             aria-label="关闭大图"
             title="关闭大图"
           >
-            <NIcon size="22">
+            <NIcon size="20">
               <X />
             </NIcon>
           </button>
@@ -301,13 +301,7 @@ onBeforeUnmount(() => {
   transform: translateY(10px) scale(0.97);
 }
 
-.image-detail-shell.image-detail-shell {
-  border-radius: 30px !important;
-}
-
-.image-detail-close-button.image-detail-close-button,
-.image-detail-info-button.image-detail-info-button,
-.image-detail-panel-close.image-detail-panel-close {
+.image-detail-info-button.image-detail-info-button {
   border-radius: 9999px !important;
 }
 </style>