chore: delete dead code, fix tailwind dark mode, fix title and start.sh port

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/tailwind.config.js

@@ -4,68 +4,30 @@ export default {
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
-  darkMode: 'class',
+  darkMode: ['selector', '[data-theme="dark"]'],
   theme: {
     extend: {
       colors: {
-        // 动态主题色（通过CSS变量）
-        't-bg': 'var(--t-bg)',
-        't-bg-card': 'var(--t-bg-card)',
-        't-bg-hover': 'var(--t-bg-hover)',
-        't-bg-elevated': 'var(--t-bg-elevated)',
-        't-border': 'var(--t-border)',
-        't-border-light': 'var(--t-border-light)',
-        't-text': 'var(--t-text)',
-        't-text2': 'var(--t-text2)',
-        't-text3': 'var(--t-text3)',
-        // 固定品牌色
+        't-bg': 'var(--bg)',
+        't-surface': 'var(--surface)',
+        't-fg': 'var(--fg)',
+        't-muted': 'var(--muted)',
+        't-border': 'var(--border)',
         't-accent': '#e20074',
-        't-accent-dark': '#be0060',
-        't-accent-light': '#f04090',
-        // 动态状态色
-        't-green': 'var(--t-green)',
-        't-orange': 'var(--t-orange)',
-        't-red': '#ff4444',
+        't-accent-hover': '#c8006a',
+        't-success': 'var(--success)',
+        't-warn': 'var(--warn)',
+        't-danger': 'var(--danger)',
       },
       fontFamily: {
-        'tele': ['TeleNeo', 'Segoe UI', 'system-ui', 'sans-serif'],
-        'mono': ['JetBrains Mono', 'monospace'],
+        'display': ['TeleNeoWeb-Bold', 'Inter', 'sans-serif'],
+        'body': ['TeleNeoWeb-Regular', 'Inter', 'sans-serif'],
+        'mono': ['ui-monospace', 'JetBrains Mono', 'Menlo', 'monospace'],
       },
       boxShadow: {
-        't-glow': '0 0 20px rgba(226,0,116,0.15), 0 0 40px rgba(226,0,116,0.05)',
-        't-card': '0 2px 8px rgba(226,0,116,0.04)',
-        't-card-hover': '0 4px 16px rgba(226,0,116,0.08)',
-        't-accent': '0 4px 20px rgba(226,0,116,0.4)',
-      },
-      keyframes: {
-        'pulse-glow': {
-          '0%, 100%': {
-            boxShadow: '0 0 12px rgba(226,0,116,0.5), 0 0 24px rgba(226,0,116,0.2)'
-          },
-          '50%': {
-            boxShadow: '0 0 16px rgba(226,0,116,0.7), 0 0 32px rgba(226,0,116,0.3)'
-          },
-        },
-        'slideUp': {
-          '0%': { opacity: '0', transform: 'translateY(10px)' },
-          '100%': { opacity: '1', transform: 'translateY(0)' },
-        },
-        'slideIn': {
-          '0%': { transform: 'translateX(100%)' },
-          '100%': { transform: 'translateX(0)' },
-        },
-        'slideOut': {
-          '0%': { transform: 'translateX(0)' },
-          '100%': { transform: 'translateX(100%)' },
-        },
-      },
-      animation: {
-        'pulse-glow': 'pulse-glow 2s infinite',
-        'slide-up': 'slideUp 0.3s ease',
-        'slide-in': 'slideIn 0.3s ease-out',
-        'slide-out': 'slideOut 0.3s ease-in',
+        'card': 'var(--shadow-card)',
       },
     },
   },
   plugins: [],
-}
+}