fix(web): 禁用深色模式自动适配，修复渲染叠层问题

Flutter Web canvas 在系统深色模式下背景透明，导致底层 HTML 内容透出形成叠层。营销站点未声明 color-scheme，浏览器自动调色也会破坏白色背景设计。 - client/web/index.html: 添加 color-scheme=light meta 及 body 白色背景 - web/index.html: 添加 color-scheme=light meta - web/assets/colors_and_type.css: :root 声明 color-scheme: light Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
fix(nginx): /product/ 路径转发给 Flutter Web，修复扫码跳转营销页问题
2026-05-24 20:40:03 +08:00 · 2026-05-24 20:34:28 +08:00 · 2026-05-24 20:28:48 +08:00
4 changed files with 24 additions and 0 deletions
@@ -19,6 +19,13 @@
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="岩美酒库管理系统 — 酒店饮品库存与采购管理平台">
+  <meta name="color-scheme" content="light">
+  <style>
+    html, body {
+      background-color: #ffffff;
+      color-scheme: light;
+    }
+  </style>

  <!-- iOS meta tags & icons -->
  <meta name="mobile-web-app-capable" content="yes">
@@ -39,6 +39,20 @@ server {
        try_files $uri $uri/ /app/index.html;
    }

+    # index.html 不缓存，确保每次发版后浏览器加载最新版
+    location = /app/index.html {
+        alias /opt/jiu/web/index.html;
+        add_header Cache-Control "no-cache, no-store, must-revalidate";
+        add_header Pragma "no-cache";
+        expires 0;
+    }
+
+    # 公开商品详情页（扫码跳转）→ 交给 Flutter Web 路由处理
+    location ~ ^/product/ {
+        root /opt/jiu/web;
+        try_files $uri /app/index.html;
+    }
+
    # 扫码页（/scan/<id> → scan.html，JS 从 URL 读取 id）
    location /scan/ {
        root /opt/jiu/marketing;
@@ -5,6 +5,8 @@
   ========================================================================= */

 :root {
+  color-scheme: light;
+
  /* ---------- Brand: Primary (Slate Blue) ---------- */
  /* Trustworthy enterprise blue with a slight slate cast. */
  --brand-50:  #EEF4FB;
@@ -3,6 +3,7 @@
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="color-scheme" content="light" />
 <title>岩美酒库管理系统 — 为酒行与酒店设计的库存管理平台</title>
 <link rel="stylesheet" href="assets/colors_and_type.css" />
 <link rel="preconnect" href="https://fonts.googleapis.com">