Upload 13 files

index.html

@@ -495,12 +495,18 @@
             );
         },
 
-        observe(img, src) {
-            if (!src) return;
-            if (!this.observer) {
-                img.src = src;
-                return;
-            }
+        observe(img, src) {
+            if (!src) return;
+            if (Device.isMobile) {
+                img.loading = 'eager';
+                img.decoding = 'auto';
+                img.src = src;
+                return;
+            }
+            if (!this.observer) {
+                img.src = src;
+                return;
+            }
             img.dataset.src = src;
             this.observer.observe(img);
         }
@@ -687,13 +693,13 @@
             }
 
             // Main image
-            const img = document.createElement('img');
-            img.loading = 'lazy';
-            img.decoding = 'async';
-            img.fetchPriority = 'low';
+            const img = document.createElement('img');
+            img.loading = Device.isMobile ? 'eager' : 'lazy';
+            img.decoding = Device.isMobile ? 'auto' : 'async';
+            img.fetchPriority = Device.isMobile ? 'auto' : 'low';
             const displaySrc = item.thumb || item.image || item.imageUrl;
             LazyImageLoader.observe(img, displaySrc);
-            img.alt = `作品 ${item.id}`;
+            img.alt = `作品 ${item.id}`;
             img.onerror = () => {
                 console.error('图片加载失败, ID:', item.id);
                 img.src = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23333" width="100" height="100"/><text fill="%23666" x="50%" y="50%" text-anchor="middle" dy=".3em">Error</text></svg>';
@@ -1092,14 +1098,14 @@
             card.className = 'public-card';
             card.dataset.id = item.id;
 
-            const img = document.createElement('img');
-            img.loading = 'lazy';
-            img.decoding = 'async';
-            img.fetchPriority = 'low';
+            const img = document.createElement('img');
+            img.loading = Device.isMobile ? 'eager' : 'lazy';
+            img.decoding = Device.isMobile ? 'auto' : 'async';
+            img.fetchPriority = Device.isMobile ? 'auto' : 'low';
             const imageSrc = item.image || item.imageUrl;
             LazyImageLoader.observe(img, imageSrc);
-            img.alt = item.prompt || '创意作品';
-            card.appendChild(img);
+            img.alt = item.prompt || '创意作品';
+            card.appendChild(img);
 
             const info = document.createElement('div');
             info.className = 'public-card-info';
@@ -1354,16 +1360,19 @@
                 const timeoutMs = Device.isMobile ? 300000 : 120000;
                 const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
 
-                const response = await fetch('/api/generate', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({
-                        prompt: prompt,
-                        images: AppState.currentImages,
-                        preferUrl: Device.isMobile
-                    }),
-                    signal: controller.signal
-                });
+                const requestBody = {
+                    prompt: prompt,
+                    images: AppState.currentImages,
+                    preferUrl: Device.isMobile,
+                    imageSize: '4K'
+                };
+
+                const response = await fetch('/api/generate', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(requestBody),
+                    signal: controller.signal
+                });
                 clearTimeout(timeoutId);
 
                 const data = await response.json();

server.js

@@ -168,12 +168,23 @@ const APIService = {
      * @param {string} prompt - User prompt
      * @param {Array<string>} images - Uploaded images
      */
-    async generateImage(prompt, images = []) {
-        const parts = MessageBuilder.buildParts(prompt, images);
-
-        const payload = {
-            contents: [{ parts }]
-        };
+    async generateImage(prompt, images = [], options = {}) {
+        const parts = MessageBuilder.buildParts(prompt, images);
+
+        const payload = {
+            contents: [{ parts }]
+        };
+
+        const imageConfig = {};
+        if (options.imageSize) {
+            imageConfig.imageSize = options.imageSize;
+        }
+        if (options.aspectRatio) {
+            imageConfig.aspectRatio = options.aspectRatio;
+        }
+        if (Object.keys(imageConfig).length > 0) {
+            payload.generationConfig = { imageConfig };
+        }
 
         const apiUrl = CONFIG.apiUrl.includes('{model}')
             ? CONFIG.apiUrl.replace('{model}', CONFIG.modelName)
@@ -565,7 +576,7 @@ app.get('/api/check-auth', (req, res) => {
 
 // Generate image (multi-image)
 app.post('/api/generate', authMiddleware, async (req, res) => {
-    const { prompt, images, preferUrl } = req.body;
+    const { prompt, images, preferUrl, imageSize, aspectRatio } = req.body;
     const requestStart = Date.now();
     StatsStore.activeRequests += 1;
     let recorded = false;
@@ -616,7 +627,22 @@ app.post('/api/generate', authMiddleware, async (req, res) => {
         console.log('[DEBUG] Model:', CONFIG.modelName);
         console.log(`[${new Date().toISOString()}] API key: ${CONFIG.apiKey.substring(0, 10)}...`);
 
-        const apiResponse = await APIService.generateImage(trimmedPrompt, uploadedImages);
+        const allowImageConfig = /gemini-3/i.test(CONFIG.modelName);
+        const resolvedImageSize = typeof imageSize === 'string'
+            ? imageSize
+            : (preferUrl ? '1K' : null);
+        const resolvedAspectRatio = typeof aspectRatio === 'string' ? aspectRatio : null;
+        const apiOptions = {};
+        if (allowImageConfig) {
+            if (resolvedImageSize) {
+                apiOptions.imageSize = resolvedImageSize;
+            }
+            if (resolvedAspectRatio) {
+                apiOptions.aspectRatio = resolvedAspectRatio;
+            }
+        }
+
+        const apiResponse = await APIService.generateImage(trimmedPrompt, uploadedImages, apiOptions);
         const imageData = APIService.extractImageFromResponse(apiResponse);
         const wantsUrl = Boolean(preferUrl);
         let imageUrl = null;

style.css

@@ -561,11 +561,22 @@ body.has-preview header {
     animation: spin 0.8s linear infinite;
 }
 
-@media (max-width: 768px) {
-    .icon-btn.spinning {
-        animation: spin 1s linear infinite;
-        opacity: 0.8;
-    }
+@media (max-width: 768px) {
+    .public-card,
+    .history-item {
+        content-visibility: visible;
+        contain-intrinsic-size: auto;
+    }
+
+    .public-card img,
+    .history-item img {
+        transform: none !important;
+    }
+
+    .icon-btn.spinning {
+        animation: spin 1s linear infinite;
+        opacity: 0.8;
+    }
 }
 
 .history-item {