diff --git a/supply.html b/supply.html
index d945d9c..294355a 100644
--- a/supply.html
+++ b/supply.html
@@ -783,22 +783,25 @@
.image-viewer-content {
position: relative;
- max-width: 90%;
- max-height: 90%;
+ width: 500px; /* 固定宽度 */
+ height: 350px; /* 固定高度 */
cursor: default;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.image-viewer-close {
position: absolute;
- top: 20px;
- right: 20px;
- width: 40px;
- height: 40px;
+ top: -30px;
+ right: -30px;
+ width: 30px;
+ height: 30px;
background-color: rgba(255, 255, 255, 0.2);
color: white;
border: none;
border-radius: 50%;
- font-size: 24px;
+ font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
@@ -815,13 +818,13 @@
position: absolute;
top: 50%;
transform: translateY(-50%);
- width: 50px;
- height: 50px;
+ width: 40px;
+ height: 40px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
border: none;
border-radius: 50%;
- font-size: 30px;
+ font-size: 24px;
cursor: pointer;
display: flex;
align-items: center;
@@ -835,23 +838,23 @@
}
.prev-btn {
- left: -25px;
+ left: -60px;
}
.next-btn {
- right: -25px;
+ right: -60px;
}
/* 图片计数器 */
.image-viewer-counter {
position: absolute;
- bottom: -40px;
+ bottom: -30px;
left: 50%;
transform: translateX(-50%);
- background-color: rgba(0, 0, 0, 0.6);
+ background-color: transparent;
color: white;
- padding: 8px 16px;
- border-radius: 20px;
+ padding: 4px 12px;
+ border-radius: 15px;
font-size: 14px;
font-weight: 500;
}