feat(ui): refresh dashboard and paper boat branding

frontend/index.html

@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
 
 <head>
   <meta charset="UTF-8">
   <meta name="robots" content="noindex, nofollow">
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=paper-boat">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content">
-  <meta name="theme-color" content="#0B0C10">
+  <meta name="theme-color" content="#F4F1EB">
   <script>
     /* Applies the saved theme before first paint.
        useTheme.ts sets data-theme and theme-color too, but only once the bundle
@@ -19,13 +19,13 @@
        and src/config/themeColors.ts — a static document cannot import them. */
     (function () {
       try {
-        var stored = localStorage.getItem('cm-theme') || 'dark';
+        var stored = localStorage.getItem('cm-theme') || 'light';
         var resolved = stored === 'system'
           ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
           : (stored === 'light' ? 'light' : 'dark');
         document.documentElement.setAttribute('data-theme', resolved);
         var meta = document.querySelector('meta[name="theme-color"]');
-        if (meta) meta.setAttribute('content', resolved === 'dark' ? '#0B0C10' : '#EEF0F4');
+        if (meta) meta.setAttribute('content', resolved === 'dark' ? '#121211' : '#F4F1EB');
       } catch (e) {
         /* Private mode can throw on localStorage; the dark default already applies. */
       }
@@ -39,7 +39,7 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap">
   <title>ChatterMate · 智能客服工作台</title>
   <meta name="shopify-api-key" content="<%= VITE_SHOPIFY_API_KEY %>" />
   <!-- Shopify App Bridge, and the Polaris web components the Shopify views use.
@@ -73,4 +73,4 @@
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
+</html>