From 38a64b4ec1c0eeb7746a841463fe78004aeffc60 Mon Sep 17 00:00:00 2001
From: jacobxu666 <jacobxu666@gmail.com>
Date: Tue, 4 Aug 2026 23:22:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A9=E5=AD=90=E7=AB=AF=E6=A0=B7=E5=BC=8F:?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=8F=8C=E5=8D=A1=E5=93=8D=E5=BA=94=E5=BC=8F?=
 =?UTF-8?q?+=E8=83=8C=E6=99=AF=E9=93=BA=E6=BB=A1=E7=BB=9F=E4=B8=80+?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=A4=B4=E9=83=A8=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 首页"每周检测/错题本"双卡窄屏时改为单列堆叠,避免一个换行一个不换行
- 背景光斑改绝对定位铺满整页高度并加统一渐变底色,去掉底部白块
- 知识点详情页头部(课程地图与徽章行)间距加大

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/app/kid/page.tsx                |  4 ++--
 src/app/learn/[id]/page.tsx         |  2 +-
 src/components/background-blobs.tsx | 10 +++++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/kid/page.tsx b/src/app/kid/page.tsx
index eb75c37..316757c 100644
--- a/src/app/kid/page.tsx
+++ b/src/app/kid/page.tsx
@@ -32,7 +32,7 @@ export default async function KidPage() {
   const gDone = gPassed.size;
 
   return (
-    <main className="relative mx-auto max-w-lg space-y-5 p-4 pb-10">
+    <main className="relative mx-auto min-h-dvh max-w-lg space-y-5 p-4 pb-10">
       <BackgroundBlobs />
       <header className="flex items-center justify-between">
         <div>
@@ -63,7 +63,7 @@ export default async function KidPage() {
         </div>
       </Link>
 
-      <div className="grid grid-cols-2 gap-3">
+      <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
         <Link href="/weekly" className="block">
           <div className="flex items-center gap-2 rounded-xl border border-slate-100 bg-white p-3 shadow-soft transition-transform duration-200 hover:-translate-y-0.5">
             <span className="text-xl">📝</span>
diff --git a/src/app/learn/[id]/page.tsx b/src/app/learn/[id]/page.tsx
index fedc5e4..18d01ac 100644
--- a/src/app/learn/[id]/page.tsx
+++ b/src/app/learn/[id]/page.tsx
@@ -21,7 +21,7 @@ export default async function LessonPage({ params }: { params: Promise<{ id: str
   return (
     <main className="relative mx-auto max-w-2xl space-y-5 p-4 pb-12">
       <BackgroundBlobs />
-      <header className="space-y-3">
+      <header className="space-y-4">
         <Link href="/learn" className="text-sm font-medium text-indigo-600">
           ← 课程地图
         </Link>
diff --git a/src/components/background-blobs.tsx b/src/components/background-blobs.tsx
index 2637a4a..e047108 100644
--- a/src/components/background-blobs.tsx
+++ b/src/components/background-blobs.tsx
@@ -1,9 +1,13 @@
-// 页面氛围光斑:两个大号模糊渐变圆,固定于背景(企业信任风的纵深元素)
+// 页面氛围背景:绝对定位铺满整页高度,统一底色 + 两个模糊渐变光斑
 export function BackgroundBlobs() {
   return (
-    <div aria-hidden className="pointer-events-none fixed inset-0 -z-10 overflow-hidden">
+    <div
+      aria-hidden
+      className="pointer-events-none absolute inset-0 -z-10 overflow-hidden bg-gradient-to-b from-slate-50 via-slate-50 to-indigo-100/60"
+    >
       <div className="bg-blob -top-32 -right-24 size-[480px] bg-indigo-300/30" />
-      <div className="bg-blob -bottom-40 -left-24 size-[420px] bg-violet-300/25" />
+      <div className="bg-blob top-1/3 -left-32 size-[420px] bg-violet-300/20" />
+      <div className="bg-blob -bottom-40 -right-24 size-[420px] bg-violet-300/25" />
     </div>
   );
 }