From f355eaac4d32cfcabe26943d62575fdea9bfe643 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Thu, 9 Apr 2026 17:31:49 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=9F=A5=E8=AF=86=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E8=A1=8C=E5=AD=97=E5=8F=B7=E7=BC=A9=E5=B0=8F?=
 =?UTF-8?q?+nowrap=E7=A1=AE=E4=BF=9D=E4=B8=80=E8=A1=8C=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/OilReference.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index 277b861..7a98caa 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -6,14 +6,14 @@
         <span style="font-size:22px">💧</span>
         <div>
           <div style="font-size:14px;font-weight:600;color:#2e7d32">稀释比例</div>
-          <div style="font-size:11px;color:#558b2f;margin-top:2px">不同年龄段的稀释指南</div>
+          <div style="font-size:10px;color:#558b2f;margin-top:2px;white-space:nowrap">不同年龄段的稀释指南</div>
         </div>
       </div>
       <div @click="showContra = true" style="flex:1;min-width:140px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;padding:12px 16px;cursor:pointer;transition:transform 0.2s;display:flex;align-items:center;gap:10px" @mouseover="$event.currentTarget.style.transform='translateY(-2px)'" @mouseout="$event.currentTarget.style.transform=''">
         <span style="font-size:22px">⚠️</span>
         <div>
           <div style="font-size:14px;font-weight:600;color:#f57f17">使用禁忌</div>
-          <div style="font-size:11px;color:#ff8f00;margin-top:2px">安全使用精油的注意事项</div>
+          <div style="font-size:10px;color:#ff8f00;margin-top:2px;white-space:nowrap">安全使用精油的注意事项</div>
         </div>
       </div>
     </div>