snapshot before merge

write/src/app/page.tsx

@@ -121,10 +121,10 @@ export default function HomePage() {
   };
 
   return (
-    <div className="px-8 py-8">
-      {/* Dashboard stats */}
+    <div className="px-4 py-6 md:px-8 md:py-8">
+      {/* Dashboard stats: hidden on mobile, full cards on >=sm */}
       {stats && (
-        <div className="grid grid-cols-3 gap-4 mb-8">
+        <div className="hidden sm:grid sm:grid-cols-3 gap-4 mb-8">
           <div className="bg-card border border-line rounded-lg p-4 flex items-center gap-3">
             <div className="w-9 h-9 bg-accent/8 rounded-lg flex items-center justify-center">
               <PostIcon size={17} className="text-accent" />
@@ -156,7 +156,7 @@ export default function HomePage() {
       )}
 
       {/* Header */}
-      <div className="flex items-center justify-between mb-6">
+      <div className="hidden md:flex items-center justify-between mb-6 gap-3 flex-wrap">
         <div>
           <div className="flex items-center gap-3 mb-1">
             <button type="button" onClick={() => router.back()} className="p-1 -ml-1 rounded hover:bg-surface text-muted hover:text-text transition-colors">
@@ -186,7 +186,7 @@ export default function HomePage() {
 
       {/* Batch action bar */}
       {selectMode && selected.size > 0 && (
-        <div className="mb-4 p-3 bg-accent/5 border border-accent/20 rounded-lg flex items-center gap-3">
+        <div className="mb-4 p-3 bg-accent/5 border border-accent/20 rounded-lg flex items-center gap-3 flex-wrap">
           <span className="text-[12px] font-medium text-text">已选 {selected.size} 篇</span>
           <select
             value={batchAction || ""}
@@ -220,11 +220,30 @@ export default function HomePage() {
         </div>
       )}
 
-      {/* Search */}
-      <div className="relative mb-6">
-        <Search size={15} className="absolute left-3 top-1/2 -translate-y-1/2 text-muted/50" />
-        <input type="text" value={search} onChange={(e) => { setSearch(e.target.value); setPage(1); }}
-          placeholder="搜索标题、分类..." className="w-full pl-9 pr-4 py-2.5 bg-card border border-line rounded-md text-[13px] text-text placeholder:text-muted/40 focus:outline-none focus:border-accent/30 transition-colors" />
+      {/* Search + (mobile) quick actions */}
+      <div className="flex items-center gap-2 mb-6">
+        <div className="relative flex-1">
+          <Search size={15} className="absolute left-3 top-1/2 -translate-y-1/2 text-muted/50" />
+          <input type="text" value={search} onChange={(e) => { setSearch(e.target.value); setPage(1); }}
+            placeholder="搜索标题、分类..." className="w-full pl-9 pr-4 py-2.5 bg-card border border-line rounded-md text-[13px] text-text placeholder:text-muted/40 focus:outline-none focus:border-accent/30 transition-colors" />
+        </div>
+        <button
+          type="button"
+          onClick={() => { setSelectMode(!selectMode); setSelected(new Set()); setBatchAction(null); }}
+          aria-label="批量"
+          className={`md:hidden shrink-0 h-[38px] w-[38px] inline-flex items-center justify-center rounded-md border transition-colors ${
+            selectMode ? "bg-accent/5 border-accent/30 text-accent" : "border-line text-muted hover:text-accent"
+          }`}
+        >
+          <CheckSquare size={16} />
+        </button>
+        <Link
+          href="/edit"
+          aria-label="新建"
+          className="md:hidden shrink-0 h-[38px] w-[38px] inline-flex items-center justify-center rounded-md bg-accent text-white hover:bg-accent-hover transition-colors"
+        >
+          <Plus size={17} />
+        </Link>
       </div>
 
       {/* Article list */}
@@ -276,7 +295,7 @@ export default function HomePage() {
               </div>
 
               {!selectMode && (
-                <div className="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity">
+                <div className="flex items-center gap-0.5 md:opacity-0 md:group-hover:opacity-100 transition-opacity">
                   <button type="button" onClick={() => handlePreview(post.slug)}
                     className="p-1.5 rounded hover:bg-accent/8 text-muted hover:text-accent transition-colors" title="预览"><Eye size={14} /></button>
                   <button type="button" onClick={() => router.push(`/edit/${post.slug}`)}