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

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

apps/miniprogram/src/pages/profile/medication/index.tsx

@@ -76,12 +76,21 @@ export default function MedicationReminder() {
     Taro.showToast({ title: '添加成功', icon: 'success' });
   };
 
+  const nameInitial = (name: string) => {
+    return name ? name.charAt(0) : '药';
+  };
+
   return (
     <View className='medication-page'>
+      <Text className='page-title'>用药提醒</Text>
+
       <View className='reminder-list'>
         {reminders.map((r) => (
-          <View className='reminder-card' key={r.id}>
-            <View className='reminder-left'>
+          <View className={`reminder-card ${!r.enabled ? 'disabled' : ''}`} key={r.id}>
+            <View className='reminder-avatar'>
+              <Text className='reminder-avatar-text'>{nameInitial(r.name)}</Text>
+            </View>
+            <View className='reminder-info'>
               <Text className='reminder-name'>{r.name}</Text>
               <Text className='reminder-dosage'>
                 {r.dosage} | {r.time}
@@ -109,14 +118,15 @@ export default function MedicationReminder() {
         <EmptyState text='暂无用药提醒' />
       )}
 
-      {/* 添加表单 */}
       {showForm && (
         <View className='form-card'>
+          <Text className='form-card-title'>添加提醒</Text>
           <View className='form-item'>
             <Text className='form-label'>药品名称</Text>
             <Input
               className='form-input'
               placeholder='请输入药品名称'
+              placeholderClass='form-placeholder'
               value={formName}
               onInput={(e) => setFormName(e.detail.value)}
             />
@@ -125,7 +135,8 @@ export default function MedicationReminder() {
             <Text className='form-label'>剂量</Text>
             <Input
               className='form-input'
-              placeholder='如：1片、10ml'
+              placeholder='如: 1片、10ml'
+              placeholderClass='form-placeholder'
               value={formDosage}
               onInput={(e) => setFormDosage(e.detail.value)}
             />
@@ -139,7 +150,7 @@ export default function MedicationReminder() {
             >
               <View className='time-picker-wrap'>
                 <Text className='time-value'>{formTime}</Text>
-                <Text className='time-arrow'>修改</Text>
+                <Text className='time-modify'>修改</Text>
               </View>
             </Picker>
           </View>
@@ -156,7 +167,7 @@ export default function MedicationReminder() {
 
       {!showForm && (
         <View className='add-btn' onClick={() => setShowForm(true)}>
-          <Text className='add-text'>+ 添加提醒</Text>
+          <Text className='add-text'>添加提醒</Text>
         </View>
       )}
     </View>