snapshot before merge

write/src/app/images/page.tsx

@@ -58,7 +58,7 @@ export default function ImagesPage() {
   };
 
   return (
-    <div className="px-8 py-8">
+    <div className="px-4 py-6 md:px-8 md:py-8">
       <div className="flex items-center justify-between mb-8">
         <div className="flex items-center gap-3">
           <button type="button" onClick={() => router.back()} className="p-1 -ml-1 rounded hover:bg-surface text-muted hover:text-text transition-colors">
@@ -84,7 +84,7 @@ export default function ImagesPage() {
           <p className="text-sm text-muted">暂无图片</p>
         </div>
       ) : (
-        <div className="grid grid-cols-4 gap-3">
+        <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3">
           {images.map((img) => (
             <div key={img.path} className="bg-card border border-line rounded-lg overflow-hidden group hover:border-accent/20 transition-all">
               <div className="aspect-square bg-surface flex items-center justify-center overflow-hidden">