品牌化重构: StreamCore + 现代UI主题 + 英文界面

- 移除所有emoji (HomePage中的🎬改为VideoCameraOutlined图标)
- 主题重设计: 深蓝色系主色(#1E3A5F),系统sans-serif字体
  白色/浅灰背景,现代卡片阴影和圆角,完全去除复古感
- 首页移除管理入口,纯观众视角(渐变横幅+卡片列表)
- 统一品牌名称 StreamCore (替换LiveStream)
- 全部界面英文(antd默认locale,去除zhCN)
- 登录页渐变+卡片居中布局

frontend/src/viewer/pages/WatchPage.tsx

@@ -79,7 +79,7 @@ export default function WatchPage() {
       })
       hlsInstance.on(Hls.Events.ERROR, (_event, data) => {
         if (data.fatal) {
-          message.warning('播放异常，尝试切换线路...')
+          message.warning('Playback error, try switching line...')
         }
       })
       setHls(hlsInstance)
@@ -103,50 +103,50 @@ export default function WatchPage() {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        background: '#FAF8F5',
+        background: '#F5F6FA',
       }}>
-        <Empty description="未找到该直播" />
+        <Empty description="Stream not found" />
       </div>
     )
   }
 
-  const statusLabel = info.status === 'live' ? '直播中' : info.status === 'pending' ? '待开播' : info.status === 'ended' ? '已结束' : info.status
+  const statusLabel = info.status === 'live' ? 'LIVE' : info.status === 'pending' ? 'SCHEDULED' : info.status === 'ended' ? 'ENDED' : info.status.toUpperCase()
 
   return (
     <div style={{
       minHeight: '100vh',
-      background: '#1A1A16',
+      background: '#0F1419',
       display: 'flex',
       flexDirection: 'column',
     }}>
       <div style={{
         height: 56,
         minHeight: 56,
-        background: 'rgba(26,26,22,0.95)',
-        borderBottom: '1px solid rgba(255,255,255,0.08)',
+        background: 'rgba(15,20,25,0.97)',
+        borderBottom: '1px solid rgba(255,255,255,0.06)',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
         padding: '0 24px',
       }}>
         <Space>
-          <Button type="text" icon={<ArrowLeftOutlined />} style={{ color: '#fff' }}
+          <Button type="text" icon={<ArrowLeftOutlined />} style={{ color: '#A0AEC0' }}
             onClick={() => navigate('/')}>
-            返回
+            Back
           </Button>
           <div>
-            <Title level={5} style={{ color: '#fff', margin: 0 }}>
+            <Title level={5} style={{ color: '#E2E8F0', margin: 0, fontWeight: 600 }}>
               {info.title}
             </Title>
-            <Tag color={info.status === 'live' ? 'green' : 'default'} style={{ marginLeft: 8 }}>
+            <Tag color={info.status === 'live' ? 'green' : 'default'} style={{ marginLeft: 8, fontWeight: 600 }}>
               {statusLabel}
             </Tag>
           </div>
         </Space>
         <Space size="middle">
-          <div style={{ color: '#aaa', fontSize: 13 }}>
-            <SignalFilled style={{ color: info.multicast_available ? '#52c41a' : '#666', marginRight: 4 }} />
-            {info.multicast_available ? '组播' : '单播'}
+          <div style={{ color: '#718096', fontSize: 13, display: 'flex', alignItems: 'center', gap: 4 }}>
+            <SignalFilled style={{ color: info.multicast_available ? '#48BB78' : '#4A5568' }} />
+            {info.multicast_available ? 'Multicast' : 'Unicast'}
           </div>
           <Select
             value={activeQuality}
@@ -154,7 +154,7 @@ export default function WatchPage() {
             style={{ width: 110 }}
             size="small"
             options={info.qualities.map((q) => ({ value: q.label, label: q.label }))}
-            placeholder="清晰度"
+            placeholder="Quality"
           />
           <Select
             value={activeLine}
@@ -166,7 +166,7 @@ export default function WatchPage() {
               label: `${l.node_name} (${l.weight})`,
             }))}
             prefix={<WifiOutlined />}
-            placeholder="选择线路"
+            placeholder="Line"
           />
         </Space>
       </div>
@@ -184,6 +184,8 @@ export default function WatchPage() {
           maxHeight: 'calc(100vh - 56px - 48px)',
           background: '#000',
           position: 'relative',
+          borderRadius: 8,
+          overflow: 'hidden',
         }}>
           <video
             ref={videoRef}
@@ -199,11 +201,13 @@ export default function WatchPage() {
               display: 'flex',
               alignItems: 'center',
               justifyContent: 'center',
-              background: 'rgba(0,0,0,0.7)',
+              background: 'rgba(0,0,0,0.8)',
             }}>
               <Space direction="vertical" align="center">
                 <Spin size="large" />
-                <Text style={{ color: '#fff' }}>等待主播开播...</Text>
+                <Text style={{ color: 'rgba(255,255,255,0.6)', fontSize: 16 }}>
+                  Waiting for streamer...
+                </Text>
               </Space>
             </div>
           )}