设计完成30%

pages/auth/a01-entry.vue

@@ -32,10 +32,8 @@
 
       <view class="entry-actions">
         <view class="entry-button entry-button--primary" hover-class="entry-button--pressed" @click="openLogin">
-          <image class="button-corner-asset button-corner-asset--top-left" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--top-right" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--bottom-left" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--bottom-right" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
+          <!-- 完整不透明按钮皮肤承载底色、边框与角纹，内容组只保留可访问的图标和文案。 -->
+          <image class="entry-button__skin" src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
           <view class="entry-button__content">
             <image class="entry-button__icon" src="/static/assets/foundation/transparent/auth-login-outline.png" mode="aspectFit" />
             <text>登录</text>
@@ -43,10 +41,7 @@
         </view>
 
         <view class="entry-button entry-button--secondary" hover-class="entry-button--pressed" @click="prepareWechatLogin">
-          <image class="button-corner-asset button-corner-asset--top-left" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--top-right" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--bottom-left" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
-          <image class="button-corner-asset button-corner-asset--bottom-right" src="/static/assets/foundation/transparent/auth-button-corner.png" mode="aspectFit" />
+          <image class="entry-button__skin" src="/static/assets/foundation/opaque/a01-secondary-button.png" mode="scaleToFill" />
           <view class="entry-button__content">
             <image class="entry-button__icon entry-button__icon--wechat" src="/static/assets/foundation/transparent/auth-wechat.png" mode="aspectFit" />
             <text>微信登录</text>
@@ -226,47 +221,26 @@ const prepareAgreement = () => {
   box-sizing: border-box;
   width: 100%;
   height: 118rpx;
-  border: 2rpx solid #d8ad63;
-  border-radius: 6rpx;
   font-family: STKaiti, KaiTi, serif;
   font-size: 38rpx;
   letter-spacing: 4rpx;
 }
 
-.entry-button::after {
+.entry-button__skin {
   position: absolute;
-  inset: 6rpx;
-  border: 1rpx solid rgba(225, 180, 105, 0.92);
-  border-radius: 2rpx;
-  content: '';
-  pointer-events: none;
+  inset: 0;
   z-index: 1;
-}
-
-.button-corner-asset {
-  position: absolute;
-  z-index: 2;
-  width: 54rpx;
-  height: 54rpx;
+  width: 100%;
+  height: 100%;
   pointer-events: none;
 }
 
-.button-corner-asset--top-left { top: 4rpx; left: 4rpx; }
-.button-corner-asset--top-right { top: 4rpx; right: 4rpx; transform: scaleX(-1); }
-.button-corner-asset--bottom-left { bottom: 4rpx; left: 4rpx; transform: scaleY(-1); }
-.button-corner-asset--bottom-right { right: 4rpx; bottom: 4rpx; transform: scale(-1); }
-
 .entry-button--primary {
-  border-color: #9e170e;
-  background: #b7170d;
   color: #fffaf0;
 }
 
-.entry-button--primary::after { border-color: #edc67c; }
-
 .entry-button--secondary {
   margin-top: 51rpx;
-  background: rgba(255, 252, 245, 0.82);
   color: #60442f;
 }
 

pages/auth/a02-login.vue

@@ -12,49 +12,58 @@
       </view>
 
       <view class="login-panel">
-        <view class="page-heading">
-          <view class="back-button" hover-class="back-hover" @click="goBack">‹</view>
-          <view>
-            <text class="page-title">登录家谱</text>
-            <text class="page-subtitle">欢迎回到家族记忆</text>
+        <image class="login-panel__skin" src="/static/assets/modules/auth/opaque/a02-login-panel.png" mode="scaleToFill" />
+        <view class="login-panel__content">
+          <view class="page-heading">
+            <image class="login-title-cloud" src="/static/assets/foundation/transparent/auth-title-cloud.png" mode="aspectFit" />
+            <view class="back-button" hover-class="back-hover" @click="goBack">
+              <image class="back-button__icon" src="/static/assets/foundation/transparent/chevron-right.png" mode="aspectFit" />
+            </view>
+            <view class="page-heading__copy">
+              <text class="page-title">登录家谱</text>
+              <text class="page-subtitle">欢迎回到家族记忆</text>
+            </view>
           </view>
-        </view>
 
-        <view class="login-tabs">
-          <view class="login-tab" :class="{ active: activeTab === 'password' }" @click="activeTab = 'password'">
-            <text>账号密码登录</text>
+          <view class="login-tabs">
+            <view class="login-tab" :class="{ active: activeTab === 'password' }" @click="activeTab = 'password'">
+              <text>账号密码登录</text>
+            </view>
+            <view class="login-tab" :class="{ active: activeTab === 'sms' }" @click="activeTab = 'sms'">
+              <text>手机验证码登录</text>
+            </view>
           </view>
-          <view class="login-tab" :class="{ active: activeTab === 'sms' }" @click="activeTab = 'sms'">
-            <text>手机验证码登录</text>
-          </view>
-        </view>
 
-        <view v-if="activeTab === 'password'" class="form-content">
-          <view class="input-row">
-            <text class="input-label">账号</text>
-            <input v-model.trim="account" class="auth-input" placeholder="请输入账号或手机号" placeholder-class="placeholder" />
+          <view v-if="activeTab === 'password'" class="form-content">
+            <view class="input-row">
+              <text class="input-label">账号</text>
+              <input v-model.trim="account" class="auth-input" placeholder="请输入账号或手机号" placeholder-class="placeholder" />
+            </view>
+            <view class="input-row">
+              <text class="input-label">密码</text>
+              <input v-model="password" class="auth-input" password placeholder="请输入密码" placeholder-class="placeholder" />
+            </view>
+            <view class="secondary-action" hover-class="text-hover" @click="prepareForgotPassword">忘记密码</view>
           </view>
-          <view class="input-row">
-            <text class="input-label">密码</text>
-            <input v-model="password" class="auth-input" password placeholder="请输入密码" placeholder-class="placeholder" />
-          </view>
-          <view class="secondary-action" hover-class="text-hover" @click="prepareForgotPassword">忘记密码</view>
-        </view>
 
-        <view v-else class="form-content">
-          <view class="input-row">
-            <text class="input-label">手机</text>
-            <input v-model.trim="smsPhone" class="auth-input" type="number" maxlength="11" placeholder="请输入手机号" placeholder-class="placeholder" />
+          <view v-else class="form-content">
+            <view class="input-row">
+              <text class="input-label">手机</text>
+              <input v-model.trim="smsPhone" class="auth-input" type="number" maxlength="11" placeholder="请输入手机号" placeholder-class="placeholder" />
+            </view>
+            <view class="input-row code-row">
+              <text class="input-label">验证码</text>
+              <input v-model.trim="verificationCode" class="auth-input" type="number" maxlength="6" placeholder="请输入验证码" placeholder-class="placeholder" />
+              <view class="get-code" hover-class="text-hover" @click="prepareGetCode">获取验证码</view>
+            </view>
           </view>
-          <view class="input-row code-row">
-            <text class="input-label">验证码</text>
-            <input v-model.trim="verificationCode" class="auth-input" type="number" maxlength="6" placeholder="请输入验证码" placeholder-class="placeholder" />
-            <view class="get-code" hover-class="text-hover" @click="prepareGetCode">获取验证码</view>
-          </view>
-        </view>
 
-        <view class="login-submit" hover-class="button-hover" @click="submitLogin">登录</view>
-        <text class="agreement-reminder">请先在登录引导页阅读并确认协议</text>
+          <view class="login-submit" hover-class="button-hover" @click="submitLogin">
+            <image class="login-submit__skin" src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
+            <text class="login-submit__content">登录</text>
+          </view>
+          <text class="agreement-reminder">请先在登录引导页阅读并确认协议</text>
+        </view>
       </view>
     </view>
   </view>
@@ -79,9 +88,7 @@ const goBack = () => {
   uni.navigateBack()
 }
 
-const prepareForgotPassword = () => {
-  uni.showToast({ title: '忘记密码页面准备中', icon: 'none' })
-}
+const prepareForgotPassword = () => uni.navigateTo({ url: '/pages/auth/a05-reset-password' })
 
 const prepareGetCode = () => {
   uni.showToast({ title: '获取验证码功能待接入', icon: 'none' })
@@ -148,7 +155,7 @@ const submitLogin = () => {
 
 .auth-header {
   position: relative;
-  height: 196rpx;
+  height: 253rpx;
   overflow: hidden;
 }
 
@@ -159,44 +166,72 @@ const submitLogin = () => {
 
 .header-seal {
   position: absolute;
-  top: 34rpx;
+  top: 70rpx;
   left: 50%;
-  width: 124rpx;
-  height: 124rpx;
+  width: 136rpx;
+  height: 136rpx;
   transform: translateX(-50%);
 }
 
 .login-panel {
-  margin: 68rpx 56rpx 0;
-  padding: 46rpx 38rpx 54rpx;
-  border: 2rpx solid #d6ad6c;
-  border-radius: 10rpx;
-  background: rgba(255, 252, 246, 0.78);
-  box-shadow: inset 0 0 0 5rpx rgba(255, 255, 255, 0.55);
+  position: relative;
+  min-height: 1184rpx;
+  margin: 32rpx 42rpx 0;
+}
+
+.login-panel__skin {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+.login-panel__content {
+  position: relative;
+  z-index: 1;
+  box-sizing: border-box;
+  min-height: 1184rpx;
+  padding: 66rpx 50rpx 76rpx;
 }
 
 .page-heading {
+  position: relative;
   display: flex;
   align-items: center;
 }
 
+.login-title-cloud {
+  position: absolute;
+  top: -26rpx;
+  right: 2rpx;
+  width: 154rpx;
+  height: 92rpx;
+  opacity: 0.62;
+}
+
+.page-heading__copy {
+  position: relative;
+  z-index: 1;
+}
+
 .back-button {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 48rpx;
-  height: 48rpx;
-  margin-right: 20rpx;
-  border: 1rpx solid #d7ae70;
-  border-radius: 50%;
-  color: #9d5b28;
-  font-size: 52rpx;
-  font-weight: 300;
-  line-height: 40rpx;
+  width: 56rpx;
+  height: 56rpx;
+  margin-right: 18rpx;
 }
 
 .back-hover { opacity: 0.62; }
 
+.back-button__icon {
+  width: 42rpx;
+  height: 42rpx;
+  transform: scaleX(-1);
+}
+
 .page-title,
 .page-subtitle {
   display: block;
@@ -205,31 +240,31 @@ const submitLogin = () => {
 .page-title {
   color: #3f2c1d;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 46rpx;
+  font-size: 50rpx;
   font-weight: 700;
   letter-spacing: 4rpx;
 }
 
 .page-subtitle {
-  margin-top: 8rpx;
+  margin-top: 10rpx;
   color: #8c7864;
-  font-size: 22rpx;
+  font-size: 24rpx;
   letter-spacing: 2rpx;
 }
 
 .login-tabs {
   display: flex;
-  margin-top: 54rpx;
+  margin-top: 62rpx;
   border-bottom: 1rpx solid #dcc29a;
 }
 
 .login-tab {
   position: relative;
   flex: 1;
-  padding: 0 0 24rpx;
+  padding: 0 0 28rpx;
   color: #89715a;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 29rpx;
+  font-size: 30rpx;
   text-align: center;
 }
 
@@ -249,27 +284,27 @@ const submitLogin = () => {
   content: '';
 }
 
-.form-content { margin-top: 26rpx; }
+.form-content { margin-top: 36rpx; }
 
 .input-row {
   display: flex;
   align-items: center;
-  min-height: 96rpx;
+  min-height: 112rpx;
   border-bottom: 1rpx solid #e5d4b7;
 }
 
 .input-label {
-  width: 92rpx;
+  width: 100rpx;
   color: #674b35;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 30rpx;
+  font-size: 31rpx;
 }
 
 .auth-input {
   flex: 1;
-  height: 88rpx;
+  height: 104rpx;
   color: #3f2c1d;
-  font-size: 28rpx;
+  font-size: 29rpx;
 }
 
 .placeholder { color: #b3a895; }
@@ -285,7 +320,7 @@ const submitLogin = () => {
 }
 
 .secondary-action {
-  margin-top: 28rpx;
+  margin-top: 34rpx;
   color: #a7160c;
   font-size: 25rpx;
   text-align: right;
@@ -294,15 +329,25 @@ const submitLogin = () => {
 .text-hover { opacity: 0.64; }
 
 .login-submit {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 100rpx;
-  margin-top: 60rpx;
-  border: 2rpx solid #9e170e;
-  border-radius: 8rpx;
-  background: #b7170d;
-  box-shadow: inset 0 0 0 4rpx #d69b5f;
+  height: 128rpx;
+  margin-top: 76rpx;
+  overflow: hidden;
+}
+
+.login-submit__skin {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.login-submit__content {
+  position: relative;
+  z-index: 1;
   color: #fffaf0;
   font-family: STKaiti, KaiTi, serif;
   font-size: 36rpx;
@@ -313,9 +358,9 @@ const submitLogin = () => {
 
 .agreement-reminder {
   display: block;
-  margin-top: 26rpx;
+  margin-top: 34rpx;
   color: #9a8773;
-  font-size: 22rpx;
+  font-size: 24rpx;
   text-align: center;
 }
 </style>

pages/auth/a03-mobile-verify.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：A-03；用途：手机验证码登录与授权回跳状态。 -->
+<template><ModulePage page-id="a03" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/auth/a04-register.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：A-04；用途：注册账号与服务协议确认。 -->
+<template><ModulePage page-id="a04" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/auth/a05-reset-password.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：A-05；用途：忘记密码与重设密码。 -->
+<template><ModulePage page-id="a05" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/auth/a06-auth-status.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：A-06；用途：账号受限、登录失败与授权取消状态。 -->
+<template><ModulePage page-id="a06" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f01-family-feed.vue

@@ -31,7 +31,15 @@ onMounted(async () => {
   if (!genealogyId.value) { loadError.value = '请先从“我的家谱”选择一个家谱。'; return }
   try { feeds.value = await appApi.getFeeds(genealogyId.value) } catch (error) { loadError.value = error.message || '家族动态加载失败。' }
 })
-const openSection = (type) => uni.navigateTo({ url: `/pages/skeleton/content-list-skeleton?type=${type}&genealogyId=${genealogyId.value}` })
+const openSection = (type) => {
+  const routes = {
+    article: '/pages/family/f04-article-list',
+    album: '/pages/family/f07-album-list',
+    ceremony: '/pages/records/r05-ritual-list',
+    record: '/pages/records/r10-memo-list'
+  }
+  uni.navigateTo({ url: `${routes[type]}?genealogyId=${genealogyId.value}` })
+}
 const publishFeed = () => {
   if (!genealogyId.value) { uni.showToast({ title: '请先选择家谱', icon: 'none' }); return }
   uni.navigateTo({ url: `/pages/family/f02-publish-feed?type=feed&genealogyId=${genealogyId.value}` })

pages/family/f03-feed-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-03；用途：动态详情、评论、点赞与删除确认。 -->
+<template><ModulePage page-id="f03" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f04-article-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-04；用途：谱文分类与文章列表。 -->
+<template><ModulePage page-id="f04" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f05-article-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-05；用途：谱文详情。 -->
+<template><ModulePage page-id="f05" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f06-article-editor.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-06；用途：新建与编辑谱文。 -->
+<template><ModulePage page-id="f06" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f07-album-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-07；用途：家族相册列表。 -->
+<template><ModulePage page-id="f07" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f08-album-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-08；用途：相册详情与照片墙。 -->
+<template><ModulePage page-id="f08" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f09-media-upload.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-09；用途：图片预览、上传与失败状态。 -->
+<template><ModulePage page-id="f09" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/family/f10-video-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：F-10；用途：家族视频列表、详情与待开放状态。 -->
+<template><ModulePage page-id="f10" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g01-my-genealogies.vue

@@ -217,7 +217,7 @@ const openShortcut = (key) => {
   const paths = {
     tree: "/pages/tree/t01-tree-overview",
     members: `/pages/genealogy/g05-genealogy-overview?id=${currentGenealogy.value.id}`,
-    poem: "/pages/skeleton/content-list-skeleton?type=poem",
+    poem: "/pages/genealogy/g12-generation-poems",
     applications: "/pages/genealogy/g10-application-review",
   };
   uni.navigateTo({ url: paths[key] });

pages/genealogy/g02-empty-genealogies.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-02；用途：未加入家谱时的空状态。 -->
+<template><ModulePage page-id="g02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g05-genealogy-overview.vue

@@ -1,7 +1,7 @@
 <!-- 页面编号：G-05；用途：家谱总览。 -->
 <template>
   <view class="page-shell detail-page">
-    <PageHeader title="家谱总览" action="管理" @action="showSoon" />
+    <PageHeader title="家谱总览" action="管理" @action="toSettings" />
     <view v-if="genealogy" class="genealogy-hero">
       <text class="hero-kicker">{{ genealogy.hall || '堂号待补' }} · {{ genealogy.location || '所在地待补' }}</text>
       <text class="hero-title">{{ genealogy.name }}</text>
@@ -16,12 +16,12 @@
         <view class="action-grid">
           <view class="action-cell primary-cell" @click="toTree"><text>世系树</text><text>查看家脉关系</text></view>
           <view class="action-cell" @click="toFirstPerson"><text>录入族人</text><text>从首代开始完善</text></view>
-          <view class="action-cell" @click="showSoon"><text>字辈谱</text><text>传承行辈次序</text></view>
+          <view class="action-cell" @click="toGenerationPoems"><text>字辈谱</text><text>传承行辈次序</text></view>
           <view class="action-cell" @click="toApplications"><text>入谱审核</text><text>处理加入申请</text></view>
         </view>
       </view>
       <view class="family-summary"><text class="section-title">家族近况</text><view class="summary-row" @click="toFamily"><text>进入家族圈查看动态</text><text>查看</text></view></view>
-      <view class="invite-block"><text class="invite-title">邀亲人，共建家谱</text><text class="invite-copy">族人申请加入后，由创建者审核确认。</text><button class="primary-button" @click="showSoon">邀请亲人</button></view>
+      <view class="invite-block"><text class="invite-title">邀亲人，共建家谱</text><text class="invite-copy">族人申请加入后，由创建者审核确认。</text><button class="primary-button" @click="toJoinApplication">邀请亲人</button></view>
     </template>
   </view>
 </template>
@@ -57,7 +57,9 @@ const toTree = () => uni.navigateTo({ url: `/pages/tree/t01-tree-overview?geneal
 const toFirstPerson = () => uni.navigateTo({ url: `/pages/genealogy/g04-first-ancestor?genealogyId=${genealogyId.value}` })
 const toFamily = () => uni.reLaunch({ url: '/pages/family/f01-family-feed' })
 const toApplications = () => uni.navigateTo({ url: `/pages/genealogy/g10-application-review?genealogyId=${genealogyId.value}` })
-const showSoon = () => uni.showToast({ title: '该模块将在后续阶段接入', icon: 'none' })
+const toSettings = () => uni.navigateTo({ url: `/pages/genealogy/g11-genealogy-settings?genealogyId=${genealogyId.value}` })
+const toGenerationPoems = () => uni.navigateTo({ url: `/pages/genealogy/g12-generation-poems?genealogyId=${genealogyId.value}` })
+const toJoinApplication = () => uni.navigateTo({ url: `/pages/genealogy/g08-join-application?genealogyId=${genealogyId.value}` })
 </script>
 
 <style scoped lang="scss">

pages/genealogy/g07-search-result.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-07；用途：公开家谱搜索结果与简介。 -->
+<template><ModulePage page-id="g07" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g08-join-application.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-08；用途：申请加入家谱与提交成功状态。 -->
+<template><ModulePage page-id="g08" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g09-my-applications.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-09；用途：我的家谱申请记录。 -->
+<template><ModulePage page-id="g09" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g11-genealogy-settings.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-11；用途：家谱设置、公开范围与访问说明。 -->
+<template><ModulePage page-id="g11" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/genealogy/g12-generation-poems.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：G-12；用途：字辈诗列表、详情与维护。 -->
+<template><ModulePage page-id="g12" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/notification/n01-message-center.vue

@@ -22,10 +22,14 @@ onMounted(async () => {
   }
 })
 const read = async (item) => {
-  if (!item.unread) return
+  if (!item.unread) {
+    uni.navigateTo({ url: `/pages/notification/n02-message-detail?id=${item.id}` })
+    return
+  }
   try {
     await appApi.markNotificationRead(item.id)
     item.unread = false
+    uni.navigateTo({ url: `/pages/notification/n02-message-detail?id=${item.id}` })
   } catch (error) {
     uni.showToast({ title: error.message || '标记已读失败', icon: 'none' })
   }

pages/notification/n02-message-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：N-02；用途：消息详情、已读与空状态。 -->
+<template><ModulePage page-id="n02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m01-profile-home.vue

@@ -1,11 +1,11 @@
 <!-- 页面编号：M-01；用途：我的首页。 -->
 <template>
   <view class="page-shell profile-page">
-    <view class="profile-hero"><view class="profile-seal">{{ profile.name ? profile.name.slice(0, 1) : '谱' }}</view><view class="profile-copy"><text class="profile-name">{{ profile.name || '家谱用户' }}</text><text class="profile-meta">{{ profile.phone || '资料加载中' }} · {{ profile.role || '家谱成员' }}</text></view><text class="profile-edit" @click="showSoon">资料</text></view>
+    <view class="profile-hero"><view class="profile-seal">{{ profile.name ? profile.name.slice(0, 1) : '谱' }}</view><view class="profile-copy"><text class="profile-name">{{ profile.name || '家谱用户' }}</text><text class="profile-meta">{{ profile.phone || '资料加载中' }} · {{ profile.role || '家谱成员' }}</text></view><text class="profile-edit" @click="toProfile">资料</text></view>
     <text v-if="loadError" class="error-copy">{{ loadError }}</text>
     <view class="todo-card paper-card" @click="toNotifications"><view><text class="todo-title">待你处理</text><text class="todo-copy">家谱相关提醒与审核通知</text></view><text class="todo-count">{{ unreadCount }}</text></view>
-    <view class="menu-group paper-card"><view v-for="item in accountItems" :key="item" class="menu-row" @click="showSoon"><text>{{ item }}</text><text>查看</text></view></view>
-    <view class="menu-group paper-card"><view v-for="item in serviceItems" :key="item" class="menu-row" @click="showSoon"><text>{{ item }}</text><text>查看</text></view></view>
+    <view class="menu-group paper-card"><view v-for="item in accountItems" :key="item.label" class="menu-row" @click="openItem(item)"><text>{{ item.label }}</text><text>查看</text></view></view>
+    <view class="menu-group paper-card"><view v-for="item in serviceItems" :key="item.label" class="menu-row" @click="openItem(item)"><text>{{ item.label }}</text><text>查看</text></view></view>
     <AppTabbar active="profile" />
   </view>
 </template>
@@ -19,14 +19,23 @@ import { notifications } from '@/data/mock.js'
 const profile = ref({})
 const loadError = ref('')
 const unreadCount = computed(() => notifications.filter((item) => item.unread).length)
-const accountItems = ['我的资料', '我的加入申请', '账号与安全']
-const serviceItems = ['帮助中心', '意见反馈', 'VIP 服务']
+const accountItems = [
+  { label: '我的资料', path: '/pages/profile/m02-edit-profile' },
+  { label: '我的加入申请', path: '/pages/genealogy/g09-my-applications' },
+  { label: '账号与安全', path: '/pages/profile/m03-security-settings' }
+]
+const serviceItems = [
+  { label: '帮助中心', path: '/pages/profile/m06-help-center' },
+  { label: '意见反馈', path: '/pages/profile/m07-feedback' },
+  { label: 'VIP 服务', path: '/pages/profile/m09-vip-orders' }
+]
 
 onMounted(async () => {
   try { profile.value = await appApi.getProfile() } catch (error) { loadError.value = error.message || '个人资料加载失败。' }
 })
 const toNotifications = () => uni.navigateTo({ url: '/pages/notification/n01-message-center' })
-const showSoon = () => uni.showToast({ title: '该服务将按计划逐步开放', icon: 'none' })
+const toProfile = () => uni.navigateTo({ url: '/pages/profile/m02-edit-profile' })
+const openItem = (item) => uni.navigateTo({ url: item.path })
 </script>
 
 <style scoped lang="scss">

pages/profile/m02-edit-profile.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-02；用途：编辑个人资料。 -->
+<template><ModulePage page-id="m02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m03-security-settings.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-03；用途：账号与安全设置。 -->
+<template><ModulePage page-id="m03" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m04-change-password.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-04；用途：修改密码。 -->
+<template><ModulePage page-id="m04" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m05-change-phone.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-05；用途：修改手机号。 -->
+<template><ModulePage page-id="m05" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m06-help-center.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-06；用途：帮助中心。 -->
+<template><ModulePage page-id="m06" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m07-feedback.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-07；用途：意见反馈。 -->
+<template><ModulePage page-id="m07" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m08-promotion.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-08；用途：应用推广。 -->
+<template><ModulePage page-id="m08" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m09-vip-orders.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-09；用途：VIP 服务与订单。 -->
+<template><ModulePage page-id="m09" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/profile/m10-about-settings.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：M-10；用途：关于、协议、隐私与退出确认。 -->
+<template><ModulePage page-id="m10" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r01-people-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-01；用途：人物录列表。 -->
+<template><ModulePage page-id="r01" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r02-person-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-02；用途：人物录详情与编辑。 -->
+<template><ModulePage page-id="r02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r03-gift-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-03；用途：贺礼列表。 -->
+<template><ModulePage page-id="r03" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r04-gift-editor.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-04；用途：贺礼新增、详情与删除确认。 -->
+<template><ModulePage page-id="r04" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r05-ritual-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-05；用途：礼仪活动列表。 -->
+<template><ModulePage page-id="r05" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r06-ritual-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-06；用途：礼仪详情。 -->
+<template><ModulePage page-id="r06" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r07-ritual-editor.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-07；用途：新建与编辑礼仪。 -->
+<template><ModulePage page-id="r07" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r08-growth-journal.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-08；用途：成长日志。 -->
+<template><ModulePage page-id="r08" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r09-life-events.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-09；用途：人生事。 -->
+<template><ModulePage page-id="r09" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r10-memo-list.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-10；用途：家族备忘录。 -->
+<template><ModulePage page-id="r10" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/records/r11-merit-records.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：R-11；用途：功德记录。 -->
+<template><ModulePage page-id="r11" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/skeleton/content-list-skeleton.vue

@@ -1,43 +0,0 @@
-<!-- 页面编号：S-01；用途：多类型内容列表功能骨架；不计为任何已完成设计页面。 -->
-<template>
-  <view class="page-shell content-page">
-    <PageHeader :title="config.title" />
-    <view class="content-intro"><text>{{ config.copy }}</text></view>
-    <view class="content-list"><view v-for="item in items" :key="item.id" class="content-card paper-card"><text class="content-title">{{ item.title || item.articleTitle || item.albumName || item.ceremonyName || '家族记录' }}</text><text class="content-summary">{{ item.summary || item.content || item.description || item.feedContent || '内容待补充' }}</text><text class="content-date">{{ item.date || item.createTime || '' }}</text></view><view v-if="!items.length && !loadError" class="empty-copy">暂无{{ config.title }}</view></view>
-    <text v-if="loadError" class="error-copy">{{ loadError }}</text>
-  </view>
-</template>
-
-<script setup>
-import { computed, ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import PageHeader from '@/components/PageHeader.vue'
-import { appApi } from '@/utils/api.js'
-import { genealogyContext } from '@/utils/genealogy-context.js'
-
-const type = ref('article')
-const items = ref([])
-const loadError = ref('')
-const definitions = { article: { title: '谱文', copy: '记录家族历史、家训与珍贵文字。' }, album: { title: '相册', copy: '珍存家人、故土与仪式的影像。' }, ceremony: { title: '祭祀', copy: '查看家族祭祀安排与纪念活动。' }, record: { title: '族务', copy: '共同记录成长、备忘与家族事务。' } }
-const config = computed(() => definitions[type.value] || definitions.article)
-
-onLoad(async (query) => {
-  type.value = definitions[query.type] ? query.type : 'article'
-  const genealogyId = query.genealogyId || genealogyContext.getCurrentGenealogyId()
-  if (!genealogyId) { loadError.value = '请先选择一个家谱。'; return }
-  genealogyContext.setCurrentGenealogyId(genealogyId)
-  try { items.value = await appApi.getContent(type.value, genealogyId) } catch (error) { loadError.value = error.message || '内容加载失败。' }
-})
-</script>
-
-<style scoped lang="scss">
-.content-page { padding-bottom: 36rpx; }
-.content-intro { padding: 28rpx 30rpx; background: #efe3cd; color: $ink-muted; font-size: 24rpx; }
-.content-list { display: flex; flex-direction: column; gap: 18rpx; margin: 26rpx 28rpx; }
-.content-card { padding: 28rpx; }
-.content-title { display: block; color: $ink; font-size: 31rpx; font-weight: 700; }
-.content-summary { display: block; margin-top: 14rpx; color: $ink-muted; font-size: 25rpx; line-height: 1.65; }
-.content-date { display: block; margin-top: 16rpx; color: $gold; font-size: 22rpx; }
-.empty-copy { padding: 80rpx 0; color: $ink-muted; font-size: 26rpx; text-align: center; }
-.error-copy { display: block; margin: 20rpx 28rpx; color: $brand-red; font-size: 24rpx; }
-</style>

pages/tree/t01-tree-overview.vue

@@ -2,14 +2,14 @@
 <template>
   <view class="tree-page">
     <PageHeader title="世系树" action="树形视图" />
-    <view class="tree-toolbar"><view class="branch-select">当前家谱世系</view><view class="tree-tools"><text @click="showSoon">查找</text><text @click="showSoon">编辑</text></view></view>
+    <view class="tree-toolbar"><view class="branch-select">当前家谱世系</view><view class="tree-tools"><text @click="toDirectory">查找</text><text @click="toRelationship">编辑</text></view></view>
     <scroll-view class="tree-scroll" scroll-x scroll-y>
       <view class="tree-canvas">
         <view v-if="!members.length" class="tree-empty">{{ loadError || '暂未录入族人' }}</view>
         <view v-for="member in members" :key="member.id" class="member-node" :class="{ selected: selected && selected.id === member.id }" :style="nodeStyle(member)" @click="selected = member"><text class="node-name">{{ member.name }}</text><text class="node-relation">{{ member.relation }}</text><text class="node-years">{{ member.years }}</text></view>
       </view>
     </scroll-view>
-    <view v-if="selected" class="member-sheet"><view><text class="sheet-name">{{ selected.name }}</text><text class="sheet-meta">第 {{ selected.generation }} 世 · {{ selected.relation }} · {{ selected.branch }}</text></view><view class="sheet-actions"><text @click="toMember">查看资料</text><text @click="showSoon">添加亲属</text></view></view>
+    <view v-if="selected" class="member-sheet"><view><text class="sheet-name">{{ selected.name }}</text><text class="sheet-meta">第 {{ selected.generation }} 世 · {{ selected.relation }} · {{ selected.branch }}</text></view><view class="sheet-actions"><text @click="toMember">查看资料</text><text @click="toAddRelative">添加亲属</text></view></view>
   </view>
 </template>
 
@@ -40,7 +40,9 @@ const loadTree = async (query) => {
 onLoad(loadTree)
 const nodeStyle = (member) => ({ left: `${member.x}%`, top: `${member.y}%` })
 const toMember = () => uni.navigateTo({ url: `/pages/tree/t03-member-profile?genealogyId=${genealogyId.value}&personId=${selected.value.id}` })
-const showSoon = () => uni.showToast({ title: '亲属关系编辑将在下一阶段接入', icon: 'none' })
+const toDirectory = () => uni.navigateTo({ url: `/pages/tree/t07-member-directory?genealogyId=${genealogyId.value}` })
+const toRelationship = () => uni.navigateTo({ url: `/pages/tree/t06-edit-relationship?genealogyId=${genealogyId.value}` })
+const toAddRelative = () => uni.navigateTo({ url: `/pages/tree/t04-add-relative?genealogyId=${genealogyId.value}&personId=${selected.value.id}` })
 </script>
 
 <style scoped lang="scss">

pages/tree/t02-tree-states.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-02；用途：世系图小屏、无成员与加载失败状态。 -->
+<template><ModulePage page-id="t02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/tree/t03-member-profile.vue

@@ -1,7 +1,7 @@
 <!-- 页面编号：T-03；用途：成员档案详情。 -->
 <template>
   <view class="page-shell member-page">
-    <PageHeader title="成员档案" action="编辑" @action="showSoon" />
+    <PageHeader title="成员档案" action="编辑" @action="toEdit" />
     <view v-if="member" class="member-hero"><view class="member-seal">{{ member.name.slice(0, 1) }}</view><view><text class="member-name">{{ member.name }}</text><text class="member-role">第 {{ member.generation }} 世 · {{ member.relation }} · 家谱成员</text></view></view>
     <view v-else class="state-copy">{{ loadError || '正在载入成员档案…' }}</view>
     <template v-if="member">
@@ -41,7 +41,7 @@ onLoad(async (query) => {
   }
 })
 
-const showSoon = () => uni.showToast({ title: '资料编辑将在下一阶段接入', icon: 'none' })
+const toEdit = () => uni.navigateTo({ url: `/pages/tree/t05-edit-member?genealogyId=${genealogyId.value}&personId=${member.value?.id || ''}` })
 </script>
 
 <style scoped lang="scss">

pages/tree/t04-add-relative.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-04；用途：新增直系亲属。 -->
+<template><ModulePage page-id="t04" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/tree/t05-edit-member.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-05；用途：编辑成员资料。 -->
+<template><ModulePage page-id="t05" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/tree/t06-edit-relationship.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-06；用途：编辑亲属关系与冲突提示。 -->
+<template><ModulePage page-id="t06" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/tree/t07-member-directory.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-07；用途：成员目录与搜索。 -->
+<template><ModulePage page-id="t07" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>

pages/tree/t08-member-states.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：T-08；用途：成员离世、隐私隐藏与无权限状态。 -->
+<template><ModulePage page-id="t08" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>