From d980c4fa4ecc625b79f8d9a674f6bf2b5b1d054f Mon Sep 17 00:00:00 2001
From: NowScott <nowscott@qq.com>
Date: Tue, 17 Mar 2026 23:07:03 +0800
Subject: [PATCH 1/2] =?UTF-8?q?style(about):=20=E4=BC=98=E5=8C=96=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E5=B8=83=E5=B1=80=E5=92=8C=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整关于页面的响应式设计，改善在移动设备上的显示效果：
- 优化主容器和标题区域的间距与内边距
- 将核心理念卡片改为移动端堆叠布局，并调整图标和文字排列
- 统一文本颜色为更柔和的色调
- 调整底部按钮的尺寸和间距
---
 pages/about.js | 56 ++++++++++++++++++++++++++++----------------------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/pages/about.js b/pages/about.js
index c187cee..f19d648 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -27,49 +27,55 @@ const AboutPage = ({ count, lastFetched, posts }) => {
       <HeaderBar lastFetched={lastFetched} count={count} />
       <FontMenu />
 
-      <main className="flex-1 max-w-4xl mx-auto px-6 py-12 sm:py-20 text-center">
+      <main className="flex-1 max-w-4xl mx-auto px-4 sm:px-6 py-8 sm:py-20 text-center">
         {/* 大标题 */}
-        <div className="mb-12">
-          <h1 className="text-4xl sm:text-6xl font-bold tracking-tight mb-6">
+        <div className="mb-10 sm:mb-12">
+          <h1 className="text-4xl sm:text-6xl font-bold tracking-tight mb-4 sm:mb-6">
             <span className="bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 via-sky-500 to-indigo-600 dark:from-zinc-100 dark:to-zinc-500">
               Individual Web Index
             </span>
           </h1>
-          <p className="text-base sm:text-lg text-slate-800 dark:text-zinc-400 leading-relaxed italic">
+          <p className="text-base sm:text-lg text-slate-600 dark:text-zinc-400 leading-relaxed max-w-2xl mx-auto">
             探索互联网的角落，发现那些有趣且独立的网页
           </p>
         </div>
 
         {/* 核心理念 */}
-        <div className="grid sm:grid-cols-3 gap-6 mt-16 text-left">
-          <div className="p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-sky-400/50 transition-[background-color,border-color]">
-            <HiOutlineSparkles className="w-8 h-8 text-sky-500 mb-4" />
-            <h3 className="text-lg font-extrabold mb-2 text-sky-600 dark:text-zinc-100">独立精神</h3>
-            <p className="text-sm text-slate-700 dark:text-zinc-400 leading-relaxed">
-              我们致力于发掘那些不随波逐流、充满个性和创意的独立个人网站，让互联网回归本心。
-            </p>
+        <div className="grid grid-cols-1 sm:grid-cols-3 gap-3 sm:gap-6 mt-6 sm:mt-16 text-left">
+          <div className="flex sm:block items-start p-4 sm:p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-sky-400/50 transition-[background-color,border-color]">
+            <HiOutlineSparkles className="w-8 h-8 text-sky-500 shrink-0 mr-4 sm:mr-0 sm:mb-4" />
+            <div>
+              <h3 className="text-base sm:text-lg font-extrabold mb-1 sm:mb-2 text-sky-600 dark:text-zinc-100">独立精神</h3>
+              <p className="text-sm text-slate-600 dark:text-zinc-400 leading-relaxed">
+                我们致力于发掘那些不随波逐流、充满个性和创意的独立个人网站，让互联网回归本心。
+              </p>
+            </div>
           </div>
-          <div className="p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-blue-400/50 transition-[background-color,border-color]">
-            <HiOutlineCollection className="w-8 h-8 text-blue-500 mb-4" />
-            <h3 className="text-lg font-extrabold mb-2 text-indigo-600 dark:text-zinc-100">精心收录</h3>
-            <p className="text-sm text-slate-700 dark:text-zinc-400 leading-relaxed">
-              每一个被收录的网页都经过人工审核，确保其内容的质量和独特性，拒绝信息碎片。
-            </p>
+          <div className="flex sm:block items-start p-4 sm:p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-blue-400/50 transition-[background-color,border-color]">
+            <HiOutlineCollection className="w-8 h-8 text-blue-500 shrink-0 mr-4 sm:mr-0 sm:mb-4" />
+            <div>
+              <h3 className="text-base sm:text-lg font-extrabold mb-1 sm:mb-2 text-indigo-600 dark:text-zinc-100">精心收录</h3>
+              <p className="text-sm text-slate-600 dark:text-zinc-400 leading-relaxed">
+                每一个被收录的网页都经过人工审核，确保其内容的质量和独特性，拒绝信息碎片。
+              </p>
+            </div>
           </div>
-          <div className="p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-cyan-400/50 transition-[background-color,border-color]">
-            <HiOutlineHeart className="w-8 h-8 text-cyan-500 mb-4" />
-            <h3 className="text-lg font-extrabold mb-2 text-cyan-600 dark:text-zinc-100">开源共建</h3>
-            <p className="text-sm text-slate-700 dark:text-zinc-400 leading-relaxed">
-              IndWebIndex 是一个完全开源的项目。任何人都可以通过提交 Issue 或投稿来丰富我们的索引库。
-            </p>
+          <div className="flex sm:block items-start p-4 sm:p-6 rounded-2xl bg-[linear-gradient(165deg,rgba(255,255,255,0.94),rgba(241,248,255,0.9))] dark:bg-[linear-gradient(165deg,rgba(42,42,46,0.92),rgba(28,28,30,0.95))] border border-slate-300 dark:border-zinc-700/90 shadow-sm hover:border-cyan-400/50 transition-[background-color,border-color]">
+            <HiOutlineHeart className="w-8 h-8 text-cyan-500 shrink-0 mr-4 sm:mr-0 sm:mb-4" />
+            <div>
+              <h3 className="text-base sm:text-lg font-extrabold mb-1 sm:mb-2 text-cyan-600 dark:text-zinc-100">开源共建</h3>
+              <p className="text-sm text-slate-600 dark:text-zinc-400 leading-relaxed">
+                IndWebIndex 是一个完全开源的项目。任何人都可以通过提交 Issue 或投稿来丰富我们的索引库。
+              </p>
+            </div>
           </div>
         </div>
 
         {/* 底部按钮 */}
-        <div className="mt-16">
+        <div className="mt-10 sm:mt-16">
           <Link 
             href="/"
-            className="inline-flex items-center justify-center px-8 py-2.5 rounded-full border border-slate-300/80 dark:border-zinc-500/80 bg-[linear-gradient(160deg,rgba(255,255,255,0.92),rgba(236,245,255,0.88))] dark:bg-[linear-gradient(160deg,rgba(48,48,53,0.92),rgba(29,29,32,0.95))] text-slate-700 dark:text-zinc-100 font-bold hover:border-sky-400/50 dark:hover:border-zinc-300 transition-[background-color,border-color,color,transform,box-shadow] duration-300 shadow-md dark:shadow-[0_0_0_1px_rgba(255,255,255,0.04)] hover:shadow-lg active:scale-95"
+            className="inline-flex items-center justify-center px-8 py-3 rounded-full text-base sm:text-lg border border-slate-300/80 dark:border-zinc-500/80 bg-[linear-gradient(160deg,rgba(255,255,255,0.92),rgba(236,245,255,0.88))] dark:bg-[linear-gradient(160deg,rgba(48,48,53,0.92),rgba(29,29,32,0.95))] text-slate-700 dark:text-zinc-100 font-bold hover:border-sky-400/50 dark:hover:border-zinc-300 transition-[background-color,border-color,color,transform,box-shadow] duration-300 shadow-md dark:shadow-[0_0_0_1px_rgba(255,255,255,0.04)] hover:shadow-lg active:scale-95"
           >
             开始探索
           </Link>

From 3d5b31de45cbe8b6d8de23072b7c3a4c5d1bc3f0 Mon Sep 17 00:00:00 2001
From: NowScott <nowscott@qq.com>
Date: Tue, 17 Mar 2026 23:13:23 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Next.js=20?=
 =?UTF-8?q?=E5=AE=9E=E9=AA=8C=E6=80=A7=E9=85=8D=E7=BD=AE=E4=BB=A5=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E6=96=B0=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更新 `allowedDevOrigins` 为 `serverActions.allowedOrigins`，以适配 Next.js 对实验性服务器操作配置的变更，消除开发警告。
---
 next.config.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 5db47f4..d5f3d83 100644
--- a/next.config.js
+++ b/next.config.js
@@ -13,7 +13,9 @@ const nextConfig = {
   },
   experimental: {
     // 允许局域网 IP 访问，避免 Next.js 警告
-    allowedDevOrigins: ['localhost:3000', '192.168.31.231:3000'],
+    serverActions: {
+      allowedOrigins: ['localhost:3000', '192.168.31.231:3000'],
+    },
   },
   async redirects() {
     return [