优化数据库初始化，新增用户收货地址表以支持多地址管理；更新章节页面和我的页面，整合底部导航组件，提升用户体验；调整小程序设置页面，增加收货地址管理功能，优化样式与布局。

app/api/db/init/route.ts

@@ -154,6 +154,30 @@ export async function GET(request: NextRequest) {
       results.push('✅ 创建system_config表')
     }
     
+    // 6. 用户收货地址表（多地址，类似淘宝）
+    try {
+      await query('SELECT 1 FROM user_addresses LIMIT 1')
+      results.push('✅ user_addresses表已存在')
+    } catch (e) {
+      await query(`
+        CREATE TABLE IF NOT EXISTS user_addresses (
+          id VARCHAR(50) PRIMARY KEY,
+          user_id VARCHAR(50) NOT NULL,
+          name VARCHAR(50) NOT NULL,
+          phone VARCHAR(20) NOT NULL,
+          province VARCHAR(50) NOT NULL,
+          city VARCHAR(50) NOT NULL,
+          district VARCHAR(50) NOT NULL,
+          detail VARCHAR(200) NOT NULL,
+          is_default TINYINT(1) DEFAULT 0,
+          created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+          updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+          INDEX idx_user_id (user_id)
+        ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
+      `)
+      results.push('✅ 创建user_addresses表')
+    }
+    
     console.log('[DB Init] 数据库升级完成')
     
     return NextResponse.json({

app/api/user/addresses/[id]/route.ts

@@ -0,0 +1,112 @@
+/**
+ * 用户收货地址 - 单条详情 / 编辑 / 删除 / 设为默认
+ * GET: 详情
+ * PUT: 更新（name, phone, detail 等；省/市/区可选）
+ * DELETE: 删除
+ */
+
+import { NextRequest, NextResponse } from 'next/server'
+import { query } from '@/lib/db'
+
+async function getOne(id: string) {
+  const rows = await query(
+    `SELECT id, user_id, name, phone, province, city, district, detail, is_default, created_at, updated_at
+     FROM user_addresses WHERE id = ?`,
+    [id]
+  ) as any[]
+  if (!rows || rows.length === 0) return null
+  const r = rows[0]
+  return {
+    id: r.id,
+    userId: r.user_id,
+    name: r.name,
+    phone: r.phone,
+    province: r.province,
+    city: r.city,
+    district: r.district,
+    detail: r.detail,
+    isDefault: !!r.is_default,
+    fullAddress: `${r.province}${r.city}${r.district}${r.detail}`,
+    createdAt: r.created_at,
+    updatedAt: r.updated_at,
+  }
+}
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    if (!id) {
+      return NextResponse.json({ success: false, message: '缺少地址 id' }, { status: 400 })
+    }
+    const item = await getOne(id)
+    if (!item) {
+      return NextResponse.json({ success: false, message: '地址不存在' }, { status: 404 })
+    }
+    return NextResponse.json({ success: true, item })
+  } catch (e) {
+    console.error('[Addresses] GET one error:', e)
+    return NextResponse.json({ success: false, message: '获取地址失败' }, { status: 500 })
+  }
+}
+
+export async function PUT(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    if (!id) {
+      return NextResponse.json({ success: false, message: '缺少地址 id' }, { status: 400 })
+    }
+    const body = await request.json()
+    const { name, phone, province, city, district, detail, isDefault } = body
+    const existing = await query('SELECT user_id FROM user_addresses WHERE id = ?', [id]) as any[]
+    if (!existing || existing.length === 0) {
+      return NextResponse.json({ success: false, message: '地址不存在' }, { status: 404 })
+    }
+    const userId = existing[0].user_id
+    const updates = []
+    const values = []
+    if (name !== undefined) { updates.push('name = ?'); values.push(name.trim()) }
+    if (phone !== undefined) { updates.push('phone = ?'); values.push(phone.trim()) }
+    if (province !== undefined) { updates.push('province = ?'); values.push((province == null ? '' : String(province)).trim()) }
+    if (city !== undefined) { updates.push('city = ?'); values.push((city == null ? '' : String(city)).trim()) }
+    if (district !== undefined) { updates.push('district = ?'); values.push((district == null ? '' : String(district)).trim()) }
+    if (detail !== undefined) { updates.push('detail = ?'); values.push(detail.trim()) }
+    if (isDefault === true) {
+      await query('UPDATE user_addresses SET is_default = 0 WHERE user_id = ?', [userId])
+      updates.push('is_default = 1')
+    } else if (isDefault === false) {
+      updates.push('is_default = 0')
+    }
+    if (updates.length > 0) {
+      values.push(id)
+      await query(`UPDATE user_addresses SET ${updates.join(', ')}, updated_at = NOW() WHERE id = ?`, values)
+    }
+    const item = await getOne(id)
+    return NextResponse.json({ success: true, item, message: '更新成功' })
+  } catch (e) {
+    console.error('[Addresses] PUT error:', e)
+    return NextResponse.json({ success: false, message: '更新地址失败' }, { status: 500 })
+  }
+}
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    if (!id) {
+      return NextResponse.json({ success: false, message: '缺少地址 id' }, { status: 400 })
+    }
+    await query('DELETE FROM user_addresses WHERE id = ?', [id])
+    return NextResponse.json({ success: true, message: '删除成功' })
+  } catch (e) {
+    console.error('[Addresses] DELETE error:', e)
+    return NextResponse.json({ success: false, message: '删除地址失败' }, { status: 500 })
+  }
+}

app/api/user/addresses/route.ts

@@ -0,0 +1,68 @@
+/**
+ * 用户收货地址 - 列表与新建
+ * GET: 列表（需 userId）
+ * POST: 新建（必填 userId, name, phone, detail；省/市/区可选）
+ */
+
+import { NextRequest, NextResponse } from 'next/server'
+import { query } from '@/lib/db'
+import { randomUUID } from 'crypto'
+
+export async function GET(request: NextRequest) {
+  try {
+    const userId = request.nextUrl.searchParams.get('userId')
+    if (!userId) {
+      return NextResponse.json({ success: false, message: '缺少 userId' }, { status: 400 })
+    }
+    const rows = await query(
+      `SELECT id, user_id, name, phone, province, city, district, detail, is_default, created_at, updated_at
+       FROM user_addresses WHERE user_id = ? ORDER BY is_default DESC, updated_at DESC`,
+      [userId]
+    ) as any[]
+    const list = (rows || []).map((r) => ({
+      id: r.id,
+      userId: r.user_id,
+      name: r.name,
+      phone: r.phone,
+      province: r.province,
+      city: r.city,
+      district: r.district,
+      detail: r.detail,
+      isDefault: !!r.is_default,
+      fullAddress: `${r.province}${r.city}${r.district}${r.detail}`,
+      createdAt: r.created_at,
+      updatedAt: r.updated_at,
+    }))
+    return NextResponse.json({ success: true, list })
+  } catch (e) {
+    console.error('[Addresses] GET error:', e)
+    return NextResponse.json({ success: false, message: '获取地址列表失败' }, { status: 500 })
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { userId, name, phone, province, city, district, detail, isDefault } = body
+    if (!userId || !name || !phone || !detail) {
+      return NextResponse.json(
+        { success: false, message: '缺少必填项：userId, name, phone, detail' },
+        { status: 400 }
+      )
+    }
+    const id = randomUUID().replace(/-/g, '').slice(0, 24)
+    const p = (v: string | undefined) => (v == null ? '' : String(v).trim())
+    if (isDefault) {
+      await query('UPDATE user_addresses SET is_default = 0 WHERE user_id = ?', [userId])
+    }
+    await query(
+      `INSERT INTO user_addresses (id, user_id, name, phone, province, city, district, detail, is_default)
+       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,
+      [id, userId, name.trim(), phone.trim(), p(province), p(city), p(district), detail.trim(), isDefault ? 1 : 0]
+    )
+    return NextResponse.json({ success: true, id, message: '添加成功' })
+  } catch (e) {
+    console.error('[Addresses] POST error:', e)
+    return NextResponse.json({ success: false, message: '添加地址失败' }, { status: 500 })
+  }
+}

app/chapters/page.tsx

@@ -2,10 +2,11 @@
 
 import { useState } from "react"
 import { useRouter } from "next/navigation"
-import { ChevronRight, Lock, Unlock, Book, BookOpen, Home, List, Sparkles, User, Users, Zap, Crown, Search } from "lucide-react"
+import { ChevronRight, Lock, Unlock, Book, BookOpen, Sparkles, Zap, Crown, Search } from "lucide-react"
 import { useStore } from "@/lib/store"
 import { bookData, getTotalSectionCount, specialSections, getPremiumBookPrice, getExtraSectionsCount, BASE_SECTIONS_COUNT } from "@/lib/book-data"
 import { SearchModal } from "@/components/search-modal"
+import { BottomNav } from "@/components/bottom-nav"
 
 export default function ChaptersPage() {
   const router = useRouter()
@@ -209,31 +210,7 @@ export default function ChaptersPage() {
         </div>
       </main>
 
-      <nav className="fixed bottom-0 left-0 right-0 bg-[#1c1c1e]/95 backdrop-blur-xl border-t border-white/5 pb-safe-bottom">
-        <div className="px-4 py-2">
-          <div className="flex items-center justify-around">
-            <button onClick={() => router.push("/")} className="flex flex-col items-center py-2 px-4">
-              <Home className="w-5 h-5 text-gray-500 mb-1" />
-              <span className="text-gray-500 text-xs">首页</span>
-            </button>
-            <button className="flex flex-col items-center py-2 px-4">
-              <List className="w-5 h-5 text-[#00CED1] mb-1" />
-              <span className="text-[#00CED1] text-xs font-medium">目录</span>
-            </button>
-            {/* 找伙伴按钮 */}
-            <button onClick={() => router.push("/match")} className="flex flex-col items-center py-2 px-6 -mt-4">
-              <div className="w-14 h-14 rounded-full bg-gradient-to-br from-[#00CED1] to-[#20B2AA] flex items-center justify-center shadow-lg shadow-[#00CED1]/30">
-                <Users className="w-7 h-7 text-white" />
-              </div>
-              <span className="text-gray-500 text-xs mt-1">找伙伴</span>
-            </button>
-            <button onClick={() => router.push("/my")} className="flex flex-col items-center py-2 px-4">
-              <User className="w-5 h-5 text-gray-500 mb-1" />
-              <span className="text-gray-500 text-xs">我的</span>
-            </button>
-          </div>
-        </div>
-      </nav>
+      <BottomNav />
     </div>
   )
 }

app/my/addresses/[id]/page.tsx

@@ -0,0 +1,196 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { useRouter, useParams } from "next/navigation"
+import { ChevronLeft } from "lucide-react"
+import { useStore } from "@/lib/store"
+
+export default function EditAddressPage() {
+  const router = useRouter()
+  const params = useParams()
+  const id = params.id as string
+  const { user } = useStore()
+  const [loading, setLoading] = useState(false)
+  const [fetching, setFetching] = useState(true)
+  const [name, setName] = useState("")
+  const [phone, setPhone] = useState("")
+  const [province, setProvince] = useState("")
+  const [city, setCity] = useState("")
+  const [district, setDistrict] = useState("")
+  const [detail, setDetail] = useState("")
+  const [isDefault, setIsDefault] = useState(false)
+
+  useEffect(() => {
+    if (!id) {
+      setFetching(false)
+      return
+    }
+    fetch(`/api/user/addresses/${id}`)
+      .then((res) => res.json())
+      .then((data) => {
+        if (data.success && data.item) {
+          const item = data.item
+          setName(item.name)
+          setPhone(item.phone)
+          setProvince(item.province)
+          setCity(item.city)
+          setDistrict(item.district)
+          setDetail(item.detail)
+          setIsDefault(item.isDefault)
+        }
+        setFetching(false)
+      })
+      .catch(() => setFetching(false))
+  }, [id])
+
+  if (!user?.id) {
+    return (
+      <div className="min-h-screen bg-black text-white flex items-center justify-center">
+        <p className="text-white/60">请先登录</p>
+      </div>
+    )
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!name.trim()) {
+      alert("请输入收货人姓名")
+      return
+    }
+    if (!/^1[3-9]\d{9}$/.test(phone)) {
+      alert("请输入正确的手机号")
+      return
+    }
+    // 省/市/区为选填
+    if (!detail.trim()) {
+      alert("请输入详细地址")
+      return
+    }
+    setLoading(true)
+    try {
+      const res = await fetch(`/api/user/addresses/${id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: name.trim(),
+          phone: phone.trim(),
+          province: (province ?? "").trim(),
+          city: (city ?? "").trim(),
+          district: (district ?? "").trim(),
+          detail: detail.trim(),
+          isDefault,
+        }),
+      })
+      const data = await res.json()
+      if (data.success) {
+        router.push("/my/addresses")
+      } else {
+        alert(data.message || "保存失败")
+      }
+    } catch {
+      alert("保存失败")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  if (fetching) {
+    return (
+      <div className="min-h-screen bg-black text-white flex items-center justify-center">
+        <div className="text-white/40 text-sm">加载中...</div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="min-h-screen bg-black text-white pb-24">
+      <header className="sticky top-0 z-40 bg-black/90 backdrop-blur-xl border-b border-white/5">
+        <div className="px-4 py-3 flex items-center">
+          <button onClick={() => router.back()} className="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center">
+            <ChevronLeft className="w-5 h-5 text-white" />
+          </button>
+          <h1 className="flex-1 text-center text-lg font-semibold text-white">编辑地址</h1>
+          <div className="w-8" />
+        </div>
+      </header>
+
+      <form onSubmit={handleSubmit} className="px-4 py-4 space-y-4">
+        <div className="rounded-2xl bg-[#1c1c1e] border border-white/5 overflow-hidden">
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">收货人</label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="请输入收货人姓名"
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">手机号</label>
+            <input
+              type="tel"
+              maxLength={11}
+              value={phone}
+              onChange={(e) => setPhone(e.target.value.replace(/\D/g, ""))}
+              placeholder="请输入手机号"
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">省市区（选填）</label>
+            <div className="flex-1 flex gap-2 justify-end">
+              <input
+                type="text"
+                value={province}
+                onChange={(e) => setProvince(e.target.value)}
+                placeholder="省"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+              <input
+                type="text"
+                value={city}
+                onChange={(e) => setCity(e.target.value)}
+                placeholder="市"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+              <input
+                type="text"
+                value={district}
+                onChange={(e) => setDistrict(e.target.value)}
+                placeholder="区"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+            </div>
+          </div>
+          <div className="flex items-start justify-between p-4">
+            <label className="text-white text-sm w-24 pt-2">详细地址</label>
+            <textarea
+              value={detail}
+              onChange={(e) => setDetail(e.target.value)}
+              placeholder="街道、楼栋、门牌号等"
+              rows={3}
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none resize-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-t border-white/5">
+            <span className="text-white text-sm">设为默认地址</span>
+            <input
+              type="checkbox"
+              checked={isDefault}
+              onChange={(e) => setIsDefault(e.target.checked)}
+              className="w-5 h-5 rounded accent-[#00CED1]"
+            />
+          </div>
+        </div>
+        <button
+          type="submit"
+          disabled={loading}
+          className="w-full py-3 rounded-xl bg-[#00CED1] text-black font-medium disabled:opacity-50"
+        >
+          {loading ? "保存中..." : "保存"}
+        </button>
+      </form>
+    </div>
+  )
+}

app/my/addresses/new/page.tsx

@@ -0,0 +1,163 @@
+"use client"
+
+import { useState } from "react"
+import { useRouter } from "next/navigation"
+import { ChevronLeft } from "lucide-react"
+import { useStore } from "@/lib/store"
+
+export default function NewAddressPage() {
+  const router = useRouter()
+  const { user } = useStore()
+  const [loading, setLoading] = useState(false)
+  const [name, setName] = useState("")
+  const [phone, setPhone] = useState("")
+  const [province, setProvince] = useState("")
+  const [city, setCity] = useState("")
+  const [district, setDistrict] = useState("")
+  const [detail, setDetail] = useState("")
+  const [isDefault, setIsDefault] = useState(false)
+
+  if (!user?.id) {
+    return (
+      <div className="min-h-screen bg-black text-white flex items-center justify-center">
+        <p className="text-white/60">请先登录</p>
+      </div>
+    )
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!name.trim()) {
+      alert("请输入收货人姓名")
+      return
+    }
+    if (!/^1[3-9]\d{9}$/.test(phone)) {
+      alert("请输入正确的手机号")
+      return
+    }
+    // 省/市/区为选填
+    if (!detail.trim()) {
+      alert("请输入详细地址")
+      return
+    }
+    setLoading(true)
+    try {
+      const res = await fetch("/api/user/addresses", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          userId: user.id,
+          name: name.trim(),
+          phone: phone.trim(),
+          province: (province ?? "").trim(),
+          city: (city ?? "").trim(),
+          district: (district ?? "").trim(),
+          detail: detail.trim(),
+          isDefault,
+        }),
+      })
+      const data = await res.json()
+      if (data.success) {
+        router.push("/my/addresses")
+      } else {
+        alert(data.message || "添加失败")
+      }
+    } catch {
+      alert("添加失败")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-black text-white pb-24">
+      <header className="sticky top-0 z-40 bg-black/90 backdrop-blur-xl border-b border-white/5">
+        <div className="px-4 py-3 flex items-center">
+          <button onClick={() => router.back()} className="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center">
+            <ChevronLeft className="w-5 h-5 text-white" />
+          </button>
+          <h1 className="flex-1 text-center text-lg font-semibold text-white">新增地址</h1>
+          <div className="w-8" />
+        </div>
+      </header>
+
+      <form onSubmit={handleSubmit} className="px-4 py-4 space-y-4">
+        <div className="rounded-2xl bg-[#1c1c1e] border border-white/5 overflow-hidden">
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">收货人</label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="请输入收货人姓名"
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">手机号</label>
+            <input
+              type="tel"
+              maxLength={11}
+              value={phone}
+              onChange={(e) => setPhone(e.target.value.replace(/\D/g, ""))}
+              placeholder="请输入手机号"
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-b border-white/5">
+            <label className="text-white text-sm w-24">省市区（选填）</label>
+            <div className="flex-1 flex gap-2 justify-end">
+              <input
+                type="text"
+                value={province}
+                onChange={(e) => setProvince(e.target.value)}
+                placeholder="省"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+              <input
+                type="text"
+                value={city}
+                onChange={(e) => setCity(e.target.value)}
+                placeholder="市"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+              <input
+                type="text"
+                value={district}
+                onChange={(e) => setDistrict(e.target.value)}
+                placeholder="区"
+                className="flex-1 max-w-24 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none"
+              />
+            </div>
+          </div>
+          <div className="flex items-start justify-between p-4">
+            <label className="text-white text-sm w-24 pt-2">详细地址</label>
+            <textarea
+              value={detail}
+              onChange={(e) => setDetail(e.target.value)}
+              placeholder="街道、楼栋、门牌号等"
+              rows={3}
+              className="flex-1 bg-transparent text-white text-sm text-right placeholder-white/30 outline-none resize-none"
+            />
+          </div>
+          <div className="flex items-center justify-between p-4 border-t border-white/5">
+            <span className="text-white text-sm">设为默认地址</span>
+            <input
+              type="checkbox"
+              checked={isDefault}
+              onChange={(e) => setIsDefault(e.target.checked)}
+              className="w-5 h-5 rounded accent-[#00CED1]"
+            />
+          </div>
+        </div>
+        <button
+          type="submit"
+          disabled={loading}
+          className="w-full py-3 rounded-xl bg-[#00CED1] text-black font-medium disabled:opacity-50"
+        >
+          {loading ? "保存中..." : "保存"}
+        </button>
+      </form>
+    </div>
+  )
+}

app/my/addresses/page.tsx

@@ -0,0 +1,141 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { useRouter } from "next/navigation"
+import { ChevronLeft, MapPin, Plus, Pencil, Trash2 } from "lucide-react"
+import { useStore } from "@/lib/store"
+
+type AddressItem = {
+  id: string
+  name: string
+  phone: string
+  province: string
+  city: string
+  district: string
+  detail: string
+  fullAddress: string
+  isDefault: boolean
+}
+
+export default function AddressesPage() {
+  const router = useRouter()
+  const { user } = useStore()
+  const [list, setList] = useState<AddressItem[]>([])
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    if (!user?.id) {
+      setList([])
+      setLoading(false)
+      return
+    }
+    fetch(`/api/user/addresses?userId=${user.id}`)
+      .then((res) => res.json())
+      .then((data) => {
+        if (data.success && data.list) setList(data.list)
+        setLoading(false)
+      })
+      .catch(() => setLoading(false))
+  }, [user?.id])
+
+  const handleDelete = async (id: string) => {
+    if (!confirm("确定要删除该收货地址吗？")) return
+    try {
+      const res = await fetch(`/api/user/addresses/${id}`, { method: "DELETE" })
+      const data = await res.json()
+      if (data.success) {
+        setList((prev) => prev.filter((a) => a.id !== id))
+      } else {
+        alert(data.message || "删除失败")
+      }
+    } catch {
+      alert("删除失败")
+    }
+  }
+
+  if (!user) {
+    return (
+      <div className="min-h-screen bg-black text-white flex items-center justify-center">
+        <div className="text-center">
+          <p className="text-white/60 mb-4">请先登录</p>
+          <button
+            onClick={() => router.push("/my")}
+            className="px-4 py-2 rounded-xl bg-[#00CED1] text-black font-medium"
+          >
+            去登录
+          </button>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="min-h-screen bg-black text-white pb-24">
+      <header className="sticky top-0 z-40 bg-black/90 backdrop-blur-xl border-b border-white/5">
+        <div className="px-4 py-3 flex items-center">
+          <button
+            onClick={() => router.back()}
+            className="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center"
+          >
+            <ChevronLeft className="w-5 h-5 text-white" />
+          </button>
+          <h1 className="flex-1 text-center text-lg font-semibold text-white">收货地址</h1>
+          <div className="w-8" />
+        </div>
+      </header>
+
+      <main className="px-4 py-4">
+        {loading ? (
+          <div className="py-12 text-center text-white/40 text-sm">加载中...</div>
+        ) : list.length === 0 ? (
+          <div className="py-12 text-center">
+            <MapPin className="w-12 h-12 text-white/30 mx-auto mb-3" />
+            <p className="text-white/60 text-sm">暂无收货地址</p>
+            <p className="text-white/40 text-xs mt-1">点击下方按钮添加</p>
+          </div>
+        ) : (
+          <div className="space-y-3">
+            {list.map((item) => (
+              <div
+                key={item.id}
+                className="rounded-xl bg-[#1c1c1e] border border-white/5 p-4"
+              >
+                <div className="flex items-center justify-between mb-2">
+                  <span className="text-white font-medium">{item.name}</span>
+                  <span className="text-white/50 text-sm">{item.phone}</span>
+                  {item.isDefault && (
+                    <span className="text-xs px-2 py-0.5 rounded bg-[#00CED1]/20 text-[#00CED1]">
+                      默认
+                    </span>
+                  )}
+                </div>
+                <p className="text-white/60 text-sm leading-relaxed">{item.fullAddress}</p>
+                <div className="flex justify-end gap-4 mt-3 pt-3 border-t border-white/5">
+                  <button
+                    onClick={() => router.push(`/my/addresses/${item.id}`)}
+                    className="flex items-center gap-1 text-[#00CED1] text-sm"
+                  >
+                    <Pencil className="w-4 h-4" /> 编辑
+                  </button>
+                  <button
+                    onClick={() => handleDelete(item.id)}
+                    className="flex items-center gap-1 text-red-400 text-sm"
+                  >
+                    <Trash2 className="w-4 h-4" /> 删除
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+
+        <button
+          onClick={() => router.push("/my/addresses/new")}
+          className="mt-6 w-full py-3 rounded-xl bg-[#00CED1] text-black font-medium flex items-center justify-center gap-2"
+        >
+          <Plus className="w-5 h-5" /> 新增收货地址
+        </button>
+      </main>
+    </div>
+  )
+}

app/my/page.tsx

@@ -2,9 +2,10 @@
 
 import { useState, useEffect } from "react"
 import { useRouter } from "next/navigation"
-import { User, ChevronRight, Home, List, Gift, Star, Info, Users, Wallet, Footprints, Eye, BookOpen, Clock, ArrowUpRight, Phone, MessageCircle, CreditCard, X, Check, Loader2, Settings } from "lucide-react"
+import { User, Users, ChevronRight, Gift, Star, Info, Wallet, Footprints, Eye, BookOpen, Clock, ArrowUpRight, Phone, MessageCircle, CreditCard, X, Check, Loader2, Settings } from "lucide-react"
 import { useStore } from "@/lib/store"
 import { AuthModal } from "@/components/modules/auth/auth-modal"
+import { BottomNav } from "@/components/bottom-nav"
 import { getFullBookPrice, getTotalSectionCount } from "@/lib/book-data"
 
 export default function MyPage() {
@@ -92,35 +93,6 @@ export default function MyPage() {
     setShowBindModal(true)
   }
 
-  // 底部导航组件
-  const BottomNavBar = () => (
-    <nav className="fixed bottom-0 left-0 right-0 bg-[#1c1c1e]/95 backdrop-blur-xl border-t border-white/5 pb-safe-bottom">
-      <div className="px-4 py-2">
-        <div className="flex items-center justify-around">
-          <button onClick={() => router.push("/")} className="flex flex-col items-center py-2 px-4">
-            <Home className="w-5 h-5 text-gray-500 mb-1" />
-            <span className="text-gray-500 text-xs">首页</span>
-          </button>
-          <button onClick={() => router.push("/chapters")} className="flex flex-col items-center py-2 px-4">
-            <List className="w-5 h-5 text-gray-500 mb-1" />
-            <span className="text-gray-500 text-xs">目录</span>
-          </button>
-          {/* 找伙伴按钮 */}
-          <button onClick={() => router.push("/match")} className="flex flex-col items-center py-2 px-6 -mt-4">
-            <div className="w-14 h-14 rounded-full bg-gradient-to-br from-[#00CED1] to-[#20B2AA] flex items-center justify-center shadow-lg shadow-[#00CED1]/30">
-              <Users className="w-7 h-7 text-white" />
-            </div>
-            <span className="text-gray-500 text-xs mt-1">找伙伴</span>
-          </button>
-          <button className="flex flex-col items-center py-2 px-4">
-            <User className="w-5 h-5 text-[#00CED1] mb-1" />
-            <span className="text-[#00CED1] text-xs font-medium">我的</span>
-          </button>
-        </div>
-      </div>
-    </nav>
-  )
-
   // 未登录状态
   if (!isLoggedIn) {
     return (
@@ -206,7 +178,7 @@ export default function MyPage() {
           </button>
         </div>
 
-        <BottomNavBar />
+        <BottomNav />
         <AuthModal isOpen={showAuthModal} onClose={() => setShowAuthModal(false)} />
       </main>
     )
@@ -484,8 +456,8 @@ export default function MyPage() {
         </>
       )}
 
-      <BottomNavBar />
-      
+      <BottomNav />
+
       {/* 绑定弹窗 */}
       {showBindModal && (
         <div className="fixed inset-0 z-50 flex items-center justify-center p-4">

app/my/settings/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react"
 import { useRouter } from "next/navigation"
-import { ChevronLeft, Phone, MessageCircle, CreditCard, Check, X, Loader2, Shield } from "lucide-react"
+import { ChevronLeft, Phone, MessageCircle, CreditCard, Check, X, Loader2, Shield, MapPin } from "lucide-react"
 import { useStore } from "@/lib/store"
 
 export default function SettingsPage() {
@@ -152,7 +152,7 @@ export default function SettingsPage() {
           {/* 支付宝 */}
           <button
             onClick={() => openBindModal("alipay")}
-            className="w-full flex items-center justify-between p-4 active:bg-white/5"
+            className="w-full flex items-center justify-between p-4 border-b border-white/5 active:bg-white/5"
           >
             <div className="flex items-center gap-3">
               <div className={`w-8 h-8 rounded-full flex items-center justify-center ${
@@ -173,6 +173,23 @@ export default function SettingsPage() {
               <span className="text-[#1677FF] text-xs">去绑定</span>
             )}
           </button>
+
+          {/* 收货地址 */}
+          <button
+            onClick={() => router.push("/my/addresses")}
+            className="w-full flex items-center justify-between p-4 active:bg-white/5"
+          >
+            <div className="flex items-center gap-3">
+              <div className="w-8 h-8 rounded-full flex items-center justify-center bg-orange-500/20">
+                <MapPin className="w-4 h-4 text-orange-400" />
+              </div>
+              <div className="text-left">
+                <p className="text-white text-sm">收货地址</p>
+                <p className="text-white/40 text-xs">管理收货地址，用于发货与邮寄</p>
+              </div>
+            </div>
+            <span className="text-[#00CED1] text-xs">管理</span>
+          </button>
         </div>
 
         {/* 绑定提示 */}