feat: ml产品全局适配 — 编辑器/价目/详情统一显示ml单位

- 编辑器: 表头改为"成分/用量/单价"，每行显示对应单位(滴/ml)
- 精油价目: ml产品显示"总容量Xml"和"每ml价格"，精油保持"每滴"
- 知识卡片/配方详情: 单位跟随产品类型
- 精油的"每ml价格"行对ml产品隐藏（已是ml单位）

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/views/RecipeManager.vue

@@ -271,7 +271,7 @@
         <div class="editor-section">
           <table class="editor-table">
             <thead>
-              <tr><th>精油</th><th>滴数</th><th>单价/滴</th><th>小计</th><th></th></tr>
+              <tr><th>成分</th><th>用量</th><th>单价</th><th>小计</th><th></th></tr>
             </thead>
             <tbody>
               <tr v-for="(ing, i) in formEoIngredients" :key="'eo-'+i">
@@ -296,8 +296,13 @@
                     </div>
                   </div>
                 </td>
-                <td><input v-model.number="ing.drops" type="number" min="0.5" step="0.5" class="editor-drops" /></td>
-                <td class="ing-ppd">{{ ing.oil ? oils.fmtPrice(oils.pricePerDrop(ing.oil)) : '-' }}</td>
+                <td>
+                  <div class="drops-with-unit">
+                    <input v-model.number="ing.drops" type="number" min="0.5" step="0.5" class="editor-drops" />
+                    <span class="unit-hint">{{ oils.unitLabel(ing.oil) }}</span>
+                  </div>
+                </td>
+                <td class="ing-ppd">{{ ing.oil ? oils.fmtPrice(oils.pricePerDrop(ing.oil)) : '-' }}/{{ oils.unitLabel(ing.oil) }}</td>
                 <td class="ing-cost">{{ ing.oil && ing.drops ? oils.fmtPrice(oils.pricePerDrop(ing.oil) * ing.drops) : '-' }}</td>
                 <td><button class="remove-row-btn" @click="removeEoRow(i)">✕</button></td>
               </tr>
@@ -2081,6 +2086,8 @@ watch(() => recipeStore.recipes, () => {
 .editor-table td { padding: 6px 4px; border-bottom: 1px solid #f5f5f5; }
 .editor-drops { width: 65px; padding: 6px 8px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; text-align: center; outline: none; font-family: inherit; }
 .editor-drops:focus { border-color: #7ec6a4; }
+.drops-with-unit { display: flex; align-items: center; gap: 2px; }
+.unit-hint { font-size: 11px; color: #b0aab5; white-space: nowrap; }
 .editor-input { padding: 8px 10px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; outline: none; font-family: inherit; width: 100%; box-sizing: border-box; }
 .editor-input:focus { border-color: #7ec6a4; }
 .editor-textarea { width: 100%; padding: 8px 10px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; font-family: inherit; outline: none; resize: vertical; box-sizing: border-box; }