feat: deliver V1.1 dual-client UI fidelity milestone

miniapp/pages/content/content.js

@@ -0,0 +1 @@
+Page({data:{categories:['推荐','认识自己','沟通成长','关系经营','婚恋反诈'],active:0,articles:[{id:'1',title:'第一次见面，怎样自然地开始交流',category:'沟通成长',read:'5分钟'},{id:'2',title:'建立健康关系，需要怎样的边界',category:'关系经营',read:'6分钟'},{id:'3',title:'警惕以投资为名的婚恋骗局',category:'婚恋反诈',read:'4分钟'}]},select(e){this.setData({active:e.currentTarget.dataset.index})},open(e){wx.navigateTo({url:'/pages/content-detail/content-detail?id='+e.currentTarget.dataset.id})}})

miniapp/pages/content/content.json

@@ -0,0 +1 @@
+{"navigationBarTitleText":"婚恋课堂","backgroundColor":"#FAFAF8"}

miniapp/pages/content/content.wxml

@@ -0,0 +1 @@
+<view class="service-page"><view class="hero"><text class="eyebrow">婚恋课堂</text><text class="hero-title">认真学习，更好地相遇</text><text class="hero-desc">提供真实、克制、可实践的关系成长与安全知识。</text></view><scroll-view scroll-x style="white-space:nowrap;padding:24rpx 32rpx;box-sizing:border-box"><text wx:for="{{categories}}" wx:key="*this" data-index="{{index}}" bindtap="select" class="tag {{active===index ? '' : 'warning'}}">{{item}}</text></scroll-view><view class="content"><view wx:for="{{articles}}" wx:key="id" class="article-card" data-id="{{item.id}}" bindtap="open"><view class="article-cover"><text>{{item.category}}</text></view><view class="article-body"><text class="article-title">{{item.title}}</text><text class="article-meta">{{item.category}} · 阅读约 {{item.read}}</text></view></view></view></view>

miniapp/pages/content/content.wxss

@@ -0,0 +1 @@
+@import "../../styles/service-page.wxss";