diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.json b/pets-fe/components/bottom-sheet/bottom-sheet.json
index a89ef4d..a88211e 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.json
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.json
@@ -1,4 +1,6 @@
 {
   "component": true,
-  "usingComponents": {}
+  "usingComponents": {
+    "pt-icon": "/components/pt-icon/index"
+  }
 }
diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.wxml b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
index d57b615..c1f5ee7 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.wxml
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
@@ -75,7 +75,7 @@ module.exports.sel = function (map, key, index, def) {
     <!-- AI 观察建议 -->
     <block wx:elif="{{innerType === 'risk'}}">
       <view class="sheet-h3">AI 观察建议</view>
-      <view class="risk-box">⚠️ 风险等级：{{riskData ? riskData.risk_level : '中'}}</view>
+      <view class="risk-box"><pt-icon name="warn" size="{{32}}"></pt-icon> 风险等级：{{riskData ? riskData.risk_level : '中'}}</view>
       <view class="sheet-p"><text class="bold">可能原因：</text>{{riskData ? riskData.causes : '可能与换粮、应激或消化不适有关。不要把这里写成诊断结论。'}}</view>
       <view class="sheet-p"><text class="bold">建议：</text>{{riskData ? riskData.suggestion : '继续观察精神、食欲和排便；暂停新食物；记录呕吐或腹泻次数。'}}</view>
       <view class="sheet-p"><text class="bold">建议就医：</text>{{riskData ? riskData.seek_care : '如果持续超过 24 小时，或伴随便血、精神明显变差、频繁呕吐，建议尽快就医。'}}</view>
@@ -232,9 +232,9 @@ module.exports.sel = function (map, key, index, def) {
       <view class="sheet-h3">肉垫计划 Pro</view>
       <view class="sheet-p">解锁 365 天计划、PDF 健康档案、月度报告、多宠物管理与年度账单。</view>
       <view class="check-list">
-        <view wx:for="{{proInfo.features}}" wx:key="*this" class="check selected"><view class="box">✓</view>{{item}}</view>
+        <view wx:for="{{proInfo.features}}" wx:key="*this" class="check selected"><view class="box"><pt-icon name="check" size="{{26}}"></pt-icon></view>{{item}}</view>
       </view>
-      <button wx:if="{{proInfo.status === 'active'}}" class="btn btn-soft btn-block" bindtap="close">已开通 Pro ✓</button>
+      <button wx:if="{{proInfo.status === 'active'}}" class="btn btn-soft btn-block" bindtap="close"><pt-icon name="check" size="{{30}}"></pt-icon>已开通 Pro</button>
       <button wx:else class="btn btn-soft btn-block" disabled="true">即将开放</button>
       <view wx:if="{{proInfo.status !== 'active'}}" class="sheet-p" style="text-align:center;margin-top:16rpx;font-size:24rpx">
         会员功能还在准备中，暂未开放购买。
@@ -292,9 +292,9 @@ module.exports.sel = function (map, key, index, def) {
         <view class="img-picker">
           <view wx:for="{{postImages}}" wx:key="id" class="img-thumb">
             <image src="{{item.url}}" mode="aspectFill"></image>
-            <view class="img-del" catchtap="onRemovePostImage" data-index="{{index}}">×</view>
+            <view class="img-del" catchtap="onRemovePostImage" data-index="{{index}}"><pt-icon name="close" size="{{24}}"></pt-icon></view>
           </view>
-          <view wx:if="{{postImages.length < 9}}" class="img-add" bindtap="onPickPostImages">＋</view>
+          <view wx:if="{{postImages.length < 9}}" class="img-add" bindtap="onPickPostImages"><pt-icon name="plus" size="{{48}}"></pt-icon></view>
         </view>
       </view>
       <button class="btn btn-primary btn-block" bindtap="onCreatePost">发布到宠友圈</button>
diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.wxss b/pets-fe/components/bottom-sheet/bottom-sheet.wxss
index 2501820..ec6d21d 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.wxss
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.wxss
@@ -7,58 +7,75 @@
 .overlay.show{opacity:1;pointer-events:auto}
 .sheet{
   position:absolute;left:0;right:0;bottom:0;
-  background:#fff;border-radius:60rpx 60rpx 0 0;
-  padding:32rpx 0 0;
+  background:#fff;border-radius:48rpx 48rpx 0 0;
+  padding:var(--sp-5) 0 0;
   transform:translateY(106%);transition:.24s ease;
-  box-shadow:0 -40rpx 100rpx rgba(0,0,0,.16);
+  box-shadow:var(--sd-3);
 }
 .overlay.show .sheet{transform:translateY(0)}
 .sheet-scroll{
   box-sizing:border-box;
-  max-height:78vh;
-  padding:0 36rpx calc(120rpx + env(safe-area-inset-bottom));
+  /* exportData / manageTasks / comments 是最长的三型，圆角间距变化后靠这个上限内滚 */
+  max-height:80vh;
+  padding:0 var(--sp-5) calc(120rpx + env(safe-area-inset-bottom));
 }
 .sheet-scroll::-webkit-scrollbar,.plan-chat::-webkit-scrollbar{width:0;height:0;display:none}
-.sheetbar{width:88rpx;height:10rpx;border-radius:999rpx;background:#E1D8CF;margin:0 auto 24rpx}
+.sheetbar{width:80rpx;height:8rpx;border-radius:var(--r-full);background:#E1D8CF;margin:0 auto var(--sp-4)}
 
-.sheet-h3{font-size:40rpx;font-weight:800;margin-bottom:20rpx}
-.sheet-p{font-size:28rpx;color:#62584F;line-height:1.65;margin-bottom:24rpx}
+.sheet-h3{font-size:var(--fs-xl);font-weight:var(--fw-b);margin-bottom:var(--sp-3)}
+.sheet-p{font-size:var(--fs-md);color:var(--text-2);line-height:1.65;margin-bottom:var(--sp-4)}
 .sheet-p.pre,.poster-list.pre{white-space:pre-line}
-.poster-h3{font-size:40rpx;font-weight:800;margin-bottom:20rpx}
-.bold{font-weight:900}
+.poster-h3{font-size:var(--fs-xl);font-weight:var(--fw-b);margin-bottom:var(--sp-3)}
 
-.ai-input-row{display:flex;gap:16rpx;align-items:center}
+.ai-input-row{display:flex;gap:var(--sp-3);align-items:center}
 .ai-input-row .input{flex:1}
-.ai-send{height:88rpx;line-height:88rpx;padding:0 28rpx}
+.ai-send{height:88rpx;line-height:88rpx;padding:0 var(--sp-4)}
 
 /* 弹层内的日期选择器展示 */
 .picker-box{color:var(--text)}
-.del-btn{background:var(--red-soft);color:var(--red)}
+.del-btn{background:var(--red-soft);color:var(--red-ink)}
 
-/* 管理任务 */
-.mtask-row{display:flex;align-items:center;gap:16rpx;padding:20rpx 0;border-bottom:1rpx solid var(--line)}
+/* 管理任务 / 管理宠物 */
+.mtask-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1rpx solid var(--line)}
 .mtask-body{flex:1;min-width:0}
-.mtask-b{font-size:28rpx;font-weight:700}
-.mtask-pri{margin-left:12rpx;font-size:20rpx;font-weight:700;color:var(--primary-dark);background:#FFF2DC;padding:2rpx 12rpx;border-radius:999rpx}
-.mtask-p{margin-top:6rpx;font-size:24rpx;color:var(--muted)}
-.mtask-op{flex:none;font-size:26rpx;font-weight:700;color:var(--primary-dark);padding:8rpx 18rpx;background:#FBFAF8;border-radius:16rpx}
-.mtask-op.del{color:var(--red)}
-.mtask-form-row{display:flex;align-items:center;gap:16rpx}
-.mtask-form-row .seg-btn{flex:none;padding:0 28rpx;height:72rpx;line-height:72rpx}
+.mtask-b{font-size:var(--fs-md);font-weight:var(--fw-b)}
+.mtask-pri{
+  margin-left:var(--sp-2);font-size:var(--fs-cap);font-weight:var(--fw-b);
+  color:var(--primary-ink);background:var(--primary-soft);padding:2rpx var(--sp-2);border-radius:var(--r-full);
+}
+.mtask-p{margin-top:6rpx;font-size:var(--fs-sm);color:var(--muted)}
+.mtask-op{
+  flex:none;font-size:var(--fs-sm);font-weight:var(--fw-b);color:var(--primary-dark);
+  padding:var(--sp-1) var(--sp-3);background:var(--surface-2);border-radius:var(--r-xs);
+}
+.mtask-op.del{color:var(--red-ink)}
+.mtask-form-row{display:flex;align-items:center;gap:var(--sp-3)}
+/* 这条覆写了全局 .seg-btn 的高度，全局值变化时要一起看 */
+.mtask-form-row .seg-btn{flex:none;padding:0 var(--sp-4);height:var(--h-sm);line-height:var(--h-sm)}
 .mtask-form-row .picker-box{flex:1}
 
 /* 图片选择器 */
-.img-picker{display:flex;flex-wrap:wrap;gap:16rpx}
-.img-thumb{position:relative;width:160rpx;height:160rpx;border-radius:20rpx;overflow:hidden}
+.img-picker{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
+.img-thumb{position:relative;width:160rpx;height:160rpx;border-radius:var(--r-sm);overflow:hidden}
 .img-thumb image{width:100%;height:100%}
-.img-del{position:absolute;top:0;right:0;width:40rpx;height:40rpx;line-height:38rpx;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-size:30rpx;border-radius:0 20rpx 0 20rpx}
-.img-add{width:160rpx;height:160rpx;border-radius:20rpx;border:2rpx dashed #D8CFC4;display:flex;align-items:center;justify-content:center;font-size:56rpx;color:#B9AE9F;background:#FBFAF8}
+.img-del{
+  position:absolute;top:0;right:0;width:44rpx;height:44rpx;
+  display:flex;align-items:center;justify-content:center;
+  background:rgba(0,0,0,.55);color:#fff;border-radius:0 var(--r-sm) 0 var(--r-sm);
+}
+.img-add{
+  width:160rpx;height:160rpx;border-radius:var(--r-sm);border:2rpx dashed #D8CFC4;
+  display:flex;align-items:center;justify-content:center;color:var(--muted2);background:var(--surface-2);
+}
 
 /* 导出健康档案 */
 .export-box{
-  max-height:560rpx;overflow-y:auto;background:#FBFAF8;border-radius:28rpx;
-  padding:24rpx;font-size:25rpx;line-height:1.7;color:#4A4A46;white-space:pre-line;
-  border:1rpx solid var(--line);margin-bottom:24rpx;
+  max-height:560rpx;overflow-y:auto;background:var(--surface-2);border-radius:var(--r-md);
+  padding:var(--sp-4);font-size:var(--fs-sm);line-height:1.7;color:var(--text-2);white-space:pre-line;
+  border:1rpx solid var(--line);margin-bottom:var(--sp-4);
 }
 .export-box::-webkit-scrollbar{width:0;height:0;display:none}
-.mine-tag{margin-left:10rpx;font-size:20rpx;font-weight:700;color:var(--primary-dark);background:#FFF2DC;padding:2rpx 10rpx;border-radius:999rpx}
+.mine-tag{
+  margin-left:var(--sp-1);font-size:var(--fs-cap);font-weight:var(--fw-b);
+  color:var(--primary-ink);background:var(--primary-soft);padding:2rpx var(--sp-1);border-radius:var(--r-full);
+}