web: 强化家庭会员概念 - 产品概览增加会员制副标题，角色卡标注会员主体

web/css/style.css

@@ -292,6 +292,14 @@ ul { list-style: none; }
   color: var(--color-text-primary);
 }
 
+.section-subtitle {
+  font-size: 1.1rem;
+  font-weight: 500;
+  color: var(--color-primary);
+  margin-bottom: var(--space-md);
+  letter-spacing: .02em;
+}
+
 .section-desc {
   font-size: var(--font-size-body);
   color: var(--color-text-secondary);
@@ -1184,6 +1192,18 @@ ul { list-style: none; }
 .role-teacher .role-badge { background: #F0F7FF; color: #3B82F6; }
 .role-admin .role-badge { background: #EEF0FF; color: #6366F1; }
 
+.role-member-tag {
+  display: inline-block;
+  font-size: .7rem;
+  font-weight: 500;
+  color: var(--color-primary);
+  background: var(--color-primary-light);
+  padding: .15em .7em;
+  border-radius: var(--radius-full);
+  vertical-align: middle;
+  margin-left: .4em;
+}
+
 .role-icon {
   margin-bottom: var(--space-md);
 }

web/index.html

@@ -124,6 +124,7 @@
       <div class="section-header">
         <span class="section-tag">产品概览</span>
         <h2 class="section-title">浠艾福 · Care Family</h2>
+        <p class="section-subtitle">一个家庭即是一个会员单位 · 全家共享一套成长体系</p>
         <p class="section-desc">
          以家庭为单位的 AI 智慧成长平台，围绕五大维度，
          通过活动、课程、商品、任务、咨询等多元服务，
@@ -921,7 +922,7 @@
           <div class="role-icon" style="display:flex;gap:4px;justify-content:center;">
             <svg viewBox="0 0 48 48" fill="none" width="36" height="36"><circle cx="24" cy="24" r="20" stroke="#4A9BD7" stroke-width="2" fill="#E8F4FA"/><circle cx="24" cy="18" r="6" fill="#4A9BD7" fill-opacity=".2" stroke="#4A9BD7" stroke-width="1.5"/><path d="M14 36c0-6 4-10 10-10s10 4 10 10" stroke="#4A9BD7" stroke-width="2" stroke-linecap="round"/></svg>
           </div>
-          <h3>家庭客户</h3>
+          <h3>家庭客户 <span class="role-member-tag">会员主体</span></h3>
           <p>以家庭为服务单位，覆盖全家各年龄段成员的健康成长需求。</p>
           <ul class="role-perms">
             <li><strong>独立账户</strong><span class="perm-desc"> — 每位家庭成员都有自己的成长账户与五维能量体系，独立又互通</span></li>