diff --git a/index.html b/index.html
index 4f3ba48..85b3dc0 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=768, initial-scale=1.0">
     <title>晓螺｜摄影接单</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/src/App.vue b/src/App.vue
index 0355472..abf8be2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -94,7 +94,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="min-h-screen bg-gradient-to-br from-gray-100 to-gray-200 px-4 py-8">
+  <div class="min-h-screen bg-gradient-to-br from-gray-100 to-gray-200 min-[769px]:px-4 min-[769px]:py-8">
     <div class="fixed top-4 right-4 z-50 flex gap-2">
       <button
         class="cursor-pointer bg-white/90 backdrop-blur-sm text-gray-700 px-4 py-2 rounded-full shadow-lg hover:bg-white transition-all duration-300 flex items-center gap-2 hover:scale-105"
@@ -178,7 +178,7 @@ onMounted(() => {
             <div class="text-3xl font-bold text-yellow-400">近期例图</div>
             <Star :size="24" class="text-yellow-400" fill="currentColor" />
           </div>
-          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 mb-8">
+          <div class="grid grid-cols-3 gap-2 mb-8">
             <div v-for="(column, colIndex) in columns" :key="colIndex" class="space-y-2">
               <div v-for="photo in column" :key="photo.id" class="relative rounded-lg overflow-hidden group">
                 <img :src="photo.url" :alt="photo.title" class="w-full h-auto block rounded-lg" />
