fix: 三天总结营养素名中英文双语显示 + CSS消除灰色填充和双重方框

utils.py

@@ -457,6 +457,41 @@ def render_nutrition_report_html(analysis: dict, days: int, lang="zh") -> str:
     </div>"""
 
 
+# ============================================================
+# 营养素中英文对照表（用于三天总结双语展示）
+# ============================================================
+
+NUTRIENT_EN_NAMES = {
+    "能量(MJ)": "Energy",
+    "蛋白质(g)": "Protein",
+    "钙(mg)": "Calcium",
+    "铁(mg)": "Iron",
+    "锌(mg)": "Zinc",
+    "维生素A(μg RAE)": "Vitamin A",
+    "维生素D(μg)": "Vitamin D",
+    "维生素E(mg α-TE)": "Vitamin E",
+    "维生素B1(mg)": "Vitamin B1",
+    "维生素B2(mg)": "Vitamin B2",
+    "叶酸(μg DFE)": "Folate",
+    "碘(μg)": "Iodine",
+    "镁(mg)": "Magnesium",
+    "硒(μg)": "Selenium",
+    "钾(mg)": "Potassium",
+    "钠(mg)": "Sodium",
+    "磷(mg)": "Phosphorus",
+    "维生素C(mg)": "Vitamin C",
+    "膳食纤维(g)": "Dietary Fiber",
+}
+
+
+def _nutrient_display(name_cn: str, lang: str) -> str:
+    """返回营养素名的展示文本（中文模式显示中文+英文，英文模式显示英文）"""
+    en_name = NUTRIENT_EN_NAMES.get(name_cn, name_cn)
+    if lang == "zh":
+        return f"{name_cn} / {en_name}"
+    return en_name
+
+
 # ============================================================
 # 三天缺失深度分析 HTML（与营养报告统一视觉风格）
 # ============================================================
@@ -492,16 +527,17 @@ def render_three_day_deficit_section(deficit_data: dict, lang="zh") -> str:
             {no_data_msg}
         </div>"""
 
-    # ——— 构建缺失营养素的卡片 ———
+    # ——— 构建缺失营养素的卡片（中英文双语） ———
     deficit_cards = ""
     for nutrient in persistent_deficits:
+        nd = _nutrient_display(nutrient, lang)
         deficit_cards += f"""
         <div style="background:#fff;border-radius:14px;padding:14px 16px;
                     box-shadow:0 1px 6px rgba(0,0,0,0.04);border:1px solid #FFCDD2;
                     transition:all 0.2s;display:flex;align-items:center;gap:12px;">
             <div style="font-size:24px;min-width:36px;text-align:center;">⚠️</div>
             <div>
-                <div style="font-weight:600;font-size:15px;color:#C62828;">{nutrient}</div>
+                <div style="font-weight:600;font-size:15px;color:#C62828;">{nd}</div>
                 <div style="font-size:12px;color:#888;margin-top:2px;">{t("three_day_deficit", lang)}</div>
             </div>
         </div>"""
@@ -521,6 +557,7 @@ def render_three_day_deficit_section(deficit_data: dict, lang="zh") -> str:
     from modules.nutrition_standards import DRIsParser
     suggestion_items = ""
     for nutrient in persistent_deficits[:3]:
+        nd = _nutrient_display(nutrient, lang)
         foods = DRIsParser.RICH_FOODS.get(nutrient, [])
         if foods:
             food_tags = "".join(
@@ -531,7 +568,7 @@ def render_three_day_deficit_section(deficit_data: dict, lang="zh") -> str:
             suggestion_items += f"""
             <div style="margin-bottom:12px;">
                 <div style="font-weight:600;font-size:14px;color:#E91E63;margin-bottom:6px;">
-                    💪 {nutrient}
+                    💪 {nd}
                 </div>
                 <div style="display:flex;flex-wrap:wrap;gap:6px;">
                     {food_tags}
@@ -790,6 +827,54 @@ input, textarea, .gr-textbox {
     box-shadow: none !important;
 }
 
+/* ======== 消除所有Gradio容器的灰色填充和双重边框 ======== */
+
+/* 消除所有 Group/Box 的灰色背景 */
+.gr-group, .gr-box, .gr-form, .gr-panel {
+    background: transparent !important;
+}
+
+/* 消除所有文本输入区域的灰色填充 */
+textarea, input[type="text"], input[type="number"], input[type="search"],
+input[type="email"], input[type="password"], input[type="url"],
+.gr-textarea, .gr-textbox, .gr-input {
+    background: #fff !important;
+    border-color: #e0e0e0 !important;
+    box-shadow: none !important;
+}
+
+/* 消除焦点时的双重外框 */
+textarea:focus, input:focus, .gr-textarea:focus, .gr-textbox:focus {
+    outline: none !important;
+    border-color: #E91E63 !important;
+    box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.15) !important;
+}
+
+/* Gradio button/input wrap 容器 — 去除额外边框 */
+.gr-box > .gr-textarea, .gr-box > .gr-textbox,
+.gr-form > .gr-box, .gr-group > .gr-box {
+    border: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+/* 所有卡片容器白色背景 + 取消默认边框 */
+.home-card, .home-card.gr-group, .home-card .gr-box {
+    background: #fff !important;
+    border: 1px solid #f0f0f0 !important;
+    border-radius: 16px !important;
+    box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
+}
+
+/* 消除 Gr.Group 默认灰色内边 */
+.gr-group {
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+    gap: 0 !important;
+}
+
 /* 消除 Trimester 卡�� group 的双层边框 */
 .card-trimester.gr-group,
 .card-trimester .gr-box {