fix: 显示界面，功能优化。

src/styles/health-common.scss

@@ -354,10 +354,12 @@ page {
         font-size: 30rpx;
         font-weight: 700;
         line-height: 1.3;
-        white-space: nowrap;
+        /* 超长药品名称自动换行，最多 3 行后省略 */
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
         overflow: hidden;
-        text-overflow: ellipsis;
-        flex-shrink: 0;
+        word-break: break-all;
         letter-spacing: 0.5rpx;
       }
 
@@ -459,6 +461,8 @@ page {
   .info-row {
     display: flex;
     flex-wrap: wrap;
+    /* 关键：使用 flex-start 顶部对齐，避免同行两个 item 超长换行后高度不齐 */
+    align-items: flex-start;
     margin: 0 -12rpx;
 
     .info-item {
@@ -491,12 +495,16 @@ page {
         flex: 1;
         line-height: 1.5;
         word-break: break-all;
+        white-space: normal;
       }
 
+      /* 两列布局下也允许换行（内容起长时撑开多行） */
       &:not(.info-item-full) .info-value {
+        /* 超过 4 行后省略号截断，避免某个超长字段把整个卡片撑得太高 */
+        display: -webkit-box;
+        -webkit-line-clamp: 4;
+        -webkit-box-orient: vertical;
         overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
       }
     }
   }