SkillTreeWindow.xaml

<Window x:Class="TimeTask.SkillTreeWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:TimeTask"
        Title="{local:Loc Key=SkillTree_Window_Title}"
        Width="920"
        Height="640"
        WindowStartupLocation="CenterOwner"
        Background="#F7F8FA">
    <Grid Margin="16">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Border Background="White" CornerRadius="10" Padding="12" Margin="0,0,0,12">
            <StackPanel>
                <TextBlock Text="{local:Loc Key=SkillTree_Header}" FontSize="20" FontWeight="Bold" Foreground="#1F2937"/>
                <TextBlock Text="{local:Loc Key=SkillTree_Subtitle}" Foreground="#6B7280" Margin="0,4,0,0"/>
            </StackPanel>
        </Border>

        <Border Grid.Row="1" Background="White" CornerRadius="10" Padding="12">
            <TreeView ItemsSource="{Binding Nodes}">
                <TreeView.Resources>
                    <HierarchicalDataTemplate DataType="{x:Type local:SkillTreeNode}" ItemsSource="{Binding Children}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="●" Foreground="{Binding StatusColor}" Margin="0,0,6,0"/>
                                <TextBlock Text="{Binding Title}" FontWeight="SemiBold"/>
                                <TextBlock Text="{Binding ProgressText}" Foreground="#6B7280" Margin="6,0,0,0"/>
                            </StackPanel>
                            <TextBlock Text="{Binding Subtitle}" Foreground="#9CA3AF" FontSize="11" Margin="18,2,0,0"/>
                        </StackPanel>
                    </HierarchicalDataTemplate>
                </TreeView.Resources>
            </TreeView>
        </Border>
    </Grid>
</Window>