feat(miniprogram): 温润东方风全面 UI 重设计

73 文件变更，覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。

apps/miniprogram/src/pages/profile/reports/index.scss

@@ -1,78 +1,116 @@
 @import '../../../styles/variables.scss';
 
+@mixin section-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 20px;
+  display: block;
+}
+
+@mixin serif-number {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-variant-numeric: tabular-nums;
+}
+
+@mixin tag($bg, $color) {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: 8px;
+  font-size: 20px;
+  font-weight: 500;
+  background: $bg;
+  color: $color;
+}
+
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .my-reports-page {
   min-height: 100vh;
   background: $bg;
-  padding: 24px;
+  padding: 32px 24px;
   padding-bottom: 40px;
 }
 
+.page-title {
+  @include section-title;
+  padding-left: 4px;
+}
+
 .report-list {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: 16px;
 }
 
 .report-card {
   background: $card;
   border-radius: $r;
   padding: 28px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  box-shadow: $shadow-sm;
+
+  &:active {
+    box-shadow: $shadow-md;
+  }
 }
 
 .report-card-top {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 12px;
+  margin-bottom: 16px;
+}
+
+.report-type-row {
+  display: flex;
+  align-items: center;
+}
+
+.report-avatar {
+  @include flex-center;
+  width: 56px;
+  height: 56px;
+  border-radius: $r-sm;
+  background: $pri-l;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+
+.report-avatar-text {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 28px;
+  font-weight: bold;
+  color: $pri-d;
 }
 
 .report-type {
+  font-family: 'Georgia', 'Times New Roman', serif;
   font-size: 30px;
   font-weight: bold;
   color: $tx;
 }
 
 .report-status {
-  font-size: 24px;
-  padding: 4px 16px;
-  border-radius: 20px;
+  @include tag($bd-l, $tx2);
 
   &.normal {
-    color: $acc;
-    background: $acc-l;
+    @include tag($acc-l, $acc);
   }
 
   &.abnormal {
-    color: $dan;
-    background: $dan-l;
+    @include tag($dan-l, $dan);
   }
 }
 
 .report-date {
+  @include serif-number;
   font-size: 26px;
   color: $tx2;
   display: block;
-}
-
-.empty-state {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 120px 0;
-}
-
-.empty-text {
-  font-size: 28px;
-  color: $tx3;
-}
-
-.loading-hint {
-  text-align: center;
-  padding: 24px 0;
-}
-
-.loading-text {
-  font-size: 24px;
-  color: $tx3;
+  padding-left: 72px;
 }