feat: harden phase one workflows

miniapp/miniprogram/pages/notices/index.wxml

@@ -1,12 +1,23 @@
 <view class="page">
-  <view class="section-title">社区公告</view>
-  <view wx:for="{{notices}}" wx:key="id" class="card">
-    <view class="row between">
-      <view>{{item.title}}</view>
-      <view wx:if="{{item.pinned}}" class="tag">置顶</view>
-    </view>
-    <view class="muted">{{item.category}} {{item.publishedAt}}</view>
-    <view>{{item.content}}</view>
+  <view class="page-heading">
+    <view class="heading-eyebrow">社区信息</view>
+    <view class="heading-title">社区公告</view>
+    <view class="heading-subtitle">物业通知、活动消息和服务说明</view>
   </view>
-  <view wx:if="{{!notices.length && !loading}}" class="card muted">暂无公告</view>
+
+  <view class="notice-list">
+    <view wx:for="{{notices}}" wx:key="id" class="notice-card">
+      <view class="row between notice-head">
+        <view class="card-title">{{item.title}}</view>
+        <view wx:if="{{item.pinned}}" class="tag">置顶</view>
+      </view>
+      <view class="notice-meta">
+        <view class="pill">{{item.category}}</view>
+        <view class="muted">{{item.publishedAt}}</view>
+      </view>
+      <view class="notice-content">{{item.content}}</view>
+    </view>
+  </view>
+
+  <view wx:if="{{!notices.length && !loading}}" class="empty-state">暂无公告</view>
 </view>