diff --git a/BmsMonitor.App/Assets/taffy-avatar.jpg b/BmsMonitor.App/Assets/taffy-avatar.jpg
new file mode 100644
index 0000000..c1df83c
Binary files /dev/null and b/BmsMonitor.App/Assets/taffy-avatar.jpg differ
diff --git a/BmsMonitor.App/Assets/taffy-visual.jpg b/BmsMonitor.App/Assets/taffy-visual.jpg
new file mode 100644
index 0000000..c751109
Binary files /dev/null and b/BmsMonitor.App/Assets/taffy-visual.jpg differ
diff --git a/BmsMonitor.App/BmsMonitor.App.csproj b/BmsMonitor.App/BmsMonitor.App.csproj
index bb56cae..12e206d 100644
--- a/BmsMonitor.App/BmsMonitor.App.csproj
+++ b/BmsMonitor.App/BmsMonitor.App.csproj
@@ -12,6 +12,8 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <Resource Include="Assets\taffy-avatar.jpg" />
+    <Resource Include="Assets\taffy-visual.jpg" />
     <Content Include="Native\x86\ControlCAN.dll">
       <Link>ControlCAN.dll</Link>
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
diff --git a/BmsMonitor.App/MainWindow.xaml b/BmsMonitor.App/MainWindow.xaml
index 7354771..de4a713 100644
--- a/BmsMonitor.App/MainWindow.xaml
+++ b/BmsMonitor.App/MainWindow.xaml
@@ -1,100 +1,289 @@
 <Window x:Class="BmsMonitor.App.MainWindow"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        Title="BMS Monitor - CANTest驱动版 v0.2" Height="780" Width="1240" MinHeight="650" MinWidth="1000"
-        Background="#0B1220" Foreground="#E8EEF7" Closing="Window_Closing">
+        Title="TAFFY BMS Monitor" Height="820" Width="1280" MinHeight="680" MinWidth="1080"
+        Background="#F3F2F6" Foreground="#2D2933" Closing="Window_Closing"
+        FontFamily="Microsoft YaHei UI">
     <Window.Resources>
-        <Style TargetType="Button"><Setter Property="Padding" Value="18,8"/><Setter Property="Margin" Value="6,0"/><Setter Property="Background" Value="#2563EB"/><Setter Property="Foreground" Value="White"/><Setter Property="BorderThickness" Value="0"/></Style>
-        <Style TargetType="ComboBox"><Setter Property="Padding" Value="8,5"/><Setter Property="MinWidth" Value="90"/><Setter Property="Margin" Value="6,0"/></Style>
-        <Style x:Key="Card" TargetType="Border"><Setter Property="Background" Value="#121D2F"/><Setter Property="CornerRadius" Value="8"/><Setter Property="Padding" Value="18"/><Setter Property="Margin" Value="6"/></Style>
-        <Style x:Key="Value" TargetType="TextBlock"><Setter Property="FontSize" Value="27"/><Setter Property="FontWeight" Value="SemiBold"/><Setter Property="Foreground" Value="#60A5FA"/><Setter Property="Margin" Value="0,8,0,0"/></Style>
+        <SolidColorBrush x:Key="Pink" Color="#E8589C"/>
+        <SolidColorBrush x:Key="PinkSoft" Color="#C63D82"/>
+        <SolidColorBrush x:Key="Purple" Color="#7653A6"/>
+        <SolidColorBrush x:Key="TextPrimary" Color="#2D2933"/>
+        <SolidColorBrush x:Key="TextSecondary" Color="#6F6878"/>
+        <SolidColorBrush x:Key="Panel" Color="#FFFFFFFF"/>
+        <SolidColorBrush x:Key="PanelLight" Color="#FFF8F4FA"/>
+        <SolidColorBrush x:Key="Stroke" Color="#FFD8D3DD"/>
+
+        <Style TargetType="Button">
+            <Setter Property="Foreground" Value="White"/>
+            <Setter Property="Background" Value="#E8589C"/>
+            <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Padding" Value="16,7"/>
+            <Setter Property="Margin" Value="5,0"/>
+            <Setter Property="FontWeight" Value="SemiBold"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="Button">
+                        <Border x:Name="ButtonBorder" Background="{TemplateBinding Background}" CornerRadius="4" Padding="{TemplateBinding Padding}">
+                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True"><Setter TargetName="ButtonBorder" Property="Opacity" Value="0.86"/></Trigger>
+                            <Trigger Property="IsPressed" Value="True"><Setter TargetName="ButtonBorder" Property="Opacity" Value="0.68"/></Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <Style TargetType="ComboBox">
+            <Setter Property="MinWidth" Value="105"/>
+            <Setter Property="Height" Value="32"/>
+            <Setter Property="Margin" Value="7,0"/>
+            <Setter Property="Padding" Value="9,4"/>
+            <Setter Property="Background" Value="White"/>
+            <Setter Property="Foreground" Value="#2D2933"/>
+            <Setter Property="BorderBrush" Value="#FFCBC5D2"/>
+            <Setter Property="BorderThickness" Value="1"/>
+        </Style>
+        <Style TargetType="ComboBoxItem">
+            <Setter Property="Background" Value="White"/>
+            <Setter Property="Foreground" Value="#2D2933"/>
+            <Setter Property="Padding" Value="10,7"/>
+        </Style>
+
+        <Style x:Key="Card" TargetType="Border">
+            <Setter Property="Background" Value="{StaticResource Panel}"/>
+            <Setter Property="BorderBrush" Value="{StaticResource Stroke}"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="CornerRadius" Value="5"/>
+            <Setter Property="Padding" Value="13"/>
+            <Setter Property="Margin" Value="4"/>
+        </Style>
+        <Style x:Key="Value" TargetType="TextBlock">
+            <Setter Property="FontSize" Value="24"/>
+            <Setter Property="FontWeight" Value="SemiBold"/>
+            <Setter Property="Foreground" Value="#B52E72"/>
+            <Setter Property="Margin" Value="0,5,0,0"/>
+        </Style>
+        <Style x:Key="CardLabel" TargetType="TextBlock">
+            <Setter Property="Foreground" Value="{StaticResource TextSecondary}"/>
+            <Setter Property="FontSize" Value="13"/>
+        </Style>
+
+        <Style TargetType="TabControl">
+            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="BorderThickness" Value="0"/>
+        </Style>
+        <Style TargetType="TabItem">
+            <Setter Property="Foreground" Value="{StaticResource TextSecondary}"/>
+            <Setter Property="FontWeight" Value="SemiBold"/>
+            <Setter Property="Padding" Value="17,8"/>
+            <Setter Property="Margin" Value="0,0,2,6"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="TabItem">
+                        <Border x:Name="TabBorder" Background="#FFE8E5EC" BorderBrush="#FFD3CED8" BorderThickness="1" CornerRadius="4,4,0,0" Padding="{TemplateBinding Padding}">
+                            <ContentPresenter ContentSource="Header" HorizontalAlignment="Center"/>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsSelected" Value="True">
+                                <Setter TargetName="TabBorder" Property="Background" Value="#FFE8589C"/>
+                                <Setter Property="Foreground" Value="White"/>
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="True"><Setter TargetName="TabBorder" Property="Opacity" Value="0.84"/></Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+        <Style TargetType="DataGrid">
+            <Setter Property="Background" Value="White"/>
+            <Setter Property="Foreground" Value="#2D2933"/>
+            <Setter Property="BorderBrush" Value="{StaticResource Stroke}"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="RowBackground" Value="White"/>
+            <Setter Property="AlternatingRowBackground" Value="#FFF8F4FA"/>
+            <Setter Property="HorizontalGridLinesBrush" Value="#FFE4E0E7"/>
+            <Setter Property="VerticalGridLinesBrush" Value="Transparent"/>
+            <Setter Property="RowHeight" Value="34"/>
+            <Setter Property="HeadersVisibility" Value="Column"/>
+        </Style>
+        <Style TargetType="DataGridColumnHeader">
+            <Setter Property="Background" Value="#FFECE8EF"/>
+            <Setter Property="Foreground" Value="#6D3B62"/>
+            <Setter Property="FontWeight" Value="SemiBold"/>
+            <Setter Property="Padding" Value="10,9"/>
+            <Setter Property="BorderThickness" Value="0"/>
+        </Style>
+        <Style TargetType="DataGridCell">
+            <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Padding" Value="8,5"/>
+            <Setter Property="Foreground" Value="#2D2933"/>
+        </Style>
     </Window.Resources>
-    <Grid Margin="18">
-        <Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/><RowDefinition Height="Auto"/></Grid.RowDefinitions>
-        <Border Grid.Row="0" Background="#121D2F" CornerRadius="8" Padding="14" Margin="0,0,0,12">
-            <DockPanel>
-                <StackPanel DockPanel.Dock="Left" Orientation="Horizontal" VerticalAlignment="Center">
-                    <TextBlock Text="BMS Monitor" FontSize="22" FontWeight="Bold" Margin="0,0,24,0"/>
-                    <TextBlock Text="设备" VerticalAlignment="Center"/><ComboBox x:Name="DeviceCombo" SelectedIndex="0"><ComboBoxItem Content="ZLG USBCAN #0"/></ComboBox>
-                    <TextBlock Text="通道" VerticalAlignment="Center" Margin="12,0,0,0"/><ComboBox x:Name="ChannelCombo" SelectedIndex="0"><ComboBoxItem Content="CAN1"/><ComboBoxItem Content="CAN2"/></ComboBox>
-                    <TextBlock Text="波特率" VerticalAlignment="Center" Margin="12,0,0,0"/>
-                    <ComboBox x:Name="BaudRateCombo" SelectedIndex="0">
-                        <ComboBoxItem Content="250 kbit/s" Tag="250"/>
-                        <ComboBoxItem Content="500 kbit/s" Tag="500"/>
-                    </ComboBox>
-                    <TextBlock Text="只读" Foreground="#94A3B8" VerticalAlignment="Center" Margin="8,0,14,0"/>
-                </StackPanel>
-                <StackPanel DockPanel.Dock="Right" Orientation="Horizontal" HorizontalAlignment="Right"><Button x:Name="ConnectButton" Content="连接" Click="ConnectButton_Click"/><Button Content="清空报文" Background="#334155" Click="ClearButton_Click"/></StackPanel>
-            </DockPanel>
-        </Border>
-        <TabControl Grid.Row="1" Background="#0B1220" BorderThickness="0">
-            <TabItem Header="实时监控"><ScrollViewer VerticalScrollBarVisibility="Auto"><StackPanel Margin="0,12">
-                <UniformGrid Columns="3">
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="总电压" Foreground="#94A3B8"/><TextBlock x:Name="PackVoltageText" Text="--.- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="SOC" Foreground="#94A3B8"/><TextBlock x:Name="SocText" Text="-- %" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="工作状态" Foreground="#94A3B8"/><TextBlock x:Name="BmsStateText" Text="等待报文" Style="{StaticResource Value}"/></StackPanel></Border>
-                </UniformGrid>
-                <UniformGrid Columns="5">
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最高单体" Foreground="#94A3B8"/><TextBlock x:Name="MaxCellText" Text="-.--- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最低单体" Foreground="#94A3B8"/><TextBlock x:Name="MinCellText" Text="-.--- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最高温度" Foreground="#94A3B8"/><TextBlock x:Name="MaxTempText" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最低温度" Foreground="#94A3B8"/><TextBlock x:Name="MinTempText" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                    <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="低压电池" Foreground="#94A3B8"/><TextBlock x:Name="LowBatteryText" Text="--.- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                </UniformGrid>
-                <Border Style="{StaticResource Card}" Margin="6,16,6,6"><StackPanel><TextBlock Text="当前故障" FontSize="16" FontWeight="SemiBold"/><TextBlock x:Name="FaultText" Text="等待数据" Foreground="#FCA5A5" FontSize="18" Margin="0,12,0,0" TextWrapping="Wrap"/></StackPanel></Border>
-            </StackPanel></ScrollViewer></TabItem>
-            <TabItem Header="电流 I">
-                <Grid Margin="24">
-                    <Border Style="{StaticResource Card}" Width="420" Height="220" HorizontalAlignment="Center" VerticalAlignment="Center">
-                        <StackPanel VerticalAlignment="Center">
-                            <TextBlock Text="总电流 I" Foreground="#94A3B8" FontSize="20" HorizontalAlignment="Center"/>
-                            <TextBlock x:Name="PackCurrentText" Text="--.- A" Foreground="#60A5FA" FontSize="64" FontWeight="SemiBold" Margin="0,18,0,0" HorizontalAlignment="Center"/>
+
+    <Grid Background="#F3F2F6">
+        <Grid Margin="14">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+
+            <Border Grid.Row="0" CornerRadius="6" Padding="12" Margin="0,0,0,9" BorderBrush="#FFE7A4C5" BorderThickness="1" ClipToBounds="True">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
+                        <GradientStop Color="#FFF8DDEA" Offset="0"/>
+                        <GradientStop Color="#FFF2C4DD" Offset="0.48"/>
+                        <GradientStop Color="#FFE5D4F3" Offset="1"/>
+                    </LinearGradientBrush>
+                </Border.Background>
+                <Grid>
+                    <Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
+                    <Image Grid.Column="2" Grid.ColumnSpan="2" Source="Assets/taffy-visual.jpg" Width="420" Stretch="UniformToFill" HorizontalAlignment="Right" Opacity="0.16" Margin="0,-80,-12,-80"/>
+                    <Ellipse Grid.Column="0" Width="54" Height="54" Stroke="#FFFFFFFF" StrokeThickness="3" Margin="0,0,12,0">
+                        <Ellipse.Fill><ImageBrush ImageSource="Assets/taffy-avatar.jpg" Stretch="UniformToFill"/></Ellipse.Fill>
+                    </Ellipse>
+                    <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="0,0,22,0">
+                        <StackPanel Orientation="Horizontal">
+                            <TextBlock Text="BMS Monitor" FontSize="21" FontWeight="Bold" Foreground="#6C3556"/>
+                            <Border Background="#FFE8589C" CornerRadius="3" Padding="7,2" Margin="8,1,0,0"><TextBlock Text="TAFFY" FontSize="10" FontWeight="Bold" Foreground="White"/></Border>
                         </StackPanel>
-                    </Border>
-                </Grid>
-            </TabItem>
-            <TabItem Header="电芯与温度">
-                <ScrollViewer VerticalScrollBarVisibility="Auto">
-                    <StackPanel Margin="6,12">
-                        <TextBlock Text="16 路电芯电压" FontSize="18" FontWeight="SemiBold" Margin="6,0,6,6"/>
-                        <UniformGrid Columns="4">
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 01" Foreground="#94A3B8"/><TextBlock x:Name="Cell01Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 02" Foreground="#94A3B8"/><TextBlock x:Name="Cell02Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 03" Foreground="#94A3B8"/><TextBlock x:Name="Cell03Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 04" Foreground="#94A3B8"/><TextBlock x:Name="Cell04Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 05" Foreground="#94A3B8"/><TextBlock x:Name="Cell05Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 06" Foreground="#94A3B8"/><TextBlock x:Name="Cell06Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 07" Foreground="#94A3B8"/><TextBlock x:Name="Cell07Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 08" Foreground="#94A3B8"/><TextBlock x:Name="Cell08Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 09" Foreground="#94A3B8"/><TextBlock x:Name="Cell09Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 10" Foreground="#94A3B8"/><TextBlock x:Name="Cell10Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 11" Foreground="#94A3B8"/><TextBlock x:Name="Cell11Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 12" Foreground="#94A3B8"/><TextBlock x:Name="Cell12Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 13" Foreground="#94A3B8"/><TextBlock x:Name="Cell13Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 14" Foreground="#94A3B8"/><TextBlock x:Name="Cell14Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 15" Foreground="#94A3B8"/><TextBlock x:Name="Cell15Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 16" Foreground="#94A3B8"/><TextBlock x:Name="Cell16Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
-                        </UniformGrid>
-                        <TextBlock Text="10 路温度采集" FontSize="18" FontWeight="SemiBold" Margin="6,18,6,6"/>
-                        <UniformGrid Columns="5">
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 01" Foreground="#94A3B8"/><TextBlock x:Name="Temp01Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 02" Foreground="#94A3B8"/><TextBlock x:Name="Temp02Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 03" Foreground="#94A3B8"/><TextBlock x:Name="Temp03Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 04" Foreground="#94A3B8"/><TextBlock x:Name="Temp04Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 05" Foreground="#94A3B8"/><TextBlock x:Name="Temp05Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 06" Foreground="#94A3B8"/><TextBlock x:Name="Temp06Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 07" Foreground="#94A3B8"/><TextBlock x:Name="Temp07Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 08" Foreground="#94A3B8"/><TextBlock x:Name="Temp08Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 09" Foreground="#94A3B8"/><TextBlock x:Name="Temp09Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                            <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 10" Foreground="#94A3B8"/><TextBlock x:Name="Temp10Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
-                        </UniformGrid>
+                        <TextBlock Text="♡ 永雏塔菲主题 · 电池状态看板 ✦" FontSize="12" Foreground="#A24476" Margin="0,3,0,0"/>
                     </StackPanel>
-                </ScrollViewer>
-            </TabItem>
-            <TabItem Header="CAN 报文"><DataGrid x:Name="FrameGrid" Margin="0,12,0,0" IsReadOnly="True" AutoGenerateColumns="False" Background="#121D2F" Foreground="#E8EEF7" RowBackground="#121D2F" AlternatingRowBackground="#17243A" GridLinesVisibility="Horizontal" HeadersVisibility="Column" CanUserAddRows="False">
-                <DataGrid.Columns><DataGridTextColumn Header="时间" Binding="{Binding Timestamp, StringFormat=HH:mm:ss.fff}" Width="150"/><DataGridTextColumn Header="ID" Binding="{Binding IdText}" Width="120"/><DataGridTextColumn Header="类型" Binding="{Binding FrameType}" Width="100"/><DataGridTextColumn Header="DLC" Binding="{Binding Dlc}" Width="70"/><DataGridTextColumn Header="数据" Binding="{Binding DataText}" Width="*"/></DataGrid.Columns>
-            </DataGrid></TabItem>
-        </TabControl>
-        <DockPanel Grid.Row="2" Margin="4,10,4,0"><Ellipse x:Name="StatusDot" Width="10" Height="10" Fill="#64748B" Margin="0,0,8,0"/><TextBlock x:Name="StatusText" Text="未连接" Foreground="#94A3B8"/><TextBlock x:Name="CounterText" Text="接收 0 帧" Foreground="#94A3B8" HorizontalAlignment="Right"/></DockPanel>
+                    <StackPanel Grid.Column="2" Orientation="Horizontal" VerticalAlignment="Center">
+                        <TextBlock Text="设备" VerticalAlignment="Center" Foreground="#5D5365"/>
+                        <ComboBox x:Name="DeviceCombo" SelectedIndex="0"><ComboBoxItem Content="ZLG USBCAN #0"/></ComboBox>
+                        <TextBlock Text="通道" VerticalAlignment="Center" Foreground="#5D5365" Margin="7,0,0,0"/>
+                        <ComboBox x:Name="ChannelCombo" SelectedIndex="0"><ComboBoxItem Content="CAN1"/><ComboBoxItem Content="CAN2"/></ComboBox>
+                        <TextBlock Text="波特率" VerticalAlignment="Center" Foreground="#5D5365" Margin="7,0,0,0"/>
+                        <ComboBox x:Name="BaudRateCombo" SelectedIndex="0">
+                            <ComboBoxItem Content="250 kbit/s" Tag="250"/>
+                            <ComboBoxItem Content="500 kbit/s" Tag="500"/>
+                        </ComboBox>
+                    </StackPanel>
+                    <StackPanel Grid.Column="3" Orientation="Horizontal" VerticalAlignment="Center">
+                        <Button x:Name="ConnectButton" Content="连接设备" Click="ConnectButton_Click"/>
+                        <Button Content="清空报文" Background="#8A718F" Click="ClearButton_Click"/>
+                    </StackPanel>
+                </Grid>
+            </Border>
+
+            <TabControl Grid.Row="1">
+                <TabItem Header="♡ 概览">
+                    <ScrollViewer VerticalScrollBarVisibility="Auto">
+                        <StackPanel Margin="0,2,0,10">
+                            <Border Height="88" CornerRadius="5" BorderBrush="#FFE4B5D0" BorderThickness="1" Margin="4,0,4,5" ClipToBounds="True">
+                                <Grid>
+                                    <Image Source="Assets/taffy-visual.jpg" Stretch="UniformToFill" Opacity="0.42"/>
+                                    <Rectangle><Rectangle.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="1,0"><GradientStop Color="#FFFDF6FA" Offset="0"/><GradientStop Color="#F5FDF6FA" Offset="0.45"/><GradientStop Color="#30FFFFFF" Offset="1"/></LinearGradientBrush></Rectangle.Fill></Rectangle>
+                                    <StackPanel VerticalAlignment="Center" Margin="20,0">
+                                        <TextBlock Text="TAFFY BATTERY STATUS" FontSize="18" FontWeight="Bold" Foreground="#753A61"/>
+                                        <TextBlock Text="✦ 连接 CAN 后，塔菲会在这里陪你看电池状态喵 ♡" FontSize="13" Foreground="#A24D7D" Margin="0,5,0,0"/>
+                                    </StackPanel>
+                                </Grid>
+                            </Border>
+                            <UniformGrid Columns="3">
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="总电压" Style="{StaticResource CardLabel}"/><TextBlock x:Name="PackVoltageText" Text="--.- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="SOC" Style="{StaticResource CardLabel}"/><TextBlock x:Name="SocText" Text="-- %" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="工作状态" Style="{StaticResource CardLabel}"/><TextBlock x:Name="BmsStateText" Text="等待报文" Style="{StaticResource Value}"/></StackPanel></Border>
+                            </UniformGrid>
+                            <UniformGrid Columns="5">
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最高单体" Style="{StaticResource CardLabel}"/><TextBlock x:Name="MaxCellText" Text="-.--- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最低单体" Style="{StaticResource CardLabel}"/><TextBlock x:Name="MinCellText" Text="-.--- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最高温度" Style="{StaticResource CardLabel}"/><TextBlock x:Name="MaxTempText" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="最低温度" Style="{StaticResource CardLabel}"/><TextBlock x:Name="MinTempText" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="低压电池" Style="{StaticResource CardLabel}"/><TextBlock x:Name="LowBatteryText" Text="--.- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                            </UniformGrid>
+                            <Border Style="{StaticResource Card}" Margin="6,14,6,6">
+                                <Grid><Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
+                                    <Border Width="6" Background="#FFFF72B6" CornerRadius="3" Margin="0,0,14,0"/>
+                                    <StackPanel Grid.Column="1"><TextBlock Text="当前故障" FontSize="15" FontWeight="SemiBold"/><TextBlock x:Name="FaultText" Text="等待数据" Foreground="#C83E78" FontSize="18" Margin="0,9,0,0" TextWrapping="Wrap"/></StackPanel>
+                                </Grid>
+                            </Border>
+                        </StackPanel>
+                    </ScrollViewer>
+                </TabItem>
+
+                <TabItem Header="⚡ 电流 I">
+                    <Grid Margin="24">
+                        <Border Style="{StaticResource Card}" Width="500" Height="270" HorizontalAlignment="Center" VerticalAlignment="Center" BorderBrush="#99FF72B6" BorderThickness="2">
+                            <Grid>
+                                <Ellipse Width="220" Height="220" Opacity="0.12"><Ellipse.Fill><RadialGradientBrush><GradientStop Color="#FFFF72B6" Offset="0"/><GradientStop Color="Transparent" Offset="1"/></RadialGradientBrush></Ellipse.Fill></Ellipse>
+                                <StackPanel VerticalAlignment="Center">
+                                    <TextBlock Text="CURRENT / 总电流 I" Foreground="{StaticResource TextSecondary}" FontSize="16" HorizontalAlignment="Center"/>
+                                    <TextBlock x:Name="PackCurrentText" Text="--.- A" Foreground="{StaticResource PinkSoft}" FontSize="68" FontWeight="Bold" Margin="0,15,0,0" HorizontalAlignment="Center"/>
+                                </StackPanel>
+                            </Grid>
+                        </Border>
+                    </Grid>
+                </TabItem>
+
+                <TabItem Header="✦ 电芯与温度">
+                    <ScrollViewer VerticalScrollBarVisibility="Auto">
+                        <StackPanel Margin="0,2,0,12">
+                            <TextBlock Text="CELL VOLTAGE · 16 路电芯" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource PinkSoft}" Margin="6,5,6,6"/>
+                            <UniformGrid Columns="4">
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 01" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell01Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 02" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell02Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 03" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell03Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 04" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell04Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 05" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell05Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 06" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell06Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 07" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell07Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 08" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell08Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 09" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell09Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 10" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell10Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 11" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell11Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 12" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell12Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 13" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell13Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 14" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell14Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 15" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell15Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="电芯 16" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Cell16Text" Text="-- V" Style="{StaticResource Value}"/></StackPanel></Border>
+                            </UniformGrid>
+                            <TextBlock Text="TEMPERATURE · 10 路温采" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Purple}" Margin="6,20,6,6"/>
+                            <UniformGrid Columns="5">
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 01" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp01Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 02" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp02Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 03" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp03Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 04" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp04Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 05" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp05Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 06" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp06Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 07" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp07Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 08" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp08Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 09" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp09Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                                <Border Style="{StaticResource Card}"><StackPanel><TextBlock Text="温采 10" Style="{StaticResource CardLabel}"/><TextBlock x:Name="Temp10Text" Text="-- °C" Style="{StaticResource Value}"/></StackPanel></Border>
+                            </UniformGrid>
+                        </StackPanel>
+                    </ScrollViewer>
+                </TabItem>
+
+                <TabItem Header="▦ CAN 报文">
+                    <Border Style="{StaticResource Card}" Padding="0" Margin="0,2,0,10">
+                        <DataGrid x:Name="FrameGrid" IsReadOnly="True" AutoGenerateColumns="False" CanUserAddRows="False" GridLinesVisibility="Horizontal">
+                            <DataGrid.Columns>
+                                <DataGridTextColumn Header="时间" Binding="{Binding Timestamp, StringFormat=HH:mm:ss.fff}" Width="150"/>
+                                <DataGridTextColumn Header="ID" Binding="{Binding IdText}" Width="120"/>
+                                <DataGridTextColumn Header="类型" Binding="{Binding FrameType}" Width="100"/>
+                                <DataGridTextColumn Header="DLC" Binding="{Binding Dlc}" Width="70"/>
+                                <DataGridTextColumn Header="数据" Binding="{Binding DataText}" Width="*"/>
+                            </DataGrid.Columns>
+                        </DataGrid>
+                    </Border>
+                </TabItem>
+            </TabControl>
+
+            <Border Grid.Row="2" Background="#FFFDF7FA" BorderBrush="{StaticResource Stroke}" BorderThickness="1" CornerRadius="5" Padding="12,9" Margin="0,8,0,0">
+                <Grid>
+                    <StackPanel Orientation="Horizontal">
+                        <Ellipse x:Name="StatusDot" Width="10" Height="10" Fill="#FF806D87" Margin="0,0,9,0" VerticalAlignment="Center"/>
+                        <TextBlock x:Name="StatusText" Text="未连接" Foreground="{StaticResource TextSecondary}" VerticalAlignment="Center"/>
+                    </StackPanel>
+                    <TextBlock x:Name="CounterText" Text="接收 0 帧" Foreground="{StaticResource PinkSoft}" HorizontalAlignment="Right" VerticalAlignment="Center"/>
+                </Grid>
+            </Border>
+        </Grid>
     </Grid>
 </Window>
diff --git a/README.md b/README.md
index 465685a..ad72733 100644
--- a/README.md
+++ b/README.md
@@ -139,6 +139,10 @@ CAN 通信层
 
 采用 x86 构建是为了匹配当前使用的 32 位 `ControlCAN.dll`。
 
+## 界面主题
+
+界面采用 CrystalDiskInfo 式的紧凑信息布局，并融入永雏塔菲的粉紫配色、头像、主题视觉与桃心/星星状态元素。主题图片取自[永雏塔菲的哔哩哔哩官方空间](https://space.bilibili.com/1265680561)。
+
 ## 使用
 
 1. 安装 CAN 盒厂商驱动。