diff --git a/.gitignore b/.gitignore
index 0808c4a..d8a9d9a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -480,3 +480,4 @@ $RECYCLE.BIN/
 
 # Vim temporary swap files
 *.swp
+nul
diff --git a/LanMontainDesktop/App.axaml b/LanMontainDesktop/App.axaml
index 8bf04af..8680e54 100644
--- a/LanMontainDesktop/App.axaml
+++ b/LanMontainDesktop/App.axaml
@@ -7,6 +7,10 @@
              RequestedThemeVariant="Default">
              <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
 
+    <Application.Resources>
+        <FontFamily x:Key="AppFontFamily">avares://LanMontainDesktop/Assets/Fonts#MiSans</FontFamily>
+    </Application.Resources>
+
     <Application.DataTemplates>
         <local:ViewLocator/>
     </Application.DataTemplates>
@@ -15,6 +19,14 @@
         <sty:FluentAvaloniaTheme />
         <StyleInclude Source="avares://LanMontainDesktop/Styles/GlassModule.axaml" />
 
+        <Style Selector="Window">
+            <Setter Property="FontFamily" Value="{DynamicResource AppFontFamily}" />
+        </Style>
+
+        <Style Selector="UserControl">
+            <Setter Property="FontFamily" Value="{DynamicResource AppFontFamily}" />
+        </Style>
+
         <Style Selector="fi|SymbolIcon">
             <Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
             <Setter Property="FontSize" Value="16" />
diff --git a/LanMontainDesktop/Assets/Fonts/MiSans-Bold.ttf b/LanMontainDesktop/Assets/Fonts/MiSans-Bold.ttf
new file mode 100644
index 0000000..eda4bea
Binary files /dev/null and b/LanMontainDesktop/Assets/Fonts/MiSans-Bold.ttf differ
diff --git a/LanMontainDesktop/Assets/Fonts/MiSans-NOTICE.md b/LanMontainDesktop/Assets/Fonts/MiSans-NOTICE.md
new file mode 100644
index 0000000..b836faf
--- /dev/null
+++ b/LanMontainDesktop/Assets/Fonts/MiSans-NOTICE.md
@@ -0,0 +1,22 @@
+# MiSans Font Notice
+
+This app bundles MiSans fonts for consistent cross-device rendering.
+
+## Included files
+
+- `MiSans-Regular.ttf`
+- `MiSans-Semibold.ttf`
+- `MiSans-Bold.ttf`
+
+## Source
+
+- Upstream package repository: https://github.com/dsrkafuu/misans
+- Original font source referenced by upstream: https://hyperos.mi.com/font/zh/
+
+## License and usage notes
+
+- Script/package license in upstream repository: Apache-2.0
+- MiSans font copyright and additional usage terms:
+  https://hyperos.mi.com/font-download/MiSans%E5%AD%97%E4%BD%93%E7%9F%A5%E8%AF%86%E4%BA%A7%E6%9D%83%E8%AE%B8%E5%8F%AF%E5%8D%8F%E8%AE%AE.pdf
+
+Please review and comply with the MiSans font terms when distributing this app.
diff --git a/LanMontainDesktop/Assets/Fonts/MiSans-Regular.ttf b/LanMontainDesktop/Assets/Fonts/MiSans-Regular.ttf
new file mode 100644
index 0000000..a408ed8
Binary files /dev/null and b/LanMontainDesktop/Assets/Fonts/MiSans-Regular.ttf differ
diff --git a/LanMontainDesktop/Assets/Fonts/MiSans-Semibold.ttf b/LanMontainDesktop/Assets/Fonts/MiSans-Semibold.ttf
new file mode 100644
index 0000000..013e68d
Binary files /dev/null and b/LanMontainDesktop/Assets/Fonts/MiSans-Semibold.ttf differ
diff --git a/LanMontainDesktop/Assets/Weather/ATTRIBUTION.md b/LanMontainDesktop/Assets/Weather/ATTRIBUTION.md
new file mode 100644
index 0000000..f67154f
--- /dev/null
+++ b/LanMontainDesktop/Assets/Weather/ATTRIBUTION.md
@@ -0,0 +1,29 @@
+# Weather Background Assets
+
+Weather card background images are sourced from **Pexels** and used under the Pexels license:
+https://www.pexels.com/license/
+
+## Sources
+
+- `clear_sky.jpg`
+  - https://www.pexels.com/photo/a-clear-blue-sky-with-few-clouds-on-a-sunny-day-29390199/
+- `rain.jpg`
+  - https://www.pexels.com/photo/rain-on-window-with-bokeh-lights-35075853/
+- `snow.jpg`
+  - https://www.pexels.com/photo/mountain-covered-with-snow-209955/
+- `storm.jpg`
+  - https://www.pexels.com/photo/sea-under-a-stormy-sky-4609228/
+
+## Derived Variants (for widget scene mapping)
+
+The following files are generated from the above base assets by color grading/brightness adjustments to match the ColorOS-like weather card style:
+
+- `clear_day.jpg` (from `clear_sky.jpg`)
+- `clear_night.jpg` (from `clear_sky.jpg`)
+- `cloudy_day.jpg` (from `clear_sky.jpg`)
+- `cloudy_night.jpg` (from `clear_sky.jpg`)
+- `rain_light.jpg` (from `rain.jpg`)
+- `rain_heavy.jpg` (from `rain.jpg`)
+- `storm_dark.jpg` (from `storm.jpg`)
+- `fog_haze.jpg` (from `storm.jpg`)
+- `snow_soft.jpg` (from `snow.jpg`)
diff --git a/LanMontainDesktop/Assets/Weather/clear_day.jpg b/LanMontainDesktop/Assets/Weather/clear_day.jpg
new file mode 100644
index 0000000..74d496a
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/clear_day.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/clear_night.jpg b/LanMontainDesktop/Assets/Weather/clear_night.jpg
new file mode 100644
index 0000000..8de0262
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/clear_night.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/clear_sky.jpg b/LanMontainDesktop/Assets/Weather/clear_sky.jpg
new file mode 100644
index 0000000..74d496a
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/clear_sky.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/cloudy_day.jpg b/LanMontainDesktop/Assets/Weather/cloudy_day.jpg
new file mode 100644
index 0000000..cb29d9d
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/cloudy_day.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/cloudy_night.jpg b/LanMontainDesktop/Assets/Weather/cloudy_night.jpg
new file mode 100644
index 0000000..57929b8
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/cloudy_night.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/fog_haze.jpg b/LanMontainDesktop/Assets/Weather/fog_haze.jpg
new file mode 100644
index 0000000..9a0c1ea
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/fog_haze.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/rain.jpg b/LanMontainDesktop/Assets/Weather/rain.jpg
new file mode 100644
index 0000000..e9b2083
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/rain.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/rain_heavy.jpg b/LanMontainDesktop/Assets/Weather/rain_heavy.jpg
new file mode 100644
index 0000000..6c71493
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/rain_heavy.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/rain_light.jpg b/LanMontainDesktop/Assets/Weather/rain_light.jpg
new file mode 100644
index 0000000..6d57298
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/rain_light.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/snow.jpg b/LanMontainDesktop/Assets/Weather/snow.jpg
new file mode 100644
index 0000000..1d70a6b
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/snow.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/snow_soft.jpg b/LanMontainDesktop/Assets/Weather/snow_soft.jpg
new file mode 100644
index 0000000..f48fd4e
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/snow_soft.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/storm.jpg b/LanMontainDesktop/Assets/Weather/storm.jpg
new file mode 100644
index 0000000..a4a65dc
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/storm.jpg differ
diff --git a/LanMontainDesktop/Assets/Weather/storm_dark.jpg b/LanMontainDesktop/Assets/Weather/storm_dark.jpg
new file mode 100644
index 0000000..a4a65dc
Binary files /dev/null and b/LanMontainDesktop/Assets/Weather/storm_dark.jpg differ
diff --git a/LanMontainDesktop/ComponentSystem/BuiltInComponentIds.cs b/LanMontainDesktop/ComponentSystem/BuiltInComponentIds.cs
index 7d80c2b..be69f64 100644
--- a/LanMontainDesktop/ComponentSystem/BuiltInComponentIds.cs
+++ b/LanMontainDesktop/ComponentSystem/BuiltInComponentIds.cs
@@ -4,10 +4,16 @@ public static class BuiltInComponentIds
 {
     public const string Clock = "Clock";
     public const string DesktopClock = "DesktopClock";
+    public const string DesktopWeatherClock = "DesktopWeatherClock";
     public const string DesktopTimer = "DesktopTimer";
+    public const string DesktopWeather = "DesktopWeather";
+    public const string DesktopHourlyWeather = "DesktopHourlyWeather";
+    public const string DesktopMultiDayWeather = "DesktopMultiDayWeather";
     public const string Blank2x4 = "Blank2x4";
     public const string Date = "Date";
     public const string MonthCalendar = "MonthCalendar";
     public const string LunarCalendar = "LunarCalendar";
     public const string HolidayCalendar = "HolidayCalendar";
+    public const string DesktopWhiteboard = "DesktopWhiteboard";
+    public const string DesktopBlackboardLandscape = "DesktopBlackboardLandscape";
 }
diff --git a/LanMontainDesktop/ComponentSystem/ComponentRegistry.cs b/LanMontainDesktop/ComponentSystem/ComponentRegistry.cs
index de633b1..3b0a37c 100644
--- a/LanMontainDesktop/ComponentSystem/ComponentRegistry.cs
+++ b/LanMontainDesktop/ComponentSystem/ComponentRegistry.cs
@@ -39,6 +39,15 @@ public sealed class ComponentRegistry
                 MinHeightCells: 2,
                 AllowStatusBarPlacement: false,
                 AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopWeatherClock,
+                "Weather Clock",
+                "Clock",
+                "Clock",
+                MinWidthCells: 2,
+                MinHeightCells: 1,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
             new DesktopComponentDefinition(
                 BuiltInComponentIds.DesktopTimer,
                 "Timer",
@@ -48,6 +57,51 @@ public sealed class ComponentRegistry
                 MinHeightCells: 2,
                 AllowStatusBarPlacement: false,
                 AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopWeather,
+                "Weather",
+                "WeatherSunny",
+                "Weather",
+                MinWidthCells: 2,
+                MinHeightCells: 2,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopHourlyWeather,
+                "Hourly Weather",
+                "WeatherSunny",
+                "Weather",
+                MinWidthCells: 4,
+                MinHeightCells: 2,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopMultiDayWeather,
+                "Multi-day Weather",
+                "WeatherSunny",
+                "Weather",
+                MinWidthCells: 4,
+                MinHeightCells: 2,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopWhiteboard,
+                "Blackboard Portrait",
+                "Edit",
+                "Board",
+                MinWidthCells: 2,
+                MinHeightCells: 4,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
+            new DesktopComponentDefinition(
+                BuiltInComponentIds.DesktopBlackboardLandscape,
+                "Blackboard Landscape",
+                "Edit",
+                "Board",
+                MinWidthCells: 4,
+                MinHeightCells: 2,
+                AllowStatusBarPlacement: false,
+                AllowDesktopPlacement: true),
             new DesktopComponentDefinition(
                 BuiltInComponentIds.Date,
                 "Calendar",
diff --git a/LanMontainDesktop/LanMontainDesktop.csproj b/LanMontainDesktop/LanMontainDesktop.csproj
index 47aa3aa..56c4534 100644
--- a/LanMontainDesktop/LanMontainDesktop.csproj
+++ b/LanMontainDesktop/LanMontainDesktop.csproj
@@ -26,6 +26,7 @@
       <PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
     </PackageReference>
     <PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.1" />
+    <PackageReference Include="DotNetCampus.AvaloniaInkCanvas" Version="1.0.1" />
     <PackageReference Include="FluentAvaloniaUI" Version="2.5.0" />
     <PackageReference Include="FluentIcons.Avalonia" Version="2.0.319" />
     <PackageReference Include="FluentIcons.Avalonia.Fluent" Version="2.0.319" />
diff --git a/LanMontainDesktop/Localization/en-US.json b/LanMontainDesktop/Localization/en-US.json
index 72ca1a6..7ff4dff 100644
--- a/LanMontainDesktop/Localization/en-US.json
+++ b/LanMontainDesktop/Localization/en-US.json
@@ -10,7 +10,9 @@
     "settings.nav.grid":  "Grid",
     "settings.nav.color":  "Color",
     "settings.nav.status_bar":  "Status Bar",
+    "settings.nav.weather":  "Weather",
     "settings.nav.region":  "Region",
+    "settings.nav.about":  "About",
     "settings.wallpaper.title":  "Wallpaper",
     "settings.wallpaper.description":  "Pick an image or video to apply as the app window wallpaper immediately.",
     "settings.wallpaper.current_label":  "Current Wallpaper",
@@ -74,13 +76,88 @@
     "settings.status_bar.spacing_mode_custom":  "Custom",
     "settings.status_bar.spacing_custom_label":  "Custom spacing (%)",
     "settings.status_bar.spacing_custom_px_format":  "≈ {0:F1}px",
+    "settings.weather.title":  "Weather",
+    "settings.weather.location_source_header":  "Location Source",
+    "settings.weather.location_source_desc":  "Choose how weather widgets resolve location.",
+    "settings.weather.mode_city_search":  "City Search",
+    "settings.weather.mode_coordinates":  "Coordinates",
+    "settings.weather.auto_refresh":  "Auto refresh location on startup",
+    "settings.weather.city_search_header":  "City Search",
+    "settings.weather.city_search_desc":  "Search cities and apply one weather location.",
+    "settings.weather.search_placeholder":  "e.g. Beijing",
+    "settings.weather.search_button":  "Search",
+    "settings.weather.apply_city_button":  "Apply City",
+    "settings.weather.search_hint":  "Search by city name and apply one location.",
+    "settings.weather.search_required":  "Please enter a city keyword first.",
+    "settings.weather.search_no_results":  "No locations were found.",
+    "settings.weather.search_failed_format":  "Search failed: {0}",
+    "settings.weather.search_result_count_format":  "Found {0} locations.",
+    "settings.weather.search_select_required":  "Please select one location from search results.",
+    "settings.weather.search_applied_format":  "Location applied: {0}",
+    "settings.weather.coordinates_header":  "Coordinates",
+    "settings.weather.coordinates_desc":  "Set latitude/longitude and optional key/name.",
+    "settings.weather.latitude_label":  "Latitude",
+    "settings.weather.longitude_label":  "Longitude",
+    "settings.weather.location_key_placeholder":  "Location key (optional)",
+    "settings.weather.location_name_placeholder":  "Display name (optional)",
+    "settings.weather.apply_coordinates_button":  "Apply Coordinates",
+    "settings.weather.coordinates_saved_format":  "Coordinates saved: {0:F4}, {1:F4}",
+    "settings.weather.coordinates_default_name_format":  "Coordinate {0:F4}, {1:F4}",
+    "settings.weather.preview_header":  "Connection Test",
+    "settings.weather.preview_desc":  "Send one test request to verify current settings.",
+    "settings.weather.preview_button":  "Test Fetch",
+    "settings.weather.preview_hint":  "Use test fetch to verify your weather configuration.",
+    "settings.weather.preview_missing_location":  "Please apply one weather location before testing.",
+    "settings.weather.preview_success_format":  "Test success: {0} · {1} · {2}",
+    "settings.weather.preview_failed_format":  "Test fetch failed: {0}",
+    "settings.weather.preview_unknown":  "Unknown",
+    "settings.weather.status_city_empty":  "No city location is configured.",
+    "settings.weather.status_city_format":  "Mode: {0} | {1} | Key: {2}",
+    "settings.weather.status_coordinates_format":  "Mode: {0} | Lat {1:F4}, Lon {2:F4} | Key: {3}",
+    "settings.weather.location_header":  "Weather Location",
+    "settings.weather.location_desc":  "Set the location used by weather widgets.",
+    "settings.weather.location_placeholder":  "e.g. Beijing",
+    "settings.weather.location_apply":  "Save",
+    "settings.weather.location_empty":  "Weather location is not set.",
+    "settings.weather.location_required":  "Weather location cannot be empty.",
+    "settings.weather.location_current_format":  "Current weather location: {0}",
+    "settings.weather.location_saved_format":  "Weather location saved: {0}",
+    "weather.widget.location_not_configured":  "Weather location is not configured",
+    "weather.widget.configure_hint":  "Open Settings > Weather to configure",
+    "weather.widget.loading":  "Loading...",
+    "weather.widget.fetch_failed":  "Weather fetch failed",
+    "weather.widget.retrying":  "Retrying automatically",
+    "weather.widget.location_unknown":  "Unknown location",
+    "weather.widget.condition_clear":  "Clear",
+    "weather.widget.condition_cloudy":  "Cloudy",
+    "weather.widget.condition_rain":  "Rain",
+    "weather.widget.condition_storm":  "Thunderstorm",
+    "weather.widget.condition_snow":  "Snow",
+    "weather.widget.condition_fog":  "Fog",
+    "weather.widget.condition_unknown":  "Unknown",
+    "weather.widget.range_unknown":  "-- / --",
+    "weather.widget.range_format":  "{0} / {1}",
+    "weather.widget.aqi_unknown":  "AQI --",
+    "weather.widget.aqi_format":  "AQI {0}",
+    "weather.widget.updated_format":  "Updated {0:HH:mm}",
+    "weather.hourly.now":  "Now",
+    "weather.multiday.today":  "Today",
+    "weather.multiday.tomorrow":  "Tomorrow",
+    "weather.multiday.aqi_format":  "Air Quality {0}",
+    "weather.multiday.aqi_unknown":  "Air --",
     "settings.region.title":  "Region",
     "settings.region.description":  "Choose language and apply immediately to settings and key UI.",
     "settings.region.language_header":  "Language",
     "settings.region.language_label":  "Language",
     "settings.region.language_zh":  "Chinese",
     "settings.region.language_en":  "English",
+    "settings.region.timezone_header":  "Time Zone",
+    "settings.region.timezone_desc":  "Select a time zone. Clock and calendar widgets will follow this zone.",
     "settings.region.applied_format":  "Language switched to: {0}",
+    "settings.about.title":  "About",
+    "settings.about.version_format":  "Version: {0}",
+    "settings.about.codename_format":  "Code Name: {0}",
+    "settings.about.font_format":  "Font: {0}",
     "settings.footer":  "LanMontainDesktop Settings",
     "filepicker.title":  "Select wallpaper",
     "filepicker.image_files":  "Image files",
@@ -106,11 +183,19 @@
     "component.edit":  "Edit",
     "component_category.clock":  "Clock",
     "component_category.date":  "Calendar",
+    "component_category.weather":  "Weather",
+    "component_category.board":  "Board",
     "component.date":  "Calendar",
     "component.month_calendar":  "Month Calendar",
     "component.lunar_calendar":  "Lunar Calendar",
     "component.desktop_clock":  "Clock",
+    "component.weather_clock":  "Weather Clock",
     "component.desktop_timer":  "Timer",
+    "component.desktop_weather":  "Weather",
+    "component.hourly_weather":  "Hourly Weather",
+    "component.multiday_weather":  "Multi-day Weather",
+    "component.whiteboard":  "Blackboard (Portrait)",
+    "component.blackboard_landscape":  "Blackboard (Landscape)",
     "component.holiday_calendar":  "Holiday Calendar",
     "desktop.add_page":  "Add page",
     "desktop.delete_page":  "Delete page",
diff --git a/LanMontainDesktop/Localization/zh-CN.json b/LanMontainDesktop/Localization/zh-CN.json
index 59b9305..7a9f5c4 100644
--- a/LanMontainDesktop/Localization/zh-CN.json
+++ b/LanMontainDesktop/Localization/zh-CN.json
@@ -10,7 +10,9 @@
     "settings.nav.grid":  "网格",
     "settings.nav.color":  "颜色",
     "settings.nav.status_bar":  "状态栏",
+    "settings.nav.weather":  "天气",
     "settings.nav.region":  "地区",
+    "settings.nav.about":  "关于",
     "settings.wallpaper.title":  "壁纸",
     "settings.wallpaper.description":  "选择图片或视频后可立即设为应用窗口壁纸。",
     "settings.wallpaper.current_label":  "当前壁纸",
@@ -74,13 +76,88 @@
     "settings.status_bar.spacing_mode_custom":  "自定义",
     "settings.status_bar.spacing_custom_label":  "自定义间距（%）",
     "settings.status_bar.spacing_custom_px_format":  "≈ {0:F1}px",
+    "settings.weather.title":  "天气",
+    "settings.weather.location_source_header":  "位置来源",
+    "settings.weather.location_source_desc":  "选择天气组件如何解析当前位置。",
+    "settings.weather.mode_city_search":  "城市搜索",
+    "settings.weather.mode_coordinates":  "坐标输入",
+    "settings.weather.auto_refresh":  "启动时自动刷新位置",
+    "settings.weather.city_search_header":  "城市搜索",
+    "settings.weather.city_search_desc":  "搜索城市并应用一个天气位置。",
+    "settings.weather.search_placeholder":  "例如：北京",
+    "settings.weather.search_button":  "搜索",
+    "settings.weather.apply_city_button":  "应用城市",
+    "settings.weather.search_hint":  "输入城市名称进行搜索，然后应用一个结果。",
+    "settings.weather.search_required":  "请先输入城市关键字。",
+    "settings.weather.search_no_results":  "未找到匹配的位置。",
+    "settings.weather.search_failed_format":  "搜索失败：{0}",
+    "settings.weather.search_result_count_format":  "共找到 {0} 个位置。",
+    "settings.weather.search_select_required":  "请先从搜索结果中选择一个位置。",
+    "settings.weather.search_applied_format":  "已应用位置：{0}",
+    "settings.weather.coordinates_header":  "坐标输入",
+    "settings.weather.coordinates_desc":  "设置经纬度，并可选填写位置 key 和显示名。",
+    "settings.weather.latitude_label":  "纬度",
+    "settings.weather.longitude_label":  "经度",
+    "settings.weather.location_key_placeholder":  "位置 key（可选）",
+    "settings.weather.location_name_placeholder":  "显示名称（可选）",
+    "settings.weather.apply_coordinates_button":  "应用坐标",
+    "settings.weather.coordinates_saved_format":  "坐标已保存：{0:F4}, {1:F4}",
+    "settings.weather.coordinates_default_name_format":  "坐标 {0:F4}, {1:F4}",
+    "settings.weather.preview_header":  "连接测试",
+    "settings.weather.preview_desc":  "发送一次测试请求，验证当前配置是否可用。",
+    "settings.weather.preview_button":  "测试获取",
+    "settings.weather.preview_hint":  "可通过测试获取快速验证天气配置。",
+    "settings.weather.preview_missing_location":  "请先应用一个天气位置后再测试。",
+    "settings.weather.preview_success_format":  "测试成功：{0} · {1} · {2}",
+    "settings.weather.preview_failed_format":  "测试失败：{0}",
+    "settings.weather.preview_unknown":  "未知",
+    "settings.weather.status_city_empty":  "尚未配置城市位置。",
+    "settings.weather.status_city_format":  "模式：{0}｜{1}｜Key：{2}",
+    "settings.weather.status_coordinates_format":  "模式：{0}｜纬度 {1:F4}，经度 {2:F4}｜Key：{3}",
+    "settings.weather.location_header":  "天气位置",
+    "settings.weather.location_desc":  "设置天气组件使用的位置。",
+    "settings.weather.location_placeholder":  "例如：北京",
+    "settings.weather.location_apply":  "保存",
+    "settings.weather.location_empty":  "尚未设置天气位置。",
+    "settings.weather.location_required":  "天气位置不能为空。",
+    "settings.weather.location_current_format":  "当前天气位置：{0}",
+    "settings.weather.location_saved_format":  "天气位置已保存：{0}",
+    "weather.widget.location_not_configured":  "尚未配置天气位置",
+    "weather.widget.configure_hint":  "请前往 设置 > 天气 完成配置",
+    "weather.widget.loading":  "加载中...",
+    "weather.widget.fetch_failed":  "天气获取失败",
+    "weather.widget.retrying":  "稍后会自动重试",
+    "weather.widget.location_unknown":  "未知位置",
+    "weather.widget.condition_clear":  "晴",
+    "weather.widget.condition_cloudy":  "多云",
+    "weather.widget.condition_rain":  "雨",
+    "weather.widget.condition_storm":  "雷暴",
+    "weather.widget.condition_snow":  "雪",
+    "weather.widget.condition_fog":  "雾",
+    "weather.widget.condition_unknown":  "未知天气",
+    "weather.widget.range_unknown":  "-- / --",
+    "weather.widget.range_format":  "{0} / {1}",
+    "weather.widget.aqi_unknown":  "AQI --",
+    "weather.widget.aqi_format":  "AQI {0}",
+    "weather.widget.updated_format":  "更新于 {0:HH:mm}",
+    "weather.hourly.now":  "现在",
+    "weather.multiday.today":  "今天",
+    "weather.multiday.tomorrow":  "明天",
+    "weather.multiday.aqi_format":  "空气优 {0}",
+    "weather.multiday.aqi_unknown":  "空气 --",
     "settings.region.title":  "地区",
     "settings.region.description":  "选择语言并立即应用到设置与主要界面。",
     "settings.region.language_header":  "语言",
     "settings.region.language_label":  "语言",
     "settings.region.language_zh":  "中文",
     "settings.region.language_en":  "英文",
+    "settings.region.timezone_header":  "时区",
+    "settings.region.timezone_desc":  "选择时区。时钟与日历组件会使用该时区。",
     "settings.region.applied_format":  "语言已切换为：{0}",
+    "settings.about.title":  "关于",
+    "settings.about.version_format":  "版本号: {0}",
+    "settings.about.codename_format":  "版本代号: {0}",
+    "settings.about.font_format":  "字体: {0}",
     "settings.footer":  "LanMontainDesktop 设置",
     "filepicker.title":  "选择壁纸",
     "filepicker.image_files":  "图片文件",
@@ -106,11 +183,19 @@
     "component.edit":  "编辑",
     "component_category.clock":  "时钟",
     "component_category.date":  "日历",
+    "component_category.weather":  "天气",
+    "component_category.board":  "白板",
     "component.date":  "日历",
     "component.month_calendar":  "月历",
     "component.lunar_calendar":  "农历",
     "component.desktop_clock":  "时钟",
+    "component.weather_clock":  "天气时钟",
     "component.desktop_timer":  "计时器",
+    "component.desktop_weather":  "天气",
+    "component.hourly_weather":  "小时天气",
+    "component.multiday_weather":  "多日天气",
+    "component.whiteboard":  "竖向小黑板",
+    "component.blackboard_landscape":  "横向小黑板",
     "component.holiday_calendar":  "节假日日历",
     "desktop.add_page":  "新增页面",
     "desktop.delete_page":  "删除页面",
diff --git a/LanMontainDesktop/Models/AppSettingsSnapshot.cs b/LanMontainDesktop/Models/AppSettingsSnapshot.cs
index 12f605b..b8afa2f 100644
--- a/LanMontainDesktop/Models/AppSettingsSnapshot.cs
+++ b/LanMontainDesktop/Models/AppSettingsSnapshot.cs
@@ -24,6 +24,20 @@ public sealed class AppSettingsSnapshot
 
     public string? TimeZoneId { get; set; }
 
+    public string WeatherLocationMode { get; set; } = "CitySearch";
+
+    public string WeatherLocationKey { get; set; } = string.Empty;
+
+    public string WeatherLocationName { get; set; } = string.Empty;
+
+    public double WeatherLatitude { get; set; } = 39.9042;
+
+    public double WeatherLongitude { get; set; } = 116.4074;
+
+    public bool WeatherAutoRefreshLocation { get; set; }
+
+    public string WeatherLocationQuery { get; set; } = string.Empty;
+
     public List<string> TopStatusComponentIds { get; set; } = [];
 
     public List<string> PinnedTaskbarActions { get; set; } =
diff --git a/LanMontainDesktop/Models/TaskbarContext.cs b/LanMontainDesktop/Models/TaskbarContext.cs
index 3af8331..f4742e7 100644
--- a/LanMontainDesktop/Models/TaskbarContext.cs
+++ b/LanMontainDesktop/Models/TaskbarContext.cs
@@ -7,5 +7,6 @@ public enum TaskbarContext
     SettingsGrid,
     SettingsColor,
     SettingsStatusBar,
+    SettingsWeather,
     SettingsRegion
 }
diff --git a/LanMontainDesktop/Models/WeatherDataModels.cs b/LanMontainDesktop/Models/WeatherDataModels.cs
index 7ae24e5..3ecea07 100644
--- a/LanMontainDesktop/Models/WeatherDataModels.cs
+++ b/LanMontainDesktop/Models/WeatherDataModels.cs
@@ -32,6 +32,12 @@ public sealed record WeatherDailyForecast(
     string? SunsetTime,
     int? PrecipitationProbabilityPercent);
 
+public sealed record WeatherHourlyForecast(
+    DateTimeOffset Time,
+    double? TemperatureC,
+    int? WeatherCode,
+    string? WeatherText);
+
 public sealed record WeatherSnapshot(
     string Provider,
     string LocationKey,
@@ -41,5 +47,5 @@ public sealed record WeatherSnapshot(
     DateTimeOffset FetchedAt,
     DateTimeOffset? ObservationTime,
     WeatherCurrentCondition Current,
-    IReadOnlyList<WeatherDailyForecast> DailyForecasts);
-
+    IReadOnlyList<WeatherDailyForecast> DailyForecasts,
+    IReadOnlyList<WeatherHourlyForecast> HourlyForecasts);
diff --git a/LanMontainDesktop/Services/IWeatherDataService.cs b/LanMontainDesktop/Services/IWeatherDataService.cs
index 7f263fd..2368076 100644
--- a/LanMontainDesktop/Services/IWeatherDataService.cs
+++ b/LanMontainDesktop/Services/IWeatherDataService.cs
@@ -31,9 +31,13 @@ public sealed record WeatherQueryResult<T>(
     }
 }
 
-public interface IWeatherDataService
+public interface IWeatherInfoService
 {
     Task<WeatherQueryResult<WeatherSnapshot>> GetWeatherAsync(WeatherQuery query, CancellationToken cancellationToken = default);
+}
+
+public interface IWeatherDataService : IWeatherInfoService
+{
 
     Task<WeatherQueryResult<IReadOnlyList<WeatherLocation>>> SearchLocationsAsync(
         string keyword,
diff --git a/LanMontainDesktop/Services/XiaomiWeatherService.cs b/LanMontainDesktop/Services/XiaomiWeatherService.cs
index 99b3032..d61f493 100644
--- a/LanMontainDesktop/Services/XiaomiWeatherService.cs
+++ b/LanMontainDesktop/Services/XiaomiWeatherService.cs
@@ -1,6 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Globalization;
+using System.Linq;
 using System.Net.Http;
 using System.Text.Json;
 using System.Threading;
@@ -310,6 +311,9 @@ public sealed class XiaomiWeatherService : IWeatherDataService, IDisposable
         var currentNode = TryGetNode(payload, "current") ?? payload;
         var cityNode = TryGetNode(payload, "city");
         var dailyNode = TryGetNode(payload, "forecastDaily") ?? TryGetNode(payload, "daily");
+        var hourlyNode = TryGetNode(payload, "forecastHourly") ??
+                         TryGetNode(payload, "hourly") ??
+                         TryGetNode(payload, "hourlyForecast");
 
         var weatherCode = ReadInt(currentNode, "weather", "value") ??
                           ReadInt(currentNode, "weatherCode") ??
@@ -334,6 +338,7 @@ public sealed class XiaomiWeatherService : IWeatherDataService, IDisposable
             WeatherText: weatherText);
 
         var forecasts = ParseDailyForecasts(dailyNode, days, locale);
+        var hourlyForecasts = ParseHourlyForecasts(hourlyNode, locale);
 
         var locationName = ReadString(cityNode, "name") ??
                            ReadString(payload, "cityName") ??
@@ -351,7 +356,8 @@ public sealed class XiaomiWeatherService : IWeatherDataService, IDisposable
             FetchedAt: DateTimeOffset.UtcNow,
             ObservationTime: observationTime,
             Current: current,
-            DailyForecasts: forecasts);
+            DailyForecasts: forecasts,
+            HourlyForecasts: hourlyForecasts);
     }
 
     private IReadOnlyList<WeatherDailyForecast> ParseDailyForecasts(JsonElement? dailyNode, int days, string locale)
@@ -411,6 +417,151 @@ public sealed class XiaomiWeatherService : IWeatherDataService, IDisposable
         return forecasts;
     }
 
+    private IReadOnlyList<WeatherHourlyForecast> ParseHourlyForecasts(JsonElement? hourlyNode, string locale)
+    {
+        var forecasts = new List<WeatherHourlyForecast>();
+        if (!hourlyNode.HasValue)
+        {
+            return forecasts;
+        }
+
+        var root = hourlyNode.Value;
+        if (root.ValueKind == JsonValueKind.Array)
+        {
+            ParseHourlyArray(root, locale, forecasts);
+            return forecasts
+                .OrderBy(item => item.Time)
+                .Take(48)
+                .ToList();
+        }
+
+        if (root.ValueKind != JsonValueKind.Object)
+        {
+            return forecasts;
+        }
+
+        var directArray =
+            ReadArray(root, "value") ??
+            ReadArray(root, "list") ??
+            ReadArray(root, "hourly");
+
+        if (directArray.HasValue && directArray.Value.ValueKind == JsonValueKind.Array)
+        {
+            ParseHourlyArray(directArray.Value, locale, forecasts);
+        }
+
+        var timeArray =
+            ReadArray(root, "time", "value") ??
+            ReadArray(root, "datetime", "value") ??
+            ReadArray(root, "date", "value") ??
+            ReadArray(root, "pubTime", "value");
+        var tempArray =
+            ReadArray(root, "temperature", "value") ??
+            ReadArray(root, "temp", "value") ??
+            ReadArray(root, "temperature");
+        var weatherArray =
+            ReadArray(root, "weather", "value") ??
+            ReadArray(root, "weatherCode", "value") ??
+            ReadArray(root, "weather");
+
+        var count = Math.Max(
+            timeArray?.GetArrayLength() ?? 0,
+            Math.Max(
+                tempArray?.GetArrayLength() ?? 0,
+                weatherArray?.GetArrayLength() ?? 0));
+        count = Math.Clamp(count, 0, 72);
+
+        for (var i = 0; i < count; i++)
+        {
+            var timeItem = GetArrayItem(timeArray, i);
+            var tempItem = GetArrayItem(tempArray, i);
+            var weatherItem = GetArrayItem(weatherArray, i);
+
+            var time = ParseTime(
+                ReadString(timeItem, "value") ??
+                ReadString(timeItem, "datetime") ??
+                ReadString(timeItem, "time") ??
+                ReadString(timeItem, "date") ??
+                ReadString(timeItem));
+            if (!time.HasValue)
+            {
+                continue;
+            }
+
+            var code = ReadInt(weatherItem, "value") ??
+                       ReadInt(weatherItem, "code") ??
+                       ReadInt(weatherItem, "weatherCode") ??
+                       ReadInt(weatherItem, "from") ??
+                       ReadInt(weatherItem);
+            var weatherText = ReadString(weatherItem, "text") ??
+                              ReadString(weatherItem, "desc") ??
+                              ResolveWeatherDescription(code, locale);
+
+            forecasts.Add(new WeatherHourlyForecast(
+                Time: time.Value,
+                TemperatureC: ReadDouble(tempItem, "value") ??
+                              ReadDouble(tempItem, "temperature") ??
+                              ReadDouble(tempItem, "temp") ??
+                              ReadDouble(tempItem),
+                WeatherCode: code,
+                WeatherText: weatherText));
+        }
+
+        return forecasts
+            .GroupBy(item => item.Time.ToUnixTimeSeconds())
+            .Select(group => group.First())
+            .OrderBy(item => item.Time)
+            .Take(48)
+            .ToList();
+    }
+
+    private void ParseHourlyArray(JsonElement array, string locale, ICollection<WeatherHourlyForecast> output)
+    {
+        foreach (var item in array.EnumerateArray())
+        {
+            if (item.ValueKind is not (JsonValueKind.Object or JsonValueKind.String or JsonValueKind.Number))
+            {
+                continue;
+            }
+
+            var time = ParseTime(
+                ReadString(item, "datetime") ??
+                ReadString(item, "time") ??
+                ReadString(item, "date") ??
+                ReadString(item, "forecastTime") ??
+                ReadString(item, "pubTime") ??
+                ReadString(item, "ts") ??
+                ReadString(item));
+            if (!time.HasValue)
+            {
+                continue;
+            }
+
+            var code = ReadInt(item, "weatherCode") ??
+                       ReadInt(item, "code") ??
+                       ReadInt(item, "weather", "value") ??
+                       ReadInt(item, "weather") ??
+                       ReadInt(item, "from");
+            var weatherText = ReadString(item, "weatherText") ??
+                              ReadString(item, "weather", "desc") ??
+                              ReadString(item, "weather", "text") ??
+                              ReadString(item, "desc") ??
+                              ResolveWeatherDescription(code, locale);
+
+            var temperature = ReadDouble(item, "temperature", "value") ??
+                              ReadDouble(item, "temperature") ??
+                              ReadDouble(item, "temp", "value") ??
+                              ReadDouble(item, "temp") ??
+                              ReadDouble(item, "value");
+
+            output.Add(new WeatherHourlyForecast(
+                Time: time.Value,
+                TemperatureC: temperature,
+                WeatherCode: code,
+                WeatherText: weatherText));
+        }
+    }
+
     private static DateOnly? ResolveDateForIndex(JsonElement? dateArray, int index)
     {
         var item = GetArrayItem(dateArray, index);
@@ -728,4 +879,3 @@ public sealed class XiaomiWeatherService : IWeatherDataService, IDisposable
             : $"{text[..maxLength]}...";
     }
 }
-
diff --git a/LanMontainDesktop/Styles/GlassModule.axaml b/LanMontainDesktop/Styles/GlassModule.axaml
index ad3e4c3..9663801 100644
--- a/LanMontainDesktop/Styles/GlassModule.axaml
+++ b/LanMontainDesktop/Styles/GlassModule.axaml
@@ -2,6 +2,15 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:ui="using:FluentAvalonia.UI.Controls">
 
+    <Styles.Resources>
+        <!-- Unified corner radius tokens used across settings and widget panels -->
+        <CornerRadius x:Key="DesignCornerRadiusXl">32</CornerRadius>
+        <CornerRadius x:Key="DesignCornerRadiusLg">28</CornerRadius>
+        <CornerRadius x:Key="DesignCornerRadiusMd">20</CornerRadius>
+        <CornerRadius x:Key="DesignCornerRadiusSm">14</CornerRadius>
+        <CornerRadius x:Key="DesignCornerRadiusXs">12</CornerRadius>
+    </Styles.Resources>
+
     <Style Selector="TextBlock">
         <Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
     </Style>
@@ -55,6 +64,53 @@
         <Setter Property="Foreground" Value="{DynamicResource AdaptiveTextPrimaryBrush}" />
     </Style>
 
+    <Style Selector="Grid.settings-scope Border.settings-expander-shell">
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
+        <Setter Property="BorderThickness" Value="1" />
+        <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassPanelBorderBrush}" />
+        <Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
+        <Setter Property="Padding" Value="10,8" />
+        <Setter Property="Margin" Value="0,0,0,10" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope Button">
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
+        <Setter Property="MinHeight" Value="34" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope ComboBox">
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
+        <Setter Property="MinHeight" Value="34" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope ComboBoxItem">
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
+        <Setter Property="Padding" Value="10,6" />
+        <Setter Property="Margin" Value="4,2" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope ui|NumberBox">
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusSm}" />
+        <Setter Property="MinHeight" Value="34" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope RadioButton">
+        <Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
+        <Setter Property="BorderThickness" Value="1" />
+        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
+        <Setter Property="Padding" Value="10,6" />
+        <Setter Property="MinHeight" Value="34" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope RadioButton:pointerover">
+        <Setter Property="Background" Value="{DynamicResource AdaptiveButtonHoverBackgroundBrush}" />
+    </Style>
+
+    <Style Selector="Grid.settings-scope RadioButton:checked">
+        <Setter Property="Background" Value="{DynamicResource AdaptiveNavItemSelectedBackgroundBrush}" />
+    </Style>
+
     <Style Selector="Button.swatch-button">
         <Setter Property="BorderThickness" Value="0" />
         <Setter Property="CornerRadius" Value="16" />
diff --git a/LanMontainDesktop/Views/Components/AnalogClockWidget.axaml.cs b/LanMontainDesktop/Views/Components/AnalogClockWidget.axaml.cs
index 01bde65..7718a6d 100644
--- a/LanMontainDesktop/Views/Components/AnalogClockWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/AnalogClockWidget.axaml.cs
@@ -10,7 +10,7 @@ using LanMontainDesktop.Services;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class AnalogClockWidget : UserControl
+public partial class AnalogClockWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
diff --git a/LanMontainDesktop/Views/Components/ClockWidget.axaml.cs b/LanMontainDesktop/Views/Components/ClockWidget.axaml.cs
index 68dd416..d5294a4 100644
--- a/LanMontainDesktop/Views/Components/ClockWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/ClockWidget.axaml.cs
@@ -14,7 +14,7 @@ public enum ClockDisplayFormat
     HourMinute          // HH:mm
 }
 
-public partial class ClockWidget : UserControl
+public partial class ClockWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
diff --git a/LanMontainDesktop/Views/Components/DateWidget.axaml b/LanMontainDesktop/Views/Components/DateWidget.axaml
index 82feef6..fe8d5ad 100644
--- a/LanMontainDesktop/Views/Components/DateWidget.axaml
+++ b/LanMontainDesktop/Views/Components/DateWidget.axaml
@@ -13,7 +13,8 @@
             ClipToBounds="True"
             Padding="12">
         <Viewbox Stretch="Uniform">
-            <Grid Width="460"
+            <Grid x:Name="LayoutRoot"
+                  Width="460"
                   Height="220"
                   ColumnDefinitions="1.2*,1*"
                   ColumnSpacing="12">
@@ -24,85 +25,135 @@
                       RowSpacing="8">
                     <TextBlock x:Name="GregorianHeadlineTextBlock"
                                Grid.Row="0"
-                               FontSize="22"
+                               FontSize="30"
                                FontWeight="Bold"
                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
 
-                    <UniformGrid Grid.Row="1"
+                    <UniformGrid x:Name="WeekdayHeaderGrid"
+                                 Grid.Row="1"
                                  Columns="7">
-                        <TextBlock x:Name="WeekdayText0" Text="日" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText1" Text="一" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText2" Text="二" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText3" Text="三" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText4" Text="四" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText5" Text="五" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
-                        <TextBlock x:Name="WeekdayText6" Text="六" HorizontalAlignment="Center" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" FontSize="13" FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText0"
+                                   Text="S"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText1"
+                                   Text="M"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText2"
+                                   Text="T"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText3"
+                                   Text="W"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText4"
+                                   Text="T"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText5"
+                                   Text="F"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
+                        <TextBlock x:Name="WeekdayText6"
+                                   Text="S"
+                                   HorizontalAlignment="Center"
+                                   Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                   FontSize="17"
+                                   FontWeight="SemiBold" />
                     </UniformGrid>
 
                     <Grid x:Name="CalendarGrid"
                           Grid.Row="2"
-                          RowDefinitions="*,*,*,*,*"
+                          RowDefinitions="*,*,*,*,*,*"
                           ColumnDefinitions="*,*,*,*,*,*,*" />
                 </Grid>
 
                 <Border x:Name="LunarCardBorder"
                         Grid.Column="1"
                         Background="{DynamicResource AdaptiveLayer2Brush}"
+                        BorderThickness="1"
                         CornerRadius="24"
+                        BoxShadow="0 8 18 #1A000000"
                         Padding="14">
                     <Grid x:Name="RightPanelGrid"
-                          RowDefinitions="Auto,Auto,Auto,Auto,Auto"
-                          RowSpacing="10">
+                          RowDefinitions="Auto,Auto,Auto,*,*"
+                          RowSpacing="8">
                         <TextBlock x:Name="LunarDateTextBlock"
                                    Grid.Row="0"
                                    FontSize="28"
                                    FontWeight="Bold"
-                                   Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
+                                   Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
+                                   TextTrimming="CharacterEllipsis"
+                                   MaxLines="1" />
 
                         <TextBlock x:Name="LunarMetaTextBlock"
                                    Grid.Row="1"
                                    FontSize="14"
                                    Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
-                                   Opacity="0.88"
-                                   TextWrapping="Wrap" />
+                                   Opacity="0.86"
+                                   TextTrimming="CharacterEllipsis"
+                                   MaxLines="1" />
 
-                        <Border Grid.Row="2"
+                        <Border x:Name="DividerBorder"
+                                Grid.Row="2"
                                 Height="1"
-                                Margin="0,2,0,2"
+                                Margin="0,1,0,1"
                                 Background="{DynamicResource AdaptiveStrokeBrush}" />
 
                         <Grid Grid.Row="3"
                               ColumnDefinitions="Auto,*"
-                              ColumnSpacing="8">
+                              ColumnSpacing="8"
+                              VerticalAlignment="Top">
                             <TextBlock x:Name="YiLabelTextBlock"
                                        Grid.Column="0"
-                                       Text="宜"
+                                       Text="Yi"
                                        FontSize="18"
                                        FontWeight="Bold"
-                                       Foreground="#4E7D3A" />
+                                       Foreground="#4E7D3A"
+                                       VerticalAlignment="Top" />
                             <TextBlock x:Name="YiItemsTextBlock"
                                        Grid.Column="1"
                                        FontSize="16"
                                        Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                        TextWrapping="Wrap"
-                                       TextTrimming="CharacterEllipsis" />
+                                       TextTrimming="CharacterEllipsis"
+                                       MaxLines="2"
+                                       VerticalAlignment="Top" />
                         </Grid>
 
                         <Grid Grid.Row="4"
                               ColumnDefinitions="Auto,*"
-                              ColumnSpacing="8">
+                              ColumnSpacing="8"
+                              VerticalAlignment="Top">
                             <TextBlock x:Name="JiLabelTextBlock"
                                        Grid.Column="0"
-                                       Text="忌"
+                                       Text="Ji"
                                        FontSize="18"
                                        FontWeight="Bold"
-                                       Foreground="#A1473E" />
+                                       Foreground="#A1473E"
+                                       VerticalAlignment="Top" />
                             <TextBlock x:Name="JiItemsTextBlock"
                                        Grid.Column="1"
                                        FontSize="16"
                                        Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                        TextWrapping="Wrap"
-                                       TextTrimming="CharacterEllipsis" />
+                                       TextTrimming="CharacterEllipsis"
+                                       MaxLines="2"
+                                       VerticalAlignment="Top" />
                         </Grid>
                     </Grid>
                 </Border>
diff --git a/LanMontainDesktop/Views/Components/DateWidget.axaml.cs b/LanMontainDesktop/Views/Components/DateWidget.axaml.cs
index 62f421d..9bc7008 100644
--- a/LanMontainDesktop/Views/Components/DateWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/DateWidget.axaml.cs
@@ -4,26 +4,97 @@ using System.Globalization;
 using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Media;
+using Avalonia.Styling;
 using Avalonia.Threading;
 using LanMontainDesktop.Services;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class DateWidget : UserControl
+public partial class DateWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
         Interval = TimeSpan.FromMinutes(1)
     };
+
     private static readonly LunarCalendarService LunarCalendarService = new();
 
-    private static readonly string[] ZhWeekdayHeaders = ["日", "一", "二", "三", "四", "五", "六"];
+    private static readonly string[] ZhWeekdayHeaders = ["\u65e5", "\u4e00", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d"];
     private static readonly string[] EnWeekdayHeaders = ["S", "M", "T", "W", "T", "F", "S"];
 
+    private static readonly string[] ZhYiCandidates =
+    [
+        "\u796d\u7940",
+        "\u7948\u798f",
+        "\u4f1a\u53cb",
+        "\u51fa\u884c",
+        "\u6c42\u8d22",
+        "\u5f00\u5e02",
+        "\u4ea4\u6613",
+        "\u5ac1\u5a36",
+        "\u6c42\u5b66",
+        "\u4fee\u9020",
+        "\u5b89\u5e8a",
+        "\u7eb3\u91c7"
+    ];
+
+    private static readonly string[] ZhJiCandidates =
+    [
+        "\u52a8\u571f",
+        "\u8bc9\u8bbc",
+        "\u8fdc\u822a",
+        "\u4e89\u6267",
+        "\u7834\u571f",
+        "\u5b89\u846c",
+        "\u4f10\u6728",
+        "\u6398\u4e95",
+        "\u8fc1\u5f99",
+        "\u5f00\u4ed3",
+        "\u7f6e\u4ea7",
+        "\u5f00\u6e20"
+    ];
+
+    private static readonly string[] EnYiCandidates =
+    [
+        "Worship",
+        "Blessing",
+        "Travel",
+        "Meetings",
+        "Trade",
+        "Business",
+        "Study",
+        "Build",
+        "Gathering",
+        "Planning"
+    ];
+
+    private static readonly string[] EnJiCandidates =
+    [
+        "Dispute",
+        "Lawsuit",
+        "Major move",
+        "Groundwork",
+        "Burial",
+        "Long voyage",
+        "Contract rush",
+        "Risky purchase",
+        "Heavy repair",
+        "Conflict"
+    ];
+
     private TimeZoneService? _timeZoneService;
     private double _currentCellSize = 64;
-    private double _calendarDayFontSize = 14;
-    private double _calendarTodayDotSize = 28;
+    private double _weekdayFontSize = 17;
+    private FontWeight _weekdayFontWeight = FontWeight.SemiBold;
+    private double _calendarDayFontSize = 18;
+    private FontWeight _calendarDayFontWeight = FontWeight.SemiBold;
+    private double _calendarTodayDotSize = 32;
+    private int _lunarItemCount = 3;
+    private int _calendarVisibleRows = 6;
+    private bool? _isNightModeApplied;
+    private double _weekdayHeaderOpacity = 0.60;
+    private double _weekdayNumberOpacity = 0.90;
+    private double _weekendNumberOpacity = 0.58;
 
     public DateWidget()
     {
@@ -38,7 +109,7 @@ public partial class DateWidget : UserControl
 
     public void SetTimeZoneService(TimeZoneService timeZoneService)
     {
-        if (_timeZoneService != null)
+        if (_timeZoneService is not null)
         {
             _timeZoneService.TimeZoneChanged -= OnTimeZoneChanged;
         }
@@ -82,56 +153,67 @@ public partial class DateWidget : UserControl
         var lunar = LunarCalendarService.GetLunarInfo(now);
 
         GregorianHeadlineTextBlock.Text = isZh
-            ? $"{now.Month}月{now.Day}日 {ToChineseWeekday(now.DayOfWeek)}"
-            : now.ToString("MMM d ddd", culture);
+            ? $"{now.Month}\u6708{now.Day}\u65e5"
+            : now.ToString("MMM d", culture);
+
+        ApplyAdaptiveTypography();
 
         if (isZh)
         {
-            LunarDateTextBlock.Text = $"农历 {lunar.LunarDateZh}";
-            LunarMetaTextBlock.Text = $"{lunar.GanzhiYearZh}年（{lunar.ZodiacZh}年）";
-            YiLabelTextBlock.Text = "宜";
-            JiLabelTextBlock.Text = "忌";
-            YiItemsTextBlock.Text = "祭祀 祈福 出行 会友";
-            JiItemsTextBlock.Text = "动土 诉讼 远航 争执";
+            LunarDateTextBlock.Text = lunar.LunarDateZh;
+            LunarMetaTextBlock.Text = $"{lunar.GanzhiYearZh}\u5e74  {lunar.ZodiacZh}";
+            YiLabelTextBlock.Text = "\u5b9c";
+            JiLabelTextBlock.Text = "\u5fcc";
         }
         else
         {
             LunarDateTextBlock.Text = $"Lunar {lunar.LunarDateEn}";
-            LunarMetaTextBlock.Text = $"Ganzhi year: {lunar.GanzhiYearEn} ({lunar.ZodiacEn})";
+            LunarMetaTextBlock.Text = $"{lunar.GanzhiYearEn}  {lunar.ZodiacEn}";
             YiLabelTextBlock.Text = "Do";
             JiLabelTextBlock.Text = "Avoid";
-            YiItemsTextBlock.Text = "Worship Blessing Travel Meet";
-            JiItemsTextBlock.Text = "Groundwork Lawsuit Voyage Dispute";
         }
 
-        UpdateWeekdayHeaders(isZh);
-        GenerateCalendar(now);
-    }
+        var itemCount = isZh ? _lunarItemCount : Math.Max(1, _lunarItemCount - 1);
+        YiItemsTextBlock.Text = BuildDailySelection(
+            now.Date,
+            isZh ? ZhYiCandidates : EnYiCandidates,
+            count: itemCount,
+            salt: 17,
+            useChineseSpacing: isZh);
+        JiItemsTextBlock.Text = BuildDailySelection(
+            now.Date,
+            isZh ? ZhJiCandidates : EnJiCandidates,
+            count: itemCount,
+            salt: 29,
+            useChineseSpacing: isZh);
 
-    private static string ToChineseWeekday(DayOfWeek dayOfWeek)
-    {
-        return dayOfWeek switch
-        {
-            DayOfWeek.Sunday => "周日",
-            DayOfWeek.Monday => "周一",
-            DayOfWeek.Tuesday => "周二",
-            DayOfWeek.Wednesday => "周三",
-            DayOfWeek.Thursday => "周四",
-            DayOfWeek.Friday => "周五",
-            _ => "周六"
-        };
+        UpdateWeekdayHeaders(isZh);
+        ApplyModeVisualIfNeeded();
+        GenerateCalendar(now);
     }
 
     private void UpdateWeekdayHeaders(bool isZh)
     {
         var headers = isZh ? ZhWeekdayHeaders : EnWeekdayHeaders;
-        WeekdayText0.Text = headers[0];
-        WeekdayText1.Text = headers[1];
-        WeekdayText2.Text = headers[2];
-        WeekdayText3.Text = headers[3];
-        WeekdayText4.Text = headers[4];
-        WeekdayText5.Text = headers[5];
-        WeekdayText6.Text = headers[6];
+        var blocks = GetWeekdayHeaderBlocks();
+        for (var i = 0; i < blocks.Count; i++)
+        {
+            blocks[i].Text = headers[i];
+        }
+    }
+
+    private IReadOnlyList<TextBlock> GetWeekdayHeaderBlocks()
+    {
+        return
+        [
+            WeekdayText0,
+            WeekdayText1,
+            WeekdayText2,
+            WeekdayText3,
+            WeekdayText4,
+            WeekdayText5,
+            WeekdayText6
+        ];
     }
 
     private void GenerateCalendar(DateTime currentDate)
@@ -139,7 +221,8 @@ public partial class DateWidget : UserControl
         var removeList = new List<Control>();
         foreach (var child in CalendarGrid.Children)
         {
-            if (child is Control control && control.Tag is string tag &&
+            if (child is Control control &&
+                control.Tag is string tag &&
                 (tag == "day" || tag == "today-dot"))
             {
                 removeList.Add(control);
@@ -158,12 +241,19 @@ public partial class DateWidget : UserControl
         var firstDayOfMonth = new DateTime(year, month, 1);
         var daysInMonth = DateTime.DaysInMonth(year, month);
         var startDayOfWeek = (int)firstDayOfMonth.DayOfWeek;
+        _calendarVisibleRows = GetCalendarRowCount(startDayOfWeek, daysInMonth);
+        EnsureCalendarRows(_calendarVisibleRows);
+
+        // 4x2 widget has less vertical space than 2x2. Compress only on 6-row months.
+        var rowDensity = _calendarVisibleRows >= 6 ? 0.84 : 1.0;
+        var dayFontSize = Math.Clamp(_calendarDayFontSize * rowDensity, 8, 24);
+        var todayDotSize = Math.Clamp(_calendarTodayDotSize * rowDensity, 13.5, 32);
 
         for (var day = 1; day <= daysInMonth; day++)
         {
             var row = (day + startDayOfWeek - 1) / 7;
             var col = (day + startDayOfWeek - 1) % 7;
-            if (row > 4)
+            if (row >= _calendarVisibleRows)
             {
                 continue;
             }
@@ -173,8 +263,9 @@ public partial class DateWidget : UserControl
                 Text = day.ToString(CultureInfo.CurrentCulture),
                 HorizontalAlignment = Avalonia.Layout.HorizontalAlignment.Center,
                 VerticalAlignment = Avalonia.Layout.VerticalAlignment.Center,
-                FontSize = _calendarDayFontSize,
-                FontWeight = FontWeight.SemiBold,
+                FontSize = dayFontSize,
+                FontWeight = _calendarDayFontWeight,
+                LineHeight = dayFontSize * 1.04,
                 Tag = "day"
             };
 
@@ -190,9 +281,9 @@ public partial class DateWidget : UserControl
                 dayText.Foreground = onAccentBrush;
                 var dot = new Border
                 {
-                    Width = _calendarTodayDotSize,
-                    Height = _calendarTodayDotSize,
-                    CornerRadius = new CornerRadius(_calendarTodayDotSize * 0.5),
+                    Width = todayDotSize,
+                    Height = todayDotSize,
+                    CornerRadius = new CornerRadius(todayDotSize * 0.5),
                     Background = accentBrush,
                     HorizontalAlignment = Avalonia.Layout.HorizontalAlignment.Center,
                     VerticalAlignment = Avalonia.Layout.VerticalAlignment.Center,
@@ -208,8 +299,8 @@ public partial class DateWidget : UserControl
             {
                 var isWeekend = col is 0 or 6;
                 dayText.Foreground = isWeekend
-                    ? GetThemeBrush("AdaptiveTextSecondaryBrush", 0.82)
-                    : GetThemeBrush("AdaptiveTextPrimaryBrush", 0.92);
+                    ? GetThemeBrush("AdaptiveTextSecondaryBrush", _weekendNumberOpacity)
+                    : GetThemeBrush("AdaptiveTextPrimaryBrush", _weekdayNumberOpacity);
                 Grid.SetRow(dayText, row);
                 Grid.SetColumn(dayText, col);
                 CalendarGrid.Children.Add(dayText);
@@ -220,44 +311,155 @@ public partial class DateWidget : UserControl
     public void ApplyCellSize(double cellSize)
     {
         _currentCellSize = Math.Max(1, cellSize);
+        UpdateDate();
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
         var scale = ResolveScale();
 
         RootBorder.CornerRadius = new CornerRadius(Math.Clamp(28 * scale, 16, 40));
-        RootBorder.Padding = new Thickness(Math.Clamp(12 * scale, 8, 18));
+        RootBorder.Padding = new Thickness(Math.Clamp(11 * scale, 7, 17));
+
+        LayoutRoot.ColumnSpacing = Math.Clamp(10 * scale, 6, 16);
+        LeftPanelGrid.RowSpacing = Math.Clamp(5.2 * scale, 2.5, 10);
+        WeekdayHeaderGrid.Margin = new Thickness(
+            0,
+            Math.Clamp(0.5 * scale, 0, 2),
+            0,
+            Math.Clamp(2.4 * scale, 1, 4));
+        CalendarGrid.Margin = new Thickness(0, 0, 0, Math.Clamp(0.8 * scale, 0, 2));
 
-        LeftPanelGrid.RowSpacing = Math.Clamp(8 * scale, 5, 14);
-        RightPanelGrid.RowSpacing = Math.Clamp(10 * scale, 6, 16);
         LunarCardBorder.CornerRadius = new CornerRadius(Math.Clamp(24 * scale, 14, 34));
-        LunarCardBorder.Padding = new Thickness(Math.Clamp(14 * scale, 9, 20));
+        LunarCardBorder.Padding = new Thickness(Math.Clamp(14 * scale, 8, 20));
+        RightPanelGrid.RowSpacing = Math.Clamp(7.5 * scale, 3.5, 11);
+        DividerBorder.Margin = new Thickness(0, Math.Clamp(1 * scale, 0, 2), 0, Math.Clamp(1 * scale, 0, 2));
 
-        GregorianHeadlineTextBlock.FontSize = Math.Clamp(22 * scale, 14, 34);
-        WeekdayText0.FontSize = Math.Clamp(13 * scale, 9, 18);
-        WeekdayText1.FontSize = WeekdayText0.FontSize;
-        WeekdayText2.FontSize = WeekdayText0.FontSize;
-        WeekdayText3.FontSize = WeekdayText0.FontSize;
-        WeekdayText4.FontSize = WeekdayText0.FontSize;
-        WeekdayText5.FontSize = WeekdayText0.FontSize;
-        WeekdayText6.FontSize = WeekdayText0.FontSize;
+        var isZh = CultureInfo.CurrentCulture.TwoLetterISOLanguageName.Equals("zh", StringComparison.OrdinalIgnoreCase);
+        var headerTextLength = Math.Max(1, GregorianHeadlineTextBlock.Text?.Length ?? (isZh ? 5 : 6));
+        var headerCompression = headerTextLength >= 8 ? 0.90 : headerTextLength >= 6 ? 0.95 : 1.0;
+        var densityBoost = scale <= 0.74 ? 0.90 : scale <= 0.90 ? 0.95 : scale >= 1.45 ? 1.05 : 1.0;
 
-        LunarDateTextBlock.FontSize = Math.Clamp(28 * scale, 17, 44);
-        LunarMetaTextBlock.FontSize = Math.Clamp(14 * scale, 10, 22);
-        YiLabelTextBlock.FontSize = Math.Clamp(18 * scale, 12, 28);
+        GregorianHeadlineTextBlock.FontSize = Math.Clamp(29 * scale * headerCompression * densityBoost, 12.5, 42);
+        GregorianHeadlineTextBlock.FontWeight = ToVariableWeight(Lerp(560, 720, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        GregorianHeadlineTextBlock.LineHeight = GregorianHeadlineTextBlock.FontSize * 1.03;
+
+        _weekdayFontSize = Math.Clamp(14.8 * scale * densityBoost, 7, 20);
+        _weekdayFontWeight = ToVariableWeight(Lerp(500, 640, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        foreach (var block in GetWeekdayHeaderBlocks())
+        {
+            block.FontSize = _weekdayFontSize;
+            block.FontWeight = _weekdayFontWeight;
+            block.LineHeight = _weekdayFontSize * 1.02;
+        }
+
+        _calendarDayFontSize = Math.Clamp(15.4 * scale * densityBoost, 8, 22);
+        _calendarDayFontWeight = ToVariableWeight(Lerp(540, 680, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        _calendarTodayDotSize = Math.Clamp(_calendarDayFontSize * 1.30, 13.5, 31);
+
+        var rightDensity = scale <= 0.72 ? 0.90 : scale <= 0.90 ? 0.95 : scale >= 1.38 ? 1.03 : 1.0;
+        LunarDateTextBlock.FontSize = Math.Clamp(30 * scale * rightDensity, 14, 44);
+        LunarMetaTextBlock.FontSize = Math.Clamp(12.5 * scale * rightDensity, 8.8, 18);
+        YiLabelTextBlock.FontSize = Math.Clamp(16.5 * scale * rightDensity, 10, 23);
         JiLabelTextBlock.FontSize = YiLabelTextBlock.FontSize;
-        YiItemsTextBlock.FontSize = Math.Clamp(16 * scale, 11, 24);
+        YiItemsTextBlock.FontSize = Math.Clamp(13.8 * scale * rightDensity, 8.5, 19);
         JiItemsTextBlock.FontSize = YiItemsTextBlock.FontSize;
+        YiItemsTextBlock.LineHeight = YiItemsTextBlock.FontSize * 1.15;
+        JiItemsTextBlock.LineHeight = JiItemsTextBlock.FontSize * 1.15;
 
-        _calendarDayFontSize = Math.Clamp(14 * scale, 9, 22);
-        _calendarTodayDotSize = Math.Clamp(28 * scale, 17, 38);
+        LunarDateTextBlock.FontWeight = ToVariableWeight(Lerp(640, 760, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        LunarMetaTextBlock.FontWeight = ToVariableWeight(Lerp(500, 620, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        YiLabelTextBlock.FontWeight = ToVariableWeight(Lerp(620, 740, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        JiLabelTextBlock.FontWeight = YiLabelTextBlock.FontWeight;
+        YiItemsTextBlock.FontWeight = ToVariableWeight(Lerp(520, 660, Math.Clamp((scale - 0.60) / 1.2, 0, 1)));
+        JiItemsTextBlock.FontWeight = YiItemsTextBlock.FontWeight;
 
-        UpdateDate();
+        var maxLines = scale <= 0.82 ? 1 : 2;
+        YiItemsTextBlock.MaxLines = maxLines;
+        JiItemsTextBlock.MaxLines = maxLines;
+
+        _lunarItemCount = scale switch
+        {
+            <= 0.72 => 2,
+            <= 0.96 => 3,
+            <= 1.32 => 4,
+            _ => 5
+        };
+
+        if (maxLines == 1)
+        {
+            _lunarItemCount = Math.Min(_lunarItemCount, 3);
+        }
+    }
+
+    private void ApplyModeVisualIfNeeded()
+    {
+        var isNightMode = ResolveIsNightMode();
+        if (_isNightModeApplied.HasValue && _isNightModeApplied.Value == isNightMode)
+        {
+            return;
+        }
+
+        _isNightModeApplied = isNightMode;
+        ApplyModeVisual(isNightMode);
+    }
+
+    private void ApplyModeVisual(bool isNightMode)
+    {
+        LunarCardBorder.BorderBrush = isNightMode
+            ? CreateBrush("#3FFFFFFF")
+            : CreateBrush("#14000000");
+        LunarCardBorder.BoxShadow = BoxShadows.Parse(isNightMode
+            ? "0 10 26 #42000000"
+            : "0 8 20 #1A000000");
+
+        _weekdayHeaderOpacity = isNightMode ? 0.66 : 0.60;
+        _weekdayNumberOpacity = isNightMode ? 0.93 : 0.90;
+        _weekendNumberOpacity = isNightMode ? 0.68 : 0.58;
+
+        GregorianHeadlineTextBlock.Foreground = GetThemeBrush("AdaptiveTextPrimaryBrush", isNightMode ? 0.97 : 0.95);
+        LunarDateTextBlock.Foreground = GetThemeBrush("AdaptiveTextPrimaryBrush", isNightMode ? 0.97 : 0.95);
+        LunarMetaTextBlock.Foreground = GetThemeBrush("AdaptiveTextSecondaryBrush", isNightMode ? 0.92 : 0.86);
+        YiItemsTextBlock.Foreground = GetThemeBrush("AdaptiveTextPrimaryBrush", isNightMode ? 0.95 : 0.92);
+        JiItemsTextBlock.Foreground = YiItemsTextBlock.Foreground;
+
+        foreach (var block in GetWeekdayHeaderBlocks())
+        {
+            block.Foreground = GetThemeBrush("AdaptiveTextSecondaryBrush", _weekdayHeaderOpacity);
+        }
+
+        YiLabelTextBlock.Foreground = CreateBrush(isNightMode ? "#8CB57D" : "#4E7D3A");
+        JiLabelTextBlock.Foreground = CreateBrush(isNightMode ? "#C98981" : "#A1473E");
+        DividerBorder.Opacity = isNightMode ? 0.48 : 0.72;
+    }
+
+    private bool ResolveIsNightMode()
+    {
+        if (ActualThemeVariant == ThemeVariant.Dark)
+        {
+            return true;
+        }
+
+        if (ActualThemeVariant == ThemeVariant.Light)
+        {
+            return false;
+        }
+
+        if (this.TryFindResource("AdaptiveSurfaceBaseBrush", out var value) &&
+            value is ISolidColorBrush solidBrush)
+        {
+            return CalculateRelativeLuminance(solidBrush.Color) < 0.45;
+        }
+
+        return false;
     }
 
     private double ResolveScale()
     {
-        var cellScale = Math.Clamp(_currentCellSize / 48d, 0.72, 1.55);
-        var heightScale = Bounds.Height > 1 ? Math.Clamp(Bounds.Height / 220d, 0.65, 1.65) : 1;
-        var widthScale = Bounds.Width > 1 ? Math.Clamp(Bounds.Width / 460d, 0.65, 1.65) : 1;
-        return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.08), 0.65, 1.6);
+        var cellScale = Math.Clamp(_currentCellSize / 48d, 0.62, 1.8);
+        var heightScale = Bounds.Height > 1 ? Math.Clamp(Bounds.Height / 220d, 0.62, 1.85) : 1;
+        var widthScale = Bounds.Width > 1 ? Math.Clamp(Bounds.Width / 460d, 0.62, 1.85) : 1;
+        return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.08), 0.62, 1.8);
     }
 
     private IBrush GetThemeBrush(string key, double opacity)
@@ -274,4 +476,88 @@ public partial class DateWidget : UserControl
 
         return new SolidColorBrush(Colors.Gray, opacity);
     }
+
+    private static IBrush CreateBrush(string colorHex)
+    {
+        return new SolidColorBrush(Color.Parse(colorHex));
+    }
+
+    private static string BuildDailySelection(
+        DateTime date,
+        string[] pool,
+        int count,
+        int salt,
+        bool useChineseSpacing)
+    {
+        if (pool.Length == 0 || count <= 0)
+        {
+            return string.Empty;
+        }
+
+        var target = Math.Min(count, pool.Length);
+        var selected = new List<string>(target);
+        var usedIndices = new HashSet<int>();
+        var cursor = Math.Abs(date.Year * 1009 + date.DayOfYear * 37 + salt * 211);
+        var step = (salt % Math.Max(1, pool.Length - 1)) + 1;
+
+        for (var i = 0; i < pool.Length * 3 && selected.Count < target; i++)
+        {
+            var index = (cursor + i * step) % pool.Length;
+            if (usedIndices.Add(index))
+            {
+                selected.Add(pool[index]);
+            }
+        }
+
+        if (selected.Count == 0)
+        {
+            return string.Empty;
+        }
+
+        return string.Join(useChineseSpacing ? " " : ", ", selected);
+    }
+
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
+    private static int GetCalendarRowCount(int startDayOfWeek, int daysInMonth)
+    {
+        return Math.Max(5, (int)Math.Ceiling((startDayOfWeek + daysInMonth) / 7d));
+    }
+
+    private void EnsureCalendarRows(int rowCount)
+    {
+        if (CalendarGrid.RowDefinitions.Count == rowCount)
+        {
+            return;
+        }
+
+        CalendarGrid.RowDefinitions.Clear();
+        for (var i = 0; i < rowCount; i++)
+        {
+            CalendarGrid.RowDefinitions.Add(new RowDefinition(GridLength.Star));
+        }
+    }
+
+    private static double CalculateRelativeLuminance(Color color)
+    {
+        static double ToLinear(double channel)
+        {
+            return channel <= 0.03928
+                ? channel / 12.92
+                : Math.Pow((channel + 0.055) / 1.055, 2.4);
+        }
+
+        var r = ToLinear(color.R / 255d);
+        var g = ToLinear(color.G / 255d);
+        var b = ToLinear(color.B / 255d);
+        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    }
 }
diff --git a/LanMontainDesktop/Views/Components/DesktopComponentRuntimeRegistry.cs b/LanMontainDesktop/Views/Components/DesktopComponentRuntimeRegistry.cs
new file mode 100644
index 0000000..2d19fd9
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/DesktopComponentRuntimeRegistry.cs
@@ -0,0 +1,179 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using Avalonia.Controls;
+using LanMontainDesktop.ComponentSystem;
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public sealed record DesktopComponentRuntimeRegistration(
+    string ComponentId,
+    string DisplayNameLocalizationKey,
+    Func<Control> ControlFactory,
+    Func<double, double>? CornerRadiusResolver = null);
+
+public sealed class DesktopComponentRuntimeDescriptor
+{
+    private static readonly Func<double, double> DefaultCornerRadiusResolver =
+        cellSize => Math.Clamp(cellSize * 0.22, 8, 18);
+
+    private readonly Func<Control> _controlFactory;
+    private readonly Func<double, double> _cornerRadiusResolver;
+
+    internal DesktopComponentRuntimeDescriptor(
+        DesktopComponentDefinition definition,
+        string displayNameLocalizationKey,
+        Func<Control> controlFactory,
+        Func<double, double>? cornerRadiusResolver)
+    {
+        Definition = definition;
+        DisplayNameLocalizationKey = displayNameLocalizationKey;
+        _controlFactory = controlFactory;
+        _cornerRadiusResolver = cornerRadiusResolver ?? DefaultCornerRadiusResolver;
+    }
+
+    public DesktopComponentDefinition Definition { get; }
+
+    public string DisplayNameLocalizationKey { get; }
+
+    public Control CreateControl(double cellSize, TimeZoneService timeZoneService, IWeatherInfoService weatherInfoService)
+    {
+        var control = _controlFactory();
+        if (control is IDesktopComponentWidget sizedComponent)
+        {
+            sizedComponent.ApplyCellSize(cellSize);
+        }
+
+        if (control is ITimeZoneAwareComponentWidget timeZoneAwareComponent)
+        {
+            timeZoneAwareComponent.SetTimeZoneService(timeZoneService);
+        }
+
+        if (control is IWeatherInfoAwareComponentWidget weatherInfoAwareComponent)
+        {
+            weatherInfoAwareComponent.SetWeatherInfoService(weatherInfoService);
+        }
+
+        return control;
+    }
+
+    public double ResolveCornerRadius(double cellSize)
+    {
+        return _cornerRadiusResolver(Math.Max(1, cellSize));
+    }
+}
+
+public sealed class DesktopComponentRuntimeRegistry
+{
+    private readonly Dictionary<string, DesktopComponentRuntimeDescriptor> _descriptors;
+
+    public DesktopComponentRuntimeRegistry(
+        ComponentRegistry componentRegistry,
+        IEnumerable<DesktopComponentRuntimeRegistration> registrations)
+    {
+        var registrationMap = registrations
+            .Where(r => !string.IsNullOrWhiteSpace(r.ComponentId) && r.ControlFactory is not null)
+            .GroupBy(r => r.ComponentId.Trim(), StringComparer.OrdinalIgnoreCase)
+            .ToDictionary(g => g.Key, g => g.Last(), StringComparer.OrdinalIgnoreCase);
+
+        _descriptors = componentRegistry
+            .GetAll()
+            .Where(definition => registrationMap.ContainsKey(definition.Id))
+            .ToDictionary(
+                definition => definition.Id,
+                definition =>
+                {
+                    var registration = registrationMap[definition.Id];
+                    return new DesktopComponentRuntimeDescriptor(
+                        definition,
+                        registration.DisplayNameLocalizationKey,
+                        registration.ControlFactory,
+                        registration.CornerRadiusResolver);
+                },
+                StringComparer.OrdinalIgnoreCase);
+    }
+
+    public static DesktopComponentRuntimeRegistry CreateDefault(ComponentRegistry componentRegistry)
+    {
+        return new DesktopComponentRuntimeRegistry(
+            componentRegistry,
+            new[]
+            {
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.Date,
+                    "component.date",
+                    () => new DateWidget(),
+                    _ => 16),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.MonthCalendar,
+                    "component.month_calendar",
+                    () => new MonthCalendarWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.26, 10, 22)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.LunarCalendar,
+                    "component.lunar_calendar",
+                    () => new LunarCalendarWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.30, 12, 26)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopClock,
+                    "component.desktop_clock",
+                    () => new AnalogClockWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.30, 12, 28)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopWeatherClock,
+                    "component.weather_clock",
+                    () => new WeatherClockWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.34, 14, 30)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopTimer,
+                    "component.desktop_timer",
+                    () => new TimerWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.30, 12, 28)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopWeather,
+                    "component.desktop_weather",
+                    () => new WeatherWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.45, 24, 44)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopHourlyWeather,
+                    "component.hourly_weather",
+                    () => new HourlyWeatherWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.45, 24, 44)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopMultiDayWeather,
+                    "component.multiday_weather",
+                    () => new MultiDayWeatherWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.45, 24, 44)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopWhiteboard,
+                    "component.whiteboard",
+                    () => new WhiteboardWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.24, 10, 24)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.DesktopBlackboardLandscape,
+                    "component.blackboard_landscape",
+                    () => new WhiteboardWidget(baseWidthCells: 4),
+                    cellSize => Math.Clamp(cellSize * 0.24, 10, 24)),
+                new DesktopComponentRuntimeRegistration(
+                    BuiltInComponentIds.HolidayCalendar,
+                    "component.holiday_calendar",
+                    () => new HolidayCalendarWidget(),
+                    cellSize => Math.Clamp(cellSize * 0.32, 12, 28))
+            });
+    }
+
+    public bool TryGetDescriptor(string componentId, out DesktopComponentRuntimeDescriptor descriptor)
+    {
+        return _descriptors.TryGetValue(componentId, out descriptor!);
+    }
+
+    public IReadOnlyList<DesktopComponentRuntimeDescriptor> GetDesktopComponents()
+    {
+        return _descriptors.Values
+            .Where(descriptor => descriptor.Definition.AllowDesktopPlacement)
+            .OrderBy(descriptor => descriptor.Definition.Category, StringComparer.OrdinalIgnoreCase)
+            .ThenBy(descriptor => descriptor.Definition.DisplayName, StringComparer.OrdinalIgnoreCase)
+            .ToList();
+    }
+}
diff --git a/LanMontainDesktop/Views/Components/HolidayCalendarWidget.axaml.cs b/LanMontainDesktop/Views/Components/HolidayCalendarWidget.axaml.cs
index 402faec..d8eb035 100644
--- a/LanMontainDesktop/Views/Components/HolidayCalendarWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/HolidayCalendarWidget.axaml.cs
@@ -9,7 +9,7 @@ using LanMontainDesktop.Services;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class HolidayCalendarWidget : UserControl
+public partial class HolidayCalendarWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
diff --git a/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml b/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml
new file mode 100644
index 0000000..7e99447
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml
@@ -0,0 +1,296 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:fi="using:FluentIcons.Avalonia"
+             mc:Ignorable="d"
+             d:DesignWidth="640"
+             d:DesignHeight="320"
+             x:Class="LanMontainDesktop.Views.Components.HourlyWeatherWidget">
+
+    <Border x:Name="RootBorder"
+            CornerRadius="28"
+            ClipToBounds="True"
+            Background="#68A9EC">
+        <Grid>
+            <Border x:Name="BackgroundImageLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True" />
+
+            <Border x:Name="BackgroundMotionLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.24"
+                    RenderTransformOrigin="0.5,0.5">
+                <Border.RenderTransform>
+                    <TransformGroup>
+                        <ScaleTransform ScaleX="1.05"
+                                        ScaleY="1.05" />
+                        <TranslateTransform />
+                    </TransformGroup>
+                </Border.RenderTransform>
+            </Border>
+
+            <Border x:Name="BackgroundTintLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.20" />
+
+            <Border x:Name="BackgroundLightLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.66">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="1,1">
+                        <GradientStop Color="#5BFFFFFF"
+                                      Offset="0" />
+                        <GradientStop Color="#1FFFFFFF"
+                                      Offset="0.30" />
+                        <GradientStop Color="#00000000"
+                                      Offset="0.55" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Border x:Name="BackgroundShadeLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.78">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="0,1">
+                        <GradientStop Color="#00040A16"
+                                      Offset="0.50" />
+                        <GradientStop Color="#2E0B1C34"
+                                      Offset="1" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Canvas x:Name="ParticleLayer"
+                    IsHitTestVisible="False"
+                    ClipToBounds="True" />
+
+            <Border x:Name="ContentPaddingBorder"
+                    Padding="18"
+                    Background="Transparent">
+                <Grid x:Name="LayoutRoot">
+                        <Grid x:Name="ContentGrid"
+                              RowDefinitions="Auto,Auto,*"
+                              RowSpacing="10">
+                            <Grid x:Name="TopRowGrid"
+                                  Grid.Row="0"
+                                  ColumnDefinitions="Auto,*,Auto"
+                                  ColumnSpacing="8">
+                                <fi:SymbolIcon x:Name="LocationIcon"
+                                               Symbol="Location"
+                                               FontSize="20"
+                                               VerticalAlignment="Center" />
+
+                                <TextBlock x:Name="CityTextBlock"
+                                           Grid.Column="1"
+                                           Text="北京"
+                                           FontSize="30"
+                                           FontWeight="SemiBold"
+                                           VerticalAlignment="Center"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <fi:SymbolIcon x:Name="WeatherIconSymbol"
+                                               Grid.Column="2"
+                                               Symbol="WeatherSunny"
+                                               IconVariant="Regular"
+                                               FontSize="40"
+                                               HorizontalAlignment="Right"
+                                               VerticalAlignment="Center" />
+                            </Grid>
+
+                            <Grid Grid.Row="1"
+                                  ColumnDefinitions="Auto,*,Auto">
+                                <TextBlock x:Name="TemperatureTextBlock"
+                                           Grid.Column="0"
+                                           Text="26°"
+                                           FontSize="108"
+                                           FontWeight="Bold"
+                                           FontFeatures="tnum"
+                                           VerticalAlignment="Center"
+                                           Margin="0,4,0,10"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <StackPanel x:Name="ConditionRangeStack"
+                                            Grid.Column="2"
+                                            Orientation="Horizontal"
+                                            HorizontalAlignment="Right"
+                                            VerticalAlignment="Bottom"
+                                            Spacing="8"
+                                            Margin="0,0,0,10">
+                                    <TextBlock x:Name="ConditionTextBlock"
+                                               Text="晴"
+                                               FontSize="30"
+                                               FontWeight="SemiBold"
+                                               TextTrimming="CharacterEllipsis"
+                                               MaxLines="1" />
+                                    <TextBlock x:Name="RangeTextBlock"
+                                               Text="20° / 28°"
+                                               FontSize="36"
+                                               FontWeight="SemiBold"
+                                               FontFeatures="tnum"
+                                               TextTrimming="CharacterEllipsis"
+                                               MaxLines="1" />
+                                </StackPanel>
+                            </Grid>
+
+                            <StackPanel x:Name="BottomInfoStack"
+                                        Grid.Row="2"
+                                        VerticalAlignment="Bottom"
+                                        Spacing="4"
+                                        Margin="0,0,0,8">
+                                <Border x:Name="HourlyPanelBorder"
+                                        Background="#1CFFFFFF"
+                                        CornerRadius="18"
+                                        ClipToBounds="True"
+                                        Padding="12,8">
+                                    <Grid x:Name="HourlyGrid"
+                                          ColumnDefinitions="*,*,*,*,*,*">
+                                        <StackPanel Grid.Column="0"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime0"
+                                                       Text="现在"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon0"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp0"
+                                                       Text="26°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="1"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime1"
+                                                       Text="09:00"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon1"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp1"
+                                                       Text="28°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="2"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime2"
+                                                       Text="10:00"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon2"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp2"
+                                                       Text="26°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="3"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime3"
+                                                       Text="11:00"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon3"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp3"
+                                                       Text="24°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="4"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime4"
+                                                       Text="12:00"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon4"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp4"
+                                                       Text="24°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="5"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime5"
+                                                       Text="13:00"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon5"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp5"
+                                                       Text="23°"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+                                    </Grid>
+                                </Border>
+                            </StackPanel>
+                        </Grid>
+                </Grid>
+            </Border>
+        </Grid>
+    </Border>
+</UserControl>
diff --git a/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml.cs b/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml.cs
new file mode 100644
index 0000000..9332c95
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/HourlyWeatherWidget.axaml.cs
@@ -0,0 +1,1630 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text.RegularExpressions;
+using System.Threading;
+using System.Threading.Tasks;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Media;
+using Avalonia.Media.Imaging;
+using Avalonia.Platform;
+using Avalonia.Threading;
+using FluentIcons.Avalonia;
+using FluentIcons.Common;
+using LanMontainDesktop.Models;
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public partial class HourlyWeatherWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget, IWeatherInfoAwareComponentWidget
+{
+    private enum WeatherVisualKind
+    {
+        ClearDay,
+        ClearNight,
+        CloudyDay,
+        CloudyNight,
+        RainLight,
+        RainHeavy,
+        Storm,
+        Snow,
+        Fog
+    }
+
+    private readonly record struct WeatherVisualPalette(
+        string GradientFrom,
+        string GradientTo,
+        string Tint,
+        string PrimaryText,
+        string SecondaryText,
+        string ParticleColor);
+
+    private readonly record struct WeatherMotionProfile(
+        double DriftX,
+        double DriftY,
+        double ZoomBase,
+        double ZoomAmplitude,
+        double MotionOpacityBase,
+        double MotionOpacityPulse,
+        double LightOpacityBase,
+        double LightOpacityPulse,
+        double ShadeOpacityBase,
+        double ShadeOpacityPulse,
+        double PhaseStep,
+        int ParticleCount,
+        double ParticleSpeedMin,
+        double ParticleSpeedMax,
+        double ParticleLengthMin,
+        double ParticleLengthMax,
+        double ParticleDriftPerTick);
+
+    private sealed class ParticleState
+    {
+        public double Speed { get; set; }
+
+        public double Drift { get; set; }
+    }
+
+    private sealed record HourlyWeatherWidgetConfig(
+        string LanguageCode,
+        string Locale,
+        string LocationKey,
+        string LocationName,
+        double Latitude,
+        double Longitude);
+
+    private readonly record struct HourlyForecastItem(
+        DateTime Time,
+        string TimeLabel,
+        Symbol Icon,
+        string TemperatureText);
+
+    private static readonly IReadOnlyDictionary<WeatherVisualKind, string> WeatherBackgroundAssets =
+        new Dictionary<WeatherVisualKind, string>
+        {
+            [WeatherVisualKind.ClearDay] = "avares://LanMontainDesktop/Assets/Weather/clear_day.jpg",
+            [WeatherVisualKind.ClearNight] = "avares://LanMontainDesktop/Assets/Weather/clear_night.jpg",
+            [WeatherVisualKind.CloudyDay] = "avares://LanMontainDesktop/Assets/Weather/cloudy_day.jpg",
+            [WeatherVisualKind.CloudyNight] = "avares://LanMontainDesktop/Assets/Weather/cloudy_night.jpg",
+            [WeatherVisualKind.RainLight] = "avares://LanMontainDesktop/Assets/Weather/rain_light.jpg",
+            [WeatherVisualKind.RainHeavy] = "avares://LanMontainDesktop/Assets/Weather/rain_heavy.jpg",
+            [WeatherVisualKind.Storm] = "avares://LanMontainDesktop/Assets/Weather/storm_dark.jpg",
+            [WeatherVisualKind.Snow] = "avares://LanMontainDesktop/Assets/Weather/snow_soft.jpg",
+            [WeatherVisualKind.Fog] = "avares://LanMontainDesktop/Assets/Weather/fog_haze.jpg"
+        };
+
+    private static readonly IWeatherInfoService DefaultWeatherInfoService = new XiaomiWeatherService();
+
+    private readonly DispatcherTimer _refreshTimer = new()
+    {
+        Interval = TimeSpan.FromMinutes(12)
+    };
+
+    private readonly DispatcherTimer _backgroundAnimationTimer = new()
+    {
+        Interval = TimeSpan.FromMilliseconds(48)
+    };
+
+    private readonly AppSettingsService _settingsService = new();
+    private readonly LocalizationService _localizationService = new();
+    private readonly Dictionary<WeatherVisualKind, IBrush> _backgroundBrushCache = new();
+    private readonly List<Border> _particleVisuals = new();
+    private readonly List<ParticleState> _particleStates = new();
+    private readonly Random _particleRandom = new();
+
+    private IWeatherInfoService _weatherInfoService = DefaultWeatherInfoService;
+    private TimeZoneService? _timeZoneService;
+    private CancellationTokenSource? _refreshCts;
+    private WeatherSnapshot? _latestSnapshot;
+    private string _languageCode = "zh-CN";
+    private double _currentCellSize = 48;
+    private WeatherVisualKind _activeVisualKind = WeatherVisualKind.ClearDay;
+    private double _animationPhase;
+    private int _activeParticleCount;
+    private bool _isAttached;
+    private bool _isRefreshing;
+    private readonly TextBlock[] _hourlyTimeBlocks;
+    private readonly SymbolIcon[] _hourlyIconBlocks;
+    private readonly TextBlock[] _hourlyTempBlocks;
+
+    public HourlyWeatherWidget()
+    {
+        InitializeComponent();
+        _hourlyTimeBlocks =
+        [
+            HourlyTime0, HourlyTime1, HourlyTime2, HourlyTime3, HourlyTime4, HourlyTime5
+        ];
+        _hourlyIconBlocks =
+        [
+            HourlyIcon0, HourlyIcon1, HourlyIcon2, HourlyIcon3, HourlyIcon4, HourlyIcon5
+        ];
+        _hourlyTempBlocks =
+        [
+            HourlyTemp0, HourlyTemp1, HourlyTemp2, HourlyTemp3, HourlyTemp4, HourlyTemp5
+        ];
+        ConfigureTextOverflowGuards();
+
+        _refreshTimer.Tick += OnRefreshTimerTick;
+        _backgroundAnimationTimer.Tick += OnBackgroundAnimationTick;
+        AttachedToVisualTree += OnAttachedToVisualTree;
+        DetachedFromVisualTree += OnDetachedFromVisualTree;
+        SizeChanged += OnSizeChanged;
+
+        InitializeParticleVisuals();
+        ApplyVisualTheme(WeatherVisualKind.ClearDay);
+        ApplyNotConfiguredState();
+        ApplyCellSize(_currentCellSize);
+    }
+
+    private void ConfigureTextOverflowGuards()
+    {
+        CityTextBlock.TextWrapping = TextWrapping.NoWrap;
+        CityTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        CityTextBlock.MaxLines = 1;
+
+        ConditionTextBlock.TextWrapping = TextWrapping.NoWrap;
+        ConditionTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        ConditionTextBlock.MaxLines = 1;
+
+        RangeTextBlock.TextWrapping = TextWrapping.NoWrap;
+        RangeTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        RangeTextBlock.MaxLines = 1;
+
+        TemperatureTextBlock.TextWrapping = TextWrapping.NoWrap;
+        TemperatureTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        TemperatureTextBlock.MaxLines = 1;
+
+        foreach (var timeBlock in _hourlyTimeBlocks)
+        {
+            timeBlock.TextWrapping = TextWrapping.NoWrap;
+            timeBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+            timeBlock.MaxLines = 1;
+            timeBlock.TextAlignment = TextAlignment.Center;
+        }
+
+        foreach (var tempBlock in _hourlyTempBlocks)
+        {
+            tempBlock.TextWrapping = TextWrapping.NoWrap;
+            tempBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+            tempBlock.MaxLines = 1;
+            tempBlock.TextAlignment = TextAlignment.Center;
+        }
+    }
+
+    public void SetTimeZoneService(TimeZoneService timeZoneService)
+    {
+        if (_timeZoneService is not null)
+        {
+            _timeZoneService.TimeZoneChanged -= OnTimeZoneChanged;
+        }
+
+        _timeZoneService = timeZoneService;
+        _timeZoneService.TimeZoneChanged += OnTimeZoneChanged;
+    }
+
+    public void SetWeatherInfoService(IWeatherInfoService weatherInfoService)
+    {
+        _weatherInfoService = weatherInfoService ?? DefaultWeatherInfoService;
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    public void ApplyCellSize(double cellSize)
+    {
+        _currentCellSize = Math.Max(1, cellSize);
+        var scale = ResolveScale();
+        var hostWidth = Bounds.Width > 1 ? Bounds.Width : Math.Max(140, _currentCellSize * 4);
+        var hostHeight = Bounds.Height > 1 ? Bounds.Height : Math.Max(78, _currentCellSize * 2);
+        var cornerRadius = Math.Clamp(_currentCellSize * 0.45, 24, 44);
+
+        RootBorder.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundImageLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundMotionLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundTintLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundLightLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundShadeLayer.CornerRadius = new CornerRadius(cornerRadius);
+        ContentPaddingBorder.Padding = new Thickness(
+            Math.Clamp(Math.Min(20 * scale, hostWidth * 0.028), 3, 18),
+            Math.Clamp(Math.Min(14 * scale, hostHeight * 0.060), 2, 14));
+        ApplyAdaptiveTypography();
+        ResetParticles();
+    }
+
+    private void OnAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = true;
+        _refreshTimer.Start();
+        _backgroundAnimationTimer.Start();
+        _ = RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = false;
+        _refreshTimer.Stop();
+        _backgroundAnimationTimer.Stop();
+        CancelRefreshRequest();
+    }
+
+    private void OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        ApplyCellSize(_currentCellSize);
+        ResetParticles();
+    }
+
+    private async void OnRefreshTimerTick(object? sender, EventArgs e)
+    {
+        await RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnBackgroundAnimationTick(object? sender, EventArgs e)
+    {
+        if (!_isAttached)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase += motion.PhaseStep;
+        if (_animationPhase > Math.PI * 2)
+        {
+            _animationPhase -= Math.PI * 2;
+        }
+
+        var sin = Math.Sin(_animationPhase);
+        var cos = Math.Cos(_animationPhase * 0.83);
+        var zoom = motion.ZoomBase + (sin * motion.ZoomAmplitude);
+
+        SetMotionTransform(sin * motion.DriftX, cos * motion.DriftY, zoom);
+
+        BackgroundMotionLayer.Opacity = Math.Clamp(
+            motion.MotionOpacityBase + (cos * motion.MotionOpacityPulse),
+            0.08,
+            0.92);
+        BackgroundLightLayer.Opacity = Math.Clamp(
+            motion.LightOpacityBase + (sin * motion.LightOpacityPulse),
+            0.10,
+            0.95);
+        BackgroundShadeLayer.Opacity = Math.Clamp(
+            motion.ShadeOpacityBase + (cos * motion.ShadeOpacityPulse),
+            0.42,
+            0.95);
+
+        AdvanceParticles(motion);
+    }
+
+    private void OnTimeZoneChanged(object? sender, EventArgs e)
+    {
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    private WeatherVisualKind ResolveFallbackVisualKind()
+    {
+        return IsNightNow() ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay;
+    }
+
+    private bool ResolveIsNight(WeatherSnapshot snapshot)
+    {
+        if (snapshot.ObservationTime.HasValue)
+        {
+            var observed = snapshot.ObservationTime.Value;
+            try
+            {
+                if (_timeZoneService is not null)
+                {
+                    var zoned = TimeZoneInfo.ConvertTime(observed, _timeZoneService.CurrentTimeZone);
+                    return zoned.Hour < 6 || zoned.Hour >= 18;
+                }
+            }
+            catch
+            {
+                // fall through to local clock
+            }
+
+            return observed.Hour < 6 || observed.Hour >= 18;
+        }
+
+        return IsNightNow();
+    }
+
+    private bool IsNightNow()
+    {
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        return now.Hour < 6 || now.Hour >= 18;
+    }
+
+    private async Task RefreshWeatherAsync(bool forceRefresh)
+    {
+        if (!_isAttached || _isRefreshing)
+        {
+            return;
+        }
+
+        _isRefreshing = true;
+        var config = LoadConfig();
+        _languageCode = config.LanguageCode;
+
+        if (string.IsNullOrWhiteSpace(config.LocationKey))
+        {
+            ApplyNotConfiguredState();
+            _isRefreshing = false;
+            return;
+        }
+
+        if (_latestSnapshot is null)
+        {
+            ApplyLoadingState(config.LocationName);
+        }
+
+        var cts = new CancellationTokenSource();
+        var previous = Interlocked.Exchange(ref _refreshCts, cts);
+        previous?.Cancel();
+        previous?.Dispose();
+
+        try
+        {
+            var query = new WeatherQuery(
+                LocationKey: config.LocationKey,
+                Latitude: config.Latitude,
+                Longitude: config.Longitude,
+                ForecastDays: 3,
+                Locale: config.Locale,
+                ForceRefresh: forceRefresh);
+
+            var result = await _weatherInfoService.GetWeatherAsync(query, cts.Token);
+            if (cts.IsCancellationRequested || !_isAttached)
+            {
+                return;
+            }
+
+            if (!result.Success || result.Data is null)
+            {
+                ApplyFailedState(config.LocationName);
+                return;
+            }
+
+            _latestSnapshot = result.Data;
+            ApplySnapshot(result.Data, config.LocationName);
+        }
+        catch (OperationCanceledException)
+        {
+            // Ignore canceled refresh requests.
+        }
+        catch
+        {
+            if (!cts.IsCancellationRequested && _isAttached)
+            {
+                ApplyFailedState(config.LocationName);
+            }
+        }
+        finally
+        {
+            if (ReferenceEquals(_refreshCts, cts))
+            {
+                _refreshCts = null;
+            }
+
+            cts.Dispose();
+            _isRefreshing = false;
+        }
+    }
+
+    private HourlyWeatherWidgetConfig LoadConfig()
+    {
+        var snapshot = _settingsService.Load();
+        var languageCode = _localizationService.NormalizeLanguageCode(snapshot.LanguageCode);
+        var locale = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "zh_cn"
+            : "en_us";
+
+        var latitude = NormalizeLatitude(snapshot.WeatherLatitude);
+        var longitude = NormalizeLongitude(snapshot.WeatherLongitude);
+        var modeIsCoordinates = string.Equals(snapshot.WeatherLocationMode, "Coordinates", StringComparison.OrdinalIgnoreCase);
+        var locationKey = snapshot.WeatherLocationKey?.Trim() ?? string.Empty;
+        var locationName = snapshot.WeatherLocationName?.Trim() ?? string.Empty;
+
+        if (modeIsCoordinates)
+        {
+            if (string.IsNullOrWhiteSpace(locationKey))
+            {
+                locationKey = BuildCoordinateLocationKey(latitude, longitude);
+            }
+
+            if (string.IsNullOrWhiteSpace(locationName))
+            {
+                locationName = BuildCoordinateLocationName(latitude, longitude, languageCode);
+            }
+        }
+        else if (string.IsNullOrWhiteSpace(locationName))
+        {
+            locationName = locationKey;
+        }
+
+        return new HourlyWeatherWidgetConfig(
+            languageCode,
+            locale,
+            locationKey,
+            locationName,
+            latitude,
+            longitude);
+    }
+
+    private void ApplySnapshot(WeatherSnapshot snapshot, string fallbackLocationName)
+    {
+        var isNight = ResolveIsNight(snapshot);
+        var visualKind = ResolveVisualKind(snapshot.Current.WeatherCode, isNight);
+        ApplyVisualTheme(visualKind);
+
+        var rawLocation = string.IsNullOrWhiteSpace(snapshot.LocationName)
+            ? fallbackLocationName
+            : snapshot.LocationName;
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(rawLocation, _languageCode, L("weather.widget.location_unknown", "Unknown location"));
+
+        ConditionTextBlock.Text = ResolveWeatherConditionText(snapshot.Current.WeatherText, visualKind);
+        WeatherIconSymbol.Symbol = ResolveWeatherSymbol(visualKind);
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                visualKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+
+        TemperatureTextBlock.Text = FormatTemperature(snapshot.Current.TemperatureC);
+        var (low, high) = ResolveTemperatureRange(snapshot);
+        RangeTextBlock.Text = FormatTemperatureRange(low, high);
+        ApplyHourlyForecastItems(BuildHourlyForecastItems(snapshot));
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyNotConfiguredState()
+    {
+        var fallbackKind = ResolveFallbackVisualKind();
+        ApplyVisualTheme(fallbackKind);
+        WeatherIconSymbol.Symbol = fallbackKind == WeatherVisualKind.ClearNight
+            ? Symbol.WeatherMoon
+            : Symbol.WeatherSunny;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                fallbackKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+        CityTextBlock.Text = L("weather.widget.location_not_configured", "Weather location is not configured");
+        ConditionTextBlock.Text = L("weather.widget.configure_hint", "Open Settings > Weather to configure");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(fallbackKind));
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyLoadingState(string locationName)
+    {
+        var loadingKind = IsNightNow() ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay;
+        ApplyVisualTheme(loadingKind);
+        WeatherIconSymbol.Symbol = loadingKind == WeatherVisualKind.CloudyNight
+            ? Symbol.WeatherPartlyCloudyNight
+            : Symbol.WeatherPartlyCloudyDay;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                loadingKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.loading", "Loading...");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(loadingKind));
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyFailedState(string locationName)
+    {
+        ApplyVisualTheme(WeatherVisualKind.Fog);
+        WeatherIconSymbol.Symbol = Symbol.WeatherFog;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(ResolveWeatherIconAccent(WeatherIconSymbol.Symbol, false));
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.fetch_failed", "Weather fetch failed");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(WeatherVisualKind.Fog));
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyVisualTheme(WeatherVisualKind kind)
+    {
+        _activeVisualKind = kind;
+        var palette = ResolvePalette(kind);
+        RootBorder.Background = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        BackgroundImageLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundMotionLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundTintLayer.Background = CreateSolidBrush(palette.Tint);
+
+        var primary = CreateSolidBrush(palette.PrimaryText);
+        var particleBrush = CreateSolidBrush(palette.ParticleColor);
+        var isNightVisual = kind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight;
+        var conditionSecondary = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xF0 : (byte)0xE6);
+        var rangeSecondary = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xE8 : (byte)0xD6);
+        var forecastTimeBrush = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xDA : (byte)0xC6);
+        var forecastTempBrush = CreateSolidBrush(palette.PrimaryText, isNightVisual ? (byte)0xF4 : (byte)0xEA);
+        HourlyPanelBorder.Background = CreateSolidBrush(isNightVisual ? "#1BFFFFFF" : "#1EFFFFFF");
+        LocationIcon.Foreground = primary;
+        CityTextBlock.Foreground = primary;
+        TemperatureTextBlock.Foreground = primary;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(ResolveWeatherIconAccent(WeatherIconSymbol.Symbol, isNightVisual));
+        ConditionTextBlock.Foreground = conditionSecondary;
+        RangeTextBlock.Foreground = rangeSecondary;
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            _hourlyTimeBlocks[i].Foreground = forecastTimeBrush;
+            _hourlyTempBlocks[i].Foreground = forecastTempBrush;
+            _hourlyIconBlocks[i].Foreground = CreateSolidBrush(ResolveWeatherIconAccent(_hourlyIconBlocks[i].Symbol, isNightVisual));
+        }
+
+        foreach (var particle in _particleVisuals)
+        {
+            particle.Background = particleBrush;
+        }
+
+        ResetAnimationState();
+        ResetParticles();
+    }
+
+    private IBrush ResolveWeatherBackgroundBrush(WeatherVisualKind kind, WeatherVisualPalette palette)
+    {
+        if (_backgroundBrushCache.TryGetValue(kind, out var cached))
+        {
+            return cached;
+        }
+
+        if (WeatherBackgroundAssets.TryGetValue(kind, out var uriText))
+        {
+            try
+            {
+                var uri = new Uri(uriText, UriKind.Absolute);
+                using var stream = AssetLoader.Open(uri);
+                var bitmap = new Bitmap(stream);
+                var imageBrush = new ImageBrush
+                {
+                    Source = bitmap,
+                    Stretch = Stretch.UniformToFill,
+                    AlignmentX = AlignmentX.Center,
+                    AlignmentY = AlignmentY.Center
+                };
+                _backgroundBrushCache[kind] = imageBrush;
+                return imageBrush;
+            }
+            catch
+            {
+                // Fall through to gradient background when the image cannot be loaded.
+            }
+        }
+
+        var gradientBrush = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        _backgroundBrushCache[kind] = gradientBrush;
+        return gradientBrush;
+    }
+
+    private static WeatherVisualKind ResolveVisualKind(int? weatherCode, bool isNight)
+    {
+        return weatherCode switch
+        {
+            0 => isNight ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay,
+            1 or 2 => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay,
+            3 or 7 => WeatherVisualKind.RainLight,
+            8 or 9 => WeatherVisualKind.RainHeavy,
+            4 => WeatherVisualKind.Storm,
+            13 or 14 or 15 or 16 => WeatherVisualKind.Snow,
+            18 or 32 => WeatherVisualKind.Fog,
+            _ => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay
+        };
+    }
+
+    private static WeatherVisualPalette ResolvePalette(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherVisualPalette(
+                GradientFrom: "#4F92E8",
+                GradientTo: "#83C5FF",
+                Tint: "#234D87",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EEF5FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.ClearNight => new WeatherVisualPalette(
+                GradientFrom: "#0E2B72",
+                GradientTo: "#193A85",
+                Tint: "#0A1E52",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#CFE0FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.CloudyDay => new WeatherVisualPalette(
+                GradientFrom: "#4A72B3",
+                GradientTo: "#6A8EC2",
+                Tint: "#2A487C",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EAF2FF",
+                ParticleColor: "#16FFFFFF"),
+            WeatherVisualKind.CloudyNight => new WeatherVisualPalette(
+                GradientFrom: "#102A6B",
+                GradientTo: "#193A80",
+                Tint: "#0B1F51",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#D5E4FF",
+                ParticleColor: "#24FFFFFF"),
+            WeatherVisualKind.RainLight => new WeatherVisualPalette(
+                GradientFrom: "#32588A",
+                GradientTo: "#4D74A8",
+                Tint: "#1F3454",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E6F0FF",
+                ParticleColor: "#88D7E8FF"),
+            WeatherVisualKind.RainHeavy => new WeatherVisualPalette(
+                GradientFrom: "#253F66",
+                GradientTo: "#36567F",
+                Tint: "#17263E",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE9FF",
+                ParticleColor: "#A2CDE1FF"),
+            WeatherVisualKind.Storm => new WeatherVisualPalette(
+                GradientFrom: "#293A67",
+                GradientTo: "#3A4F78",
+                Tint: "#161E35",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE4F8",
+                ParticleColor: "#A8C2D6F2"),
+            WeatherVisualKind.Snow => new WeatherVisualPalette(
+                GradientFrom: "#D1E8FF",
+                GradientTo: "#A7D0F4",
+                Tint: "#607C9D",
+                PrimaryText: "#FF10253D",
+                SecondaryText: "#FF2B435E",
+                ParticleColor: "#CCFFFFFF"),
+            _ => new WeatherVisualPalette(
+                GradientFrom: "#445B7A",
+                GradientTo: "#5B738F",
+                Tint: "#2A3E56",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E7EDF6",
+                ParticleColor: "#88E4EDF7")
+        };
+    }
+
+    private static Symbol ResolveWeatherSymbol(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => Symbol.WeatherSunny,
+            WeatherVisualKind.ClearNight => Symbol.WeatherMoon,
+            WeatherVisualKind.CloudyDay => Symbol.WeatherPartlyCloudyDay,
+            WeatherVisualKind.CloudyNight => Symbol.WeatherPartlyCloudyNight,
+            WeatherVisualKind.RainLight => Symbol.WeatherRainShowersDay,
+            WeatherVisualKind.RainHeavy => Symbol.WeatherRain,
+            WeatherVisualKind.Storm => Symbol.WeatherThunderstorm,
+            WeatherVisualKind.Snow => Symbol.WeatherSnow,
+            _ => Symbol.WeatherFog
+        };
+    }
+
+    private string ResolveWeatherConditionText(string? weatherText, WeatherVisualKind kind)
+    {
+        if (!string.IsNullOrWhiteSpace(weatherText))
+        {
+            return weatherText;
+        }
+
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay or WeatherVisualKind.ClearNight => L("weather.widget.condition_clear", "Clear"),
+            WeatherVisualKind.CloudyDay or WeatherVisualKind.CloudyNight => L("weather.widget.condition_cloudy", "Cloudy"),
+            WeatherVisualKind.RainLight or WeatherVisualKind.RainHeavy => L("weather.widget.condition_rain", "Rain"),
+            WeatherVisualKind.Storm => L("weather.widget.condition_storm", "Thunderstorm"),
+            WeatherVisualKind.Snow => L("weather.widget.condition_snow", "Snow"),
+            WeatherVisualKind.Fog => L("weather.widget.condition_fog", "Fog"),
+            _ => L("weather.widget.condition_unknown", "Unknown")
+        };
+    }
+
+    private static (double? Low, double? High) ResolveTemperatureRange(WeatherSnapshot snapshot)
+    {
+        var first = snapshot.DailyForecasts.FirstOrDefault();
+        var low = first?.LowTemperatureC;
+        var high = first?.HighTemperatureC;
+
+        if (!low.HasValue && !high.HasValue && snapshot.Current.TemperatureC.HasValue)
+        {
+            var baseline = snapshot.Current.TemperatureC.Value;
+            low = Math.Floor(baseline - 2);
+            high = Math.Ceiling(baseline + 2);
+        }
+
+        return (low, high);
+    }
+
+    private string FormatTemperatureRange(double? low, double? high)
+    {
+        if (!low.HasValue && !high.HasValue)
+        {
+            return L("weather.widget.range_unknown", "-- / --");
+        }
+
+        var lowText = FormatTemperature(low);
+        var highText = FormatTemperature(high);
+        return string.Format(
+            GetUiCulture(),
+            L("weather.widget.range_format", "{0} / {1}"),
+            lowText,
+            highText);
+    }
+
+    private static string FormatTemperature(double? value)
+    {
+        if (!value.HasValue || double.IsNaN(value.Value) || double.IsInfinity(value.Value))
+        {
+            return "--°";
+        }
+
+        var rounded = (int)Math.Round(value.Value, MidpointRounding.AwayFromZero);
+        return string.Create(CultureInfo.InvariantCulture, $"{rounded}°");
+    }
+
+    private IReadOnlyList<HourlyForecastItem> BuildHourlyForecastItems(WeatherSnapshot snapshot)
+    {
+        const int itemCount = 6;
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        var fallbackDaily = ResolveDailyForecastForDate(snapshot, DateOnly.FromDateTime(now))
+            ?? snapshot.DailyForecasts.FirstOrDefault();
+        var (low, high) = ResolveTemperatureRange(snapshot);
+
+        var hourlyCandidates = snapshot.HourlyForecasts
+            .Select(hourly => (Hourly: hourly, Time: ConvertToConfiguredTime(hourly.Time).DateTime))
+            .Where(item => item.Time >= now.AddMinutes(-70))
+            .OrderBy(item => item.Time)
+            .Take(72)
+            .ToList();
+
+        var items = new List<HourlyForecastItem>(itemCount);
+        for (var i = 0; i < itemCount; i++)
+        {
+            var targetTime = now.AddHours(i);
+            var displayLabel = i == 0
+                ? L("weather.hourly.now", "Now")
+                : targetTime.ToString("HH:mm", CultureInfo.InvariantCulture);
+
+            var candidate = TryFindNearestHourlyCandidate(hourlyCandidates, targetTime);
+            var weatherCode = candidate?.Hourly.WeatherCode ??
+                              ResolveFallbackWeatherCode(targetTime, snapshot, fallbackDaily);
+            var icon = ResolveWeatherSymbol(ResolveVisualKind(weatherCode, IsNightHour(targetTime)));
+
+            var estimatedTemp = candidate?.Hourly.TemperatureC ??
+                                EstimateHourlyTemperature(
+                                    targetTime,
+                                    i,
+                                    snapshot.Current.TemperatureC,
+                                    low,
+                                    high);
+
+            items.Add(new HourlyForecastItem(
+                targetTime,
+                displayLabel,
+                icon,
+                FormatTemperature(estimatedTemp)));
+        }
+
+        return items;
+    }
+
+    private IReadOnlyList<HourlyForecastItem> BuildPlaceholderHourlyForecastItems(WeatherVisualKind visualKind)
+    {
+        const int itemCount = 6;
+        var items = new List<HourlyForecastItem>(itemCount);
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        var symbol = ResolveWeatherSymbol(visualKind);
+        for (var i = 0; i < itemCount; i++)
+        {
+            var targetTime = now.AddHours(i);
+            items.Add(new HourlyForecastItem(
+                targetTime,
+                i == 0
+                    ? L("weather.hourly.now", "Now")
+                    : targetTime.ToString("HH:mm", CultureInfo.InvariantCulture),
+                symbol,
+                "--°"));
+        }
+
+        return items;
+    }
+
+    private void ApplyHourlyForecastItems(IReadOnlyList<HourlyForecastItem> items)
+    {
+        var isNightVisual = _activeVisualKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight;
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            if (i >= items.Count)
+            {
+                _hourlyTimeBlocks[i].Text = "--";
+                _hourlyTempBlocks[i].Text = "--°";
+                _hourlyIconBlocks[i].Symbol = ResolveWeatherSymbol(_activeVisualKind);
+                continue;
+            }
+
+            var item = items[i];
+            _hourlyTimeBlocks[i].Text = item.TimeLabel;
+            _hourlyIconBlocks[i].Symbol = item.Icon;
+            _hourlyIconBlocks[i].Foreground = CreateSolidBrush(ResolveWeatherIconAccent(item.Icon, isNightVisual));
+            _hourlyTempBlocks[i].Text = item.TemperatureText;
+        }
+    }
+
+    private static (WeatherHourlyForecast Hourly, DateTime Time)? TryFindNearestHourlyCandidate(
+        IReadOnlyList<(WeatherHourlyForecast Hourly, DateTime Time)> candidates,
+        DateTime targetTime)
+    {
+        if (candidates.Count == 0)
+        {
+            return null;
+        }
+
+        var bestDelta = double.MaxValue;
+        (WeatherHourlyForecast Hourly, DateTime Time)? best = null;
+        for (var i = 0; i < candidates.Count; i++)
+        {
+            var candidate = candidates[i];
+            var delta = Math.Abs((candidate.Time - targetTime).TotalMinutes);
+            if (delta >= bestDelta)
+            {
+                continue;
+            }
+
+            bestDelta = delta;
+            best = candidate;
+        }
+
+        return bestDelta <= 70 ? best : null;
+    }
+
+    private int? ResolveFallbackWeatherCode(
+        DateTime targetTime,
+        WeatherSnapshot snapshot,
+        WeatherDailyForecast? fallbackDaily)
+    {
+        var daily = ResolveDailyForecastForDate(snapshot, DateOnly.FromDateTime(targetTime)) ?? fallbackDaily;
+        if (daily is null)
+        {
+            return snapshot.Current.WeatherCode;
+        }
+
+        return IsNightHour(targetTime)
+            ? daily.NightWeatherCode ?? daily.DayWeatherCode ?? snapshot.Current.WeatherCode
+            : daily.DayWeatherCode ?? daily.NightWeatherCode ?? snapshot.Current.WeatherCode;
+    }
+
+    private static WeatherDailyForecast? ResolveDailyForecastForDate(WeatherSnapshot snapshot, DateOnly date)
+    {
+        foreach (var forecast in snapshot.DailyForecasts)
+        {
+            if (forecast.Date == date)
+            {
+                return forecast;
+            }
+        }
+
+        return null;
+    }
+
+    private static bool IsNightHour(DateTime time)
+    {
+        return time.Hour < 6 || time.Hour >= 18;
+    }
+
+    private DateTimeOffset ConvertToConfiguredTime(DateTimeOffset time)
+    {
+        if (_timeZoneService is null)
+        {
+            return time.ToLocalTime();
+        }
+
+        try
+        {
+            return TimeZoneInfo.ConvertTime(time, _timeZoneService.CurrentTimeZone);
+        }
+        catch
+        {
+            return time.ToLocalTime();
+        }
+    }
+
+    private static double? EstimateHourlyTemperature(
+        DateTime targetTime,
+        int hourOffset,
+        double? currentTemperature,
+        double? low,
+        double? high)
+    {
+        if (hourOffset == 0 && currentTemperature.HasValue)
+        {
+            return currentTemperature.Value;
+        }
+
+        if (!low.HasValue && !high.HasValue)
+        {
+            return currentTemperature;
+        }
+
+        if (!low.HasValue && high.HasValue)
+        {
+            low = high.Value - 4;
+        }
+        else if (!high.HasValue && low.HasValue)
+        {
+            high = low.Value + 4;
+        }
+
+        if (!low.HasValue || !high.HasValue)
+        {
+            return currentTemperature;
+        }
+
+        var hour = targetTime.Hour + targetTime.Minute / 60d;
+        var normalized = (Math.Cos((hour - 15d) / 12d * Math.PI) + 1d) * 0.5d;
+        var estimated = low.Value + ((high.Value - low.Value) * normalized);
+        if (currentTemperature.HasValue && hourOffset <= 2)
+        {
+            estimated = (estimated * 0.60) + (currentTemperature.Value * 0.40);
+        }
+
+        return estimated;
+    }
+
+    private static string ResolveWeatherIconAccent(Symbol symbol, bool isNightVisual)
+    {
+        return symbol switch
+        {
+            Symbol.WeatherSunny => isNightVisual ? "#FFD978" : "#F7C40A",
+            Symbol.WeatherMoon => "#F3D38C",
+            Symbol.WeatherPartlyCloudyDay => "#75B0FF",
+            Symbol.WeatherPartlyCloudyNight => "#8AB6FF",
+            Symbol.WeatherRainShowersDay => "#9ECBFF",
+            Symbol.WeatherRain => "#8DBDF5",
+            Symbol.WeatherThunderstorm => "#F4D16E",
+            Symbol.WeatherSnow => "#C7E6FF",
+            _ => isNightVisual ? "#D5E2F4" : "#E2ECFA"
+        };
+    }
+
+    private static string ResolvePreciseDisplayLocation(string? rawName, string languageCode, string fallback)
+    {
+        if (string.IsNullOrWhiteSpace(rawName))
+        {
+            return fallback;
+        }
+
+        var name = rawName.Trim();
+        if (name.Length == 0)
+        {
+            return fallback;
+        }
+
+        var isZh = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase);
+        var candidates = new List<string> { name };
+
+        // Prefer detailed parts inside parenthesis, e.g. "Beijing (Haidian)".
+        var parenthesisMatches = Regex.Matches(name, @"\(([^()]+)\)|\uFF08([^\uFF08\uFF09]+)\uFF09");
+        foreach (Match match in parenthesisMatches)
+        {
+            var inner = match.Groups[1].Success ? match.Groups[1].Value : match.Groups[2].Value;
+            if (!string.IsNullOrWhiteSpace(inner))
+            {
+                candidates.Add(inner.Trim());
+            }
+        }
+
+        var nameWithoutParenthesis = Regex.Replace(name, @"\([^()]*\)|\uFF08[^\uFF08\uFF09]*\uFF09", " ");
+        candidates.Add(nameWithoutParenthesis);
+
+        const string splitPattern = @"[\s\|/\\,\uFF0C\u3001\u00B7]+";
+        foreach (var piece in Regex.Split(string.Join(" ", candidates), splitPattern))
+        {
+            var token = piece.Trim();
+            if (!string.IsNullOrWhiteSpace(token))
+            {
+                candidates.Add(token);
+            }
+        }
+
+        var best = fallback;
+        var bestScore = int.MinValue;
+        foreach (var candidate in candidates
+                     .Select(c => c.Trim())
+                     .Where(c => !string.IsNullOrWhiteSpace(c))
+                     .Distinct(StringComparer.OrdinalIgnoreCase))
+        {
+            var score = ScoreLocationToken(candidate, isZh);
+            if (score > bestScore)
+            {
+                bestScore = score;
+                best = candidate;
+            }
+        }
+
+        return string.IsNullOrWhiteSpace(best) ? fallback : best;
+    }
+
+    private static int ScoreLocationToken(string token, bool isZh)
+    {
+        var cleaned = token.Trim();
+        if (cleaned.Length == 0)
+        {
+            return int.MinValue;
+        }
+
+        if (Regex.IsMatch(cleaned, @"^[0-9.+-]+$") ||
+            cleaned.StartsWith("coord:", StringComparison.OrdinalIgnoreCase))
+        {
+            return -500;
+        }
+
+        var score = Math.Min(cleaned.Length, 32);
+        if (isZh)
+        {
+            // Prefer granular places: street > district > city > province.
+            if (cleaned.EndsWith("\u8857\u9053", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u8DEF", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u793E\u533A", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u6751", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (cleaned.EndsWith("\u9547", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u4E61", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65B0\u533A", StringComparison.Ordinal))
+            {
+                score += 100;
+            }
+            else if (cleaned.EndsWith("\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u53BF", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65D7", StringComparison.Ordinal))
+            {
+                score += 80;
+            }
+            else if (cleaned.EndsWith("\u5E02", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u5DDE", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u76DF", StringComparison.Ordinal))
+            {
+                score += 60;
+            }
+            else if (cleaned.EndsWith("\u7701", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u81EA\u6CBB\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u7279\u522B\u884C\u653F\u533A", StringComparison.Ordinal))
+            {
+                score += 40;
+            }
+        }
+        else
+        {
+            var lower = cleaned.ToLowerInvariant();
+            if (lower.Contains("street", StringComparison.Ordinal) ||
+                lower.Contains("st.", StringComparison.Ordinal) ||
+                lower.Contains("road", StringComparison.Ordinal) ||
+                lower.Contains("rd.", StringComparison.Ordinal) ||
+                lower.Contains("avenue", StringComparison.Ordinal) ||
+                lower.Contains("district", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (lower.Contains("county", StringComparison.Ordinal) ||
+                     lower.Contains("borough", StringComparison.Ordinal))
+            {
+                score += 90;
+            }
+            else if (lower.Contains("city", StringComparison.Ordinal))
+            {
+                score += 70;
+            }
+            else if (lower.Contains("province", StringComparison.Ordinal) ||
+                     lower.Contains("state", StringComparison.Ordinal))
+            {
+                score += 50;
+            }
+            else if (lower.Contains("country", StringComparison.Ordinal))
+            {
+                score += 30;
+            }
+        }
+
+        return score;
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
+        var (layoutWidth, layoutHeight) = ResolveLayoutViewport();
+        var scale = ResolveScale(layoutWidth, layoutHeight);
+        var densityBoost = scale <= 0.55 ? 0.80 : scale <= 0.72 ? 0.88 : scale <= 0.92 ? 0.95 : scale >= 1.45 ? 1.06 : 1.0;
+        var compactness = Math.Clamp((0.88 - scale) / 0.50, 0, 1);
+        var cityLength = Math.Max(1, CityTextBlock.Text?.Length ?? 2);
+        var cityCompression = cityLength >= 12 ? 0.68 : cityLength >= 9 ? 0.80 : cityLength >= 6 ? 0.90 : 1.0;
+        var conditionLength = Math.Max(1, ConditionTextBlock.Text?.Length ?? 2);
+        var conditionCompression = conditionLength >= 12 ? 0.72 : conditionLength >= 8 ? 0.85 : conditionLength >= 6 ? 0.92 : 1.0;
+
+        ContentGrid.RowSpacing = Math.Clamp(layoutHeight * Lerp(0.030, 0.018, compactness), 2, 14);
+        TopRowGrid.ColumnSpacing = Math.Clamp(layoutWidth * 0.014, 3, 14);
+        BottomInfoStack.Spacing = Math.Clamp(layoutHeight * 0.016, 2, 10);
+        BottomInfoStack.Margin = new Thickness(0, 0, 0, Math.Clamp(layoutHeight * 0.018, 0, 10));
+        ConditionRangeStack.Spacing = Math.Clamp(layoutWidth * 0.010, 3, 12);
+        ConditionRangeStack.Margin = new Thickness(0, 0, 0, Math.Clamp(layoutHeight * 0.018, 0, 10));
+
+        HourlyPanelBorder.Padding = new Thickness(
+            Math.Clamp(layoutWidth * 0.018, 4, 16),
+            Math.Clamp(layoutHeight * 0.020, 3, 12));
+        HourlyPanelBorder.CornerRadius = new CornerRadius(Math.Clamp(Math.Min(layoutWidth, layoutHeight) * 0.065, 8, 22));
+        HourlyGrid.ColumnSpacing = Math.Clamp(layoutWidth * 0.010, 1.5, 12);
+
+        var topBandHeight = Math.Max(18, layoutHeight * 0.22);
+        var middleBandHeight = Math.Max(24, layoutHeight * 0.30);
+        var bottomBandHeight = Math.Max(22, layoutHeight - topBandHeight - middleBandHeight - (ContentGrid.RowSpacing * 2));
+
+        LocationIcon.FontSize = Math.Min(Math.Clamp(24 * scale * densityBoost, 9, 30), topBandHeight * 0.58);
+        CityTextBlock.FontSize = Math.Min(Math.Clamp(40 * scale * cityCompression * densityBoost, 12, 46), topBandHeight * 0.76);
+        WeatherIconSymbol.FontSize = Math.Min(Math.Clamp(52 * scale * densityBoost, 12, 56), topBandHeight * 0.95);
+        TemperatureTextBlock.FontSize = Math.Min(Math.Clamp(134 * scale * densityBoost, 26, 138), middleBandHeight * 0.92);
+        ConditionTextBlock.FontSize = Math.Min(Math.Clamp(32 * scale * conditionCompression * densityBoost, 9, 40), middleBandHeight * 0.42);
+        RangeTextBlock.FontSize = Math.Min(Math.Clamp(37 * scale * densityBoost, 10, 46), middleBandHeight * 0.50);
+        TemperatureTextBlock.Margin = new Thickness(0, Math.Clamp(layoutHeight * 0.008, 0, 6), 0, Math.Clamp(layoutHeight * 0.012, 0, 8));
+
+        var weightProgress = Math.Clamp((scale - 0.34) / 1.18, 0, 1);
+        CityTextBlock.FontWeight = ToVariableWeight(Lerp(540, 680, weightProgress));
+        TemperatureTextBlock.FontWeight = ToVariableWeight(Lerp(600, 760, weightProgress));
+        ConditionTextBlock.FontWeight = ToVariableWeight(Lerp(490, 620, weightProgress));
+        RangeTextBlock.FontWeight = ToVariableWeight(Lerp(490, 610, weightProgress));
+
+        var topRightMaxWidth = Math.Clamp(layoutWidth * Lerp(0.42, 0.34, compactness), 128, 280);
+        ConditionRangeStack.MaxWidth = topRightMaxWidth;
+        ConditionTextBlock.MaxWidth = Math.Max(44, topRightMaxWidth * Lerp(0.45, 0.40, compactness));
+        RangeTextBlock.MaxWidth = Math.Max(62, topRightMaxWidth * Lerp(0.55, 0.60, compactness));
+        var leftTopBudget = Math.Max(140, layoutWidth - topRightMaxWidth - Math.Clamp(64 * scale, 26, 92));
+        TemperatureTextBlock.MaxWidth = leftTopBudget;
+        CityTextBlock.MaxWidth = Math.Max(110, layoutWidth - Math.Clamp(86 * scale, 28, 120));
+
+        var hourlyColumnCount = Math.Max(1, _hourlyTimeBlocks.Length);
+        var hourlyInnerWidth = Math.Max(
+            80,
+            layoutWidth - HourlyPanelBorder.Padding.Left - HourlyPanelBorder.Padding.Right - (HourlyGrid.ColumnSpacing * (hourlyColumnCount - 1)));
+        var hourlyCellWidth = Math.Max(32, hourlyInnerWidth / hourlyColumnCount);
+        var hourlyStackSpacing = Math.Clamp(bottomBandHeight * 0.065, 1, 5);
+        var hourlyInnerHeight = Math.Max(
+            20,
+            bottomBandHeight - HourlyPanelBorder.Padding.Top - HourlyPanelBorder.Padding.Bottom);
+        var hourlyLineHeight = Math.Max(6, (hourlyInnerHeight - (hourlyStackSpacing * 2)) / 3d);
+        var hourlyTimeMaxByWidth = Math.Clamp(hourlyCellWidth / Lerp(4.4, 3.8, 1 - compactness), 7, 24);
+        var hourlyTempMaxByWidth = Math.Clamp(hourlyCellWidth / Lerp(5.0, 4.4, 1 - compactness), 7, 28);
+        var hourlyIconMaxByWidth = Math.Clamp(hourlyCellWidth * Lerp(0.32, 0.38, 1 - compactness), 7, 30);
+        var hourlyTimeMaxByHeight = Math.Clamp(hourlyLineHeight * 0.95, 7, 24);
+        var hourlyTempMaxByHeight = Math.Clamp(hourlyLineHeight * 0.95, 7, 28);
+        var hourlyIconMaxByHeight = Math.Clamp(hourlyLineHeight * 1.05, 8, 30);
+
+        var hourlyTimeSize = Math.Min(
+            Math.Clamp(24 * scale * densityBoost, 8, 30),
+            Math.Min(hourlyTimeMaxByWidth, hourlyTimeMaxByHeight));
+        var hourlyIconSize = Math.Min(
+            Math.Clamp(30 * scale * densityBoost, 8, 34),
+            Math.Min(hourlyIconMaxByWidth, hourlyIconMaxByHeight));
+        var hourlyTempSize = Math.Min(
+            Math.Clamp(32 * scale * densityBoost, 8, 34),
+            Math.Min(hourlyTempMaxByWidth, hourlyTempMaxByHeight));
+
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            _hourlyTimeBlocks[i].FontSize = hourlyTimeSize;
+            _hourlyTempBlocks[i].FontSize = hourlyTempSize;
+            _hourlyIconBlocks[i].FontSize = hourlyIconSize;
+            _hourlyTimeBlocks[i].MaxWidth = hourlyCellWidth;
+            _hourlyTempBlocks[i].MaxWidth = hourlyCellWidth;
+            _hourlyTimeBlocks[i].FontWeight = ToVariableWeight(Lerp(480, 620, weightProgress));
+            _hourlyTempBlocks[i].FontWeight = ToVariableWeight(Lerp(500, 650, weightProgress));
+            if (_hourlyTimeBlocks[i].Parent is StackPanel hourlyStack)
+            {
+                hourlyStack.Spacing = hourlyStackSpacing;
+            }
+        }
+    }
+
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
+    private WeatherMotionProfile ResolveMotionProfile(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherMotionProfile(
+                DriftX: 8.0, DriftY: 4.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.22, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.68, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.72, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.015, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.ClearNight => new WeatherMotionProfile(
+                DriftX: 10.0, DriftY: 6.0, ZoomBase: 1.060, ZoomAmplitude: 0.014,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.82, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.018, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.CloudyDay => new WeatherMotionProfile(
+                DriftX: 12.0, DriftY: 7.0, ZoomBase: 1.060, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.32, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.62, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.80, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 6,
+                ParticleSpeedMin: 0.30, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 14, ParticleLengthMax: 28, ParticleDriftPerTick: 0.10),
+            WeatherVisualKind.CloudyNight => new WeatherMotionProfile(
+                DriftX: 14.0, DriftY: 8.0, ZoomBase: 1.065, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.07,
+                LightOpacityBase: 0.54, LightOpacityPulse: 0.06,
+                ShadeOpacityBase: 0.85, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.021, ParticleCount: 8,
+                ParticleSpeedMin: 0.35, ParticleSpeedMax: 0.80,
+                ParticleLengthMin: 16, ParticleLengthMax: 30, ParticleDriftPerTick: 0.12),
+            WeatherVisualKind.RainLight => new WeatherMotionProfile(
+                DriftX: 6.0, DriftY: 10.0, ZoomBase: 1.050, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.08,
+                LightOpacityBase: 0.50, LightOpacityPulse: 0.04,
+                ShadeOpacityBase: 0.84, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.030, ParticleCount: 18,
+                ParticleSpeedMin: 1.80, ParticleSpeedMax: 3.20,
+                ParticleLengthMin: 14, ParticleLengthMax: 26, ParticleDriftPerTick: 0.70),
+            WeatherVisualKind.RainHeavy => new WeatherMotionProfile(
+                DriftX: 5.0, DriftY: 11.0, ZoomBase: 1.045, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.10,
+                LightOpacityBase: 0.42, LightOpacityPulse: 0.03,
+                ShadeOpacityBase: 0.88, ShadeOpacityPulse: 0.05,
+                PhaseStep: 0.036, ParticleCount: 30,
+                ParticleSpeedMin: 2.80, ParticleSpeedMax: 4.80,
+                ParticleLengthMin: 18, ParticleLengthMax: 34, ParticleDriftPerTick: 0.92),
+            WeatherVisualKind.Storm => new WeatherMotionProfile(
+                DriftX: 4.0, DriftY: 12.0, ZoomBase: 1.042, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.38, MotionOpacityPulse: 0.12,
+                LightOpacityBase: 0.36, LightOpacityPulse: 0.02,
+                ShadeOpacityBase: 0.91, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.042, ParticleCount: 34,
+                ParticleSpeedMin: 3.60, ParticleSpeedMax: 5.80,
+                ParticleLengthMin: 20, ParticleLengthMax: 36, ParticleDriftPerTick: 1.08),
+            WeatherVisualKind.Snow => new WeatherMotionProfile(
+                DriftX: 9.0, DriftY: 7.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.74, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.68, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 24,
+                ParticleSpeedMin: 0.60, ParticleSpeedMax: 1.60,
+                ParticleLengthMin: 3.0, ParticleLengthMax: 8.5, ParticleDriftPerTick: 0.24),
+            _ => new WeatherMotionProfile(
+                DriftX: 7.0, DriftY: 5.0, ZoomBase: 1.050, ZoomAmplitude: 0.011,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.05,
+                ShadeOpacityBase: 0.86, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.018, ParticleCount: 10,
+                ParticleSpeedMin: 0.25, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 16, ParticleLengthMax: 34, ParticleDriftPerTick: 0.12)
+        };
+    }
+
+    private void ResetAnimationState()
+    {
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase = 0;
+        SetMotionTransform(0, 0, motion.ZoomBase);
+        BackgroundMotionLayer.Opacity = motion.MotionOpacityBase;
+        BackgroundLightLayer.Opacity = motion.LightOpacityBase;
+        BackgroundShadeLayer.Opacity = motion.ShadeOpacityBase;
+    }
+
+    private void SetMotionTransform(double translateX, double translateY, double scale)
+    {
+        var group = new TransformGroup
+        {
+            Children = new Transforms
+            {
+                new ScaleTransform(scale, scale),
+                new TranslateTransform(translateX, translateY)
+            }
+        };
+        BackgroundMotionLayer.RenderTransform = group;
+    }
+
+    private void InitializeParticleVisuals()
+    {
+        if (_particleVisuals.Count > 0)
+        {
+            return;
+        }
+
+        const int maxParticles = 40;
+        for (var i = 0; i < maxParticles; i++)
+        {
+            var particle = new Border
+            {
+                IsVisible = false,
+                Width = 2,
+                Height = 14,
+                CornerRadius = new CornerRadius(1),
+                Opacity = 0.0
+            };
+            _particleVisuals.Add(particle);
+            _particleStates.Add(new ParticleState());
+            ParticleLayer.Children.Add(particle);
+        }
+    }
+
+    private void ResetParticles()
+    {
+        if (_particleVisuals.Count == 0)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _activeParticleCount = Math.Clamp(motion.ParticleCount, 0, _particleVisuals.Count);
+
+        var (width, height) = ResolveParticleViewport();
+
+        for (var i = 0; i < _particleVisuals.Count; i++)
+        {
+            var particle = _particleVisuals[i];
+            if (i >= _activeParticleCount)
+            {
+                particle.IsVisible = false;
+                continue;
+            }
+
+            particle.IsVisible = true;
+            RespawnParticle(i, width, height, motion, initialPlacement: true);
+        }
+    }
+
+    private void AdvanceParticles(WeatherMotionProfile motion)
+    {
+        if (_activeParticleCount <= 0)
+        {
+            return;
+        }
+
+        var (width, height) = ResolveParticleViewport();
+
+        for (var i = 0; i < _activeParticleCount; i++)
+        {
+            var particle = _particleVisuals[i];
+            var state = _particleStates[i];
+
+            var x = Canvas.GetLeft(particle);
+            var y = Canvas.GetTop(particle);
+            if (double.IsNaN(x))
+            {
+                x = 0;
+            }
+
+            if (double.IsNaN(y))
+            {
+                y = -20;
+            }
+
+            var sway = _activeVisualKind == WeatherVisualKind.Snow
+                ? Math.Sin(_animationPhase + (i * 0.45)) * 0.55
+                : _activeVisualKind == WeatherVisualKind.Fog
+                    ? Math.Sin((_animationPhase * 0.7) + (i * 0.31)) * 0.18
+                    : 0;
+
+            x += state.Drift + sway;
+            y += state.Speed;
+
+            Canvas.SetLeft(particle, x);
+            Canvas.SetTop(particle, y);
+
+            if (y > height + 48 || x > width + 56 || x < -72)
+            {
+                RespawnParticle(i, width, height, motion, initialPlacement: false);
+            }
+        }
+    }
+
+    private void RespawnParticle(int index, double width, double height, WeatherMotionProfile motion, bool initialPlacement)
+    {
+        var particle = _particleVisuals[index];
+        var state = _particleStates[index];
+
+        state.Speed = NextRange(motion.ParticleSpeedMin, motion.ParticleSpeedMax);
+        var driftVariance = Math.Abs(motion.ParticleDriftPerTick) * 0.35;
+        state.Drift = motion.ParticleDriftPerTick + NextRange(-driftVariance, driftVariance);
+
+        var length = NextRange(motion.ParticleLengthMin, motion.ParticleLengthMax);
+        var thickness = _activeVisualKind switch
+        {
+            WeatherVisualKind.Snow => NextRange(2.2, 4.3),
+            WeatherVisualKind.Fog => NextRange(10.0, 22.0),
+            _ => NextRange(1.0, 2.2)
+        };
+        var opacity = _activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => NextRange(0.26, 0.52),
+            WeatherVisualKind.RainHeavy => NextRange(0.24, 0.46),
+            WeatherVisualKind.RainLight => NextRange(0.18, 0.34),
+            WeatherVisualKind.Snow => NextRange(0.40, 0.72),
+            WeatherVisualKind.Fog => NextRange(0.08, 0.20),
+            _ => NextRange(0.10, 0.24)
+        };
+
+        particle.Width = thickness;
+        particle.Height = length;
+        particle.Opacity = opacity;
+        particle.CornerRadius = new CornerRadius(Math.Max(1, thickness * 0.5));
+        particle.RenderTransform = new RotateTransform(_activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => -24,
+            WeatherVisualKind.RainHeavy => -20,
+            WeatherVisualKind.RainLight => -14,
+            WeatherVisualKind.Snow => -6,
+            _ => 0
+        });
+
+        var x = initialPlacement
+            ? NextRange(-40, width + 20)
+            : NextRange(-24, width + 20);
+        var y = initialPlacement
+            ? NextRange(-height, height)
+            : -length - NextRange(8, 120);
+
+        Canvas.SetLeft(particle, x);
+        Canvas.SetTop(particle, y);
+    }
+
+    private double NextRange(double min, double max)
+    {
+        if (max <= min)
+        {
+            return min;
+        }
+
+        return min + (_particleRandom.NextDouble() * (max - min));
+    }
+
+    private string L(string key, string fallback)
+    {
+        return _localizationService.GetString(_languageCode, key, fallback);
+    }
+
+    private CultureInfo GetUiCulture()
+    {
+        try
+        {
+            return CultureInfo.GetCultureInfo(_languageCode);
+        }
+        catch
+        {
+            return CultureInfo.InvariantCulture;
+        }
+    }
+
+    private static string BuildCoordinateLocationKey(double latitude, double longitude)
+    {
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"coord:{latitude:F4},{longitude:F4}");
+    }
+
+    private static string BuildCoordinateLocationName(double latitude, double longitude, string languageCode)
+    {
+        var template = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "坐标 {0:F2}, {1:F2}"
+            : "Coordinate {0:F2}, {1:F2}";
+        return string.Format(CultureInfo.InvariantCulture, template, latitude, longitude);
+    }
+
+    private static double NormalizeLatitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 39.9042;
+        }
+
+        return Math.Clamp(value, -90, 90);
+    }
+
+    private static double NormalizeLongitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 116.4074;
+        }
+
+        return Math.Clamp(value, -180, 180);
+    }
+
+    private void CancelRefreshRequest()
+    {
+        var cts = Interlocked.Exchange(ref _refreshCts, null);
+        cts?.Cancel();
+        cts?.Dispose();
+    }
+
+    private (double Width, double Height) ResolveLayoutViewport()
+    {
+        var width = LayoutRoot.Bounds.Width;
+        var height = LayoutRoot.Bounds.Height;
+        if (width > 1 && height > 1)
+        {
+            return (width, height);
+        }
+
+        var fallbackWidth = Bounds.Width > 1
+            ? Bounds.Width - ContentPaddingBorder.Padding.Left - ContentPaddingBorder.Padding.Right
+            : _currentCellSize * 4;
+        var fallbackHeight = Bounds.Height > 1
+            ? Bounds.Height - ContentPaddingBorder.Padding.Top - ContentPaddingBorder.Padding.Bottom
+            : _currentCellSize * 2;
+
+        return (Math.Max(100, fallbackWidth), Math.Max(56, fallbackHeight));
+    }
+
+    private (double Width, double Height) ResolveParticleViewport()
+    {
+        var width = Bounds.Width > 1 ? Bounds.Width : LayoutRoot.Bounds.Width;
+        var height = Bounds.Height > 1 ? Bounds.Height : LayoutRoot.Bounds.Height;
+        return (Math.Max(80, width), Math.Max(56, height));
+    }
+
+    private double ResolveScale()
+    {
+        var (layoutWidth, layoutHeight) = ResolveLayoutViewport();
+        return ResolveScale(layoutWidth, layoutHeight);
+    }
+
+    private double ResolveScale(double layoutWidth, double layoutHeight)
+    {
+        var cellScale = Math.Clamp(_currentCellSize / 44d, 0.34, 2.30);
+        var heightScale = Math.Clamp(layoutHeight / 320d, 0.34, 2.30);
+        var widthScale = Math.Clamp(layoutWidth / 620d, 0.34, 2.30);
+        return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.05), 0.34, 2.30);
+    }
+
+    private static IBrush CreateSolidBrush(string colorHex)
+    {
+        return new SolidColorBrush(Color.Parse(colorHex));
+    }
+
+    private static IBrush CreateSolidBrush(string colorHex, byte alpha)
+    {
+        var color = Color.Parse(colorHex);
+        return new SolidColorBrush(Color.FromArgb(alpha, color.R, color.G, color.B));
+    }
+
+    private static IBrush CreateGradientBrush(string fromColorHex, string toColorHex)
+    {
+        return new LinearGradientBrush
+        {
+            StartPoint = new RelativePoint(0, 0, RelativeUnit.Relative),
+            EndPoint = new RelativePoint(1, 1, RelativeUnit.Relative),
+            GradientStops = new GradientStops
+            {
+                new GradientStop(Color.Parse(fromColorHex), 0),
+                new GradientStop(Color.Parse(toColorHex), 1)
+            }
+        };
+    }
+}
diff --git a/LanMontainDesktop/Views/Components/IDesktopComponentWidget.cs b/LanMontainDesktop/Views/Components/IDesktopComponentWidget.cs
new file mode 100644
index 0000000..72c5af8
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/IDesktopComponentWidget.cs
@@ -0,0 +1,18 @@
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public interface IDesktopComponentWidget
+{
+    void ApplyCellSize(double cellSize);
+}
+
+public interface ITimeZoneAwareComponentWidget
+{
+    void SetTimeZoneService(TimeZoneService timeZoneService);
+}
+
+public interface IWeatherInfoAwareComponentWidget
+{
+    void SetWeatherInfoService(IWeatherInfoService weatherInfoService);
+}
diff --git a/LanMontainDesktop/Views/Components/LunarCalendarWidget.axaml.cs b/LanMontainDesktop/Views/Components/LunarCalendarWidget.axaml.cs
index cb97303..c099a40 100644
--- a/LanMontainDesktop/Views/Components/LunarCalendarWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/LunarCalendarWidget.axaml.cs
@@ -3,12 +3,13 @@ using System.Collections.Generic;
 using System.Globalization;
 using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Media;
 using Avalonia.Threading;
 using LanMontainDesktop.Services;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class LunarCalendarWidget : UserControl
+public partial class LunarCalendarWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
@@ -79,6 +80,11 @@ public partial class LunarCalendarWidget : UserControl
 
     private TimeZoneService? _timeZoneService;
     private double _currentCellSize = 48;
+    private FontWeight _gregorianLineWeight = FontWeight.SemiBold;
+    private FontWeight _lunarDateWeight = FontWeight.Bold;
+    private FontWeight _labelWeight = FontWeight.Bold;
+    private FontWeight _itemsWeight = FontWeight.SemiBold;
+    private int _auspiciousItemCount = 4;
 
     public LunarCalendarWidget()
     {
@@ -131,6 +137,8 @@ public partial class LunarCalendarWidget : UserControl
 
     private void UpdateContent()
     {
+        ApplyAdaptiveTypography();
+
         var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
         var culture = CultureInfo.CurrentCulture;
         var isZh = culture.TwoLetterISOLanguageName.Equals("zh", StringComparison.OrdinalIgnoreCase);
@@ -146,13 +154,13 @@ public partial class LunarCalendarWidget : UserControl
         YiItemsTextBlock.Text = BuildDailySelection(
             now.Date,
             isZh ? ZhYiCandidates : EnYiCandidates,
-            count: 4,
+            count: _auspiciousItemCount,
             salt: 17,
             useChineseSpacing: isZh);
         JiItemsTextBlock.Text = BuildDailySelection(
             now.Date,
             isZh ? ZhJiCandidates : EnJiCandidates,
-            count: 4,
+            count: _auspiciousItemCount,
             salt: 29,
             useChineseSpacing: isZh);
     }
@@ -160,6 +168,11 @@ public partial class LunarCalendarWidget : UserControl
     public void ApplyCellSize(double cellSize)
     {
         _currentCellSize = Math.Max(1, cellSize);
+        UpdateContent();
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
         var scale = ResolveScale();
 
         RootBorder.CornerRadius = new CornerRadius(Math.Clamp(30 * scale, 16, 44));
@@ -172,12 +185,33 @@ public partial class LunarCalendarWidget : UserControl
             Math.Clamp(2 * scale, 1, 6));
         AuspiciousGrid.RowSpacing = Math.Clamp(12 * scale, 6, 20);
 
-        GregorianLineTextBlock.FontSize = Math.Clamp(24 * scale, 11, 36);
-        LunarDateTextBlock.FontSize = Math.Clamp(88 * scale, 30, 130);
-        YiLabelTextBlock.FontSize = Math.Clamp(30 * scale, 13, 44);
+        var densityBoost = scale <= 0.72 ? 0.90 : scale <= 0.88 ? 0.95 : scale >= 1.42 ? 1.04 : 1.0;
+        GregorianLineTextBlock.FontSize = Math.Clamp(24 * scale * densityBoost, 10, 38);
+        LunarDateTextBlock.FontSize = Math.Clamp(88 * scale * densityBoost, 28, 134);
+        YiLabelTextBlock.FontSize = Math.Clamp(30 * scale * densityBoost, 12, 46);
         JiLabelTextBlock.FontSize = YiLabelTextBlock.FontSize;
-        YiItemsTextBlock.FontSize = Math.Clamp(24 * scale, 11, 36);
+        YiItemsTextBlock.FontSize = Math.Clamp(24 * scale * densityBoost, 10, 36);
         JiItemsTextBlock.FontSize = YiItemsTextBlock.FontSize;
+
+        _gregorianLineWeight = ToVariableWeight(Lerp(500, 640, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+        _lunarDateWeight = ToVariableWeight(Lerp(650, 780, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+        _labelWeight = ToVariableWeight(Lerp(620, 760, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+        _itemsWeight = ToVariableWeight(Lerp(520, 670, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+
+        GregorianLineTextBlock.FontWeight = _gregorianLineWeight;
+        LunarDateTextBlock.FontWeight = _lunarDateWeight;
+        YiLabelTextBlock.FontWeight = _labelWeight;
+        JiLabelTextBlock.FontWeight = _labelWeight;
+        YiItemsTextBlock.FontWeight = _itemsWeight;
+        JiItemsTextBlock.FontWeight = _itemsWeight;
+
+        _auspiciousItemCount = scale switch
+        {
+            <= 0.72 => 2,
+            <= 0.92 => 3,
+            <= 1.30 => 4,
+            _ => 5
+        };
     }
 
     private double ResolveScale()
@@ -188,6 +222,16 @@ public partial class LunarCalendarWidget : UserControl
         return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.05), 0.58, 1.95);
     }
 
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
     private static string ToChineseWeekday(DayOfWeek dayOfWeek)
     {
         return dayOfWeek switch
diff --git a/LanMontainDesktop/Views/Components/MonthCalendarWidget.axaml.cs b/LanMontainDesktop/Views/Components/MonthCalendarWidget.axaml.cs
index 1195dfa..825b4df 100644
--- a/LanMontainDesktop/Views/Components/MonthCalendarWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/MonthCalendarWidget.axaml.cs
@@ -9,7 +9,7 @@ using LanMontainDesktop.Services;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class MonthCalendarWidget : UserControl
+public partial class MonthCalendarWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget
 {
     private readonly DispatcherTimer _timer = new()
     {
@@ -21,7 +21,10 @@ public partial class MonthCalendarWidget : UserControl
 
     private TimeZoneService? _timeZoneService;
     private double _currentCellSize = 48;
+    private double _weekdayFontSize = 20;
+    private FontWeight _weekdayFontWeight = FontWeight.SemiBold;
     private double _calendarDayFontSize = 22;
+    private FontWeight _calendarDayFontWeight = FontWeight.SemiBold;
     private double _calendarTodayDotSize = 44;
 
     public MonthCalendarWidget()
@@ -83,6 +86,8 @@ public partial class MonthCalendarWidget : UserControl
             ? $"{now.Month}\u6708{now.Day}\u65e5"
             : now.ToString("MMM d", culture);
 
+        // Locale changes the header width; re-balance typography on every refresh.
+        ApplyAdaptiveTypography();
         UpdateWeekdayHeaders(isZh);
         GenerateCalendar(now);
     }
@@ -152,7 +157,7 @@ public partial class MonthCalendarWidget : UserControl
                 HorizontalAlignment = Avalonia.Layout.HorizontalAlignment.Center,
                 VerticalAlignment = Avalonia.Layout.VerticalAlignment.Center,
                 FontSize = _calendarDayFontSize,
-                FontWeight = FontWeight.SemiBold,
+                FontWeight = _calendarDayFontWeight,
                 Tag = "day"
             };
 
@@ -198,24 +203,40 @@ public partial class MonthCalendarWidget : UserControl
     public void ApplyCellSize(double cellSize)
     {
         _currentCellSize = Math.Max(1, cellSize);
+        UpdateCalendar();
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
         var scale = ResolveScale();
 
         RootBorder.CornerRadius = new CornerRadius(Math.Clamp(28 * scale, 14, 40));
         RootBorder.Padding = new Thickness(Math.Clamp(14 * scale, 8, 22));
         LayoutRoot.RowSpacing = Math.Clamp(10 * scale, 5, 16);
+        LayoutRoot.Width = Math.Clamp(280 * scale, 220, 420);
+        LayoutRoot.Height = Math.Clamp(280 * scale, 220, 420);
 
-        HeaderTextBlock.FontSize = Math.Clamp(42 * scale, 14, 58);
+        var isZh = CultureInfo.CurrentCulture.TwoLetterISOLanguageName.Equals("zh", StringComparison.OrdinalIgnoreCase);
+        var headerTextLength = Math.Max(1, HeaderTextBlock.Text?.Length ?? (isZh ? 5 : 6));
+        var headerCompression = headerTextLength >= 8 ? 0.90 : headerTextLength >= 6 ? 0.95 : 1.0;
+        var densityBoost = scale <= 0.74 ? 0.90 : scale <= 0.90 ? 0.95 : scale >= 1.45 ? 1.05 : 1.0;
 
-        var weekdayFontSize = Math.Clamp(20 * scale, 8, 26);
+        HeaderTextBlock.FontSize = Math.Clamp(42 * scale * headerCompression * densityBoost, 13, 62);
+        HeaderTextBlock.FontWeight = ToVariableWeight(Lerp(560, 720, Math.Clamp((scale - 0.62) / 1.2, 0, 1)));
+        HeaderTextBlock.LineHeight = HeaderTextBlock.FontSize * 1.05;
+
+        _weekdayFontSize = Math.Clamp(20 * scale * densityBoost, 7.5, 27);
+        _weekdayFontWeight = ToVariableWeight(Lerp(500, 640, Math.Clamp((scale - 0.60) / 1.3, 0, 1)));
         foreach (var block in GetWeekdayHeaderBlocks())
         {
-            block.FontSize = weekdayFontSize;
+            block.FontSize = _weekdayFontSize;
+            block.FontWeight = _weekdayFontWeight;
+            block.LineHeight = _weekdayFontSize * 1.06;
         }
 
-        _calendarDayFontSize = Math.Clamp(22 * scale, 8, 30);
-        _calendarTodayDotSize = Math.Clamp(44 * scale, 16, 58);
-
-        UpdateCalendar();
+        _calendarDayFontSize = Math.Clamp(22 * scale * densityBoost, 8, 32);
+        _calendarDayFontWeight = ToVariableWeight(Lerp(540, 680, Math.Clamp((scale - 0.60) / 1.3, 0, 1)));
+        _calendarTodayDotSize = Math.Clamp(_calendarDayFontSize * 1.95, 16, 62);
     }
 
     private double ResolveScale()
@@ -240,5 +261,14 @@ public partial class MonthCalendarWidget : UserControl
 
         return new SolidColorBrush(Colors.Gray, opacity);
     }
-}
 
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+}
diff --git a/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml b/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml
new file mode 100644
index 0000000..c110871
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml
@@ -0,0 +1,276 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:fi="using:FluentIcons.Avalonia"
+             mc:Ignorable="d"
+             d:DesignWidth="640"
+             d:DesignHeight="320"
+             x:Class="LanMontainDesktop.Views.Components.MultiDayWeatherWidget">
+
+    <Border x:Name="RootBorder"
+            CornerRadius="28"
+            ClipToBounds="True"
+            Background="#68A9EC">
+        <Grid>
+            <Border x:Name="BackgroundImageLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True" />
+
+            <Border x:Name="BackgroundMotionLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.24"
+                    RenderTransformOrigin="0.5,0.5">
+                <Border.RenderTransform>
+                    <TransformGroup>
+                        <ScaleTransform ScaleX="1.05"
+                                        ScaleY="1.05" />
+                        <TranslateTransform />
+                    </TransformGroup>
+                </Border.RenderTransform>
+            </Border>
+
+            <Border x:Name="BackgroundTintLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.20" />
+
+            <Border x:Name="BackgroundLightLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.66">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="1,1">
+                        <GradientStop Color="#5BFFFFFF"
+                                      Offset="0" />
+                        <GradientStop Color="#1FFFFFFF"
+                                      Offset="0.30" />
+                        <GradientStop Color="#00000000"
+                                      Offset="0.55" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Border x:Name="BackgroundShadeLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.78">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="0,1">
+                        <GradientStop Color="#00040A16"
+                                      Offset="0.50" />
+                        <GradientStop Color="#2E0B1C34"
+                                      Offset="1" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Canvas x:Name="ParticleLayer"
+                    IsHitTestVisible="False"
+                    ClipToBounds="True" />
+
+            <Border x:Name="ContentPaddingBorder"
+                    Padding="18"
+                    Background="Transparent">
+                <Grid x:Name="LayoutRoot">
+                        <Grid x:Name="ContentGrid"
+                              RowDefinitions="Auto,Auto,*"
+                              RowSpacing="10">
+                            <Grid x:Name="TopRowGrid"
+                                  Grid.Row="0"
+                                  ColumnDefinitions="Auto,*,Auto"
+                                  ColumnSpacing="8">
+                                <fi:SymbolIcon x:Name="LocationIcon"
+                                               Symbol="Location"
+                                               FontSize="20"
+                                               VerticalAlignment="Center" />
+
+                                <TextBlock x:Name="CityTextBlock"
+                                           Grid.Column="1"
+                                           Text="&#x5317;&#x4EAC;"
+                                           FontSize="30"
+                                           FontWeight="SemiBold"
+                                           VerticalAlignment="Center"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <StackPanel x:Name="ConditionIconStack"
+                                            Grid.Column="2"
+                                            Orientation="Horizontal"
+                                            Spacing="6"
+                                            HorizontalAlignment="Right"
+                                            VerticalAlignment="Center">
+                                    <TextBlock x:Name="ConditionTextBlock"
+                                               Text="&#x6674;"
+                                               FontSize="30"
+                                               FontWeight="SemiBold"
+                                               TextTrimming="CharacterEllipsis"
+                                               MaxLines="1" />
+                                    <fi:SymbolIcon x:Name="WeatherIconSymbol"
+                                                   Symbol="WeatherSunny"
+                                                   IconVariant="Regular"
+                                                   FontSize="40"
+                                                   HorizontalAlignment="Right"
+                                                   VerticalAlignment="Center" />
+                                </StackPanel>
+                            </Grid>
+
+                            <Grid Grid.Row="1"
+                                  ColumnDefinitions="Auto,*,Auto">
+                                <TextBlock x:Name="TemperatureTextBlock"
+                                           Grid.Column="0"
+                                           Text="26&#176;"
+                                           FontSize="108"
+                                           FontWeight="Bold"
+                                           FontFeatures="tnum"
+                                           VerticalAlignment="Center"
+                                           Margin="0,4,0,10"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <TextBlock x:Name="RangeTextBlock"
+                                           Grid.Column="2"
+                                           Text="&#x7A7A;&#x6C14;&#x4F18; 22"
+                                           FontSize="36"
+                                           FontWeight="SemiBold"
+                                           FontFeatures="tnum"
+                                           HorizontalAlignment="Right"
+                                           VerticalAlignment="Bottom"
+                                           Margin="0,0,0,10"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+                            </Grid>
+
+                            <StackPanel x:Name="BottomInfoStack"
+                                        Grid.Row="2"
+                                        VerticalAlignment="Bottom"
+                                        Spacing="4"
+                                        Margin="0,0,0,8">
+                                <Border x:Name="HourlyPanelBorder"
+                                        Background="#1CFFFFFF"
+                                        CornerRadius="18"
+                                        ClipToBounds="True"
+                                        Padding="12,8">
+                                    <Grid x:Name="HourlyGrid"
+                                          ColumnDefinitions="*,*,*,*,*">
+                                        <StackPanel Grid.Column="0"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime0"
+                                                       Text="&#x4ECA;&#x5929;"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon0"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp0"
+                                                       Text="20&#176; / 28&#176;"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="1"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime1"
+                                                       Text="&#x660E;&#x5929;"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon1"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp1"
+                                                       Text="20&#176; / 28&#176;"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="2"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime2"
+                                                       Text="&#x5468;&#x516D;"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon2"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp2"
+                                                       Text="20&#176; / 28&#176;"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="3"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime3"
+                                                       Text="&#x5468;&#x65E5;"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon3"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp3"
+                                                       Text="20&#176; / 28&#176;"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+
+                                        <StackPanel Grid.Column="4"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Spacing="2">
+                                            <TextBlock x:Name="HourlyTime4"
+                                                       Text="&#x5468;&#x4E00;"
+                                                       FontSize="24"
+                                                       FontWeight="SemiBold"
+                                                       HorizontalAlignment="Center" />
+                                            <fi:SymbolIcon x:Name="HourlyIcon4"
+                                                           Symbol="WeatherSunny"
+                                                           FontSize="28"
+                                                           IconVariant="Regular"
+                                                           HorizontalAlignment="Center" />
+                                            <TextBlock x:Name="HourlyTemp4"
+                                                       Text="20&#176; / 28&#176;"
+                                                       FontSize="30"
+                                                       FontWeight="SemiBold"
+                                                       FontFeatures="tnum"
+                                                       HorizontalAlignment="Center" />
+                                        </StackPanel>
+                                    </Grid>
+                                </Border>
+                            </StackPanel>
+                        </Grid>
+                </Grid>
+            </Border>
+        </Grid>
+    </Border>
+</UserControl>
diff --git a/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml.cs b/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml.cs
new file mode 100644
index 0000000..82cf576
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/MultiDayWeatherWidget.axaml.cs
@@ -0,0 +1,1572 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text.RegularExpressions;
+using System.Threading;
+using System.Threading.Tasks;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Media;
+using Avalonia.Media.Imaging;
+using Avalonia.Platform;
+using Avalonia.Threading;
+using FluentIcons.Avalonia;
+using FluentIcons.Common;
+using LanMontainDesktop.Models;
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public partial class MultiDayWeatherWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget, IWeatherInfoAwareComponentWidget
+{
+    private enum WeatherVisualKind
+    {
+        ClearDay,
+        ClearNight,
+        CloudyDay,
+        CloudyNight,
+        RainLight,
+        RainHeavy,
+        Storm,
+        Snow,
+        Fog
+    }
+
+    private readonly record struct WeatherVisualPalette(
+        string GradientFrom,
+        string GradientTo,
+        string Tint,
+        string PrimaryText,
+        string SecondaryText,
+        string ParticleColor);
+
+    private readonly record struct WeatherMotionProfile(
+        double DriftX,
+        double DriftY,
+        double ZoomBase,
+        double ZoomAmplitude,
+        double MotionOpacityBase,
+        double MotionOpacityPulse,
+        double LightOpacityBase,
+        double LightOpacityPulse,
+        double ShadeOpacityBase,
+        double ShadeOpacityPulse,
+        double PhaseStep,
+        int ParticleCount,
+        double ParticleSpeedMin,
+        double ParticleSpeedMax,
+        double ParticleLengthMin,
+        double ParticleLengthMax,
+        double ParticleDriftPerTick);
+
+    private sealed class ParticleState
+    {
+        public double Speed { get; set; }
+
+        public double Drift { get; set; }
+    }
+
+    private sealed record MultiDayWeatherWidgetConfig(
+        string LanguageCode,
+        string Locale,
+        string LocationKey,
+        string LocationName,
+        double Latitude,
+        double Longitude);
+
+    private readonly record struct HourlyForecastItem(
+        DateTime Time,
+        string TimeLabel,
+        Symbol Icon,
+        string TemperatureText);
+
+    private static readonly IReadOnlyDictionary<WeatherVisualKind, string> WeatherBackgroundAssets =
+        new Dictionary<WeatherVisualKind, string>
+        {
+            [WeatherVisualKind.ClearDay] = "avares://LanMontainDesktop/Assets/Weather/clear_day.jpg",
+            [WeatherVisualKind.ClearNight] = "avares://LanMontainDesktop/Assets/Weather/clear_night.jpg",
+            [WeatherVisualKind.CloudyDay] = "avares://LanMontainDesktop/Assets/Weather/cloudy_day.jpg",
+            [WeatherVisualKind.CloudyNight] = "avares://LanMontainDesktop/Assets/Weather/cloudy_night.jpg",
+            [WeatherVisualKind.RainLight] = "avares://LanMontainDesktop/Assets/Weather/rain_light.jpg",
+            [WeatherVisualKind.RainHeavy] = "avares://LanMontainDesktop/Assets/Weather/rain_heavy.jpg",
+            [WeatherVisualKind.Storm] = "avares://LanMontainDesktop/Assets/Weather/storm_dark.jpg",
+            [WeatherVisualKind.Snow] = "avares://LanMontainDesktop/Assets/Weather/snow_soft.jpg",
+            [WeatherVisualKind.Fog] = "avares://LanMontainDesktop/Assets/Weather/fog_haze.jpg"
+        };
+
+    private static readonly IWeatherInfoService DefaultWeatherInfoService = new XiaomiWeatherService();
+
+    private readonly DispatcherTimer _refreshTimer = new()
+    {
+        Interval = TimeSpan.FromMinutes(12)
+    };
+
+    private readonly DispatcherTimer _backgroundAnimationTimer = new()
+    {
+        Interval = TimeSpan.FromMilliseconds(48)
+    };
+
+    private readonly AppSettingsService _settingsService = new();
+    private readonly LocalizationService _localizationService = new();
+    private readonly Dictionary<WeatherVisualKind, IBrush> _backgroundBrushCache = new();
+    private readonly List<Border> _particleVisuals = new();
+    private readonly List<ParticleState> _particleStates = new();
+    private readonly Random _particleRandom = new();
+
+    private IWeatherInfoService _weatherInfoService = DefaultWeatherInfoService;
+    private TimeZoneService? _timeZoneService;
+    private CancellationTokenSource? _refreshCts;
+    private WeatherSnapshot? _latestSnapshot;
+    private string _languageCode = "zh-CN";
+    private double _currentCellSize = 48;
+    private WeatherVisualKind _activeVisualKind = WeatherVisualKind.ClearDay;
+    private double _animationPhase;
+    private int _activeParticleCount;
+    private bool _isAttached;
+    private bool _isRefreshing;
+    private readonly TextBlock[] _hourlyTimeBlocks;
+    private readonly SymbolIcon[] _hourlyIconBlocks;
+    private readonly TextBlock[] _hourlyTempBlocks;
+
+    public MultiDayWeatherWidget()
+    {
+        InitializeComponent();
+        _hourlyTimeBlocks =
+        [
+            HourlyTime0, HourlyTime1, HourlyTime2, HourlyTime3, HourlyTime4
+        ];
+        _hourlyIconBlocks =
+        [
+            HourlyIcon0, HourlyIcon1, HourlyIcon2, HourlyIcon3, HourlyIcon4
+        ];
+        _hourlyTempBlocks =
+        [
+            HourlyTemp0, HourlyTemp1, HourlyTemp2, HourlyTemp3, HourlyTemp4
+        ];
+        ConfigureTextOverflowGuards();
+
+        _refreshTimer.Tick += OnRefreshTimerTick;
+        _backgroundAnimationTimer.Tick += OnBackgroundAnimationTick;
+        AttachedToVisualTree += OnAttachedToVisualTree;
+        DetachedFromVisualTree += OnDetachedFromVisualTree;
+        SizeChanged += OnSizeChanged;
+
+        InitializeParticleVisuals();
+        ApplyVisualTheme(WeatherVisualKind.ClearDay);
+        ApplyNotConfiguredState();
+        ApplyCellSize(_currentCellSize);
+    }
+
+    private void ConfigureTextOverflowGuards()
+    {
+        CityTextBlock.TextWrapping = TextWrapping.NoWrap;
+        CityTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        CityTextBlock.MaxLines = 1;
+
+        ConditionTextBlock.TextWrapping = TextWrapping.NoWrap;
+        ConditionTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        ConditionTextBlock.MaxLines = 1;
+
+        RangeTextBlock.TextWrapping = TextWrapping.NoWrap;
+        RangeTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        RangeTextBlock.MaxLines = 1;
+
+        TemperatureTextBlock.TextWrapping = TextWrapping.NoWrap;
+        TemperatureTextBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+        TemperatureTextBlock.MaxLines = 1;
+
+        foreach (var timeBlock in _hourlyTimeBlocks)
+        {
+            timeBlock.TextWrapping = TextWrapping.NoWrap;
+            timeBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+            timeBlock.MaxLines = 1;
+            timeBlock.TextAlignment = TextAlignment.Center;
+        }
+
+        foreach (var tempBlock in _hourlyTempBlocks)
+        {
+            tempBlock.TextWrapping = TextWrapping.NoWrap;
+            tempBlock.TextTrimming = TextTrimming.CharacterEllipsis;
+            tempBlock.MaxLines = 1;
+            tempBlock.TextAlignment = TextAlignment.Center;
+        }
+    }
+
+    public void SetTimeZoneService(TimeZoneService timeZoneService)
+    {
+        if (_timeZoneService is not null)
+        {
+            _timeZoneService.TimeZoneChanged -= OnTimeZoneChanged;
+        }
+
+        _timeZoneService = timeZoneService;
+        _timeZoneService.TimeZoneChanged += OnTimeZoneChanged;
+    }
+
+    public void SetWeatherInfoService(IWeatherInfoService weatherInfoService)
+    {
+        _weatherInfoService = weatherInfoService ?? DefaultWeatherInfoService;
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    public void ApplyCellSize(double cellSize)
+    {
+        _currentCellSize = Math.Max(1, cellSize);
+        var scale = ResolveScale();
+        var hostWidth = Bounds.Width > 1 ? Bounds.Width : Math.Max(140, _currentCellSize * 4);
+        var hostHeight = Bounds.Height > 1 ? Bounds.Height : Math.Max(78, _currentCellSize * 2);
+        var cornerRadius = Math.Clamp(_currentCellSize * 0.45, 24, 44);
+
+        RootBorder.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundImageLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundMotionLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundTintLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundLightLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundShadeLayer.CornerRadius = new CornerRadius(cornerRadius);
+        ContentPaddingBorder.Padding = new Thickness(
+            Math.Clamp(Math.Min(20 * scale, hostWidth * 0.028), 3, 18),
+            Math.Clamp(Math.Min(14 * scale, hostHeight * 0.060), 2, 14));
+        ApplyAdaptiveTypography();
+        ResetParticles();
+    }
+
+    private void OnAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = true;
+        _refreshTimer.Start();
+        _backgroundAnimationTimer.Start();
+        _ = RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = false;
+        _refreshTimer.Stop();
+        _backgroundAnimationTimer.Stop();
+        CancelRefreshRequest();
+    }
+
+    private void OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        ApplyCellSize(_currentCellSize);
+        ResetParticles();
+    }
+
+    private async void OnRefreshTimerTick(object? sender, EventArgs e)
+    {
+        await RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnBackgroundAnimationTick(object? sender, EventArgs e)
+    {
+        if (!_isAttached)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase += motion.PhaseStep;
+        if (_animationPhase > Math.PI * 2)
+        {
+            _animationPhase -= Math.PI * 2;
+        }
+
+        var sin = Math.Sin(_animationPhase);
+        var cos = Math.Cos(_animationPhase * 0.83);
+        var zoom = motion.ZoomBase + (sin * motion.ZoomAmplitude);
+
+        SetMotionTransform(sin * motion.DriftX, cos * motion.DriftY, zoom);
+
+        BackgroundMotionLayer.Opacity = Math.Clamp(
+            motion.MotionOpacityBase + (cos * motion.MotionOpacityPulse),
+            0.08,
+            0.92);
+        BackgroundLightLayer.Opacity = Math.Clamp(
+            motion.LightOpacityBase + (sin * motion.LightOpacityPulse),
+            0.10,
+            0.95);
+        BackgroundShadeLayer.Opacity = Math.Clamp(
+            motion.ShadeOpacityBase + (cos * motion.ShadeOpacityPulse),
+            0.42,
+            0.95);
+
+        AdvanceParticles(motion);
+    }
+
+    private void OnTimeZoneChanged(object? sender, EventArgs e)
+    {
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    private WeatherVisualKind ResolveFallbackVisualKind()
+    {
+        return IsNightNow() ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay;
+    }
+
+    private bool ResolveIsNight(WeatherSnapshot snapshot)
+    {
+        if (snapshot.ObservationTime.HasValue)
+        {
+            var observed = snapshot.ObservationTime.Value;
+            try
+            {
+                if (_timeZoneService is not null)
+                {
+                    var zoned = TimeZoneInfo.ConvertTime(observed, _timeZoneService.CurrentTimeZone);
+                    return zoned.Hour < 6 || zoned.Hour >= 18;
+                }
+            }
+            catch
+            {
+                // fall through to local clock
+            }
+
+            return observed.Hour < 6 || observed.Hour >= 18;
+        }
+
+        return IsNightNow();
+    }
+
+    private bool IsNightNow()
+    {
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        return now.Hour < 6 || now.Hour >= 18;
+    }
+
+    private async Task RefreshWeatherAsync(bool forceRefresh)
+    {
+        if (!_isAttached || _isRefreshing)
+        {
+            return;
+        }
+
+        _isRefreshing = true;
+        var config = LoadConfig();
+        _languageCode = config.LanguageCode;
+
+        if (string.IsNullOrWhiteSpace(config.LocationKey))
+        {
+            ApplyNotConfiguredState();
+            _isRefreshing = false;
+            return;
+        }
+
+        if (_latestSnapshot is null)
+        {
+            ApplyLoadingState(config.LocationName);
+        }
+
+        var cts = new CancellationTokenSource();
+        var previous = Interlocked.Exchange(ref _refreshCts, cts);
+        previous?.Cancel();
+        previous?.Dispose();
+
+        try
+        {
+            var query = new WeatherQuery(
+                LocationKey: config.LocationKey,
+                Latitude: config.Latitude,
+                Longitude: config.Longitude,
+                ForecastDays: 3,
+                Locale: config.Locale,
+                ForceRefresh: forceRefresh);
+
+            var result = await _weatherInfoService.GetWeatherAsync(query, cts.Token);
+            if (cts.IsCancellationRequested || !_isAttached)
+            {
+                return;
+            }
+
+            if (!result.Success || result.Data is null)
+            {
+                ApplyFailedState(config.LocationName);
+                return;
+            }
+
+            _latestSnapshot = result.Data;
+            ApplySnapshot(result.Data, config.LocationName);
+        }
+        catch (OperationCanceledException)
+        {
+            // Ignore canceled refresh requests.
+        }
+        catch
+        {
+            if (!cts.IsCancellationRequested && _isAttached)
+            {
+                ApplyFailedState(config.LocationName);
+            }
+        }
+        finally
+        {
+            if (ReferenceEquals(_refreshCts, cts))
+            {
+                _refreshCts = null;
+            }
+
+            cts.Dispose();
+            _isRefreshing = false;
+        }
+    }
+
+    private MultiDayWeatherWidgetConfig LoadConfig()
+    {
+        var snapshot = _settingsService.Load();
+        var languageCode = _localizationService.NormalizeLanguageCode(snapshot.LanguageCode);
+        var locale = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "zh_cn"
+            : "en_us";
+
+        var latitude = NormalizeLatitude(snapshot.WeatherLatitude);
+        var longitude = NormalizeLongitude(snapshot.WeatherLongitude);
+        var modeIsCoordinates = string.Equals(snapshot.WeatherLocationMode, "Coordinates", StringComparison.OrdinalIgnoreCase);
+        var locationKey = snapshot.WeatherLocationKey?.Trim() ?? string.Empty;
+        var locationName = snapshot.WeatherLocationName?.Trim() ?? string.Empty;
+
+        if (modeIsCoordinates)
+        {
+            if (string.IsNullOrWhiteSpace(locationKey))
+            {
+                locationKey = BuildCoordinateLocationKey(latitude, longitude);
+            }
+
+            if (string.IsNullOrWhiteSpace(locationName))
+            {
+                locationName = BuildCoordinateLocationName(latitude, longitude, languageCode);
+            }
+        }
+        else if (string.IsNullOrWhiteSpace(locationName))
+        {
+            locationName = locationKey;
+        }
+
+        return new MultiDayWeatherWidgetConfig(
+            languageCode,
+            locale,
+            locationKey,
+            locationName,
+            latitude,
+            longitude);
+    }
+
+    private void ApplySnapshot(WeatherSnapshot snapshot, string fallbackLocationName)
+    {
+        var isNight = ResolveIsNight(snapshot);
+        var visualKind = ResolveVisualKind(snapshot.Current.WeatherCode, isNight);
+        ApplyVisualTheme(visualKind);
+
+        var rawLocation = string.IsNullOrWhiteSpace(snapshot.LocationName)
+            ? fallbackLocationName
+            : snapshot.LocationName;
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(rawLocation, _languageCode, L("weather.widget.location_unknown", "Unknown location"));
+
+        ConditionTextBlock.Text = ResolveWeatherConditionText(snapshot.Current.WeatherText, visualKind);
+        WeatherIconSymbol.Symbol = ResolveWeatherSymbol(visualKind);
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                visualKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+
+        TemperatureTextBlock.Text = FormatTemperature(snapshot.Current.TemperatureC);
+        RangeTextBlock.Text = FormatAirQualityText(snapshot.Current.AirQualityIndex);
+        ApplyHourlyForecastItems(BuildHourlyForecastItems(snapshot));
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyNotConfiguredState()
+    {
+        var fallbackKind = ResolveFallbackVisualKind();
+        ApplyVisualTheme(fallbackKind);
+        WeatherIconSymbol.Symbol = fallbackKind == WeatherVisualKind.ClearNight
+            ? Symbol.WeatherMoon
+            : Symbol.WeatherSunny;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                fallbackKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+        CityTextBlock.Text = L("weather.widget.location_not_configured", "Weather location is not configured");
+        ConditionTextBlock.Text = L("weather.widget.condition_unknown", "Unknown");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.multiday.aqi_unknown", "Air --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(fallbackKind));
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyLoadingState(string locationName)
+    {
+        var loadingKind = IsNightNow() ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay;
+        ApplyVisualTheme(loadingKind);
+        WeatherIconSymbol.Symbol = loadingKind == WeatherVisualKind.CloudyNight
+            ? Symbol.WeatherPartlyCloudyNight
+            : Symbol.WeatherPartlyCloudyDay;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(
+            ResolveWeatherIconAccent(
+                WeatherIconSymbol.Symbol,
+                loadingKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight));
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.loading", "Loading...");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.multiday.aqi_unknown", "Air --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(loadingKind));
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyFailedState(string locationName)
+    {
+        ApplyVisualTheme(WeatherVisualKind.Fog);
+        WeatherIconSymbol.Symbol = Symbol.WeatherFog;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(ResolveWeatherIconAccent(WeatherIconSymbol.Symbol, false));
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.fetch_failed", "Weather fetch failed");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.multiday.aqi_unknown", "Air --");
+        ApplyHourlyForecastItems(BuildPlaceholderHourlyForecastItems(WeatherVisualKind.Fog));
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyVisualTheme(WeatherVisualKind kind)
+    {
+        _activeVisualKind = kind;
+        var palette = ResolvePalette(kind);
+        RootBorder.Background = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        BackgroundImageLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundMotionLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundTintLayer.Background = CreateSolidBrush(palette.Tint);
+
+        var primary = CreateSolidBrush(palette.PrimaryText);
+        var particleBrush = CreateSolidBrush(palette.ParticleColor);
+        var isNightVisual = kind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight;
+        var conditionSecondary = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xF0 : (byte)0xE6);
+        var airQualitySecondary = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xDE : (byte)0xCC);
+        var forecastTimeBrush = CreateSolidBrush(palette.SecondaryText, isNightVisual ? (byte)0xEA : (byte)0xB6);
+        var forecastTempBrush = CreateSolidBrush(palette.PrimaryText, isNightVisual ? (byte)0xF8 : (byte)0xE4);
+        HourlyPanelBorder.Background = CreateSolidBrush(isNightVisual ? "#24FFFFFF" : "#1EFFFFFF");
+        LocationIcon.Foreground = primary;
+        CityTextBlock.Foreground = primary;
+        TemperatureTextBlock.Foreground = primary;
+        WeatherIconSymbol.Foreground = CreateSolidBrush(ResolveWeatherIconAccent(WeatherIconSymbol.Symbol, isNightVisual));
+        ConditionTextBlock.Foreground = conditionSecondary;
+        RangeTextBlock.Foreground = airQualitySecondary;
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            _hourlyTimeBlocks[i].Foreground = forecastTimeBrush;
+            _hourlyTempBlocks[i].Foreground = forecastTempBrush;
+            _hourlyIconBlocks[i].Foreground = CreateSolidBrush(ResolveWeatherIconAccent(_hourlyIconBlocks[i].Symbol, isNightVisual));
+        }
+
+        foreach (var particle in _particleVisuals)
+        {
+            particle.Background = particleBrush;
+        }
+
+        ResetAnimationState();
+        ResetParticles();
+    }
+
+    private IBrush ResolveWeatherBackgroundBrush(WeatherVisualKind kind, WeatherVisualPalette palette)
+    {
+        if (_backgroundBrushCache.TryGetValue(kind, out var cached))
+        {
+            return cached;
+        }
+
+        if (WeatherBackgroundAssets.TryGetValue(kind, out var uriText))
+        {
+            try
+            {
+                var uri = new Uri(uriText, UriKind.Absolute);
+                using var stream = AssetLoader.Open(uri);
+                var bitmap = new Bitmap(stream);
+                var imageBrush = new ImageBrush
+                {
+                    Source = bitmap,
+                    Stretch = Stretch.UniformToFill,
+                    AlignmentX = AlignmentX.Center,
+                    AlignmentY = AlignmentY.Center
+                };
+                _backgroundBrushCache[kind] = imageBrush;
+                return imageBrush;
+            }
+            catch
+            {
+                // Fall through to gradient background when the image cannot be loaded.
+            }
+        }
+
+        var gradientBrush = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        _backgroundBrushCache[kind] = gradientBrush;
+        return gradientBrush;
+    }
+
+    private static WeatherVisualKind ResolveVisualKind(int? weatherCode, bool isNight)
+    {
+        return weatherCode switch
+        {
+            0 => isNight ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay,
+            1 or 2 => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay,
+            3 or 7 => WeatherVisualKind.RainLight,
+            8 or 9 => WeatherVisualKind.RainHeavy,
+            4 => WeatherVisualKind.Storm,
+            13 or 14 or 15 or 16 => WeatherVisualKind.Snow,
+            18 or 32 => WeatherVisualKind.Fog,
+            _ => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay
+        };
+    }
+
+    private static WeatherVisualPalette ResolvePalette(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherVisualPalette(
+                GradientFrom: "#4F92E8",
+                GradientTo: "#83C5FF",
+                Tint: "#234D87",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EEF5FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.ClearNight => new WeatherVisualPalette(
+                GradientFrom: "#0E2B72",
+                GradientTo: "#193A85",
+                Tint: "#0A1E52",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#CFE0FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.CloudyDay => new WeatherVisualPalette(
+                GradientFrom: "#4A72B3",
+                GradientTo: "#6A8EC2",
+                Tint: "#2A487C",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EAF2FF",
+                ParticleColor: "#16FFFFFF"),
+            WeatherVisualKind.CloudyNight => new WeatherVisualPalette(
+                GradientFrom: "#102A6B",
+                GradientTo: "#193A80",
+                Tint: "#0B1F51",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#D5E4FF",
+                ParticleColor: "#24FFFFFF"),
+            WeatherVisualKind.RainLight => new WeatherVisualPalette(
+                GradientFrom: "#32588A",
+                GradientTo: "#4D74A8",
+                Tint: "#1F3454",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E6F0FF",
+                ParticleColor: "#88D7E8FF"),
+            WeatherVisualKind.RainHeavy => new WeatherVisualPalette(
+                GradientFrom: "#253F66",
+                GradientTo: "#36567F",
+                Tint: "#17263E",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE9FF",
+                ParticleColor: "#A2CDE1FF"),
+            WeatherVisualKind.Storm => new WeatherVisualPalette(
+                GradientFrom: "#293A67",
+                GradientTo: "#3A4F78",
+                Tint: "#161E35",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE4F8",
+                ParticleColor: "#A8C2D6F2"),
+            WeatherVisualKind.Snow => new WeatherVisualPalette(
+                GradientFrom: "#D1E8FF",
+                GradientTo: "#A7D0F4",
+                Tint: "#607C9D",
+                PrimaryText: "#FF10253D",
+                SecondaryText: "#FF2B435E",
+                ParticleColor: "#CCFFFFFF"),
+            _ => new WeatherVisualPalette(
+                GradientFrom: "#445B7A",
+                GradientTo: "#5B738F",
+                Tint: "#2A3E56",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E7EDF6",
+                ParticleColor: "#88E4EDF7")
+        };
+    }
+
+    private static Symbol ResolveWeatherSymbol(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => Symbol.WeatherSunny,
+            WeatherVisualKind.ClearNight => Symbol.WeatherMoon,
+            WeatherVisualKind.CloudyDay => Symbol.WeatherPartlyCloudyDay,
+            WeatherVisualKind.CloudyNight => Symbol.WeatherPartlyCloudyNight,
+            WeatherVisualKind.RainLight => Symbol.WeatherRainShowersDay,
+            WeatherVisualKind.RainHeavy => Symbol.WeatherRain,
+            WeatherVisualKind.Storm => Symbol.WeatherThunderstorm,
+            WeatherVisualKind.Snow => Symbol.WeatherSnow,
+            _ => Symbol.WeatherFog
+        };
+    }
+
+    private string ResolveWeatherConditionText(string? weatherText, WeatherVisualKind kind)
+    {
+        if (!string.IsNullOrWhiteSpace(weatherText))
+        {
+            return weatherText;
+        }
+
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay or WeatherVisualKind.ClearNight => L("weather.widget.condition_clear", "Clear"),
+            WeatherVisualKind.CloudyDay or WeatherVisualKind.CloudyNight => L("weather.widget.condition_cloudy", "Cloudy"),
+            WeatherVisualKind.RainLight or WeatherVisualKind.RainHeavy => L("weather.widget.condition_rain", "Rain"),
+            WeatherVisualKind.Storm => L("weather.widget.condition_storm", "Thunderstorm"),
+            WeatherVisualKind.Snow => L("weather.widget.condition_snow", "Snow"),
+            WeatherVisualKind.Fog => L("weather.widget.condition_fog", "Fog"),
+            _ => L("weather.widget.condition_unknown", "Unknown")
+        };
+    }
+
+    private static (double? Low, double? High) ResolveTemperatureRange(WeatherSnapshot snapshot)
+    {
+        var first = snapshot.DailyForecasts.FirstOrDefault();
+        var low = first?.LowTemperatureC;
+        var high = first?.HighTemperatureC;
+
+        if (!low.HasValue && !high.HasValue && snapshot.Current.TemperatureC.HasValue)
+        {
+            var baseline = snapshot.Current.TemperatureC.Value;
+            low = Math.Floor(baseline - 2);
+            high = Math.Ceiling(baseline + 2);
+        }
+
+        return (low, high);
+    }
+
+    private string FormatTemperatureRange(double? low, double? high)
+    {
+        if (!low.HasValue && !high.HasValue)
+        {
+            return L("weather.widget.range_unknown", "-- / --");
+        }
+
+        var lowText = FormatTemperature(low);
+        var highText = FormatTemperature(high);
+        return string.Format(
+            GetUiCulture(),
+            L("weather.widget.range_format", "{0} / {1}"),
+            lowText,
+            highText);
+    }
+
+    private string FormatAirQualityText(int? airQualityIndex)
+    {
+        if (!airQualityIndex.HasValue || airQualityIndex.Value <= 0)
+        {
+            return L("weather.multiday.aqi_unknown", "Air --");
+        }
+
+        return string.Format(
+            GetUiCulture(),
+            L("weather.multiday.aqi_format", "Air Quality {0}"),
+            airQualityIndex.Value);
+    }
+
+    private static string FormatTemperature(double? value)
+    {
+        if (!value.HasValue || double.IsNaN(value.Value) || double.IsInfinity(value.Value))
+        {
+            return "--°";
+        }
+
+        var rounded = (int)Math.Round(value.Value, MidpointRounding.AwayFromZero);
+        return string.Create(CultureInfo.InvariantCulture, $"{rounded}°");
+    }
+
+    private IReadOnlyList<HourlyForecastItem> BuildHourlyForecastItems(WeatherSnapshot snapshot)
+    {
+        const int itemCount = 5;
+        var today = DateOnly.FromDateTime(_timeZoneService?.GetCurrentTime() ?? DateTime.Now);
+        var firstFallback = snapshot.DailyForecasts.FirstOrDefault();
+        var items = new List<HourlyForecastItem>(itemCount);
+
+        for (var i = 0; i < itemCount; i++)
+        {
+            var date = today.AddDays(i);
+            var daily = ResolveDailyForecastForDate(snapshot, date) ?? firstFallback;
+            var weatherCode = daily?.DayWeatherCode ??
+                              daily?.NightWeatherCode ??
+                              snapshot.Current.WeatherCode;
+            var visualKind = ResolveVisualKind(weatherCode, isNight: false);
+            var low = daily?.LowTemperatureC;
+            var high = daily?.HighTemperatureC;
+            var rangeText = string.Format(
+                CultureInfo.InvariantCulture,
+                "{0} / {1}",
+                FormatTemperature(low),
+                FormatTemperature(high));
+
+            items.Add(new HourlyForecastItem(
+                date.ToDateTime(TimeOnly.MinValue),
+                ResolveForecastDayLabel(date, i),
+                ResolveWeatherSymbol(visualKind),
+                rangeText));
+        }
+
+        return items;
+    }
+
+    private IReadOnlyList<HourlyForecastItem> BuildPlaceholderHourlyForecastItems(WeatherVisualKind visualKind)
+    {
+        const int itemCount = 5;
+        var items = new List<HourlyForecastItem>(itemCount);
+        var start = DateOnly.FromDateTime(_timeZoneService?.GetCurrentTime() ?? DateTime.Now);
+        var symbol = ResolveWeatherSymbol(visualKind);
+        for (var i = 0; i < itemCount; i++)
+        {
+            var date = start.AddDays(i);
+            items.Add(new HourlyForecastItem(
+                date.ToDateTime(TimeOnly.MinValue),
+                ResolveForecastDayLabel(date, i),
+                symbol,
+                "--° / --°"));
+        }
+
+        return items;
+    }
+
+    private void ApplyHourlyForecastItems(IReadOnlyList<HourlyForecastItem> items)
+    {
+        var isNightVisual = _activeVisualKind is WeatherVisualKind.ClearNight or WeatherVisualKind.CloudyNight;
+        var compactRangeText = ResolveScale() <= 0.78;
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            if (i >= items.Count)
+            {
+                _hourlyTimeBlocks[i].Text = "--";
+                _hourlyTempBlocks[i].Text = compactRangeText ? "--°/--°" : "--° / --°";
+                _hourlyIconBlocks[i].Symbol = ResolveWeatherSymbol(_activeVisualKind);
+                continue;
+            }
+
+            var item = items[i];
+            _hourlyTimeBlocks[i].Text = item.TimeLabel;
+            _hourlyIconBlocks[i].Symbol = item.Icon;
+            _hourlyIconBlocks[i].Foreground = CreateSolidBrush(ResolveWeatherIconAccent(item.Icon, isNightVisual));
+            _hourlyTempBlocks[i].Text = compactRangeText
+                ? CompactRangeLabel(item.TemperatureText)
+                : item.TemperatureText;
+        }
+    }
+
+    private static string CompactRangeLabel(string text)
+    {
+        if (string.IsNullOrWhiteSpace(text))
+        {
+            return "--°/--°";
+        }
+
+        return text
+            .Replace(" / ", "/", StringComparison.Ordinal)
+            .Replace(" /", "/", StringComparison.Ordinal)
+            .Replace("/ ", "/", StringComparison.Ordinal);
+    }
+
+    private static WeatherDailyForecast? ResolveDailyForecastForDate(WeatherSnapshot snapshot, DateOnly date)
+    {
+        foreach (var forecast in snapshot.DailyForecasts)
+        {
+            if (forecast.Date == date)
+            {
+                return forecast;
+            }
+        }
+
+        return null;
+    }
+
+    private string ResolveForecastDayLabel(DateOnly date, int offset)
+    {
+        if (offset == 0)
+        {
+            return L("weather.multiday.today", "Today");
+        }
+
+        if (offset == 1)
+        {
+            return L("weather.multiday.tomorrow", "Tomorrow");
+        }
+
+        var dateTime = date.ToDateTime(TimeOnly.MinValue);
+        var isZh = string.Equals(_languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase);
+        if (isZh)
+        {
+            var weekday = dateTime.ToString("ddd", CultureInfo.GetCultureInfo("zh-CN"));
+            return weekday
+                .Replace("星期", "周", StringComparison.Ordinal)
+                .Replace("周周", "周", StringComparison.Ordinal);
+        }
+
+        try
+        {
+            return dateTime.ToString("ddd", CultureInfo.GetCultureInfo(_languageCode));
+        }
+        catch
+        {
+            return dateTime.ToString("ddd", CultureInfo.InvariantCulture);
+        }
+    }
+
+    private static string ResolveWeatherIconAccent(Symbol symbol, bool isNightVisual)
+    {
+        return symbol switch
+        {
+            Symbol.WeatherSunny => isNightVisual ? "#FFD978" : "#F7C40A",
+            Symbol.WeatherMoon => "#F3D38C",
+            Symbol.WeatherPartlyCloudyDay => "#75B0FF",
+            Symbol.WeatherPartlyCloudyNight => "#8AB6FF",
+            Symbol.WeatherRainShowersDay => "#9ECBFF",
+            Symbol.WeatherRain => "#8DBDF5",
+            Symbol.WeatherThunderstorm => "#F4D16E",
+            Symbol.WeatherSnow => "#C7E6FF",
+            _ => isNightVisual ? "#D5E2F4" : "#E2ECFA"
+        };
+    }
+
+    private static string ResolvePreciseDisplayLocation(string? rawName, string languageCode, string fallback)
+    {
+        if (string.IsNullOrWhiteSpace(rawName))
+        {
+            return fallback;
+        }
+
+        var name = rawName.Trim();
+        if (name.Length == 0)
+        {
+            return fallback;
+        }
+
+        var isZh = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase);
+        var candidates = new List<string> { name };
+
+        // Prefer detailed parts inside parenthesis, e.g. "Beijing (Haidian)".
+        var parenthesisMatches = Regex.Matches(name, @"\(([^()]+)\)|\uFF08([^\uFF08\uFF09]+)\uFF09");
+        foreach (Match match in parenthesisMatches)
+        {
+            var inner = match.Groups[1].Success ? match.Groups[1].Value : match.Groups[2].Value;
+            if (!string.IsNullOrWhiteSpace(inner))
+            {
+                candidates.Add(inner.Trim());
+            }
+        }
+
+        var nameWithoutParenthesis = Regex.Replace(name, @"\([^()]*\)|\uFF08[^\uFF08\uFF09]*\uFF09", " ");
+        candidates.Add(nameWithoutParenthesis);
+
+        const string splitPattern = @"[\s\|/\\,\uFF0C\u3001\u00B7]+";
+        foreach (var piece in Regex.Split(string.Join(" ", candidates), splitPattern))
+        {
+            var token = piece.Trim();
+            if (!string.IsNullOrWhiteSpace(token))
+            {
+                candidates.Add(token);
+            }
+        }
+
+        var best = fallback;
+        var bestScore = int.MinValue;
+        foreach (var candidate in candidates
+                     .Select(c => c.Trim())
+                     .Where(c => !string.IsNullOrWhiteSpace(c))
+                     .Distinct(StringComparer.OrdinalIgnoreCase))
+        {
+            var score = ScoreLocationToken(candidate, isZh);
+            if (score > bestScore)
+            {
+                bestScore = score;
+                best = candidate;
+            }
+        }
+
+        return string.IsNullOrWhiteSpace(best) ? fallback : best;
+    }
+
+    private static int ScoreLocationToken(string token, bool isZh)
+    {
+        var cleaned = token.Trim();
+        if (cleaned.Length == 0)
+        {
+            return int.MinValue;
+        }
+
+        if (Regex.IsMatch(cleaned, @"^[0-9.+-]+$") ||
+            cleaned.StartsWith("coord:", StringComparison.OrdinalIgnoreCase))
+        {
+            return -500;
+        }
+
+        var score = Math.Min(cleaned.Length, 32);
+        if (isZh)
+        {
+            // Prefer granular places: street > district > city > province.
+            if (cleaned.EndsWith("\u8857\u9053", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u8DEF", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u793E\u533A", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u6751", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (cleaned.EndsWith("\u9547", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u4E61", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65B0\u533A", StringComparison.Ordinal))
+            {
+                score += 100;
+            }
+            else if (cleaned.EndsWith("\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u53BF", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65D7", StringComparison.Ordinal))
+            {
+                score += 80;
+            }
+            else if (cleaned.EndsWith("\u5E02", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u5DDE", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u76DF", StringComparison.Ordinal))
+            {
+                score += 60;
+            }
+            else if (cleaned.EndsWith("\u7701", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u81EA\u6CBB\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u7279\u522B\u884C\u653F\u533A", StringComparison.Ordinal))
+            {
+                score += 40;
+            }
+        }
+        else
+        {
+            var lower = cleaned.ToLowerInvariant();
+            if (lower.Contains("street", StringComparison.Ordinal) ||
+                lower.Contains("st.", StringComparison.Ordinal) ||
+                lower.Contains("road", StringComparison.Ordinal) ||
+                lower.Contains("rd.", StringComparison.Ordinal) ||
+                lower.Contains("avenue", StringComparison.Ordinal) ||
+                lower.Contains("district", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (lower.Contains("county", StringComparison.Ordinal) ||
+                     lower.Contains("borough", StringComparison.Ordinal))
+            {
+                score += 90;
+            }
+            else if (lower.Contains("city", StringComparison.Ordinal))
+            {
+                score += 70;
+            }
+            else if (lower.Contains("province", StringComparison.Ordinal) ||
+                     lower.Contains("state", StringComparison.Ordinal))
+            {
+                score += 50;
+            }
+            else if (lower.Contains("country", StringComparison.Ordinal))
+            {
+                score += 30;
+            }
+        }
+
+        return score;
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
+        var (layoutWidth, layoutHeight) = ResolveLayoutViewport();
+        var scale = ResolveScale(layoutWidth, layoutHeight);
+        var densityBoost = scale <= 0.55 ? 0.80 : scale <= 0.72 ? 0.88 : scale <= 0.92 ? 0.95 : scale >= 1.45 ? 1.06 : 1.0;
+        var compactness = Math.Clamp((0.88 - scale) / 0.50, 0, 1);
+        var cityLength = Math.Max(1, CityTextBlock.Text?.Length ?? 2);
+        var cityCompression = cityLength >= 12 ? 0.68 : cityLength >= 9 ? 0.80 : cityLength >= 6 ? 0.90 : 1.0;
+        var conditionLength = Math.Max(1, ConditionTextBlock.Text?.Length ?? 2);
+        var conditionCompression = conditionLength >= 12 ? 0.72 : conditionLength >= 8 ? 0.85 : conditionLength >= 6 ? 0.92 : 1.0;
+
+        ContentGrid.RowSpacing = Math.Clamp(layoutHeight * Lerp(0.030, 0.018, compactness), 2, 14);
+        TopRowGrid.ColumnSpacing = Math.Clamp(layoutWidth * 0.014, 3, 14);
+        BottomInfoStack.Spacing = Math.Clamp(layoutHeight * 0.016, 2, 10);
+        BottomInfoStack.Margin = new Thickness(0, 0, 0, Math.Clamp(layoutHeight * 0.018, 0, 10));
+        ConditionIconStack.Spacing = Math.Clamp(layoutWidth * 0.009, 3, 12);
+        RangeTextBlock.Margin = new Thickness(0, 0, 0, Math.Clamp(layoutHeight * 0.020, 0, 12));
+
+        HourlyPanelBorder.Padding = new Thickness(
+            Math.Clamp(layoutWidth * 0.018, 4, 16),
+            Math.Clamp(layoutHeight * 0.020, 3, 12));
+        HourlyPanelBorder.CornerRadius = new CornerRadius(Math.Clamp(Math.Min(layoutWidth, layoutHeight) * 0.065, 8, 22));
+        HourlyGrid.ColumnSpacing = Math.Clamp(layoutWidth * 0.010, 1.5, 12);
+
+        var topBandHeight = Math.Max(18, layoutHeight * 0.22);
+        var middleBandHeight = Math.Max(24, layoutHeight * 0.30);
+        var bottomBandHeight = Math.Max(22, layoutHeight - topBandHeight - middleBandHeight - (ContentGrid.RowSpacing * 2));
+
+        LocationIcon.FontSize = Math.Min(Math.Clamp(24 * scale * densityBoost, 9, 30), topBandHeight * 0.58);
+        CityTextBlock.FontSize = Math.Min(Math.Clamp(40 * scale * cityCompression * densityBoost, 12, 46), topBandHeight * 0.76);
+        WeatherIconSymbol.FontSize = Math.Min(Math.Clamp(52 * scale * densityBoost, 12, 56), topBandHeight * 0.95);
+        TemperatureTextBlock.FontSize = Math.Min(Math.Clamp(134 * scale * densityBoost, 26, 138), middleBandHeight * 0.92);
+        ConditionTextBlock.FontSize = Math.Min(Math.Clamp(31 * scale * conditionCompression * densityBoost, 9, 40), topBandHeight * 0.70);
+        RangeTextBlock.FontSize = Math.Min(Math.Clamp(34 * scale * densityBoost, 9, 42), middleBandHeight * 0.50);
+        TemperatureTextBlock.Margin = new Thickness(0, Math.Clamp(layoutHeight * 0.008, 0, 6), 0, Math.Clamp(layoutHeight * 0.012, 0, 8));
+
+        var weightProgress = Math.Clamp((scale - 0.34) / 1.18, 0, 1);
+        CityTextBlock.FontWeight = ToVariableWeight(Lerp(540, 680, weightProgress));
+        TemperatureTextBlock.FontWeight = ToVariableWeight(Lerp(600, 760, weightProgress));
+        ConditionTextBlock.FontWeight = ToVariableWeight(Lerp(490, 620, weightProgress));
+        RangeTextBlock.FontWeight = ToVariableWeight(Lerp(480, 600, weightProgress));
+
+        var topRightMaxWidth = Math.Clamp(layoutWidth * Lerp(0.36, 0.31, compactness), 112, 230);
+        ConditionIconStack.MaxWidth = topRightMaxWidth;
+        ConditionTextBlock.MaxWidth = Math.Max(
+            42,
+            topRightMaxWidth - WeatherIconSymbol.FontSize - ConditionIconStack.Spacing - 4);
+        RangeTextBlock.MaxWidth = Math.Clamp(layoutWidth * Lerp(0.36, 0.32, compactness), 112, 250);
+        var leftTopBudget = Math.Max(
+            132,
+            layoutWidth - Math.Max(topRightMaxWidth, RangeTextBlock.MaxWidth) - Math.Clamp(66 * scale, 26, 96));
+        TemperatureTextBlock.MaxWidth = leftTopBudget;
+        CityTextBlock.MaxWidth = Math.Max(110, layoutWidth - Math.Clamp(90 * scale, 30, 128));
+
+        var forecastColumnCount = Math.Max(1, _hourlyTimeBlocks.Length);
+        var forecastInnerWidth = Math.Max(
+            80,
+            layoutWidth - HourlyPanelBorder.Padding.Left - HourlyPanelBorder.Padding.Right - (HourlyGrid.ColumnSpacing * (forecastColumnCount - 1)));
+        var forecastCellWidth = Math.Max(32, forecastInnerWidth / forecastColumnCount);
+        var forecastStackSpacing = Math.Clamp(bottomBandHeight * 0.065, 1, 5);
+        var forecastInnerHeight = Math.Max(
+            20,
+            bottomBandHeight - HourlyPanelBorder.Padding.Top - HourlyPanelBorder.Padding.Bottom);
+        var forecastLineHeight = Math.Max(6, (forecastInnerHeight - (forecastStackSpacing * 2)) / 3d);
+        var hourlyTimeMaxByWidth = Math.Clamp(forecastCellWidth / Lerp(4.3, 3.7, 1 - compactness), 7, 24);
+        var hourlyTempMaxByWidth = Math.Clamp(forecastCellWidth / Lerp(5.8, 5.0, 1 - compactness), 7, 24);
+        var hourlyIconMaxByWidth = Math.Clamp(forecastCellWidth * Lerp(0.30, 0.36, 1 - compactness), 7, 30);
+        var hourlyTimeMaxByHeight = Math.Clamp(forecastLineHeight * 0.95, 7, 22);
+        var hourlyTempMaxByHeight = Math.Clamp(forecastLineHeight * 0.95, 7, 22);
+        var hourlyIconMaxByHeight = Math.Clamp(forecastLineHeight * 1.05, 8, 28);
+
+        var hourlyTimeSize = Math.Min(
+            Math.Clamp(23 * scale * densityBoost, 8, 30),
+            Math.Min(hourlyTimeMaxByWidth, hourlyTimeMaxByHeight));
+        var hourlyIconSize = Math.Min(
+            Math.Clamp(30 * scale * densityBoost, 8, 34),
+            Math.Min(hourlyIconMaxByWidth, hourlyIconMaxByHeight));
+        var hourlyTempSize = Math.Min(
+            Math.Clamp(30 * scale * densityBoost, 8, 32),
+            Math.Min(hourlyTempMaxByWidth, hourlyTempMaxByHeight));
+        for (var i = 0; i < _hourlyTimeBlocks.Length; i++)
+        {
+            _hourlyTimeBlocks[i].FontSize = hourlyTimeSize;
+            _hourlyTempBlocks[i].FontSize = hourlyTempSize;
+            _hourlyIconBlocks[i].FontSize = hourlyIconSize;
+            _hourlyTimeBlocks[i].MaxWidth = forecastCellWidth;
+            _hourlyTempBlocks[i].MaxWidth = forecastCellWidth;
+            _hourlyTimeBlocks[i].FontWeight = ToVariableWeight(Lerp(470, 600, weightProgress));
+            _hourlyTempBlocks[i].FontWeight = ToVariableWeight(Lerp(490, 620, weightProgress));
+            if (_hourlyTimeBlocks[i].Parent is StackPanel forecastStack)
+            {
+                forecastStack.Spacing = forecastStackSpacing;
+            }
+        }
+    }
+
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
+    private WeatherMotionProfile ResolveMotionProfile(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherMotionProfile(
+                DriftX: 8.0, DriftY: 4.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.22, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.68, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.72, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.015, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.ClearNight => new WeatherMotionProfile(
+                DriftX: 10.0, DriftY: 6.0, ZoomBase: 1.060, ZoomAmplitude: 0.014,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.82, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.018, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.CloudyDay => new WeatherMotionProfile(
+                DriftX: 12.0, DriftY: 7.0, ZoomBase: 1.060, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.32, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.62, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.80, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 6,
+                ParticleSpeedMin: 0.30, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 14, ParticleLengthMax: 28, ParticleDriftPerTick: 0.10),
+            WeatherVisualKind.CloudyNight => new WeatherMotionProfile(
+                DriftX: 14.0, DriftY: 8.0, ZoomBase: 1.065, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.07,
+                LightOpacityBase: 0.54, LightOpacityPulse: 0.06,
+                ShadeOpacityBase: 0.85, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.021, ParticleCount: 8,
+                ParticleSpeedMin: 0.35, ParticleSpeedMax: 0.80,
+                ParticleLengthMin: 16, ParticleLengthMax: 30, ParticleDriftPerTick: 0.12),
+            WeatherVisualKind.RainLight => new WeatherMotionProfile(
+                DriftX: 6.0, DriftY: 10.0, ZoomBase: 1.050, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.08,
+                LightOpacityBase: 0.50, LightOpacityPulse: 0.04,
+                ShadeOpacityBase: 0.84, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.030, ParticleCount: 18,
+                ParticleSpeedMin: 1.80, ParticleSpeedMax: 3.20,
+                ParticleLengthMin: 14, ParticleLengthMax: 26, ParticleDriftPerTick: 0.70),
+            WeatherVisualKind.RainHeavy => new WeatherMotionProfile(
+                DriftX: 5.0, DriftY: 11.0, ZoomBase: 1.045, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.10,
+                LightOpacityBase: 0.42, LightOpacityPulse: 0.03,
+                ShadeOpacityBase: 0.88, ShadeOpacityPulse: 0.05,
+                PhaseStep: 0.036, ParticleCount: 30,
+                ParticleSpeedMin: 2.80, ParticleSpeedMax: 4.80,
+                ParticleLengthMin: 18, ParticleLengthMax: 34, ParticleDriftPerTick: 0.92),
+            WeatherVisualKind.Storm => new WeatherMotionProfile(
+                DriftX: 4.0, DriftY: 12.0, ZoomBase: 1.042, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.38, MotionOpacityPulse: 0.12,
+                LightOpacityBase: 0.36, LightOpacityPulse: 0.02,
+                ShadeOpacityBase: 0.91, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.042, ParticleCount: 34,
+                ParticleSpeedMin: 3.60, ParticleSpeedMax: 5.80,
+                ParticleLengthMin: 20, ParticleLengthMax: 36, ParticleDriftPerTick: 1.08),
+            WeatherVisualKind.Snow => new WeatherMotionProfile(
+                DriftX: 9.0, DriftY: 7.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.74, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.68, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 24,
+                ParticleSpeedMin: 0.60, ParticleSpeedMax: 1.60,
+                ParticleLengthMin: 3.0, ParticleLengthMax: 8.5, ParticleDriftPerTick: 0.24),
+            _ => new WeatherMotionProfile(
+                DriftX: 7.0, DriftY: 5.0, ZoomBase: 1.050, ZoomAmplitude: 0.011,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.05,
+                ShadeOpacityBase: 0.86, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.018, ParticleCount: 10,
+                ParticleSpeedMin: 0.25, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 16, ParticleLengthMax: 34, ParticleDriftPerTick: 0.12)
+        };
+    }
+
+    private void ResetAnimationState()
+    {
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase = 0;
+        SetMotionTransform(0, 0, motion.ZoomBase);
+        BackgroundMotionLayer.Opacity = motion.MotionOpacityBase;
+        BackgroundLightLayer.Opacity = motion.LightOpacityBase;
+        BackgroundShadeLayer.Opacity = motion.ShadeOpacityBase;
+    }
+
+    private void SetMotionTransform(double translateX, double translateY, double scale)
+    {
+        var group = new TransformGroup
+        {
+            Children = new Transforms
+            {
+                new ScaleTransform(scale, scale),
+                new TranslateTransform(translateX, translateY)
+            }
+        };
+        BackgroundMotionLayer.RenderTransform = group;
+    }
+
+    private void InitializeParticleVisuals()
+    {
+        if (_particleVisuals.Count > 0)
+        {
+            return;
+        }
+
+        const int maxParticles = 40;
+        for (var i = 0; i < maxParticles; i++)
+        {
+            var particle = new Border
+            {
+                IsVisible = false,
+                Width = 2,
+                Height = 14,
+                CornerRadius = new CornerRadius(1),
+                Opacity = 0.0
+            };
+            _particleVisuals.Add(particle);
+            _particleStates.Add(new ParticleState());
+            ParticleLayer.Children.Add(particle);
+        }
+    }
+
+    private void ResetParticles()
+    {
+        if (_particleVisuals.Count == 0)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _activeParticleCount = Math.Clamp(motion.ParticleCount, 0, _particleVisuals.Count);
+
+        var (width, height) = ResolveParticleViewport();
+
+        for (var i = 0; i < _particleVisuals.Count; i++)
+        {
+            var particle = _particleVisuals[i];
+            if (i >= _activeParticleCount)
+            {
+                particle.IsVisible = false;
+                continue;
+            }
+
+            particle.IsVisible = true;
+            RespawnParticle(i, width, height, motion, initialPlacement: true);
+        }
+    }
+
+    private void AdvanceParticles(WeatherMotionProfile motion)
+    {
+        if (_activeParticleCount <= 0)
+        {
+            return;
+        }
+
+        var (width, height) = ResolveParticleViewport();
+
+        for (var i = 0; i < _activeParticleCount; i++)
+        {
+            var particle = _particleVisuals[i];
+            var state = _particleStates[i];
+
+            var x = Canvas.GetLeft(particle);
+            var y = Canvas.GetTop(particle);
+            if (double.IsNaN(x))
+            {
+                x = 0;
+            }
+
+            if (double.IsNaN(y))
+            {
+                y = -20;
+            }
+
+            var sway = _activeVisualKind == WeatherVisualKind.Snow
+                ? Math.Sin(_animationPhase + (i * 0.45)) * 0.55
+                : _activeVisualKind == WeatherVisualKind.Fog
+                    ? Math.Sin((_animationPhase * 0.7) + (i * 0.31)) * 0.18
+                    : 0;
+
+            x += state.Drift + sway;
+            y += state.Speed;
+
+            Canvas.SetLeft(particle, x);
+            Canvas.SetTop(particle, y);
+
+            if (y > height + 48 || x > width + 56 || x < -72)
+            {
+                RespawnParticle(i, width, height, motion, initialPlacement: false);
+            }
+        }
+    }
+
+    private void RespawnParticle(int index, double width, double height, WeatherMotionProfile motion, bool initialPlacement)
+    {
+        var particle = _particleVisuals[index];
+        var state = _particleStates[index];
+
+        state.Speed = NextRange(motion.ParticleSpeedMin, motion.ParticleSpeedMax);
+        var driftVariance = Math.Abs(motion.ParticleDriftPerTick) * 0.35;
+        state.Drift = motion.ParticleDriftPerTick + NextRange(-driftVariance, driftVariance);
+
+        var length = NextRange(motion.ParticleLengthMin, motion.ParticleLengthMax);
+        var thickness = _activeVisualKind switch
+        {
+            WeatherVisualKind.Snow => NextRange(2.2, 4.3),
+            WeatherVisualKind.Fog => NextRange(10.0, 22.0),
+            _ => NextRange(1.0, 2.2)
+        };
+        var opacity = _activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => NextRange(0.26, 0.52),
+            WeatherVisualKind.RainHeavy => NextRange(0.24, 0.46),
+            WeatherVisualKind.RainLight => NextRange(0.18, 0.34),
+            WeatherVisualKind.Snow => NextRange(0.40, 0.72),
+            WeatherVisualKind.Fog => NextRange(0.08, 0.20),
+            _ => NextRange(0.10, 0.24)
+        };
+
+        particle.Width = thickness;
+        particle.Height = length;
+        particle.Opacity = opacity;
+        particle.CornerRadius = new CornerRadius(Math.Max(1, thickness * 0.5));
+        particle.RenderTransform = new RotateTransform(_activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => -24,
+            WeatherVisualKind.RainHeavy => -20,
+            WeatherVisualKind.RainLight => -14,
+            WeatherVisualKind.Snow => -6,
+            _ => 0
+        });
+
+        var x = initialPlacement
+            ? NextRange(-40, width + 20)
+            : NextRange(-24, width + 20);
+        var y = initialPlacement
+            ? NextRange(-height, height)
+            : -length - NextRange(8, 120);
+
+        Canvas.SetLeft(particle, x);
+        Canvas.SetTop(particle, y);
+    }
+
+    private double NextRange(double min, double max)
+    {
+        if (max <= min)
+        {
+            return min;
+        }
+
+        return min + (_particleRandom.NextDouble() * (max - min));
+    }
+
+    private string L(string key, string fallback)
+    {
+        return _localizationService.GetString(_languageCode, key, fallback);
+    }
+
+    private CultureInfo GetUiCulture()
+    {
+        try
+        {
+            return CultureInfo.GetCultureInfo(_languageCode);
+        }
+        catch
+        {
+            return CultureInfo.InvariantCulture;
+        }
+    }
+
+    private static string BuildCoordinateLocationKey(double latitude, double longitude)
+    {
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"coord:{latitude:F4},{longitude:F4}");
+    }
+
+    private static string BuildCoordinateLocationName(double latitude, double longitude, string languageCode)
+    {
+        var template = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "坐标 {0:F2}, {1:F2}"
+            : "Coordinate {0:F2}, {1:F2}";
+        return string.Format(CultureInfo.InvariantCulture, template, latitude, longitude);
+    }
+
+    private static double NormalizeLatitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 39.9042;
+        }
+
+        return Math.Clamp(value, -90, 90);
+    }
+
+    private static double NormalizeLongitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 116.4074;
+        }
+
+        return Math.Clamp(value, -180, 180);
+    }
+
+    private void CancelRefreshRequest()
+    {
+        var cts = Interlocked.Exchange(ref _refreshCts, null);
+        cts?.Cancel();
+        cts?.Dispose();
+    }
+
+    private (double Width, double Height) ResolveLayoutViewport()
+    {
+        var width = LayoutRoot.Bounds.Width;
+        var height = LayoutRoot.Bounds.Height;
+        if (width > 1 && height > 1)
+        {
+            return (width, height);
+        }
+
+        var fallbackWidth = Bounds.Width > 1
+            ? Bounds.Width - ContentPaddingBorder.Padding.Left - ContentPaddingBorder.Padding.Right
+            : _currentCellSize * 4;
+        var fallbackHeight = Bounds.Height > 1
+            ? Bounds.Height - ContentPaddingBorder.Padding.Top - ContentPaddingBorder.Padding.Bottom
+            : _currentCellSize * 2;
+
+        return (Math.Max(100, fallbackWidth), Math.Max(56, fallbackHeight));
+    }
+
+    private (double Width, double Height) ResolveParticleViewport()
+    {
+        var width = Bounds.Width > 1 ? Bounds.Width : LayoutRoot.Bounds.Width;
+        var height = Bounds.Height > 1 ? Bounds.Height : LayoutRoot.Bounds.Height;
+        return (Math.Max(80, width), Math.Max(56, height));
+    }
+
+    private double ResolveScale()
+    {
+        var (layoutWidth, layoutHeight) = ResolveLayoutViewport();
+        return ResolveScale(layoutWidth, layoutHeight);
+    }
+
+    private double ResolveScale(double layoutWidth, double layoutHeight)
+    {
+        var cellScale = Math.Clamp(_currentCellSize / 44d, 0.34, 2.30);
+        var heightScale = Math.Clamp(layoutHeight / 320d, 0.34, 2.30);
+        var widthScale = Math.Clamp(layoutWidth / 620d, 0.34, 2.30);
+        return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.05), 0.34, 2.30);
+    }
+
+    private static IBrush CreateSolidBrush(string colorHex)
+    {
+        return new SolidColorBrush(Color.Parse(colorHex));
+    }
+
+    private static IBrush CreateSolidBrush(string colorHex, byte alpha)
+    {
+        var color = Color.Parse(colorHex);
+        return new SolidColorBrush(Color.FromArgb(alpha, color.R, color.G, color.B));
+    }
+
+    private static IBrush CreateGradientBrush(string fromColorHex, string toColorHex)
+    {
+        return new LinearGradientBrush
+        {
+            StartPoint = new RelativePoint(0, 0, RelativeUnit.Relative),
+            EndPoint = new RelativePoint(1, 1, RelativeUnit.Relative),
+            GradientStops = new GradientStops
+            {
+                new GradientStop(Color.Parse(fromColorHex), 0),
+                new GradientStop(Color.Parse(toColorHex), 1)
+            }
+        };
+    }
+}
+
diff --git a/LanMontainDesktop/Views/Components/TimerWidget.axaml.cs b/LanMontainDesktop/Views/Components/TimerWidget.axaml.cs
index 39f4b4c..4e5eb28 100644
--- a/LanMontainDesktop/Views/Components/TimerWidget.axaml.cs
+++ b/LanMontainDesktop/Views/Components/TimerWidget.axaml.cs
@@ -10,7 +10,7 @@ using Avalonia.Threading;
 
 namespace LanMontainDesktop.Views.Components;
 
-public partial class TimerWidget : UserControl
+public partial class TimerWidget : UserControl, IDesktopComponentWidget
 {
     private const int MaxTimerSeconds = 60;
     private const double DialSize = 224;
diff --git a/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml b/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml
new file mode 100644
index 0000000..4b88b1f
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml
@@ -0,0 +1,98 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:fi="using:FluentIcons.Avalonia"
+             mc:Ignorable="d"
+             d:DesignWidth="260"
+             d:DesignHeight="120"
+             x:Class="LanMontainDesktop.Views.Components.WeatherClockWidget">
+
+    <Border x:Name="RootBorder"
+            Background="#FFFFFF"
+            BorderBrush="#14000000"
+            BorderThickness="1"
+            CornerRadius="22"
+            ClipToBounds="True"
+            Padding="12,8">
+        <Grid x:Name="ContentGrid"
+              ColumnDefinitions="*,Auto"
+              ColumnSpacing="10">
+            <StackPanel x:Name="LeftStack"
+                        ClipToBounds="True"
+                        VerticalAlignment="Center"
+                        Spacing="2">
+                <TextBlock x:Name="TimeTextBlock"
+                           Text="15:07"
+                           FontSize="36"
+                           FontWeight="Bold"
+                           FontFeatures="tnum"
+                           Foreground="#10131A"
+                           MaxLines="1"
+                           TextWrapping="NoWrap"
+                           TextTrimming="CharacterEllipsis" />
+
+                <StackPanel x:Name="DateWeatherStack"
+                            Orientation="Horizontal"
+                            Spacing="6"
+                            VerticalAlignment="Center">
+                    <TextBlock x:Name="DateTextBlock"
+                               Text="8&#x6708;14&#x65E5;"
+                               FontSize="18"
+                               FontWeight="SemiBold"
+                               Foreground="#7A7E87"
+                               VerticalAlignment="Center"
+                               MaxLines="1"
+                               TextWrapping="NoWrap"
+                               TextTrimming="CharacterEllipsis" />
+
+                    <fi:SymbolIcon x:Name="WeatherIconSymbol"
+                                   Symbol="WeatherPartlyCloudyDay"
+                                   FontSize="18"
+                                   Foreground="#5A9CFF"
+                                   VerticalAlignment="Center"
+                                   IconVariant="Regular" />
+                </StackPanel>
+            </StackPanel>
+
+            <Border x:Name="AnalogDialBorder"
+                    Grid.Column="1"
+                    Width="52"
+                    Height="52"
+                    CornerRadius="26"
+                    Background="#F8FAFF"
+                    BorderBrush="#12000000"
+                    BorderThickness="1"
+                    VerticalAlignment="Center">
+                <Viewbox Stretch="Uniform">
+                    <Grid Width="104"
+                          Height="104">
+                        <Canvas x:Name="TickCanvas"
+                                Width="104"
+                                Height="104"
+                                IsHitTestVisible="False" />
+
+                        <Canvas x:Name="HandsCanvas"
+                                Width="104"
+                                Height="104"
+                                IsHitTestVisible="False" />
+
+                        <Ellipse x:Name="CenterDotOuter"
+                                 Width="12"
+                                 Height="12"
+                                 Fill="#4F7CC0"
+                                 HorizontalAlignment="Center"
+                                 VerticalAlignment="Center" />
+
+                        <Ellipse x:Name="CenterDotInner"
+                                 Width="5"
+                                 Height="5"
+                                 Fill="#1A74F2"
+                                 HorizontalAlignment="Center"
+                                 VerticalAlignment="Center" />
+                    </Grid>
+                </Viewbox>
+            </Border>
+        </Grid>
+    </Border>
+</UserControl>
diff --git a/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml.cs b/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml.cs
new file mode 100644
index 0000000..d6a466f
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WeatherClockWidget.axaml.cs
@@ -0,0 +1,619 @@
+using System;
+using System.Globalization;
+using System.Threading;
+using System.Threading.Tasks;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Shapes;
+using Avalonia.Media;
+using Avalonia.Styling;
+using Avalonia.Threading;
+using FluentIcons.Common;
+using LanMontainDesktop.Models;
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public partial class WeatherClockWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget, IWeatherInfoAwareComponentWidget
+{
+    private sealed record WeatherClockConfig(
+        string LanguageCode,
+        string Locale,
+        string LocationKey,
+        double Latitude,
+        double Longitude);
+
+    private const double DialDesignSize = 104;
+    private const double DialCenter = DialDesignSize / 2d;
+
+    private static readonly IWeatherInfoService DefaultWeatherInfoService = new XiaomiWeatherService();
+
+    private readonly DispatcherTimer _clockTimer = new()
+    {
+        Interval = TimeSpan.FromSeconds(1)
+    };
+
+    private readonly DispatcherTimer _weatherRefreshTimer = new()
+    {
+        Interval = TimeSpan.FromMinutes(12)
+    };
+
+    private readonly AppSettingsService _settingsService = new();
+    private readonly LocalizationService _localizationService = new();
+    private readonly Line _hourHandLine = CreateHandLine("#232938", 4.0);
+    private readonly Line _minuteHandLine = CreateHandLine("#2F3749", 2.8);
+    private readonly Line _secondHandLine = CreateHandLine("#1A74F2", 1.9);
+
+    private IWeatherInfoService _weatherInfoService = DefaultWeatherInfoService;
+    private TimeZoneService? _timeZoneService;
+    private CancellationTokenSource? _refreshCts;
+    private double _currentCellSize = 48;
+    private bool _isAttached;
+    private bool _dialInitialized;
+    private bool _handsInitialized;
+    private bool _isRefreshing;
+    private bool? _isNightModeApplied;
+    private string _languageCode = "zh-CN";
+    private Symbol _activeWeatherSymbol = Symbol.WeatherPartlyCloudyDay;
+
+    public WeatherClockWidget()
+    {
+        InitializeComponent();
+
+        _clockTimer.Tick += OnClockTimerTick;
+        _weatherRefreshTimer.Tick += OnWeatherRefreshTick;
+        AttachedToVisualTree += OnAttachedToVisualTree;
+        DetachedFromVisualTree += OnDetachedFromVisualTree;
+        SizeChanged += OnSizeChanged;
+
+        InitializeDialIfNeeded();
+        InitializeHandsIfNeeded();
+        ApplyCellSize(_currentCellSize);
+        ApplyDefaultWeatherIcon();
+        UpdateClockVisual();
+    }
+
+    public void SetTimeZoneService(TimeZoneService timeZoneService)
+    {
+        if (_timeZoneService is not null)
+        {
+            _timeZoneService.TimeZoneChanged -= OnTimeZoneChanged;
+        }
+
+        _timeZoneService = timeZoneService;
+        _timeZoneService.TimeZoneChanged += OnTimeZoneChanged;
+        UpdateClockVisual();
+    }
+
+    public void SetWeatherInfoService(IWeatherInfoService weatherInfoService)
+    {
+        _weatherInfoService = weatherInfoService ?? DefaultWeatherInfoService;
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    public void ApplyCellSize(double cellSize)
+    {
+        _currentCellSize = Math.Max(1, cellSize);
+        var scale = ResolveScale();
+        var targetHeight = Bounds.Height > 1
+            ? Math.Clamp(Bounds.Height, 38, 160)
+            : Math.Clamp(_currentCellSize * 0.92, 38, 120);
+        var targetWidth = Bounds.Width > 1
+            ? Math.Clamp(Bounds.Width, 48, 520)
+            : Math.Clamp(_currentCellSize * 2.15, 88, 260);
+        var compactness = Math.Clamp((170 - targetWidth) / 78d, 0, 1);
+        var compactFactor = Lerp(1, 0.72, compactness);
+        var cornerRadius = Math.Clamp(targetHeight * 0.40, 15, 36);
+
+        var horizontalPadding = Math.Clamp(targetHeight * Lerp(0.18, 0.12, compactness), 5, 30);
+        var verticalPadding = Math.Clamp(targetHeight * Lerp(0.14, 0.10, compactness), 3, 20);
+
+        RootBorder.CornerRadius = new CornerRadius(cornerRadius);
+        RootBorder.Padding = new Thickness(horizontalPadding, verticalPadding, horizontalPadding, verticalPadding);
+
+        var columnSpacing = Math.Clamp(targetHeight * Lerp(0.16, 0.08, compactness), 3, 22);
+        ContentGrid.ColumnSpacing = columnSpacing;
+        LeftStack.Spacing = Math.Clamp(targetHeight * Lerp(0.06, 0.04, compactness), 1.5, 10);
+        DateWeatherStack.Spacing = Math.Clamp(targetHeight * Lerp(0.10, 0.06, compactness), 3, 14);
+
+        TimeTextBlock.FontSize = Math.Clamp(31 * scale * compactFactor, 14, 62);
+        DateTextBlock.FontSize = Math.Clamp(15.5 * scale * compactFactor, 9, 30);
+        WeatherIconSymbol.FontSize = Math.Clamp(17 * scale * compactFactor, 10, 32);
+
+        TimeTextBlock.FontWeight = ToVariableWeight(Lerp(620, 760, Math.Clamp((scale - 0.68) / 1.35, 0, 1)));
+        DateTextBlock.FontWeight = ToVariableWeight(Lerp(540, 680, Math.Clamp((scale - 0.68) / 1.35, 0, 1)));
+
+        var contentHeight = Math.Max(24, targetHeight - (verticalPadding * 2));
+        var contentWidth = Math.Max(48, targetWidth - (horizontalPadding * 2));
+        var minimumLeftWidth = Math.Clamp(contentWidth * Lerp(0.56, 0.64, compactness), 52, 360);
+        var maxDialByWidth = Math.Max(18, contentWidth - minimumLeftWidth - columnSpacing);
+        var dialByHeight = contentHeight * Lerp(0.94, 0.84, compactness);
+        var dialSize = Math.Clamp(Math.Min(dialByHeight, maxDialByWidth), 20, 140);
+        var leftContentWidth = Math.Max(26, contentWidth - dialSize - columnSpacing);
+
+        LeftStack.MaxWidth = leftContentWidth;
+        DateWeatherStack.MaxWidth = leftContentWidth;
+        TimeTextBlock.MaxWidth = leftContentWidth;
+        DateTextBlock.MaxWidth = Math.Max(18, leftContentWidth - WeatherIconSymbol.FontSize - DateWeatherStack.Spacing);
+
+        AnalogDialBorder.Width = dialSize;
+        AnalogDialBorder.Height = dialSize;
+        AnalogDialBorder.CornerRadius = new CornerRadius(dialSize / 2d);
+
+        ApplyModeVisualIfNeeded();
+    }
+
+    private void OnAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = true;
+        UpdateClockVisual();
+        _clockTimer.Start();
+        _weatherRefreshTimer.Start();
+        _ = RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = false;
+        _clockTimer.Stop();
+        _weatherRefreshTimer.Stop();
+        CancelRefreshRequest();
+    }
+
+    private void OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        ApplyCellSize(_currentCellSize);
+    }
+
+    private void OnClockTimerTick(object? sender, EventArgs e)
+    {
+        UpdateClockVisual();
+    }
+
+    private async void OnWeatherRefreshTick(object? sender, EventArgs e)
+    {
+        await RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnTimeZoneChanged(object? sender, EventArgs e)
+    {
+        UpdateClockVisual();
+    }
+
+    private async Task RefreshWeatherAsync(bool forceRefresh)
+    {
+        if (!_isAttached || _isRefreshing)
+        {
+            return;
+        }
+
+        _isRefreshing = true;
+        var config = LoadConfig();
+        _languageCode = config.LanguageCode;
+
+        if (string.IsNullOrWhiteSpace(config.LocationKey))
+        {
+            ApplyDefaultWeatherIcon();
+            _isRefreshing = false;
+            UpdateClockVisual();
+            return;
+        }
+
+        var cts = new CancellationTokenSource();
+        var previous = Interlocked.Exchange(ref _refreshCts, cts);
+        previous?.Cancel();
+        previous?.Dispose();
+
+        try
+        {
+            var query = new WeatherQuery(
+                LocationKey: config.LocationKey,
+                Latitude: config.Latitude,
+                Longitude: config.Longitude,
+                ForecastDays: 1,
+                Locale: config.Locale,
+                ForceRefresh: forceRefresh);
+
+            var result = await _weatherInfoService.GetWeatherAsync(query, cts.Token);
+            if (cts.IsCancellationRequested || !_isAttached)
+            {
+                return;
+            }
+
+            if (!result.Success || result.Data is null)
+            {
+                ApplyDefaultWeatherIcon();
+                return;
+            }
+
+            ApplyWeatherSnapshot(result.Data);
+        }
+        catch (OperationCanceledException)
+        {
+            // Ignore canceled refresh requests.
+        }
+        catch
+        {
+            if (!cts.IsCancellationRequested && _isAttached)
+            {
+                ApplyDefaultWeatherIcon();
+            }
+        }
+        finally
+        {
+            if (ReferenceEquals(_refreshCts, cts))
+            {
+                _refreshCts = null;
+            }
+
+            cts.Dispose();
+            _isRefreshing = false;
+        }
+    }
+
+    private void ApplyWeatherSnapshot(WeatherSnapshot snapshot)
+    {
+        var isNight = ResolveIsNight(snapshot);
+        _activeWeatherSymbol = ResolveWeatherSymbol(snapshot.Current.WeatherCode, isNight);
+        WeatherIconSymbol.Symbol = _activeWeatherSymbol;
+        WeatherIconSymbol.Foreground = CreateBrush(ResolveWeatherIconColor(_activeWeatherSymbol, isNight));
+    }
+
+    private void ApplyDefaultWeatherIcon()
+    {
+        var isNight = IsNightNow();
+        _activeWeatherSymbol = isNight ? Symbol.WeatherMoon : Symbol.WeatherPartlyCloudyDay;
+        WeatherIconSymbol.Symbol = _activeWeatherSymbol;
+        WeatherIconSymbol.Foreground = CreateBrush(ResolveWeatherIconColor(_activeWeatherSymbol, isNight));
+    }
+
+    private void UpdateClockVisual()
+    {
+        ApplyModeVisualIfNeeded();
+
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        TimeTextBlock.Text = now.ToString("HH:mm", CultureInfo.CurrentCulture);
+        DateTextBlock.Text = FormatDate(now);
+
+        var hourAngle = (now.Hour % 12 + now.Minute / 60d + now.Second / 3600d) * 30d;
+        var minuteAngle = (now.Minute + now.Second / 60d) * 6d;
+        var secondAngle = (now.Second + now.Millisecond / 1000d) * 6d;
+
+        SetHandGeometry(_hourHandLine, hourAngle, forwardLength: 23.5, backwardLength: 5.0);
+        SetHandGeometry(_minuteHandLine, minuteAngle, forwardLength: 33.5, backwardLength: 6.5);
+        SetHandGeometry(_secondHandLine, secondAngle, forwardLength: 39.0, backwardLength: 10.0);
+    }
+
+    private void InitializeDialIfNeeded()
+    {
+        if (_dialInitialized)
+        {
+            return;
+        }
+
+        BuildTicks(isNightMode: false);
+        _dialInitialized = true;
+    }
+
+    private void InitializeHandsIfNeeded()
+    {
+        if (_handsInitialized)
+        {
+            return;
+        }
+
+        HandsCanvas.Children.Clear();
+        HandsCanvas.Children.Add(_hourHandLine);
+        HandsCanvas.Children.Add(_minuteHandLine);
+        HandsCanvas.Children.Add(_secondHandLine);
+        _handsInitialized = true;
+    }
+
+    private void BuildTicks(bool isNightMode)
+    {
+        TickCanvas.Children.Clear();
+        var tickColor = isNightMode ? "#CED7EA" : "#1C2333";
+
+        for (var i = 0; i < 12; i++)
+        {
+            var angle = (i * 30 - 90) * Math.PI / 180d;
+            var isMajor = i % 3 == 0;
+            var outerRadius = DialCenter - 8;
+            var innerRadius = outerRadius - (isMajor ? 13.5 : 9.5);
+
+            var x1 = DialCenter + Math.Cos(angle) * innerRadius;
+            var y1 = DialCenter + Math.Sin(angle) * innerRadius;
+            var x2 = DialCenter + Math.Cos(angle) * outerRadius;
+            var y2 = DialCenter + Math.Sin(angle) * outerRadius;
+
+            TickCanvas.Children.Add(new Line
+            {
+                StartPoint = new Point(x1, y1),
+                EndPoint = new Point(x2, y2),
+                Stroke = CreateBrush(tickColor),
+                StrokeThickness = isMajor ? 2.8 : 1.9,
+                StrokeLineCap = PenLineCap.Round
+            });
+        }
+    }
+
+    private void ApplyModeVisualIfNeeded()
+    {
+        var isNightMode = ResolveIsNightMode();
+        if (_isNightModeApplied.HasValue && _isNightModeApplied.Value == isNightMode)
+        {
+            return;
+        }
+
+        _isNightModeApplied = isNightMode;
+        ApplyModeVisual(isNightMode);
+    }
+
+    private void ApplyModeVisual(bool isNightMode)
+    {
+        RootBorder.Background = isNightMode
+            ? CreateGradientBrush("#2A3346", "#202A3B")
+            : CreateGradientBrush("#FFFFFF", "#F6F8FC");
+        RootBorder.BorderBrush = CreateBrush(isNightMode ? "#36F2F5FF" : "#14000000");
+
+        AnalogDialBorder.Background = isNightMode
+            ? CreateBrush("#1B2434")
+            : CreateBrush("#F8FAFF");
+        AnalogDialBorder.BorderBrush = CreateBrush(isNightMode ? "#34DDE7FF" : "#12000000");
+
+        TimeTextBlock.Foreground = CreateBrush(isNightMode ? "#F8FBFF" : "#10131A");
+        DateTextBlock.Foreground = CreateBrush(isNightMode ? "#BCC8DD" : "#7A7E87");
+
+        _hourHandLine.Stroke = CreateBrush(isNightMode ? "#F1F5FF" : "#232938");
+        _minuteHandLine.Stroke = CreateBrush(isNightMode ? "#D6E0F2" : "#2F3749");
+        _secondHandLine.Stroke = CreateBrush("#1A74F2");
+        CenterDotOuter.Fill = CreateBrush(isNightMode ? "#7BAAE8" : "#4F7CC0");
+        CenterDotInner.Fill = CreateBrush("#1A74F2");
+
+        BuildTicks(isNightMode);
+        WeatherIconSymbol.Foreground = CreateBrush(ResolveWeatherIconColor(_activeWeatherSymbol, isNightMode));
+    }
+
+    private WeatherClockConfig LoadConfig()
+    {
+        var snapshot = _settingsService.Load();
+        var languageCode = _localizationService.NormalizeLanguageCode(snapshot.LanguageCode);
+        var locale = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "zh_cn"
+            : "en_us";
+
+        var latitude = NormalizeLatitude(snapshot.WeatherLatitude);
+        var longitude = NormalizeLongitude(snapshot.WeatherLongitude);
+        var locationKey = snapshot.WeatherLocationKey?.Trim() ?? string.Empty;
+
+        var modeIsCoordinates = string.Equals(
+            snapshot.WeatherLocationMode,
+            "Coordinates",
+            StringComparison.OrdinalIgnoreCase);
+        if (modeIsCoordinates && string.IsNullOrWhiteSpace(locationKey))
+        {
+            locationKey = BuildCoordinateLocationKey(latitude, longitude);
+        }
+
+        return new WeatherClockConfig(
+            LanguageCode: languageCode,
+            Locale: locale,
+            LocationKey: locationKey,
+            Latitude: latitude,
+            Longitude: longitude);
+    }
+
+    private string FormatDate(DateTime dateTime)
+    {
+        var isZh = string.Equals(_languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase);
+        if (isZh)
+        {
+            return string.Create(CultureInfo.InvariantCulture, $"{dateTime.Month}\u6708{dateTime.Day}\u65e5");
+        }
+
+        try
+        {
+            var culture = CultureInfo.GetCultureInfo(_languageCode);
+            return dateTime.ToString("MMM d", culture);
+        }
+        catch
+        {
+            return dateTime.ToString("MMM d", CultureInfo.InvariantCulture);
+        }
+    }
+
+    private double ResolveScale()
+    {
+        var cellScale = Math.Clamp(_currentCellSize / 44d, 0.60, 2.20);
+        var heightScale = Bounds.Height > 1 ? Math.Clamp(Bounds.Height / 56d, 0.65, 2.80) : 1;
+        var widthScale = Bounds.Width > 1 ? Math.Clamp(Bounds.Width / 180d, 0.65, 2.80) : 1;
+        return Math.Clamp(Math.Min(heightScale, widthScale) * 1.02 * cellScale, 0.62, 2.40);
+    }
+
+    private bool ResolveIsNight(WeatherSnapshot snapshot)
+    {
+        if (snapshot.ObservationTime.HasValue)
+        {
+            var observed = snapshot.ObservationTime.Value;
+            try
+            {
+                if (_timeZoneService is not null)
+                {
+                    var zoned = TimeZoneInfo.ConvertTime(observed, _timeZoneService.CurrentTimeZone);
+                    return zoned.Hour < 6 || zoned.Hour >= 18;
+                }
+            }
+            catch
+            {
+                // Fall through to local observation.
+            }
+
+            return observed.Hour < 6 || observed.Hour >= 18;
+        }
+
+        return IsNightNow();
+    }
+
+    private bool IsNightNow()
+    {
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        return now.Hour < 6 || now.Hour >= 18;
+    }
+
+    private bool ResolveIsNightMode()
+    {
+        if (ActualThemeVariant == ThemeVariant.Dark)
+        {
+            return true;
+        }
+
+        if (ActualThemeVariant == ThemeVariant.Light)
+        {
+            return false;
+        }
+
+        if (this.TryFindResource("AdaptiveSurfaceBaseBrush", out var value) &&
+            value is ISolidColorBrush solidBrush)
+        {
+            return CalculateRelativeLuminance(solidBrush.Color) < 0.45;
+        }
+
+        return false;
+    }
+
+    private static Symbol ResolveWeatherSymbol(int? weatherCode, bool isNight)
+    {
+        return weatherCode switch
+        {
+            0 => isNight ? Symbol.WeatherMoon : Symbol.WeatherSunny,
+            1 or 2 => isNight ? Symbol.WeatherPartlyCloudyNight : Symbol.WeatherPartlyCloudyDay,
+            3 or 7 => Symbol.WeatherRainShowersDay,
+            8 or 9 => Symbol.WeatherRain,
+            4 => Symbol.WeatherThunderstorm,
+            13 or 14 or 15 or 16 => Symbol.WeatherSnow,
+            18 or 32 => Symbol.WeatherFog,
+            _ => isNight ? Symbol.WeatherPartlyCloudyNight : Symbol.WeatherPartlyCloudyDay
+        };
+    }
+
+    private static string ResolveWeatherIconColor(Symbol symbol, bool isNightMode)
+    {
+        return symbol switch
+        {
+            Symbol.WeatherSunny => isNightMode ? "#FFD978" : "#F7B500",
+            Symbol.WeatherMoon => "#F6D98F",
+            Symbol.WeatherPartlyCloudyDay => "#5A9CFF",
+            Symbol.WeatherPartlyCloudyNight => "#8AB6FF",
+            Symbol.WeatherRainShowersDay => "#5F96E8",
+            Symbol.WeatherRain => "#4B84DA",
+            Symbol.WeatherThunderstorm => "#F1C24D",
+            Symbol.WeatherSnow => "#8EBFE5",
+            _ => isNightMode ? "#A9BDD7" : "#93A2B8"
+        };
+    }
+
+    private static void SetHandGeometry(Line hand, double angleDeg, double forwardLength, double backwardLength)
+    {
+        var radians = (angleDeg - 90) * Math.PI / 180d;
+        var cos = Math.Cos(radians);
+        var sin = Math.Sin(radians);
+
+        hand.StartPoint = new Point(
+            DialCenter - (cos * backwardLength),
+            DialCenter - (sin * backwardLength));
+        hand.EndPoint = new Point(
+            DialCenter + (cos * forwardLength),
+            DialCenter + (sin * forwardLength));
+    }
+
+    private static Line CreateHandLine(string colorHex, double thickness)
+    {
+        return new Line
+        {
+            StartPoint = new Point(DialCenter, DialCenter),
+            EndPoint = new Point(DialCenter, DialCenter - 32),
+            Stroke = CreateBrush(colorHex),
+            StrokeThickness = thickness,
+            StrokeLineCap = PenLineCap.Round
+        };
+    }
+
+    private static IBrush CreateBrush(string colorHex)
+    {
+        return new SolidColorBrush(Color.Parse(colorHex));
+    }
+
+    private static IBrush CreateGradientBrush(string fromHex, string toHex)
+    {
+        return new LinearGradientBrush
+        {
+            StartPoint = new RelativePoint(0, 0, RelativeUnit.Relative),
+            EndPoint = new RelativePoint(1, 1, RelativeUnit.Relative),
+            GradientStops = new GradientStops
+            {
+                new GradientStop(Color.Parse(fromHex), 0),
+                new GradientStop(Color.Parse(toHex), 1)
+            }
+        };
+    }
+
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
+    private static double CalculateRelativeLuminance(Color color)
+    {
+        static double ToLinear(double channel)
+        {
+            return channel <= 0.03928
+                ? channel / 12.92
+                : Math.Pow((channel + 0.055) / 1.055, 2.4);
+        }
+
+        var r = ToLinear(color.R / 255d);
+        var g = ToLinear(color.G / 255d);
+        var b = ToLinear(color.B / 255d);
+        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    }
+
+    private static string BuildCoordinateLocationKey(double latitude, double longitude)
+    {
+        return string.Create(CultureInfo.InvariantCulture, $"coord:{latitude:F4},{longitude:F4}");
+    }
+
+    private static double NormalizeLatitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 39.9042;
+        }
+
+        return Math.Clamp(value, -90, 90);
+    }
+
+    private static double NormalizeLongitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 116.4074;
+        }
+
+        return Math.Clamp(value, -180, 180);
+    }
+
+    private void CancelRefreshRequest()
+    {
+        var cts = Interlocked.Exchange(ref _refreshCts, null);
+        cts?.Cancel();
+        cts?.Dispose();
+    }
+}
diff --git a/LanMontainDesktop/Views/Components/WeatherWidget.axaml b/LanMontainDesktop/Views/Components/WeatherWidget.axaml
new file mode 100644
index 0000000..4946e47
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WeatherWidget.axaml
@@ -0,0 +1,150 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:fi="using:FluentIcons.Avalonia"
+             mc:Ignorable="d"
+             d:DesignWidth="320"
+             d:DesignHeight="320"
+             x:Class="LanMontainDesktop.Views.Components.WeatherWidget">
+
+    <Border x:Name="RootBorder"
+            CornerRadius="28"
+            ClipToBounds="True"
+            Background="#68A9EC">
+        <Grid>
+            <Border x:Name="BackgroundImageLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True" />
+
+            <Border x:Name="BackgroundMotionLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.24"
+                    RenderTransformOrigin="0.5,0.5">
+                <Border.RenderTransform>
+                    <TransformGroup>
+                        <ScaleTransform ScaleX="1.05"
+                                        ScaleY="1.05" />
+                        <TranslateTransform />
+                    </TransformGroup>
+                </Border.RenderTransform>
+            </Border>
+
+            <Border x:Name="BackgroundTintLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.20" />
+
+            <Border x:Name="BackgroundLightLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.66">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="1,1">
+                        <GradientStop Color="#5BFFFFFF"
+                                      Offset="0" />
+                        <GradientStop Color="#1FFFFFFF"
+                                      Offset="0.30" />
+                        <GradientStop Color="#00000000"
+                                      Offset="0.55" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Border x:Name="BackgroundShadeLayer"
+                    CornerRadius="28"
+                    ClipToBounds="True"
+                    Opacity="0.78">
+                <Border.Background>
+                    <LinearGradientBrush StartPoint="0,0"
+                                         EndPoint="0,1">
+                        <GradientStop Color="#00040A16"
+                                      Offset="0.50" />
+                        <GradientStop Color="#2E0B1C34"
+                                      Offset="1" />
+                    </LinearGradientBrush>
+                </Border.Background>
+            </Border>
+
+            <Canvas x:Name="ParticleLayer"
+                    IsHitTestVisible="False"
+                    ClipToBounds="True" />
+
+            <Border x:Name="ContentPaddingBorder"
+                    Padding="18"
+                    Background="Transparent">
+                <Viewbox Stretch="Uniform">
+                    <Grid x:Name="LayoutRoot"
+                          Width="300"
+                          Height="300">
+                        <Grid x:Name="ContentGrid"
+                              RowDefinitions="Auto,*,Auto"
+                              RowSpacing="8">
+                            <Grid x:Name="TopRowGrid"
+                                  Grid.Row="0"
+                                  ColumnDefinitions="Auto,*,Auto"
+                                  ColumnSpacing="8">
+                                <fi:SymbolIcon x:Name="LocationIcon"
+                                               Symbol="Location"
+                                               FontSize="20"
+                                               VerticalAlignment="Center" />
+
+                                <TextBlock x:Name="CityTextBlock"
+                                           Grid.Column="1"
+                                           Text="Beijing"
+                                           FontSize="30"
+                                           FontWeight="SemiBold"
+                                           VerticalAlignment="Center"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <fi:SymbolIcon x:Name="WeatherIconSymbol"
+                                               Grid.Column="2"
+                                               Symbol="WeatherSunny"
+                                               IconVariant="Regular"
+                                               FontSize="40"
+                                               HorizontalAlignment="Right"
+                                               VerticalAlignment="Center" />
+                            </Grid>
+
+                            <TextBlock x:Name="TemperatureTextBlock"
+                                       Grid.Row="1"
+                                       Text="26"
+                                       FontSize="108"
+                                       FontWeight="Bold"
+                                       FontFeatures="tnum"
+                                       VerticalAlignment="Center"
+                                       Margin="0,4,0,10"
+                                       TextTrimming="CharacterEllipsis"
+                                       MaxLines="1" />
+
+                            <StackPanel x:Name="BottomInfoStack"
+                                        Grid.Row="2"
+                                        VerticalAlignment="Bottom"
+                                        Spacing="4"
+                                        Margin="0,0,0,10">
+                                <TextBlock x:Name="ConditionTextBlock"
+                                           Text="Clear"
+                                           FontSize="30"
+                                           FontWeight="SemiBold"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+
+                                <TextBlock x:Name="RangeTextBlock"
+                                           Text="20 / 28"
+                                           FontSize="36"
+                                           FontWeight="SemiBold"
+                                           FontFeatures="tnum"
+                                           TextTrimming="CharacterEllipsis"
+                                           MaxLines="1" />
+                            </StackPanel>
+                        </Grid>
+                    </Grid>
+                </Viewbox>
+            </Border>
+        </Grid>
+    </Border>
+</UserControl>
+
diff --git a/LanMontainDesktop/Views/Components/WeatherWidget.axaml.cs b/LanMontainDesktop/Views/Components/WeatherWidget.axaml.cs
new file mode 100644
index 0000000..a324dbf
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WeatherWidget.axaml.cs
@@ -0,0 +1,1215 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text.RegularExpressions;
+using System.Threading;
+using System.Threading.Tasks;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Media;
+using Avalonia.Media.Imaging;
+using Avalonia.Platform;
+using Avalonia.Threading;
+using FluentIcons.Common;
+using LanMontainDesktop.Models;
+using LanMontainDesktop.Services;
+
+namespace LanMontainDesktop.Views.Components;
+
+public partial class WeatherWidget : UserControl, IDesktopComponentWidget, ITimeZoneAwareComponentWidget, IWeatherInfoAwareComponentWidget
+{
+    private enum WeatherVisualKind
+    {
+        ClearDay,
+        ClearNight,
+        CloudyDay,
+        CloudyNight,
+        RainLight,
+        RainHeavy,
+        Storm,
+        Snow,
+        Fog
+    }
+
+    private readonly record struct WeatherVisualPalette(
+        string GradientFrom,
+        string GradientTo,
+        string Tint,
+        string PrimaryText,
+        string SecondaryText,
+        string ParticleColor);
+
+    private readonly record struct WeatherMotionProfile(
+        double DriftX,
+        double DriftY,
+        double ZoomBase,
+        double ZoomAmplitude,
+        double MotionOpacityBase,
+        double MotionOpacityPulse,
+        double LightOpacityBase,
+        double LightOpacityPulse,
+        double ShadeOpacityBase,
+        double ShadeOpacityPulse,
+        double PhaseStep,
+        int ParticleCount,
+        double ParticleSpeedMin,
+        double ParticleSpeedMax,
+        double ParticleLengthMin,
+        double ParticleLengthMax,
+        double ParticleDriftPerTick);
+
+    private sealed class ParticleState
+    {
+        public double Speed { get; set; }
+
+        public double Drift { get; set; }
+    }
+
+    private sealed record WeatherWidgetConfig(
+        string LanguageCode,
+        string Locale,
+        string LocationKey,
+        string LocationName,
+        double Latitude,
+        double Longitude);
+
+    private static readonly IReadOnlyDictionary<WeatherVisualKind, string> WeatherBackgroundAssets =
+        new Dictionary<WeatherVisualKind, string>
+        {
+            [WeatherVisualKind.ClearDay] = "avares://LanMontainDesktop/Assets/Weather/clear_day.jpg",
+            [WeatherVisualKind.ClearNight] = "avares://LanMontainDesktop/Assets/Weather/clear_night.jpg",
+            [WeatherVisualKind.CloudyDay] = "avares://LanMontainDesktop/Assets/Weather/cloudy_day.jpg",
+            [WeatherVisualKind.CloudyNight] = "avares://LanMontainDesktop/Assets/Weather/cloudy_night.jpg",
+            [WeatherVisualKind.RainLight] = "avares://LanMontainDesktop/Assets/Weather/rain_light.jpg",
+            [WeatherVisualKind.RainHeavy] = "avares://LanMontainDesktop/Assets/Weather/rain_heavy.jpg",
+            [WeatherVisualKind.Storm] = "avares://LanMontainDesktop/Assets/Weather/storm_dark.jpg",
+            [WeatherVisualKind.Snow] = "avares://LanMontainDesktop/Assets/Weather/snow_soft.jpg",
+            [WeatherVisualKind.Fog] = "avares://LanMontainDesktop/Assets/Weather/fog_haze.jpg"
+        };
+
+    private static readonly IWeatherInfoService DefaultWeatherInfoService = new XiaomiWeatherService();
+
+    private readonly DispatcherTimer _refreshTimer = new()
+    {
+        Interval = TimeSpan.FromMinutes(12)
+    };
+
+    private readonly DispatcherTimer _backgroundAnimationTimer = new()
+    {
+        Interval = TimeSpan.FromMilliseconds(48)
+    };
+
+    private readonly AppSettingsService _settingsService = new();
+    private readonly LocalizationService _localizationService = new();
+    private readonly Dictionary<WeatherVisualKind, IBrush> _backgroundBrushCache = new();
+    private readonly List<Border> _particleVisuals = new();
+    private readonly List<ParticleState> _particleStates = new();
+    private readonly Random _particleRandom = new();
+
+    private IWeatherInfoService _weatherInfoService = DefaultWeatherInfoService;
+    private TimeZoneService? _timeZoneService;
+    private CancellationTokenSource? _refreshCts;
+    private WeatherSnapshot? _latestSnapshot;
+    private string _languageCode = "zh-CN";
+    private double _currentCellSize = 48;
+    private WeatherVisualKind _activeVisualKind = WeatherVisualKind.ClearDay;
+    private double _animationPhase;
+    private int _activeParticleCount;
+    private bool _isAttached;
+    private bool _isRefreshing;
+
+    public WeatherWidget()
+    {
+        InitializeComponent();
+
+        _refreshTimer.Tick += OnRefreshTimerTick;
+        _backgroundAnimationTimer.Tick += OnBackgroundAnimationTick;
+        AttachedToVisualTree += OnAttachedToVisualTree;
+        DetachedFromVisualTree += OnDetachedFromVisualTree;
+        SizeChanged += OnSizeChanged;
+
+        InitializeParticleVisuals();
+        ApplyVisualTheme(WeatherVisualKind.ClearDay);
+        ApplyNotConfiguredState();
+        ApplyCellSize(_currentCellSize);
+    }
+
+    public void SetTimeZoneService(TimeZoneService timeZoneService)
+    {
+        if (_timeZoneService is not null)
+        {
+            _timeZoneService.TimeZoneChanged -= OnTimeZoneChanged;
+        }
+
+        _timeZoneService = timeZoneService;
+        _timeZoneService.TimeZoneChanged += OnTimeZoneChanged;
+    }
+
+    public void SetWeatherInfoService(IWeatherInfoService weatherInfoService)
+    {
+        _weatherInfoService = weatherInfoService ?? DefaultWeatherInfoService;
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    public void ApplyCellSize(double cellSize)
+    {
+        _currentCellSize = Math.Max(1, cellSize);
+        var scale = ResolveScale();
+        var cornerRadius = Math.Clamp(_currentCellSize * 0.45, 24, 44);
+
+        RootBorder.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundImageLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundMotionLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundTintLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundLightLayer.CornerRadius = new CornerRadius(cornerRadius);
+        BackgroundShadeLayer.CornerRadius = new CornerRadius(cornerRadius);
+        ContentPaddingBorder.Padding = new Thickness(Math.Clamp(18 * scale, 12, 24));
+        ApplyAdaptiveTypography();
+        ResetParticles();
+    }
+
+    private void OnAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = true;
+        _refreshTimer.Start();
+        _backgroundAnimationTimer.Start();
+        _ = RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _isAttached = false;
+        _refreshTimer.Stop();
+        _backgroundAnimationTimer.Stop();
+        CancelRefreshRequest();
+    }
+
+    private void OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        ApplyCellSize(_currentCellSize);
+        ResetParticles();
+    }
+
+    private async void OnRefreshTimerTick(object? sender, EventArgs e)
+    {
+        await RefreshWeatherAsync(forceRefresh: false);
+    }
+
+    private void OnBackgroundAnimationTick(object? sender, EventArgs e)
+    {
+        if (!_isAttached)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase += motion.PhaseStep;
+        if (_animationPhase > Math.PI * 2)
+        {
+            _animationPhase -= Math.PI * 2;
+        }
+
+        var sin = Math.Sin(_animationPhase);
+        var cos = Math.Cos(_animationPhase * 0.83);
+        var zoom = motion.ZoomBase + (sin * motion.ZoomAmplitude);
+
+        SetMotionTransform(sin * motion.DriftX, cos * motion.DriftY, zoom);
+
+        BackgroundMotionLayer.Opacity = Math.Clamp(
+            motion.MotionOpacityBase + (cos * motion.MotionOpacityPulse),
+            0.08,
+            0.92);
+        BackgroundLightLayer.Opacity = Math.Clamp(
+            motion.LightOpacityBase + (sin * motion.LightOpacityPulse),
+            0.10,
+            0.95);
+        BackgroundShadeLayer.Opacity = Math.Clamp(
+            motion.ShadeOpacityBase + (cos * motion.ShadeOpacityPulse),
+            0.42,
+            0.95);
+
+        AdvanceParticles(motion);
+    }
+
+    private void OnTimeZoneChanged(object? sender, EventArgs e)
+    {
+        if (_isAttached)
+        {
+            _ = RefreshWeatherAsync(forceRefresh: false);
+        }
+    }
+
+    private WeatherVisualKind ResolveFallbackVisualKind()
+    {
+        return IsNightNow() ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay;
+    }
+
+    private bool ResolveIsNight(WeatherSnapshot snapshot)
+    {
+        if (snapshot.ObservationTime.HasValue)
+        {
+            var observed = snapshot.ObservationTime.Value;
+            try
+            {
+                if (_timeZoneService is not null)
+                {
+                    var zoned = TimeZoneInfo.ConvertTime(observed, _timeZoneService.CurrentTimeZone);
+                    return zoned.Hour < 6 || zoned.Hour >= 18;
+                }
+            }
+            catch
+            {
+                // fall through to local clock
+            }
+
+            return observed.Hour < 6 || observed.Hour >= 18;
+        }
+
+        return IsNightNow();
+    }
+
+    private bool IsNightNow()
+    {
+        var now = _timeZoneService?.GetCurrentTime() ?? DateTime.Now;
+        return now.Hour < 6 || now.Hour >= 18;
+    }
+
+    private async Task RefreshWeatherAsync(bool forceRefresh)
+    {
+        if (!_isAttached || _isRefreshing)
+        {
+            return;
+        }
+
+        _isRefreshing = true;
+        var config = LoadConfig();
+        _languageCode = config.LanguageCode;
+
+        if (string.IsNullOrWhiteSpace(config.LocationKey))
+        {
+            ApplyNotConfiguredState();
+            _isRefreshing = false;
+            return;
+        }
+
+        if (_latestSnapshot is null)
+        {
+            ApplyLoadingState(config.LocationName);
+        }
+
+        var cts = new CancellationTokenSource();
+        var previous = Interlocked.Exchange(ref _refreshCts, cts);
+        previous?.Cancel();
+        previous?.Dispose();
+
+        try
+        {
+            var query = new WeatherQuery(
+                LocationKey: config.LocationKey,
+                Latitude: config.Latitude,
+                Longitude: config.Longitude,
+                ForecastDays: 3,
+                Locale: config.Locale,
+                ForceRefresh: forceRefresh);
+
+            var result = await _weatherInfoService.GetWeatherAsync(query, cts.Token);
+            if (cts.IsCancellationRequested || !_isAttached)
+            {
+                return;
+            }
+
+            if (!result.Success || result.Data is null)
+            {
+                ApplyFailedState(config.LocationName);
+                return;
+            }
+
+            _latestSnapshot = result.Data;
+            ApplySnapshot(result.Data, config.LocationName);
+        }
+        catch (OperationCanceledException)
+        {
+            // Ignore canceled refresh requests.
+        }
+        catch
+        {
+            if (!cts.IsCancellationRequested && _isAttached)
+            {
+                ApplyFailedState(config.LocationName);
+            }
+        }
+        finally
+        {
+            if (ReferenceEquals(_refreshCts, cts))
+            {
+                _refreshCts = null;
+            }
+
+            cts.Dispose();
+            _isRefreshing = false;
+        }
+    }
+
+    private WeatherWidgetConfig LoadConfig()
+    {
+        var snapshot = _settingsService.Load();
+        var languageCode = _localizationService.NormalizeLanguageCode(snapshot.LanguageCode);
+        var locale = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "zh_cn"
+            : "en_us";
+
+        var latitude = NormalizeLatitude(snapshot.WeatherLatitude);
+        var longitude = NormalizeLongitude(snapshot.WeatherLongitude);
+        var modeIsCoordinates = string.Equals(snapshot.WeatherLocationMode, "Coordinates", StringComparison.OrdinalIgnoreCase);
+        var locationKey = snapshot.WeatherLocationKey?.Trim() ?? string.Empty;
+        var locationName = snapshot.WeatherLocationName?.Trim() ?? string.Empty;
+
+        if (modeIsCoordinates)
+        {
+            if (string.IsNullOrWhiteSpace(locationKey))
+            {
+                locationKey = BuildCoordinateLocationKey(latitude, longitude);
+            }
+
+            if (string.IsNullOrWhiteSpace(locationName))
+            {
+                locationName = BuildCoordinateLocationName(latitude, longitude, languageCode);
+            }
+        }
+        else if (string.IsNullOrWhiteSpace(locationName))
+        {
+            locationName = locationKey;
+        }
+
+        return new WeatherWidgetConfig(
+            languageCode,
+            locale,
+            locationKey,
+            locationName,
+            latitude,
+            longitude);
+    }
+
+    private void ApplySnapshot(WeatherSnapshot snapshot, string fallbackLocationName)
+    {
+        var isNight = ResolveIsNight(snapshot);
+        var visualKind = ResolveVisualKind(snapshot.Current.WeatherCode, isNight);
+        ApplyVisualTheme(visualKind);
+
+        var rawLocation = string.IsNullOrWhiteSpace(snapshot.LocationName)
+            ? fallbackLocationName
+            : snapshot.LocationName;
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(rawLocation, _languageCode, L("weather.widget.location_unknown", "Unknown location"));
+
+        ConditionTextBlock.Text = ResolveWeatherConditionText(snapshot.Current.WeatherText, visualKind);
+        WeatherIconSymbol.Symbol = ResolveWeatherSymbol(visualKind);
+
+        TemperatureTextBlock.Text = FormatTemperature(snapshot.Current.TemperatureC);
+        var (low, high) = ResolveTemperatureRange(snapshot);
+        RangeTextBlock.Text = FormatTemperatureRange(low, high);
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyNotConfiguredState()
+    {
+        var fallbackKind = ResolveFallbackVisualKind();
+        ApplyVisualTheme(fallbackKind);
+        WeatherIconSymbol.Symbol = fallbackKind == WeatherVisualKind.ClearNight
+            ? Symbol.WeatherMoon
+            : Symbol.WeatherSunny;
+        CityTextBlock.Text = L("weather.widget.location_not_configured", "Weather location is not configured");
+        ConditionTextBlock.Text = L("weather.widget.configure_hint", "Open Settings > Weather to configure");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyLoadingState(string locationName)
+    {
+        var loadingKind = IsNightNow() ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay;
+        ApplyVisualTheme(loadingKind);
+        WeatherIconSymbol.Symbol = loadingKind == WeatherVisualKind.CloudyNight
+            ? Symbol.WeatherPartlyCloudyNight
+            : Symbol.WeatherPartlyCloudyDay;
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.loading", "Loading...");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyAdaptiveTypography();
+    }
+
+    private void ApplyFailedState(string locationName)
+    {
+        ApplyVisualTheme(WeatherVisualKind.Fog);
+        WeatherIconSymbol.Symbol = Symbol.WeatherFog;
+        CityTextBlock.Text = ResolvePreciseDisplayLocation(
+            locationName,
+            _languageCode,
+            L("weather.widget.location_unknown", "Unknown location"));
+        ConditionTextBlock.Text = L("weather.widget.fetch_failed", "Weather fetch failed");
+        TemperatureTextBlock.Text = "--°";
+        RangeTextBlock.Text = L("weather.widget.range_unknown", "-- / --");
+        ApplyAdaptiveTypography();
+        _latestSnapshot = null;
+    }
+
+    private void ApplyVisualTheme(WeatherVisualKind kind)
+    {
+        _activeVisualKind = kind;
+        var palette = ResolvePalette(kind);
+        RootBorder.Background = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        BackgroundImageLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundMotionLayer.Background = ResolveWeatherBackgroundBrush(kind, palette);
+        BackgroundTintLayer.Background = CreateSolidBrush(palette.Tint);
+
+        var primary = CreateSolidBrush(palette.PrimaryText);
+        var secondary = CreateSolidBrush(palette.SecondaryText);
+        var particleBrush = CreateSolidBrush(palette.ParticleColor);
+        LocationIcon.Foreground = primary;
+        CityTextBlock.Foreground = primary;
+        TemperatureTextBlock.Foreground = primary;
+        WeatherIconSymbol.Foreground = primary;
+        ConditionTextBlock.Foreground = secondary;
+        RangeTextBlock.Foreground = secondary;
+
+        foreach (var particle in _particleVisuals)
+        {
+            particle.Background = particleBrush;
+        }
+
+        ResetAnimationState();
+        ResetParticles();
+    }
+
+    private IBrush ResolveWeatherBackgroundBrush(WeatherVisualKind kind, WeatherVisualPalette palette)
+    {
+        if (_backgroundBrushCache.TryGetValue(kind, out var cached))
+        {
+            return cached;
+        }
+
+        if (WeatherBackgroundAssets.TryGetValue(kind, out var uriText))
+        {
+            try
+            {
+                var uri = new Uri(uriText, UriKind.Absolute);
+                using var stream = AssetLoader.Open(uri);
+                var bitmap = new Bitmap(stream);
+                var imageBrush = new ImageBrush
+                {
+                    Source = bitmap,
+                    Stretch = Stretch.UniformToFill,
+                    AlignmentX = AlignmentX.Center,
+                    AlignmentY = AlignmentY.Center
+                };
+                _backgroundBrushCache[kind] = imageBrush;
+                return imageBrush;
+            }
+            catch
+            {
+                // Fall through to gradient background when the image cannot be loaded.
+            }
+        }
+
+        var gradientBrush = CreateGradientBrush(palette.GradientFrom, palette.GradientTo);
+        _backgroundBrushCache[kind] = gradientBrush;
+        return gradientBrush;
+    }
+
+    private static WeatherVisualKind ResolveVisualKind(int? weatherCode, bool isNight)
+    {
+        return weatherCode switch
+        {
+            0 => isNight ? WeatherVisualKind.ClearNight : WeatherVisualKind.ClearDay,
+            1 or 2 => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay,
+            3 or 7 => WeatherVisualKind.RainLight,
+            8 or 9 => WeatherVisualKind.RainHeavy,
+            4 => WeatherVisualKind.Storm,
+            13 or 14 or 15 or 16 => WeatherVisualKind.Snow,
+            18 or 32 => WeatherVisualKind.Fog,
+            _ => isNight ? WeatherVisualKind.CloudyNight : WeatherVisualKind.CloudyDay
+        };
+    }
+
+    private static WeatherVisualPalette ResolvePalette(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherVisualPalette(
+                GradientFrom: "#4F92E8",
+                GradientTo: "#83C5FF",
+                Tint: "#234D87",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EEF5FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.ClearNight => new WeatherVisualPalette(
+                GradientFrom: "#0E2B72",
+                GradientTo: "#193A85",
+                Tint: "#0A1E52",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#CFE0FF",
+                ParticleColor: "#00FFFFFF"),
+            WeatherVisualKind.CloudyDay => new WeatherVisualPalette(
+                GradientFrom: "#4A72B3",
+                GradientTo: "#6A8EC2",
+                Tint: "#2A487C",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#EAF2FF",
+                ParticleColor: "#16FFFFFF"),
+            WeatherVisualKind.CloudyNight => new WeatherVisualPalette(
+                GradientFrom: "#102A6B",
+                GradientTo: "#193A80",
+                Tint: "#0B1F51",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#D5E4FF",
+                ParticleColor: "#24FFFFFF"),
+            WeatherVisualKind.RainLight => new WeatherVisualPalette(
+                GradientFrom: "#32588A",
+                GradientTo: "#4D74A8",
+                Tint: "#1F3454",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E6F0FF",
+                ParticleColor: "#88D7E8FF"),
+            WeatherVisualKind.RainHeavy => new WeatherVisualPalette(
+                GradientFrom: "#253F66",
+                GradientTo: "#36567F",
+                Tint: "#17263E",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE9FF",
+                ParticleColor: "#A2CDE1FF"),
+            WeatherVisualKind.Storm => new WeatherVisualPalette(
+                GradientFrom: "#293A67",
+                GradientTo: "#3A4F78",
+                Tint: "#161E35",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#DCE4F8",
+                ParticleColor: "#A8C2D6F2"),
+            WeatherVisualKind.Snow => new WeatherVisualPalette(
+                GradientFrom: "#D1E8FF",
+                GradientTo: "#A7D0F4",
+                Tint: "#607C9D",
+                PrimaryText: "#FF10253D",
+                SecondaryText: "#FF2B435E",
+                ParticleColor: "#CCFFFFFF"),
+            _ => new WeatherVisualPalette(
+                GradientFrom: "#445B7A",
+                GradientTo: "#5B738F",
+                Tint: "#2A3E56",
+                PrimaryText: "#FFFFFFFF",
+                SecondaryText: "#E7EDF6",
+                ParticleColor: "#88E4EDF7")
+        };
+    }
+
+    private static Symbol ResolveWeatherSymbol(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => Symbol.WeatherSunny,
+            WeatherVisualKind.ClearNight => Symbol.WeatherMoon,
+            WeatherVisualKind.CloudyDay => Symbol.WeatherPartlyCloudyDay,
+            WeatherVisualKind.CloudyNight => Symbol.WeatherPartlyCloudyNight,
+            WeatherVisualKind.RainLight => Symbol.WeatherRainShowersDay,
+            WeatherVisualKind.RainHeavy => Symbol.WeatherRain,
+            WeatherVisualKind.Storm => Symbol.WeatherThunderstorm,
+            WeatherVisualKind.Snow => Symbol.WeatherSnow,
+            _ => Symbol.WeatherFog
+        };
+    }
+
+    private string ResolveWeatherConditionText(string? weatherText, WeatherVisualKind kind)
+    {
+        if (!string.IsNullOrWhiteSpace(weatherText))
+        {
+            return weatherText;
+        }
+
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay or WeatherVisualKind.ClearNight => L("weather.widget.condition_clear", "Clear"),
+            WeatherVisualKind.CloudyDay or WeatherVisualKind.CloudyNight => L("weather.widget.condition_cloudy", "Cloudy"),
+            WeatherVisualKind.RainLight or WeatherVisualKind.RainHeavy => L("weather.widget.condition_rain", "Rain"),
+            WeatherVisualKind.Storm => L("weather.widget.condition_storm", "Thunderstorm"),
+            WeatherVisualKind.Snow => L("weather.widget.condition_snow", "Snow"),
+            WeatherVisualKind.Fog => L("weather.widget.condition_fog", "Fog"),
+            _ => L("weather.widget.condition_unknown", "Unknown")
+        };
+    }
+
+    private static (double? Low, double? High) ResolveTemperatureRange(WeatherSnapshot snapshot)
+    {
+        var first = snapshot.DailyForecasts.FirstOrDefault();
+        var low = first?.LowTemperatureC;
+        var high = first?.HighTemperatureC;
+
+        if (!low.HasValue && !high.HasValue && snapshot.Current.TemperatureC.HasValue)
+        {
+            var baseline = snapshot.Current.TemperatureC.Value;
+            low = Math.Floor(baseline - 2);
+            high = Math.Ceiling(baseline + 2);
+        }
+
+        return (low, high);
+    }
+
+    private string FormatTemperatureRange(double? low, double? high)
+    {
+        if (!low.HasValue && !high.HasValue)
+        {
+            return L("weather.widget.range_unknown", "-- / --");
+        }
+
+        var lowText = FormatTemperature(low);
+        var highText = FormatTemperature(high);
+        return string.Format(
+            GetUiCulture(),
+            L("weather.widget.range_format", "{0} / {1}"),
+            lowText,
+            highText);
+    }
+
+    private static string FormatTemperature(double? value)
+    {
+        if (!value.HasValue || double.IsNaN(value.Value) || double.IsInfinity(value.Value))
+        {
+            return "--";
+        }
+
+        var rounded = (int)Math.Round(value.Value, MidpointRounding.AwayFromZero);
+        return string.Create(CultureInfo.InvariantCulture, $"{rounded}°");
+    }
+
+    private static string ResolvePreciseDisplayLocation(string? rawName, string languageCode, string fallback)
+    {
+        if (string.IsNullOrWhiteSpace(rawName))
+        {
+            return fallback;
+        }
+
+        var name = rawName.Trim();
+        if (name.Length == 0)
+        {
+            return fallback;
+        }
+
+        var isZh = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase);
+        var candidates = new List<string> { name };
+
+        // Prefer detailed parts inside parenthesis, e.g. "Beijing (Haidian)".
+        var parenthesisMatches = Regex.Matches(name, @"\(([^()]+)\)|\uFF08([^\uFF08\uFF09]+)\uFF09");
+        foreach (Match match in parenthesisMatches)
+        {
+            var inner = match.Groups[1].Success ? match.Groups[1].Value : match.Groups[2].Value;
+            if (!string.IsNullOrWhiteSpace(inner))
+            {
+                candidates.Add(inner.Trim());
+            }
+        }
+
+        var nameWithoutParenthesis = Regex.Replace(name, @"\([^()]*\)|\uFF08[^\uFF08\uFF09]*\uFF09", " ");
+        candidates.Add(nameWithoutParenthesis);
+
+        const string splitPattern = @"[\s\|/\\,\uFF0C\u3001\u00B7]+";
+        foreach (var piece in Regex.Split(string.Join(" ", candidates), splitPattern))
+        {
+            var token = piece.Trim();
+            if (!string.IsNullOrWhiteSpace(token))
+            {
+                candidates.Add(token);
+            }
+        }
+
+        var best = fallback;
+        var bestScore = int.MinValue;
+        foreach (var candidate in candidates
+                     .Select(c => c.Trim())
+                     .Where(c => !string.IsNullOrWhiteSpace(c))
+                     .Distinct(StringComparer.OrdinalIgnoreCase))
+        {
+            var score = ScoreLocationToken(candidate, isZh);
+            if (score > bestScore)
+            {
+                bestScore = score;
+                best = candidate;
+            }
+        }
+
+        return string.IsNullOrWhiteSpace(best) ? fallback : best;
+    }
+
+    private static int ScoreLocationToken(string token, bool isZh)
+    {
+        var cleaned = token.Trim();
+        if (cleaned.Length == 0)
+        {
+            return int.MinValue;
+        }
+
+        if (Regex.IsMatch(cleaned, @"^[0-9.+-]+$") ||
+            cleaned.StartsWith("coord:", StringComparison.OrdinalIgnoreCase))
+        {
+            return -500;
+        }
+
+        var score = Math.Min(cleaned.Length, 32);
+        if (isZh)
+        {
+            // Prefer granular places: street > district > city > province.
+            if (cleaned.EndsWith("\u8857\u9053", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u8DEF", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u793E\u533A", StringComparison.Ordinal) ||
+                cleaned.EndsWith("\u6751", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (cleaned.EndsWith("\u9547", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u4E61", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65B0\u533A", StringComparison.Ordinal))
+            {
+                score += 100;
+            }
+            else if (cleaned.EndsWith("\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u53BF", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u65D7", StringComparison.Ordinal))
+            {
+                score += 80;
+            }
+            else if (cleaned.EndsWith("\u5E02", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u5DDE", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u76DF", StringComparison.Ordinal))
+            {
+                score += 60;
+            }
+            else if (cleaned.EndsWith("\u7701", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u81EA\u6CBB\u533A", StringComparison.Ordinal) ||
+                     cleaned.EndsWith("\u7279\u522B\u884C\u653F\u533A", StringComparison.Ordinal))
+            {
+                score += 40;
+            }
+        }
+        else
+        {
+            var lower = cleaned.ToLowerInvariant();
+            if (lower.Contains("street", StringComparison.Ordinal) ||
+                lower.Contains("st.", StringComparison.Ordinal) ||
+                lower.Contains("road", StringComparison.Ordinal) ||
+                lower.Contains("rd.", StringComparison.Ordinal) ||
+                lower.Contains("avenue", StringComparison.Ordinal) ||
+                lower.Contains("district", StringComparison.Ordinal))
+            {
+                score += 120;
+            }
+            else if (lower.Contains("county", StringComparison.Ordinal) ||
+                     lower.Contains("borough", StringComparison.Ordinal))
+            {
+                score += 90;
+            }
+            else if (lower.Contains("city", StringComparison.Ordinal))
+            {
+                score += 70;
+            }
+            else if (lower.Contains("province", StringComparison.Ordinal) ||
+                     lower.Contains("state", StringComparison.Ordinal))
+            {
+                score += 50;
+            }
+            else if (lower.Contains("country", StringComparison.Ordinal))
+            {
+                score += 30;
+            }
+        }
+
+        return score;
+    }
+
+    private void ApplyAdaptiveTypography()
+    {
+        var scale = ResolveScale();
+        var densityBoost = scale <= 0.70 ? 0.88 : scale <= 0.88 ? 0.94 : scale >= 1.45 ? 1.06 : 1.0;
+        var cityLength = Math.Max(1, CityTextBlock.Text?.Length ?? 2);
+        var cityCompression = cityLength >= 10 ? 0.72 : cityLength >= 7 ? 0.83 : cityLength >= 5 ? 0.92 : 1.0;
+        var conditionLength = Math.Max(1, ConditionTextBlock.Text?.Length ?? 2);
+        var conditionCompression = conditionLength >= 9 ? 0.84 : conditionLength >= 6 ? 0.92 : 1.0;
+
+        ContentGrid.RowSpacing = Math.Clamp(8 * scale, 4, 14);
+        TopRowGrid.ColumnSpacing = Math.Clamp(8 * scale, 4, 12);
+        BottomInfoStack.Spacing = Math.Clamp(4 * scale, 2, 8);
+        BottomInfoStack.Margin = new Thickness(0, 0, 0, Math.Clamp(10 * scale, 4, 16));
+
+        LocationIcon.FontSize = Math.Clamp(20 * scale * densityBoost, 10, 30);
+        CityTextBlock.FontSize = Math.Clamp(30 * scale * cityCompression * densityBoost, 12, 42);
+        WeatherIconSymbol.FontSize = Math.Clamp(40 * scale * densityBoost, 14, 56);
+        TemperatureTextBlock.FontSize = Math.Clamp(108 * scale * densityBoost, 36, 144);
+        ConditionTextBlock.FontSize = Math.Clamp(30 * scale * conditionCompression * densityBoost, 11, 44);
+        RangeTextBlock.FontSize = Math.Clamp(36 * scale * densityBoost, 12, 50);
+        TemperatureTextBlock.Margin = new Thickness(0, Math.Clamp(4 * scale, 1, 8), 0, Math.Clamp(10 * scale, 4, 16));
+
+        CityTextBlock.FontWeight = ToVariableWeight(Lerp(560, 700, Math.Clamp((scale - 0.58) / 1.3, 0, 1)));
+        TemperatureTextBlock.FontWeight = ToVariableWeight(Lerp(620, 800, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+        ConditionTextBlock.FontWeight = ToVariableWeight(Lerp(560, 700, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+        RangeTextBlock.FontWeight = ToVariableWeight(Lerp(560, 700, Math.Clamp((scale - 0.58) / 1.2, 0, 1)));
+    }
+
+    private static double Lerp(double from, double to, double t)
+    {
+        return from + ((to - from) * t);
+    }
+
+    private static FontWeight ToVariableWeight(double weight)
+    {
+        return (FontWeight)(int)Math.Clamp(Math.Round(weight), 1, 1000);
+    }
+
+    private WeatherMotionProfile ResolveMotionProfile(WeatherVisualKind kind)
+    {
+        return kind switch
+        {
+            WeatherVisualKind.ClearDay => new WeatherMotionProfile(
+                DriftX: 8.0, DriftY: 4.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.22, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.68, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.72, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.015, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.ClearNight => new WeatherMotionProfile(
+                DriftX: 10.0, DriftY: 6.0, ZoomBase: 1.060, ZoomAmplitude: 0.014,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.82, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.018, ParticleCount: 0,
+                ParticleSpeedMin: 0, ParticleSpeedMax: 0,
+                ParticleLengthMin: 0, ParticleLengthMax: 0, ParticleDriftPerTick: 0),
+            WeatherVisualKind.CloudyDay => new WeatherMotionProfile(
+                DriftX: 12.0, DriftY: 7.0, ZoomBase: 1.060, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.32, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.62, LightOpacityPulse: 0.07,
+                ShadeOpacityBase: 0.80, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 6,
+                ParticleSpeedMin: 0.30, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 14, ParticleLengthMax: 28, ParticleDriftPerTick: 0.10),
+            WeatherVisualKind.CloudyNight => new WeatherMotionProfile(
+                DriftX: 14.0, DriftY: 8.0, ZoomBase: 1.065, ZoomAmplitude: 0.013,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.07,
+                LightOpacityBase: 0.54, LightOpacityPulse: 0.06,
+                ShadeOpacityBase: 0.85, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.021, ParticleCount: 8,
+                ParticleSpeedMin: 0.35, ParticleSpeedMax: 0.80,
+                ParticleLengthMin: 16, ParticleLengthMax: 30, ParticleDriftPerTick: 0.12),
+            WeatherVisualKind.RainLight => new WeatherMotionProfile(
+                DriftX: 6.0, DriftY: 10.0, ZoomBase: 1.050, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.08,
+                LightOpacityBase: 0.50, LightOpacityPulse: 0.04,
+                ShadeOpacityBase: 0.84, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.030, ParticleCount: 18,
+                ParticleSpeedMin: 1.80, ParticleSpeedMax: 3.20,
+                ParticleLengthMin: 14, ParticleLengthMax: 26, ParticleDriftPerTick: 0.70),
+            WeatherVisualKind.RainHeavy => new WeatherMotionProfile(
+                DriftX: 5.0, DriftY: 11.0, ZoomBase: 1.045, ZoomAmplitude: 0.010,
+                MotionOpacityBase: 0.34, MotionOpacityPulse: 0.10,
+                LightOpacityBase: 0.42, LightOpacityPulse: 0.03,
+                ShadeOpacityBase: 0.88, ShadeOpacityPulse: 0.05,
+                PhaseStep: 0.036, ParticleCount: 30,
+                ParticleSpeedMin: 2.80, ParticleSpeedMax: 4.80,
+                ParticleLengthMin: 18, ParticleLengthMax: 34, ParticleDriftPerTick: 0.92),
+            WeatherVisualKind.Storm => new WeatherMotionProfile(
+                DriftX: 4.0, DriftY: 12.0, ZoomBase: 1.042, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.38, MotionOpacityPulse: 0.12,
+                LightOpacityBase: 0.36, LightOpacityPulse: 0.02,
+                ShadeOpacityBase: 0.91, ShadeOpacityPulse: 0.04,
+                PhaseStep: 0.042, ParticleCount: 34,
+                ParticleSpeedMin: 3.60, ParticleSpeedMax: 5.80,
+                ParticleLengthMin: 20, ParticleLengthMax: 36, ParticleDriftPerTick: 1.08),
+            WeatherVisualKind.Snow => new WeatherMotionProfile(
+                DriftX: 9.0, DriftY: 7.0, ZoomBase: 1.055, ZoomAmplitude: 0.012,
+                MotionOpacityBase: 0.28, MotionOpacityPulse: 0.06,
+                LightOpacityBase: 0.74, LightOpacityPulse: 0.08,
+                ShadeOpacityBase: 0.68, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.020, ParticleCount: 24,
+                ParticleSpeedMin: 0.60, ParticleSpeedMax: 1.60,
+                ParticleLengthMin: 3.0, ParticleLengthMax: 8.5, ParticleDriftPerTick: 0.24),
+            _ => new WeatherMotionProfile(
+                DriftX: 7.0, DriftY: 5.0, ZoomBase: 1.050, ZoomAmplitude: 0.011,
+                MotionOpacityBase: 0.30, MotionOpacityPulse: 0.05,
+                LightOpacityBase: 0.58, LightOpacityPulse: 0.05,
+                ShadeOpacityBase: 0.86, ShadeOpacityPulse: 0.03,
+                PhaseStep: 0.018, ParticleCount: 10,
+                ParticleSpeedMin: 0.25, ParticleSpeedMax: 0.70,
+                ParticleLengthMin: 16, ParticleLengthMax: 34, ParticleDriftPerTick: 0.12)
+        };
+    }
+
+    private void ResetAnimationState()
+    {
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _animationPhase = 0;
+        SetMotionTransform(0, 0, motion.ZoomBase);
+        BackgroundMotionLayer.Opacity = motion.MotionOpacityBase;
+        BackgroundLightLayer.Opacity = motion.LightOpacityBase;
+        BackgroundShadeLayer.Opacity = motion.ShadeOpacityBase;
+    }
+
+    private void SetMotionTransform(double translateX, double translateY, double scale)
+    {
+        var group = new TransformGroup
+        {
+            Children = new Transforms
+            {
+                new ScaleTransform(scale, scale),
+                new TranslateTransform(translateX, translateY)
+            }
+        };
+        BackgroundMotionLayer.RenderTransform = group;
+    }
+
+    private void InitializeParticleVisuals()
+    {
+        if (_particleVisuals.Count > 0)
+        {
+            return;
+        }
+
+        const int maxParticles = 40;
+        for (var i = 0; i < maxParticles; i++)
+        {
+            var particle = new Border
+            {
+                IsVisible = false,
+                Width = 2,
+                Height = 14,
+                CornerRadius = new CornerRadius(1),
+                Opacity = 0.0
+            };
+            _particleVisuals.Add(particle);
+            _particleStates.Add(new ParticleState());
+            ParticleLayer.Children.Add(particle);
+        }
+    }
+
+    private void ResetParticles()
+    {
+        if (_particleVisuals.Count == 0)
+        {
+            return;
+        }
+
+        var motion = ResolveMotionProfile(_activeVisualKind);
+        _activeParticleCount = Math.Clamp(motion.ParticleCount, 0, _particleVisuals.Count);
+
+        var width = Math.Max(Bounds.Width, 300);
+        var height = Math.Max(Bounds.Height, 300);
+
+        for (var i = 0; i < _particleVisuals.Count; i++)
+        {
+            var particle = _particleVisuals[i];
+            if (i >= _activeParticleCount)
+            {
+                particle.IsVisible = false;
+                continue;
+            }
+
+            particle.IsVisible = true;
+            RespawnParticle(i, width, height, motion, initialPlacement: true);
+        }
+    }
+
+    private void AdvanceParticles(WeatherMotionProfile motion)
+    {
+        if (_activeParticleCount <= 0)
+        {
+            return;
+        }
+
+        var width = Math.Max(Bounds.Width, 300);
+        var height = Math.Max(Bounds.Height, 300);
+
+        for (var i = 0; i < _activeParticleCount; i++)
+        {
+            var particle = _particleVisuals[i];
+            var state = _particleStates[i];
+
+            var x = Canvas.GetLeft(particle);
+            var y = Canvas.GetTop(particle);
+            if (double.IsNaN(x))
+            {
+                x = 0;
+            }
+
+            if (double.IsNaN(y))
+            {
+                y = -20;
+            }
+
+            var sway = _activeVisualKind == WeatherVisualKind.Snow
+                ? Math.Sin(_animationPhase + (i * 0.45)) * 0.55
+                : _activeVisualKind == WeatherVisualKind.Fog
+                    ? Math.Sin((_animationPhase * 0.7) + (i * 0.31)) * 0.18
+                    : 0;
+
+            x += state.Drift + sway;
+            y += state.Speed;
+
+            Canvas.SetLeft(particle, x);
+            Canvas.SetTop(particle, y);
+
+            if (y > height + 48 || x > width + 56 || x < -72)
+            {
+                RespawnParticle(i, width, height, motion, initialPlacement: false);
+            }
+        }
+    }
+
+    private void RespawnParticle(int index, double width, double height, WeatherMotionProfile motion, bool initialPlacement)
+    {
+        var particle = _particleVisuals[index];
+        var state = _particleStates[index];
+
+        state.Speed = NextRange(motion.ParticleSpeedMin, motion.ParticleSpeedMax);
+        var driftVariance = Math.Abs(motion.ParticleDriftPerTick) * 0.35;
+        state.Drift = motion.ParticleDriftPerTick + NextRange(-driftVariance, driftVariance);
+
+        var length = NextRange(motion.ParticleLengthMin, motion.ParticleLengthMax);
+        var thickness = _activeVisualKind switch
+        {
+            WeatherVisualKind.Snow => NextRange(2.2, 4.3),
+            WeatherVisualKind.Fog => NextRange(10.0, 22.0),
+            _ => NextRange(1.0, 2.2)
+        };
+        var opacity = _activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => NextRange(0.26, 0.52),
+            WeatherVisualKind.RainHeavy => NextRange(0.24, 0.46),
+            WeatherVisualKind.RainLight => NextRange(0.18, 0.34),
+            WeatherVisualKind.Snow => NextRange(0.40, 0.72),
+            WeatherVisualKind.Fog => NextRange(0.08, 0.20),
+            _ => NextRange(0.10, 0.24)
+        };
+
+        particle.Width = thickness;
+        particle.Height = length;
+        particle.Opacity = opacity;
+        particle.CornerRadius = new CornerRadius(Math.Max(1, thickness * 0.5));
+        particle.RenderTransform = new RotateTransform(_activeVisualKind switch
+        {
+            WeatherVisualKind.Storm => -24,
+            WeatherVisualKind.RainHeavy => -20,
+            WeatherVisualKind.RainLight => -14,
+            WeatherVisualKind.Snow => -6,
+            _ => 0
+        });
+
+        var x = initialPlacement
+            ? NextRange(-40, width + 20)
+            : NextRange(-24, width + 20);
+        var y = initialPlacement
+            ? NextRange(-height, height)
+            : -length - NextRange(8, 120);
+
+        Canvas.SetLeft(particle, x);
+        Canvas.SetTop(particle, y);
+    }
+
+    private double NextRange(double min, double max)
+    {
+        if (max <= min)
+        {
+            return min;
+        }
+
+        return min + (_particleRandom.NextDouble() * (max - min));
+    }
+
+    private string L(string key, string fallback)
+    {
+        return _localizationService.GetString(_languageCode, key, fallback);
+    }
+
+    private CultureInfo GetUiCulture()
+    {
+        try
+        {
+            return CultureInfo.GetCultureInfo(_languageCode);
+        }
+        catch
+        {
+            return CultureInfo.InvariantCulture;
+        }
+    }
+
+    private static string BuildCoordinateLocationKey(double latitude, double longitude)
+    {
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"coord:{latitude:F4},{longitude:F4}");
+    }
+
+    private static string BuildCoordinateLocationName(double latitude, double longitude, string languageCode)
+    {
+        var template = string.Equals(languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "坐标 {0:F2}, {1:F2}"
+            : "Coordinate {0:F2}, {1:F2}";
+        return string.Format(CultureInfo.InvariantCulture, template, latitude, longitude);
+    }
+
+    private static double NormalizeLatitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 39.9042;
+        }
+
+        return Math.Clamp(value, -90, 90);
+    }
+
+    private static double NormalizeLongitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 116.4074;
+        }
+
+        return Math.Clamp(value, -180, 180);
+    }
+
+    private void CancelRefreshRequest()
+    {
+        var cts = Interlocked.Exchange(ref _refreshCts, null);
+        cts?.Cancel();
+        cts?.Dispose();
+    }
+
+    private double ResolveScale()
+    {
+        var cellScale = Math.Clamp(_currentCellSize / 44d, 0.60, 2.0);
+        var heightScale = Bounds.Height > 1 ? Math.Clamp(Bounds.Height / 300d, 0.58, 2.0) : 1;
+        var widthScale = Bounds.Width > 1 ? Math.Clamp(Bounds.Width / 300d, 0.58, 2.0) : 1;
+        return Math.Clamp(Math.Min(cellScale, Math.Min(heightScale, widthScale) * 1.05), 0.58, 2.0);
+    }
+
+    private static IBrush CreateSolidBrush(string colorHex)
+    {
+        return new SolidColorBrush(Color.Parse(colorHex));
+    }
+
+    private static IBrush CreateGradientBrush(string fromColorHex, string toColorHex)
+    {
+        return new LinearGradientBrush
+        {
+            StartPoint = new RelativePoint(0, 0, RelativeUnit.Relative),
+            EndPoint = new RelativePoint(1, 1, RelativeUnit.Relative),
+            GradientStops = new GradientStops
+            {
+                new GradientStop(Color.Parse(fromColorHex), 0),
+                new GradientStop(Color.Parse(toColorHex), 1)
+            }
+        };
+    }
+}
diff --git a/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml b/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml
new file mode 100644
index 0000000..88bcaf9
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml
@@ -0,0 +1,94 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:fi="using:FluentIcons.Avalonia"
+             xmlns:inking="using:DotNetCampus.Inking"
+             mc:Ignorable="d"
+             d:DesignWidth="240"
+             d:DesignHeight="480"
+             x:Class="LanMontainDesktop.Views.Components.WhiteboardWidget">
+
+    <Border x:Name="RootBorder"
+            Background="#F1F4F9"
+            CornerRadius="20"
+            ClipToBounds="True"
+            Padding="8">
+        <Grid RowDefinitions="*,Auto"
+              RowSpacing="8">
+            <Border x:Name="CanvasBorder"
+                    Grid.Row="0"
+                    Background="#FFFFFF"
+                    BorderBrush="#24000000"
+                    BorderThickness="1"
+                    CornerRadius="14"
+                    ClipToBounds="True">
+                <inking:InkCanvas x:Name="InkCanvas" />
+            </Border>
+
+            <Border x:Name="ToolbarBorder"
+                    Grid.Row="1"
+                    HorizontalAlignment="Center"
+                    Background="#E6FFFFFF"
+                    BorderBrush="#16000000"
+                    BorderThickness="1"
+                    CornerRadius="14"
+                    Padding="8,6">
+                <StackPanel x:Name="ToolbarButtonsPanel"
+                            Orientation="Horizontal"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center"
+                            Spacing="8">
+                    <Button x:Name="PenButton"
+                            Width="30"
+                            Height="30"
+                            Padding="0"
+                            CornerRadius="15"
+                            ToolTip.Tip="Pen"
+                            Click="OnPenButtonClick">
+                        <fi:SymbolIcon x:Name="PenIcon"
+                                       Symbol="Pen"
+                                       IconVariant="Regular"
+                                       FontSize="14" />
+                    </Button>
+                    <Button x:Name="EraserButton"
+                            Width="30"
+                            Height="30"
+                            Padding="0"
+                            CornerRadius="15"
+                            ToolTip.Tip="Eraser"
+                            Click="OnEraserButtonClick">
+                        <fi:SymbolIcon x:Name="EraserIcon"
+                                       Symbol="EraserTool"
+                                       IconVariant="Regular"
+                                       FontSize="14" />
+                    </Button>
+                    <Button x:Name="ClearButton"
+                            Width="30"
+                            Height="30"
+                            Padding="0"
+                            CornerRadius="15"
+                            ToolTip.Tip="Clear"
+                            Click="OnClearButtonClick">
+                        <fi:SymbolIcon x:Name="ClearIcon"
+                                       Symbol="Delete"
+                                       IconVariant="Regular"
+                                       FontSize="14" />
+                    </Button>
+                    <Button x:Name="ExportButton"
+                            Width="30"
+                            Height="30"
+                            Padding="0"
+                            CornerRadius="15"
+                            ToolTip.Tip="Export SVG"
+                            Click="OnExportButtonClick">
+                        <fi:SymbolIcon x:Name="ExportIcon"
+                                       Symbol="ArrowExport"
+                                       IconVariant="Regular"
+                                       FontSize="14" />
+                    </Button>
+                </StackPanel>
+            </Border>
+        </Grid>
+    </Border>
+</UserControl>
diff --git a/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml.cs b/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml.cs
new file mode 100644
index 0000000..9b22dea
--- /dev/null
+++ b/LanMontainDesktop/Views/Components/WhiteboardWidget.axaml.cs
@@ -0,0 +1,361 @@
+using System;
+using System.IO;
+using System.Linq;
+using System.Reflection;
+using System.Threading.Tasks;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using Avalonia.Platform.Storage;
+using Avalonia.Styling;
+using DotNetCampus.Inking;
+using FluentIcons.Avalonia;
+using SkiaSharp;
+
+namespace LanMontainDesktop.Views.Components;
+
+public partial class WhiteboardWidget : UserControl, IDesktopComponentWidget
+{
+    private enum WhiteboardToolMode
+    {
+        Pen,
+        Eraser
+    }
+
+    private static readonly PropertyInfo? StrokeColorProperty = typeof(SkiaStroke).GetProperty(nameof(SkiaStroke.Color));
+    private readonly int _baseWidthCells;
+    private double _currentCellSize = 48;
+    private WhiteboardToolMode _toolMode = WhiteboardToolMode.Pen;
+    private bool? _isNightModeApplied;
+    private SKColor _currentInkColor = SKColors.Black;
+
+    public WhiteboardWidget()
+        : this(baseWidthCells: 2)
+    {
+    }
+
+    public WhiteboardWidget(int baseWidthCells)
+    {
+        _baseWidthCells = Math.Max(1, baseWidthCells);
+        InitializeComponent();
+        AttachedToVisualTree += OnAttachedToVisualTree;
+        DetachedFromVisualTree += OnDetachedFromVisualTree;
+        SizeChanged += OnSizeChanged;
+        ActualThemeVariantChanged += OnActualThemeVariantChanged;
+
+        ConfigureInkCanvas();
+        ApplyCellSize(_currentCellSize);
+        ApplyThemeVisual(force: true);
+        SetToolMode(WhiteboardToolMode.Pen);
+    }
+
+    private void OnAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        ApplyThemeVisual(force: true);
+    }
+
+    private void OnDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        // Keep all state in-memory for lightweight re-attach scenarios.
+    }
+
+    private void OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        ApplyCellSize(_currentCellSize);
+    }
+
+    private void OnActualThemeVariantChanged(object? sender, EventArgs e)
+    {
+        ApplyThemeVisual(force: false);
+    }
+
+    private void ConfigureInkCanvas()
+    {
+        InkCanvas.EditingMode = InkCanvasEditingMode.Ink;
+        var settings = InkCanvas.AvaloniaSkiaInkCanvas.Settings;
+        settings.IgnorePressure = true;
+        settings.InkThickness = 2.5f;
+        settings.EraserSize = new Size(20, 20);
+        settings.IsBitmapCacheEnabled = true;
+        settings.MaxBitmapCacheSize = 2048;
+    }
+
+    public void ApplyCellSize(double cellSize)
+    {
+        _currentCellSize = Math.Max(1, cellSize);
+
+        var availableWidth = Bounds.Width > 1 ? Bounds.Width : (_currentCellSize * _baseWidthCells);
+        var buttonSize = Math.Clamp(availableWidth * 0.15, 24, 40);
+        var buttonCornerRadius = buttonSize * 0.5;
+        var toolbarSpacing = Math.Clamp(buttonSize * 0.25, 4, 10);
+        var toolbarPaddingHorizontal = Math.Clamp(buttonSize * 0.36, 6, 12);
+        var toolbarPaddingVertical = Math.Clamp(buttonSize * 0.24, 4, 8);
+
+        RootBorder.Padding = new Thickness(Math.Clamp(_currentCellSize * 0.14, 6, 14));
+        RootBorder.CornerRadius = new CornerRadius(Math.Clamp(_currentCellSize * 0.34, 12, 28));
+        CanvasBorder.CornerRadius = new CornerRadius(Math.Clamp(_currentCellSize * 0.24, 10, 22));
+        ToolbarBorder.CornerRadius = new CornerRadius(Math.Clamp(_currentCellSize * 0.22, 10, 20));
+        ToolbarBorder.Padding = new Thickness(toolbarPaddingHorizontal, toolbarPaddingVertical);
+        ToolbarButtonsPanel.Spacing = toolbarSpacing;
+
+        foreach (var button in new[] { PenButton, EraserButton, ClearButton, ExportButton })
+        {
+            button.Width = buttonSize;
+            button.Height = buttonSize;
+            button.CornerRadius = new CornerRadius(buttonCornerRadius);
+        }
+
+        var settings = InkCanvas.AvaloniaSkiaInkCanvas.Settings;
+        settings.InkThickness = (float)Math.Clamp(_currentCellSize * 0.06, 2.0, 6.0);
+        var eraserSize = Math.Clamp(_currentCellSize * 0.42, 12, 44);
+        settings.EraserSize = new Size(eraserSize, eraserSize);
+    }
+
+    private void ApplyThemeVisual(bool force)
+    {
+        var isNightMode = ResolveIsNightMode();
+        if (!force && _isNightModeApplied.HasValue && _isNightModeApplied.Value == isNightMode)
+        {
+            return;
+        }
+
+        _isNightModeApplied = isNightMode;
+        _currentInkColor = isNightMode ? SKColors.White : SKColors.Black;
+
+        RootBorder.Background = new SolidColorBrush(isNightMode ? Color.Parse("#FF181B22") : Color.Parse("#FFF1F4F9"));
+        CanvasBorder.Background = new SolidColorBrush(isNightMode ? Color.Parse("#FF000000") : Color.Parse("#FFFFFFFF"));
+        CanvasBorder.BorderBrush = new SolidColorBrush(isNightMode ? Color.Parse("#30FFFFFF") : Color.Parse("#24000000"));
+        ToolbarBorder.Background = new SolidColorBrush(isNightMode ? Color.Parse("#1AFFFFFF") : Color.Parse("#E6FFFFFF"));
+        ToolbarBorder.BorderBrush = new SolidColorBrush(isNightMode ? Color.Parse("#26FFFFFF") : Color.Parse("#16000000"));
+
+        InkCanvas.AvaloniaSkiaInkCanvas.Settings.InkColor = _currentInkColor;
+        RecolorAllStrokes(_currentInkColor);
+        RefreshToolButtonVisuals();
+    }
+
+    private void RecolorAllStrokes(SKColor targetColor)
+    {
+        for (var i = 0; i < InkCanvas.Strokes.Count; i++)
+        {
+            TrySetStrokeColor(InkCanvas.Strokes[i], targetColor);
+        }
+
+        InkCanvas.AvaloniaSkiaInkCanvas.InvalidateBitmapCache();
+        InkCanvas.InvalidateVisual();
+    }
+
+    private static void TrySetStrokeColor(SkiaStroke stroke, SKColor color)
+    {
+        if (StrokeColorProperty is null)
+        {
+            return;
+        }
+
+        try
+        {
+            StrokeColorProperty.SetValue(stroke, color);
+        }
+        catch
+        {
+            // Keep current stroke color when reflection is unavailable.
+        }
+    }
+
+    private bool ResolveIsNightMode()
+    {
+        if (ActualThemeVariant == ThemeVariant.Dark)
+        {
+            return true;
+        }
+
+        if (ActualThemeVariant == ThemeVariant.Light)
+        {
+            return false;
+        }
+
+        if (this.TryFindResource("AdaptiveSurfaceBaseBrush", out var value) &&
+            value is ISolidColorBrush brush)
+        {
+            return CalculateRelativeLuminance(brush.Color) < 0.45;
+        }
+
+        return false;
+    }
+
+    private static double CalculateRelativeLuminance(Color color)
+    {
+        static double ToLinear(double channel)
+        {
+            return channel <= 0.03928
+                ? channel / 12.92
+                : Math.Pow((channel + 0.055) / 1.055, 2.4);
+        }
+
+        var r = ToLinear(color.R / 255d);
+        var g = ToLinear(color.G / 255d);
+        var b = ToLinear(color.B / 255d);
+        return (0.2126 * r) + (0.7152 * g) + (0.0722 * b);
+    }
+
+    private void SetToolMode(WhiteboardToolMode mode)
+    {
+        _toolMode = mode;
+        InkCanvas.EditingMode = mode == WhiteboardToolMode.Pen
+            ? InkCanvasEditingMode.Ink
+            : InkCanvasEditingMode.EraseByPoint;
+
+        if (mode == WhiteboardToolMode.Pen)
+        {
+            InkCanvas.AvaloniaSkiaInkCanvas.Settings.InkColor = _currentInkColor;
+        }
+
+        RefreshToolButtonVisuals();
+    }
+
+    private void RefreshToolButtonVisuals()
+    {
+        var isNightMode = _isNightModeApplied ?? ResolveIsNightMode();
+        var activeBackground = ResolveThemeBrush("AdaptiveAccentBrush", isNightMode ? Color.Parse("#FF93C5FD") : Color.Parse("#FF3B82F6"));
+        var activeForeground = ResolveThemeBrush("AdaptiveOnAccentBrush", Colors.White);
+        var idleForeground = ResolveThemeBrush("AdaptiveTextPrimaryBrush", isNightMode ? Color.Parse("#FFE5E7EB") : Color.Parse("#FF0F172A"));
+        var idleBackground = new SolidColorBrush(isNightMode ? Color.Parse("#33FFFFFF") : Color.Parse("#14000000"));
+
+        ApplyToolButtonVisual(PenButton, _toolMode == WhiteboardToolMode.Pen, activeBackground, activeForeground, idleBackground, idleForeground);
+        ApplyToolButtonVisual(EraserButton, _toolMode == WhiteboardToolMode.Eraser, activeBackground, activeForeground, idleBackground, idleForeground);
+        ApplyToolButtonVisual(ClearButton, false, activeBackground, activeForeground, idleBackground, idleForeground);
+        ApplyToolButtonVisual(ExportButton, false, activeBackground, activeForeground, idleBackground, idleForeground);
+    }
+
+    private static void ApplyToolButtonVisual(
+        Button button,
+        bool isActive,
+        IBrush activeBackground,
+        IBrush activeForeground,
+        IBrush idleBackground,
+        IBrush idleForeground)
+    {
+        button.Background = isActive ? activeBackground : idleBackground;
+        button.Foreground = isActive ? activeForeground : idleForeground;
+        button.BorderThickness = new Thickness(0);
+
+        if (button.Content is SymbolIcon symbolIcon)
+        {
+            symbolIcon.Foreground = button.Foreground;
+        }
+    }
+
+    private IBrush ResolveThemeBrush(string key, Color fallback)
+    {
+        if (this.TryFindResource(key, out var resource) && resource is IBrush brush)
+        {
+            return brush;
+        }
+
+        return new SolidColorBrush(fallback);
+    }
+
+    private void OnPenButtonClick(object? sender, RoutedEventArgs e)
+    {
+        SetToolMode(WhiteboardToolMode.Pen);
+    }
+
+    private void OnEraserButtonClick(object? sender, RoutedEventArgs e)
+    {
+        SetToolMode(WhiteboardToolMode.Eraser);
+    }
+
+    private void OnClearButtonClick(object? sender, RoutedEventArgs e)
+    {
+        var strokeList = InkCanvas.Strokes.ToList();
+        foreach (var stroke in strokeList)
+        {
+            try
+            {
+                if (ReferenceEquals(stroke.InkCanvas, InkCanvas.AvaloniaSkiaInkCanvas))
+                {
+                    InkCanvas.AvaloniaSkiaInkCanvas.RemoveStaticStroke(stroke);
+                }
+            }
+            catch
+            {
+                // Keep the widget alive even if one stroke removal fails.
+            }
+        }
+
+        InkCanvas.AvaloniaSkiaInkCanvas.UseBitmapCache(false);
+        InkCanvas.AvaloniaSkiaInkCanvas.InvalidateBitmapCache();
+        InkCanvas.InvalidateVisual();
+    }
+
+    private async void OnExportButtonClick(object? sender, RoutedEventArgs e)
+    {
+        var fileName = $"whiteboard-{DateTime.Now:yyyyMMdd-HHmmss}.svg";
+        var topLevel = TopLevel.GetTopLevel(this);
+        var storageProvider = topLevel?.StorageProvider;
+        if (storageProvider is not null)
+        {
+            var saveFile = await storageProvider.SaveFilePickerAsync(new FilePickerSaveOptions
+            {
+                Title = "Export Whiteboard SVG",
+                SuggestedFileName = fileName,
+                DefaultExtension = "svg",
+                FileTypeChoices =
+                [
+                    new FilePickerFileType("SVG image")
+                    {
+                        Patterns = ["*.svg"],
+                        MimeTypes = ["image/svg+xml"]
+                    }
+                ]
+            });
+
+            if (saveFile is null)
+            {
+                return;
+            }
+
+            await using var saveStream = await saveFile.OpenWriteAsync();
+            ExportSvgToStream(saveStream);
+            return;
+        }
+
+        var exportFolder = Path.Combine(
+            Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData),
+            "LanMontainDesktop",
+            "Exports");
+        Directory.CreateDirectory(exportFolder);
+        var savePath = Path.Combine(exportFolder, fileName);
+        await using var fileStream = File.Create(savePath);
+        ExportSvgToStream(fileStream);
+    }
+
+    private void ExportSvgToStream(Stream stream)
+    {
+        var width = Math.Max(1d, CanvasBorder.Bounds.Width);
+        var height = Math.Max(1d, CanvasBorder.Bounds.Height);
+        var bounds = SKRect.Create((float)width, (float)height);
+
+        using var svgCanvas = SKSvgCanvas.Create(bounds, stream);
+        using var backgroundPaint = new SKPaint
+        {
+            IsAntialias = true,
+            Style = SKPaintStyle.Fill,
+            Color = (_isNightModeApplied ?? false) ? SKColors.Black : SKColors.White
+        };
+        svgCanvas.DrawRect(bounds, backgroundPaint);
+
+        using var strokePaint = new SKPaint
+        {
+            IsAntialias = true,
+            Style = SKPaintStyle.Fill
+        };
+        foreach (var stroke in InkCanvas.Strokes)
+        {
+            strokePaint.Color = stroke.Color;
+            svgCanvas.DrawPath(stroke.Path, strokePaint);
+        }
+
+        svgCanvas.Flush();
+    }
+}
diff --git a/LanMontainDesktop/Views/MainWindow.ComponentSystem.cs b/LanMontainDesktop/Views/MainWindow.ComponentSystem.cs
index 3111e11..c86e93f 100644
--- a/LanMontainDesktop/Views/MainWindow.ComponentSystem.cs
+++ b/LanMontainDesktop/Views/MainWindow.ComponentSystem.cs
@@ -42,7 +42,7 @@ public partial class MainWindow
     private TranslateTransform? _componentLibraryCategoryHostTransform;
     private TranslateTransform? _componentLibraryComponentHostTransform;
     private IReadOnlyList<ComponentLibraryCategory> _componentLibraryCategories = Array.Empty<ComponentLibraryCategory>();
-    private IReadOnlyList<DesktopComponentDefinition> _componentLibraryActiveComponents = Array.Empty<DesktopComponentDefinition>();
+    private IReadOnlyList<DesktopComponentRuntimeDescriptor> _componentLibraryActiveComponents = Array.Empty<DesktopComponentRuntimeDescriptor>();
     private bool _isComponentLibraryCategoryGestureActive;
     private bool _isComponentLibraryComponentGestureActive;
     private Point _componentLibraryCategoryGestureStartPoint;
@@ -93,7 +93,9 @@ public partial class MainWindow
         string Id,
         Symbol Icon,
         string Title,
-        IReadOnlyList<DesktopComponentDefinition> Components);
+        IReadOnlyList<DesktopComponentRuntimeDescriptor> Components);
+
+    private readonly record struct ComponentScaleRule(int WidthUnit, int HeightUnit, int MinScale);
 
     private void OnOpenComponentLibraryClick(object? sender, RoutedEventArgs e)
     {
@@ -258,7 +260,8 @@ public partial class MainWindow
             1 => TaskbarContext.SettingsGrid,
             2 => TaskbarContext.SettingsColor,
             3 => TaskbarContext.SettingsStatusBar,
-            4 => TaskbarContext.SettingsRegion,
+            4 => TaskbarContext.SettingsWeather,
+            5 => TaskbarContext.SettingsRegion,
             _ => TaskbarContext.Desktop
         };
     }
@@ -806,7 +809,8 @@ public partial class MainWindow
                 ? Guid.NewGuid().ToString("N")
                 : placement.PlacementId.Trim();
             var componentId = placement.ComponentId.Trim();
-            if (!_componentRegistry.TryGetDefinition(componentId, out var definition) || !definition.AllowDesktopPlacement)
+            if (!_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor) ||
+                !runtimeDescriptor.Definition.AllowDesktopPlacement)
             {
                 continue;
             }
@@ -814,7 +818,7 @@ public partial class MainWindow
             var (widthCells, heightCells) = NormalizeComponentCellSpan(
                 componentId,
                 ComponentPlacementRules.EnsureMinimumSize(
-                    definition,
+                    runtimeDescriptor.Definition,
                     placement.WidthCells,
                     placement.HeightCells));
 
@@ -849,7 +853,8 @@ public partial class MainWindow
 
         foreach (var placement in _desktopComponentPlacements.Where(p => p.PageIndex == pageIndex))
         {
-            if (!_componentRegistry.TryGetDefinition(placement.ComponentId, out var definition) || !definition.AllowDesktopPlacement)
+            if (!_componentRuntimeRegistry.TryGetDescriptor(placement.ComponentId, out var runtimeDescriptor) ||
+                !runtimeDescriptor.Definition.AllowDesktopPlacement)
             {
                 continue;
             }
@@ -857,7 +862,7 @@ public partial class MainWindow
             var (widthCells, heightCells) = NormalizeComponentCellSpan(
                 placement.ComponentId,
                 ComponentPlacementRules.EnsureMinimumSize(
-                    definition,
+                    runtimeDescriptor.Definition,
                     placement.WidthCells,
                     placement.HeightCells));
 
@@ -890,7 +895,8 @@ public partial class MainWindow
             return;
         }
 
-        if (!_componentRegistry.TryGetDefinition(componentId, out var definition) || !definition.AllowDesktopPlacement)
+        if (!_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor) ||
+            !runtimeDescriptor.Definition.AllowDesktopPlacement)
         {
             return;
         }
@@ -898,9 +904,9 @@ public partial class MainWindow
         var (widthCells, heightCells) = NormalizeComponentCellSpan(
             componentId,
             ComponentPlacementRules.EnsureMinimumSize(
-                definition,
-                definition.MinWidthCells,
-                definition.MinHeightCells));
+                runtimeDescriptor.Definition,
+                runtimeDescriptor.Definition.MinWidthCells,
+                runtimeDescriptor.Definition.MinHeightCells));
 
         var maxColumns = pageGrid.ColumnDefinitions.Count;
         var maxRows = pageGrid.RowDefinitions.Count;
@@ -1046,55 +1052,110 @@ public partial class MainWindow
         return host;
     }
 
-    private static (int WidthCells, int HeightCells) NormalizeComponentCellSpan(
+    private (int WidthCells, int HeightCells) NormalizeComponentCellSpan(
         string componentId,
         (int WidthCells, int HeightCells) span)
     {
-        if (string.Equals(componentId, BuiltInComponentIds.Date, StringComparison.OrdinalIgnoreCase))
+        if (_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor))
         {
-            return (Math.Max(4, span.WidthCells), Math.Max(2, span.HeightCells));
+            var normalized = ComponentPlacementRules.EnsureMinimumSize(
+                runtimeDescriptor.Definition,
+                span.WidthCells,
+                span.HeightCells);
+            return NormalizeAspectRatioForComponent(componentId, normalized);
         }
 
-        if (string.Equals(componentId, BuiltInComponentIds.MonthCalendar, StringComparison.OrdinalIgnoreCase))
+        return NormalizeAspectRatioForComponent(
+            componentId,
+            (Math.Max(1, span.WidthCells), Math.Max(1, span.HeightCells)));
+    }
+
+    private static (int WidthCells, int HeightCells) NormalizeAspectRatioForComponent(
+        string componentId,
+        (int WidthCells, int HeightCells) span)
+    {
+        if (string.Equals(componentId, BuiltInComponentIds.DesktopWhiteboard, StringComparison.OrdinalIgnoreCase))
         {
-            return (Math.Max(2, span.WidthCells), Math.Max(2, span.HeightCells));
+            // Support both portrait ratios and snap to nearest viable scale tier.
+            return SnapSpanToScaleRules(
+                span,
+                new ComponentScaleRule(WidthUnit: 1, HeightUnit: 2, MinScale: 2), // 2x4, 3x6, 4x8...
+                new ComponentScaleRule(WidthUnit: 3, HeightUnit: 4, MinScale: 1)); // 3x4, 6x8...
         }
 
-        if (string.Equals(componentId, BuiltInComponentIds.LunarCalendar, StringComparison.OrdinalIgnoreCase))
+        if (string.Equals(componentId, BuiltInComponentIds.DesktopBlackboardLandscape, StringComparison.OrdinalIgnoreCase))
         {
-            return (Math.Max(2, span.WidthCells), Math.Max(2, span.HeightCells));
+            // Support both landscape ratios and snap to nearest viable scale tier.
+            return SnapSpanToScaleRules(
+                span,
+                new ComponentScaleRule(WidthUnit: 2, HeightUnit: 1, MinScale: 2), // 4x2, 6x3, 8x4...
+                new ComponentScaleRule(WidthUnit: 4, HeightUnit: 3, MinScale: 1)); // 4x3, 8x6...
         }
 
-        if (string.Equals(componentId, BuiltInComponentIds.DesktopClock, StringComparison.OrdinalIgnoreCase))
+        return span;
+    }
+
+    private static (int WidthCells, int HeightCells) SnapSpanToScaleRules(
+        (int WidthCells, int HeightCells) span,
+        params ComponentScaleRule[] rules)
+    {
+        var targetWidth = Math.Max(1, span.WidthCells);
+        var targetHeight = Math.Max(1, span.HeightCells);
+
+        var hasCandidate = false;
+        var bestWidth = targetWidth;
+        var bestHeight = targetHeight;
+        var bestArea = -1;
+        var bestDistance = double.MaxValue;
+
+        foreach (var rule in rules)
         {
-            return (Math.Max(2, span.WidthCells), Math.Max(2, span.HeightCells));
+            if (rule.WidthUnit <= 0 || rule.HeightUnit <= 0 || rule.MinScale <= 0)
+            {
+                continue;
+            }
+
+            var maxScale = Math.Min(targetWidth / rule.WidthUnit, targetHeight / rule.HeightUnit);
+            if (maxScale < rule.MinScale)
+            {
+                continue;
+            }
+
+            for (var scale = rule.MinScale; scale <= maxScale; scale++)
+            {
+                var width = rule.WidthUnit * scale;
+                var height = rule.HeightUnit * scale;
+                var area = width * height;
+                var dx = targetWidth - width;
+                var dy = targetHeight - height;
+                var distance = dx * dx + dy * dy;
+
+                if (!hasCandidate ||
+                    area > bestArea ||
+                    (area == bestArea && distance < bestDistance))
+                {
+                    hasCandidate = true;
+                    bestWidth = width;
+                    bestHeight = height;
+                    bestArea = area;
+                    bestDistance = distance;
+                }
+            }
         }
 
-        if (string.Equals(componentId, BuiltInComponentIds.DesktopTimer, StringComparison.OrdinalIgnoreCase))
-        {
-            return (Math.Max(2, span.WidthCells), Math.Max(2, span.HeightCells));
-        }
-
-        if (string.Equals(componentId, BuiltInComponentIds.HolidayCalendar, StringComparison.OrdinalIgnoreCase))
-        {
-            return (Math.Max(2, span.WidthCells), Math.Max(2, span.HeightCells));
-        }
-
-        return (Math.Max(1, span.WidthCells), Math.Max(1, span.HeightCells));
+        return hasCandidate
+            ? (bestWidth, bestHeight)
+            : (targetWidth, targetHeight);
     }
 
     private double GetComponentCornerRadius(string componentId)
     {
-        return componentId switch
+        if (_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor))
         {
-            BuiltInComponentIds.Date => 16,
-            BuiltInComponentIds.MonthCalendar => Math.Clamp(_currentDesktopCellSize * 0.26, 10, 22),
-            BuiltInComponentIds.LunarCalendar => Math.Clamp(_currentDesktopCellSize * 0.30, 12, 26),
-            BuiltInComponentIds.DesktopClock => Math.Clamp(_currentDesktopCellSize * 0.30, 12, 28),
-            BuiltInComponentIds.DesktopTimer => Math.Clamp(_currentDesktopCellSize * 0.30, 12, 28),
-            BuiltInComponentIds.HolidayCalendar => Math.Clamp(_currentDesktopCellSize * 0.32, 12, 28),
-            _ => Math.Clamp(_currentDesktopCellSize * 0.22, 8, 18)
-        };
+            return runtimeDescriptor.ResolveCornerRadius(_currentDesktopCellSize);
+        }
+
+        return Math.Clamp(_currentDesktopCellSize * 0.22, 8, 18);
     }
 
     private Thickness GetDesktopComponentVisualInset(int widthCells, int heightCells)
@@ -1172,60 +1233,14 @@ public partial class MainWindow
 
     private Control? CreateDesktopComponentControl(string componentId)
     {
-        if (componentId == BuiltInComponentIds.Date)
+        if (!_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor))
         {
-            var widget = new DateWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
+            return null;
         }
 
-        if (componentId == BuiltInComponentIds.MonthCalendar)
-        {
-            var widget = new MonthCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.LunarCalendar)
-        {
-            var widget = new LunarCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.DesktopClock)
-        {
-            var widget = new AnalogClockWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.DesktopTimer)
-        {
-            var widget = new TimerWidget();
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.HolidayCalendar)
-        {
-            var widget = new HolidayCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(_currentDesktopCellSize);
-            widget.Classes.Add(DesktopComponentClass);
-            return widget;
-        }
-
-        return null;
+        var component = runtimeDescriptor.CreateControl(_currentDesktopCellSize, _timeZoneService, _weatherDataService);
+        component.Classes.Add(DesktopComponentClass);
+        return component;
     }
 
     private void CollapseComponentLibraryPanel()
@@ -1372,7 +1387,7 @@ public partial class MainWindow
             DesktopEditDragLayer is null ||
             DesktopPagesViewport is null ||
             _currentDesktopCellSize <= 0 ||
-            !_componentRegistry.TryGetDefinition(placement.ComponentId, out var definition))
+            !_componentRuntimeRegistry.TryGetDescriptor(placement.ComponentId, out var runtimeDescriptor))
         {
             return;
         }
@@ -1380,7 +1395,7 @@ public partial class MainWindow
         var (widthCells, heightCells) = NormalizeComponentCellSpan(
             placement.ComponentId,
             ComponentPlacementRules.EnsureMinimumSize(
-                definition,
+                runtimeDescriptor.Definition,
                 placement.WidthCells,
                 placement.HeightCells));
 
@@ -1418,8 +1433,8 @@ public partial class MainWindow
             DesktopEditDragLayer is null ||
             DesktopPagesViewport is null ||
             _currentDesktopCellSize <= 0 ||
-            !_componentRegistry.TryGetDefinition(componentId, out var definition) ||
-            !definition.AllowDesktopPlacement)
+            !_componentRuntimeRegistry.TryGetDescriptor(componentId, out var runtimeDescriptor) ||
+            !runtimeDescriptor.Definition.AllowDesktopPlacement)
         {
             return;
         }
@@ -1427,9 +1442,9 @@ public partial class MainWindow
         var (widthCells, heightCells) = NormalizeComponentCellSpan(
             componentId,
             ComponentPlacementRules.EnsureMinimumSize(
-                definition,
-                definition.MinWidthCells,
-                definition.MinHeightCells));
+                runtimeDescriptor.Definition,
+                runtimeDescriptor.Definition.MinWidthCells,
+                runtimeDescriptor.Definition.MinHeightCells));
 
         // Center the component under the pointer while dragging from the library.
         var ghostWidth = Math.Max(1, widthCells * _currentDesktopCellSize + Math.Max(0, widthCells - 1) * _currentDesktopCellGap);
@@ -1534,7 +1549,7 @@ public partial class MainWindow
     {
         if (DesktopPagesViewport is null ||
             _currentDesktopCellSize <= 0 ||
-            !_componentRegistry.TryGetDefinition(placement.ComponentId, out var definition) ||
+            !_componentRuntimeRegistry.TryGetDescriptor(placement.ComponentId, out var runtimeDescriptor) ||
             !_desktopPageComponentGrids.TryGetValue(placement.PageIndex, out var pageGrid))
         {
             return;
@@ -1543,16 +1558,16 @@ public partial class MainWindow
         var startSpan = NormalizeComponentCellSpan(
             placement.ComponentId,
             ComponentPlacementRules.EnsureMinimumSize(
-                definition,
+                runtimeDescriptor.Definition,
                 placement.WidthCells,
                 placement.HeightCells));
 
         var minSpan = NormalizeComponentCellSpan(
             placement.ComponentId,
             ComponentPlacementRules.EnsureMinimumSize(
-                definition,
-                definition.MinWidthCells,
-                definition.MinHeightCells));
+                runtimeDescriptor.Definition,
+                runtimeDescriptor.Definition.MinWidthCells,
+                runtimeDescriptor.Definition.MinHeightCells));
 
         var maxWidthCells = Math.Max(startSpan.WidthCells, pageGrid.ColumnDefinitions.Count - placement.Column);
         var maxHeightCells = Math.Max(startSpan.HeightCells, pageGrid.RowDefinitions.Count - placement.Row);
@@ -2052,24 +2067,20 @@ public partial class MainWindow
 
     private IReadOnlyList<ComponentLibraryCategory> GetComponentLibraryCategories()
     {
-        var definitions = _componentRegistry
-            .GetAll()
-            .Where(definition => definition.AllowDesktopPlacement)
-            .ToList();
-
-        if (definitions.Count == 0)
+        var descriptors = _componentRuntimeRegistry.GetDesktopComponents();
+        if (descriptors.Count == 0)
         {
             return Array.Empty<ComponentLibraryCategory>();
         }
 
-        return definitions
-            .GroupBy(definition => definition.Category, StringComparer.OrdinalIgnoreCase)
+        return descriptors
+            .GroupBy(descriptor => descriptor.Definition.Category, StringComparer.OrdinalIgnoreCase)
             .OrderBy(group => group.Key, StringComparer.OrdinalIgnoreCase)
             .Select(group =>
             {
                 var categoryId = string.IsNullOrWhiteSpace(group.Key) ? "Other" : group.Key.Trim();
                 var components = group
-                    .OrderBy(definition => definition.DisplayName, StringComparer.OrdinalIgnoreCase)
+                    .OrderBy(descriptor => descriptor.Definition.DisplayName, StringComparer.OrdinalIgnoreCase)
                     .ToList();
                 return new ComponentLibraryCategory(
                     categoryId,
@@ -2092,6 +2103,16 @@ public partial class MainWindow
             return Symbol.CalendarDate;
         }
 
+        if (string.Equals(categoryId, "Weather", StringComparison.OrdinalIgnoreCase))
+        {
+            return Symbol.WeatherSunny;
+        }
+
+        if (string.Equals(categoryId, "Board", StringComparison.OrdinalIgnoreCase))
+        {
+            return Symbol.Edit;
+        }
+
         return Symbol.Apps;
     }
 
@@ -2107,6 +2128,16 @@ public partial class MainWindow
             return L("component_category.date", "Calendar");
         }
 
+        if (string.Equals(categoryId, "Weather", StringComparison.OrdinalIgnoreCase))
+        {
+            return L("component_category.weather", "Weather");
+        }
+
+        if (string.Equals(categoryId, "Board", StringComparison.OrdinalIgnoreCase))
+        {
+            return L("component_category.board", "Board");
+        }
+
         return categoryId;
     }
 
@@ -2236,8 +2267,9 @@ public partial class MainWindow
 
         for (var i = 0; i < componentCount; i++)
         {
-            var definition = _componentLibraryActiveComponents[i];
-            if (!_componentRegistry.TryGetDefinition(definition.Id, out var resolved) || !resolved.AllowDesktopPlacement)
+            var descriptor = _componentLibraryActiveComponents[i];
+            var definition = descriptor.Definition;
+            if (!definition.AllowDesktopPlacement)
             {
                 continue;
             }
@@ -2253,8 +2285,8 @@ public partial class MainWindow
             var previewMaxWidth = _componentLibraryComponentPageWidth * 0.94;
             var previewMaxHeight = viewportHeight * 0.86;
             var previewSpan = NormalizeComponentCellSpan(
-                resolved.Id,
-                (resolved.MinWidthCells, resolved.MinHeightCells));
+                definition.Id,
+                (definition.MinWidthCells, definition.MinHeightCells));
             var previewCellSize = Math.Min(
                 previewMaxWidth / Math.Max(1, previewSpan.WidthCells),
                 previewMaxHeight / Math.Max(1, previewSpan.HeightCells));
@@ -2264,11 +2296,7 @@ public partial class MainWindow
             var previewHeight = previewSpan.HeightCells * previewCellSize;
             var renderCellSize = Math.Clamp(previewCellSize * 1.15, 26, 110);
 
-            var previewControl = CreateComponentLibraryPreviewControl(resolved.Id, renderCellSize);
-            if (previewControl is null)
-            {
-                continue;
-            }
+            var previewControl = descriptor.CreateControl(renderCellSize, _timeZoneService, _weatherDataService);
 
             var previewSurface = new Border
             {
@@ -2294,13 +2322,13 @@ public partial class MainWindow
                 Background = Brushes.Transparent,
                 BorderThickness = new Thickness(0),
                 Child = previewViewbox,
-                Tag = resolved.Id
+                Tag = definition.Id
             };
             previewBorder.PointerPressed += OnComponentLibraryComponentPreviewPointerPressed;
 
             var label = new TextBlock
             {
-                Text = GetLocalizedComponentDisplayName(resolved),
+                Text = GetLocalizedComponentDisplayName(descriptor),
                 FontSize = 14,
                 FontWeight = FontWeight.SemiBold,
                 Foreground = GetThemeBrush("AdaptiveTextPrimaryBrush"),
@@ -2346,91 +2374,9 @@ public partial class MainWindow
         UpdateComponentLibraryComponentNavigationButtons();
     }
 
-    private Control? CreateComponentLibraryPreviewControl(string componentId, double cellSize)
+    private string GetLocalizedComponentDisplayName(DesktopComponentRuntimeDescriptor descriptor)
     {
-        if (componentId == BuiltInComponentIds.Date)
-        {
-            var widget = new DateWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.MonthCalendar)
-        {
-            var widget = new MonthCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.LunarCalendar)
-        {
-            var widget = new LunarCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.DesktopClock)
-        {
-            var widget = new AnalogClockWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.DesktopTimer)
-        {
-            var widget = new TimerWidget();
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        if (componentId == BuiltInComponentIds.HolidayCalendar)
-        {
-            var widget = new HolidayCalendarWidget();
-            widget.SetTimeZoneService(_timeZoneService);
-            widget.ApplyCellSize(cellSize);
-            return widget;
-        }
-
-        return null;
-    }
-
-    private string GetLocalizedComponentDisplayName(DesktopComponentDefinition definition)
-    {
-        if (string.Equals(definition.Id, BuiltInComponentIds.Date, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.date", definition.DisplayName);
-        }
-
-        if (string.Equals(definition.Id, BuiltInComponentIds.MonthCalendar, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.month_calendar", definition.DisplayName);
-        }
-
-        if (string.Equals(definition.Id, BuiltInComponentIds.LunarCalendar, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.lunar_calendar", definition.DisplayName);
-        }
-
-        if (string.Equals(definition.Id, BuiltInComponentIds.DesktopClock, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.desktop_clock", definition.DisplayName);
-        }
-
-        if (string.Equals(definition.Id, BuiltInComponentIds.DesktopTimer, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.desktop_timer", definition.DisplayName);
-        }
-
-        if (string.Equals(definition.Id, BuiltInComponentIds.HolidayCalendar, StringComparison.OrdinalIgnoreCase))
-        {
-            return L("component.holiday_calendar", definition.DisplayName);
-        }
-
-        return definition.DisplayName;
+        return L(descriptor.DisplayNameLocalizationKey, descriptor.Definition.DisplayName);
     }
 
     private void OnComponentLibraryComponentPreviewPointerPressed(object? sender, PointerPressedEventArgs e)
diff --git a/LanMontainDesktop/Views/MainWindow.Localization.cs b/LanMontainDesktop/Views/MainWindow.Localization.cs
index 3208c4f..c62738c 100644
--- a/LanMontainDesktop/Views/MainWindow.Localization.cs
+++ b/LanMontainDesktop/Views/MainWindow.Localization.cs
@@ -1,4 +1,5 @@
 using System;
+using System.Collections.Generic;
 using Avalonia.Controls;
 using Avalonia.Interactivity;
 using Avalonia.Layout;
@@ -9,6 +10,29 @@ namespace LanMontainDesktop.Views;
 
 public partial class MainWindow
 {
+    private const string AppCodeName = "Administrate";
+    private const string AppFontName = "MiSans";
+    private const string FallbackAppVersion = "1.0.0";
+
+    private static readonly IReadOnlyDictionary<string, string> ZhTimeZoneNames =
+        new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase)
+        {
+            ["China Standard Time"] = "中国标准时间",
+            ["Asia/Shanghai"] = "中国标准时间",
+            ["Tokyo Standard Time"] = "日本标准时间",
+            ["Asia/Tokyo"] = "日本标准时间",
+            ["Pacific Standard Time"] = "太平洋标准时间",
+            ["America/Los_Angeles"] = "太平洋标准时间",
+            ["Eastern Standard Time"] = "美国东部标准时间",
+            ["America/New_York"] = "美国东部标准时间",
+            ["Central European Standard Time"] = "中欧标准时间",
+            ["Europe/Berlin"] = "中欧标准时间",
+            ["GMT Standard Time"] = "格林威治标准时间",
+            ["Europe/London"] = "格林威治标准时间",
+            ["UTC"] = "协调世界时",
+            ["Etc/UTC"] = "协调世界时"
+        };
+
     private void InitializeLocalization(string? languageCode)
     {
         _languageCode = _localizationService.NormalizeLanguageCode(languageCode);
@@ -82,6 +106,7 @@ public partial class MainWindow
         SettingsNavGridTextBlock.Text = L("settings.nav.grid", "Grid");
         SettingsNavColorTextBlock.Text = L("settings.nav.color", "Color");
         SettingsNavStatusBarTextBlock.Text = L("settings.nav.status_bar", "Status Bar");
+        SettingsNavWeatherTextBlock.Text = L("settings.nav.weather", "Weather");
         SettingsNavRegionTextBlock.Text = L("settings.nav.region", "Region");
 
         WallpaperPanelTitleTextBlock.Text = L("settings.wallpaper.title", "个性化我们的背景");
@@ -141,10 +166,78 @@ public partial class MainWindow
         StatusBarSpacingModeCustomItem.Content = L("settings.status_bar.spacing_mode_custom", "Custom");
         StatusBarSpacingCustomLabelTextBlock.Text = L("settings.status_bar.spacing_custom_label", "Custom spacing (%)");
 
+        WeatherPanelTitleTextBlock.Text = L("settings.weather.title", "Weather");
+        WeatherLocationSettingsExpander.Header = L("settings.weather.location_source_header", "Location Source");
+        WeatherLocationSettingsExpander.Description = L(
+            "settings.weather.location_source_desc",
+            "Choose how weather widgets resolve location.");
+        WeatherLocationModeCityItem.Content = L("settings.weather.mode_city_search", "City Search");
+        WeatherLocationModeCoordinatesItem.Content = L("settings.weather.mode_coordinates", "Coordinates");
+        WeatherAutoRefreshToggleSwitch.Content = L("settings.weather.auto_refresh", "Auto refresh location on startup");
+
+        WeatherCitySearchSettingsExpander.Header = L("settings.weather.city_search_header", "City Search");
+        WeatherCitySearchSettingsExpander.Description = L(
+            "settings.weather.city_search_desc",
+            "Search cities and apply one weather location.");
+        WeatherCitySearchTextBox.Watermark = L("settings.weather.search_placeholder", "e.g. Beijing");
+        WeatherSearchButton.Content = L("settings.weather.search_button", "Search");
+        WeatherApplyCityButton.Content = L("settings.weather.apply_city_button", "Apply City");
+
+        WeatherCoordinateSettingsExpander.Header = L("settings.weather.coordinates_header", "Coordinates");
+        WeatherCoordinateSettingsExpander.Description = L(
+            "settings.weather.coordinates_desc",
+            "Set latitude/longitude and optional key/name.");
+        WeatherLatitudeNumberBox.Header = L("settings.weather.latitude_label", "Latitude");
+        WeatherLongitudeNumberBox.Header = L("settings.weather.longitude_label", "Longitude");
+        WeatherLocationKeyTextBox.Watermark = L("settings.weather.location_key_placeholder", "Location key (optional)");
+        WeatherLocationNameTextBox.Watermark = L("settings.weather.location_name_placeholder", "Display name (optional)");
+        WeatherApplyCoordinatesButton.Content = L("settings.weather.apply_coordinates_button", "Apply Coordinates");
+
+        WeatherPreviewSettingsExpander.Header = L("settings.weather.preview_header", "Connection Test");
+        WeatherPreviewSettingsExpander.Description = L(
+            "settings.weather.preview_desc",
+            "Send one test request to verify current settings.");
+        WeatherPreviewButton.Content = L("settings.weather.preview_button", "Test Fetch");
+
+        if (string.IsNullOrWhiteSpace(_weatherSearchKeyword))
+        {
+            WeatherSearchStatusTextBlock.Text = L(
+                "settings.weather.search_hint",
+                "Search by city name and apply one location.");
+        }
+
+        if (!_isWeatherPreviewInProgress)
+        {
+            WeatherPreviewResultTextBlock.Text = L(
+                "settings.weather.preview_hint",
+                "Use test fetch to verify your weather configuration.");
+        }
+
+        UpdateWeatherLocationStatusText();
+
         RegionPanelTitleTextBlock.Text = L("settings.region.title", "Region");
         LanguageSettingsExpander.Header = L("settings.region.language_header", "Language");
         LanguageChineseItem.Content = L("settings.region.language_zh", "Chinese");
         LanguageEnglishItem.Content = L("settings.region.language_en", "English");
+        TimeZoneSettingsExpander.Header = L("settings.region.timezone_header", "Time Zone");
+        TimeZoneSettingsExpander.Description = L(
+            "settings.region.timezone_desc",
+            "Select a time zone. Clock and calendar widgets will follow this zone.");
+
+        SettingsNavAboutTextBlock.Text = L("settings.nav.about", "About");
+        AboutPanelTitleTextBlock.Text = L("settings.about.title", "About");
+        VersionTextBlock.Text = Lf(
+            "settings.about.version_format",
+            "Version: {0}",
+            GetAppVersionText());
+        CodeNameTextBlock.Text = Lf(
+            "settings.about.codename_format",
+            "Code Name: {0}",
+            AppCodeName);
+        FontInfoTextBlock.Text = Lf(
+            "settings.about.font_format",
+            "Font: {0}",
+            AppFontName);
 
         if (WallpaperPlacementComboBox?.ItemCount >= 5)
         {
@@ -163,12 +256,48 @@ public partial class MainWindow
             DesktopGrid.RowDefinitions.Count,
             DesktopGrid.RowDefinitions.Count > 0 ? DesktopGrid.RowDefinitions[0].Height.Value : 0d);
 
+        InitializeTimeZoneSettings();
         BuildComponentLibraryCategoryPages();
         RenderLauncherRootTiles();
         UpdateOpenSettingsActionVisualState();
         UpdateWallpaperDisplay();
     }
 
+    private string GetLocalizedTimeZoneDisplayName(TimeZoneInfo timeZone)
+    {
+        var offset = timeZone.BaseUtcOffset;
+        var sign = offset >= TimeSpan.Zero ? "+" : "-";
+        var hours = Math.Abs(offset.Hours);
+        var minutes = Math.Abs(offset.Minutes);
+        var name = string.IsNullOrWhiteSpace(timeZone.StandardName)
+            ? timeZone.DisplayName
+            : timeZone.StandardName;
+
+        if (string.Equals(_languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase) &&
+            ZhTimeZoneNames.TryGetValue(timeZone.Id, out var localizedName))
+        {
+            name = localizedName;
+        }
+
+        if (string.IsNullOrWhiteSpace(name))
+        {
+            name = timeZone.Id;
+        }
+
+        return $"(UTC{sign}{hours:D2}:{minutes:D2}) {name}";
+    }
+
+    private static string GetAppVersionText()
+    {
+        var version = typeof(MainWindow).Assembly.GetName().Version;
+        if (version is null || version.Major < 0 || version.Minor < 0 || version.Build < 0)
+        {
+            return FallbackAppVersion;
+        }
+
+        return $"{version.Major}.{version.Minor}.{version.Build}";
+    }
+
     private void OnLanguageSelectionChanged(object? sender, SelectionChangedEventArgs e)
     {
         if (_suppressLanguageSelectionEvents || LanguageComboBox?.SelectedItem is not ComboBoxItem item)
@@ -185,4 +314,48 @@ public partial class MainWindow
             GetLanguageDisplayName(_languageCode));
         PersistSettings();
     }
+
+    private void UpdateWeatherLocationStatusText()
+    {
+        if (WeatherLocationStatusTextBlock is null)
+        {
+            return;
+        }
+
+        var modeText = _weatherLocationMode == WeatherLocationMode.Coordinates
+            ? L("settings.weather.mode_coordinates", "Coordinates")
+            : L("settings.weather.mode_city_search", "City Search");
+
+        if (_weatherLocationMode == WeatherLocationMode.CitySearch)
+        {
+            if (string.IsNullOrWhiteSpace(_weatherLocationKey))
+            {
+                WeatherLocationStatusTextBlock.Text = L(
+                    "settings.weather.status_city_empty",
+                    "No city location is configured.");
+                return;
+            }
+
+            var locationName = string.IsNullOrWhiteSpace(_weatherLocationName)
+                ? _weatherLocationKey
+                : _weatherLocationName;
+            WeatherLocationStatusTextBlock.Text = Lf(
+                "settings.weather.status_city_format",
+                "Mode: {0} | {1} | Key: {2}",
+                modeText,
+                locationName,
+                _weatherLocationKey);
+            return;
+        }
+
+        WeatherLocationStatusTextBlock.Text = Lf(
+            "settings.weather.status_coordinates_format",
+            "Mode: {0} | Lat {1:F4}, Lon {2:F4} | Key: {3}",
+            modeText,
+            _weatherLatitude,
+            _weatherLongitude,
+            string.IsNullOrWhiteSpace(_weatherLocationKey)
+                ? BuildCoordinateLocationKey(_weatherLatitude, _weatherLongitude)
+                : _weatherLocationKey);
+    }
 }
diff --git a/LanMontainDesktop/Views/MainWindow.Settings.cs b/LanMontainDesktop/Views/MainWindow.Settings.cs
index b95a627..9259705 100644
--- a/LanMontainDesktop/Views/MainWindow.Settings.cs
+++ b/LanMontainDesktop/Views/MainWindow.Settings.cs
@@ -4,6 +4,7 @@ using FluentIcons.Common;
 using LanMontainDesktop.Views.Components;
 
 using System.Collections.Generic;
+using System.Globalization;
 using System.IO;
 using System.Linq;
 using System.Runtime.InteropServices;
@@ -61,8 +62,9 @@ public partial class MainWindow
             WallpaperSettingsPanel is null ||
             ColorSettingsPanel is null ||
             StatusBarSettingsPanel is null ||
+            WeatherSettingsPanel is null ||
             RegionSettingsPanel is null ||
-              AboutSettingsPanel is null)
+            AboutSettingsPanel is null)
         {
             return;
         }
@@ -72,8 +74,9 @@ public partial class MainWindow
         GridSettingsPanel.IsVisible = selectedIndex == 1;
         ColorSettingsPanel.IsVisible = selectedIndex == 2;
         StatusBarSettingsPanel.IsVisible = selectedIndex == 3;
-        RegionSettingsPanel.IsVisible = selectedIndex == 4;
-          AboutSettingsPanel.IsVisible = selectedIndex == 5;
+        WeatherSettingsPanel.IsVisible = selectedIndex == 4;
+        RegionSettingsPanel.IsVisible = selectedIndex == 5;
+        AboutSettingsPanel.IsVisible = selectedIndex == 6;
 
         if (selectedIndex == 1)
         {
@@ -645,6 +648,13 @@ public partial class MainWindow
             SettingsTabIndex = Math.Max(0, SettingsNavListBox?.SelectedIndex ?? 0),
             LanguageCode = _languageCode,
             TimeZoneId = _timeZoneService.CurrentTimeZone.Id,
+            WeatherLocationMode = ToWeatherLocationModeTag(_weatherLocationMode),
+            WeatherLocationKey = _weatherLocationKey,
+            WeatherLocationName = _weatherLocationName,
+            WeatherLatitude = _weatherLatitude,
+            WeatherLongitude = _weatherLongitude,
+            WeatherAutoRefreshLocation = _weatherAutoRefreshLocation,
+            WeatherLocationQuery = BuildLegacyWeatherLocationQuery(),
             TopStatusComponentIds = _topStatusComponentIds.ToList(),
             PinnedTaskbarActions = _pinnedTaskbarActions.Select(action => action.ToString()).ToList(),
             EnableDynamicTaskbarActions = _enableDynamicTaskbarActions,
@@ -677,6 +687,560 @@ public partial class MainWindow
         }, TimeSpan.FromMilliseconds(Math.Max(0, delayMs)));
     }
 
+    private void InitializeWeatherSettings(AppSettingsSnapshot snapshot)
+    {
+        _suppressWeatherLocationEvents = true;
+        try
+        {
+            _weatherLocationMode = ParseWeatherLocationMode(snapshot.WeatherLocationMode);
+            _weatherLocationKey = snapshot.WeatherLocationKey?.Trim() ?? string.Empty;
+            _weatherLocationName = snapshot.WeatherLocationName?.Trim() ?? string.Empty;
+            _weatherLatitude = NormalizeLatitude(snapshot.WeatherLatitude);
+            _weatherLongitude = NormalizeLongitude(snapshot.WeatherLongitude);
+            _weatherAutoRefreshLocation = snapshot.WeatherAutoRefreshLocation;
+            _weatherSearchKeyword = string.Empty;
+
+            var legacyQuery = snapshot.WeatherLocationQuery?.Trim() ?? string.Empty;
+            if (string.IsNullOrWhiteSpace(_weatherLocationKey) && !string.IsNullOrWhiteSpace(legacyQuery))
+            {
+                _weatherLocationKey = legacyQuery;
+            }
+
+            if (string.IsNullOrWhiteSpace(_weatherLocationName) && !string.IsNullOrWhiteSpace(legacyQuery))
+            {
+                _weatherLocationName = legacyQuery;
+            }
+
+            SelectWeatherLocationModeInUi(_weatherLocationMode);
+            if (WeatherAutoRefreshToggleSwitch is not null)
+            {
+                WeatherAutoRefreshToggleSwitch.IsChecked = _weatherAutoRefreshLocation;
+            }
+
+            if (WeatherCitySearchTextBox is not null)
+            {
+                WeatherCitySearchTextBox.Text = string.Empty;
+            }
+
+            if (WeatherCityResultsComboBox is not null)
+            {
+                WeatherCityResultsComboBox.Items.Clear();
+            }
+
+            if (WeatherLocationKeyTextBox is not null)
+            {
+                WeatherLocationKeyTextBox.Text = _weatherLocationKey;
+            }
+
+            if (WeatherLocationNameTextBox is not null)
+            {
+                WeatherLocationNameTextBox.Text = _weatherLocationName;
+            }
+
+            if (WeatherLatitudeNumberBox is not null)
+            {
+                WeatherLatitudeNumberBox.Value = _weatherLatitude;
+            }
+
+            if (WeatherLongitudeNumberBox is not null)
+            {
+                WeatherLongitudeNumberBox.Value = _weatherLongitude;
+            }
+
+            if (WeatherSearchStatusTextBlock is not null)
+            {
+                WeatherSearchStatusTextBlock.Text = L(
+                    "settings.weather.search_hint",
+                    "Search by city name and apply one location.");
+            }
+
+            if (WeatherCoordinateStatusTextBlock is not null)
+            {
+                WeatherCoordinateStatusTextBlock.Text = string.Empty;
+            }
+
+            if (WeatherPreviewResultTextBlock is not null)
+            {
+                WeatherPreviewResultTextBlock.Text = L(
+                    "settings.weather.preview_hint",
+                    "Use test fetch to verify your weather configuration.");
+            }
+
+            UpdateWeatherLocationModePanels();
+            UpdateWeatherLocationStatusText();
+        }
+        finally
+        {
+            _suppressWeatherLocationEvents = false;
+        }
+    }
+
+    private static WeatherLocationMode ParseWeatherLocationMode(string? value)
+    {
+        return string.Equals(value, "Coordinates", StringComparison.OrdinalIgnoreCase)
+            ? WeatherLocationMode.Coordinates
+            : WeatherLocationMode.CitySearch;
+    }
+
+    private static string ToWeatherLocationModeTag(WeatherLocationMode mode)
+    {
+        return mode == WeatherLocationMode.Coordinates ? "Coordinates" : "CitySearch";
+    }
+
+    private static double NormalizeLatitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 39.9042;
+        }
+
+        return Math.Clamp(value, -90, 90);
+    }
+
+    private static double NormalizeLongitude(double value)
+    {
+        if (double.IsNaN(value) || double.IsInfinity(value))
+        {
+            return 116.4074;
+        }
+
+        return Math.Clamp(value, -180, 180);
+    }
+
+    private string BuildLegacyWeatherLocationQuery()
+    {
+        if (!string.IsNullOrWhiteSpace(_weatherLocationName))
+        {
+            return _weatherLocationName;
+        }
+
+        if (!string.IsNullOrWhiteSpace(_weatherLocationKey))
+        {
+            return _weatherLocationKey;
+        }
+
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"{_weatherLatitude:F4},{_weatherLongitude:F4}");
+    }
+
+    private void SelectWeatherLocationModeInUi(WeatherLocationMode mode)
+    {
+        if (WeatherLocationModeComboBox is null)
+        {
+            return;
+        }
+
+        foreach (var item in WeatherLocationModeComboBox.Items.OfType<ComboBoxItem>())
+        {
+            if (string.Equals(item.Tag?.ToString(), ToWeatherLocationModeTag(mode), StringComparison.OrdinalIgnoreCase))
+            {
+                WeatherLocationModeComboBox.SelectedItem = item;
+                return;
+            }
+        }
+
+        WeatherLocationModeComboBox.SelectedIndex = mode == WeatherLocationMode.Coordinates ? 1 : 0;
+    }
+
+    private void UpdateWeatherLocationModePanels()
+    {
+        if (WeatherCitySearchSettingsExpander is not null)
+        {
+            WeatherCitySearchSettingsExpander.IsVisible = _weatherLocationMode == WeatherLocationMode.CitySearch;
+        }
+
+        if (WeatherCoordinateSettingsExpander is not null)
+        {
+            WeatherCoordinateSettingsExpander.IsVisible = _weatherLocationMode == WeatherLocationMode.Coordinates;
+        }
+    }
+
+    private void OnWeatherLocationModeSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (_suppressWeatherLocationEvents || WeatherLocationModeComboBox?.SelectedItem is not ComboBoxItem item)
+        {
+            return;
+        }
+
+        _weatherLocationMode = ParseWeatherLocationMode(item.Tag?.ToString());
+        UpdateWeatherLocationModePanels();
+        UpdateWeatherLocationStatusText();
+        PersistSettings();
+    }
+
+    private void OnWeatherAutoRefreshToggled(object? sender, RoutedEventArgs e)
+    {
+        if (_suppressWeatherLocationEvents || WeatherAutoRefreshToggleSwitch is null)
+        {
+            return;
+        }
+
+        _weatherAutoRefreshLocation = WeatherAutoRefreshToggleSwitch.IsChecked == true;
+        PersistSettings();
+    }
+
+    private async void OnSearchWeatherCityClick(object? sender, RoutedEventArgs e)
+    {
+        if (_isWeatherSearchInProgress || WeatherCitySearchTextBox is null || WeatherCityResultsComboBox is null)
+        {
+            return;
+        }
+
+        var keyword = WeatherCitySearchTextBox.Text?.Trim() ?? string.Empty;
+        if (string.IsNullOrWhiteSpace(keyword))
+        {
+            if (WeatherSearchStatusTextBlock is not null)
+            {
+                WeatherSearchStatusTextBlock.Text = L(
+                    "settings.weather.search_required",
+                    "Please enter a city keyword first.");
+            }
+
+            return;
+        }
+
+        _weatherSearchKeyword = keyword;
+        _isWeatherSearchInProgress = true;
+        SetWeatherSearchBusy(isBusy: true);
+        try
+        {
+            var result = await _weatherDataService.SearchLocationsAsync(keyword, ResolveWeatherApiLocale());
+            if (!result.Success || result.Data is null)
+            {
+                WeatherCityResultsComboBox.Items.Clear();
+                if (WeatherSearchStatusTextBlock is not null)
+                {
+                    WeatherSearchStatusTextBlock.Text = Lf(
+                        "settings.weather.search_failed_format",
+                        "Search failed: {0}",
+                        result.ErrorMessage ?? result.ErrorCode ?? "Unknown error");
+                }
+
+                return;
+            }
+
+            var locations = result.Data
+                .Where(location => !string.IsNullOrWhiteSpace(location.LocationKey))
+                .Take(80)
+                .ToList();
+
+            WeatherCityResultsComboBox.Items.Clear();
+            foreach (var location in locations)
+            {
+                WeatherCityResultsComboBox.Items.Add(new ComboBoxItem
+                {
+                    Content = FormatWeatherLocationDisplayName(location),
+                    Tag = location
+                });
+            }
+
+            if (WeatherSearchStatusTextBlock is not null)
+            {
+                WeatherSearchStatusTextBlock.Text = locations.Count == 0
+                    ? L("settings.weather.search_no_results", "No locations were found.")
+                    : Lf(
+                        "settings.weather.search_result_count_format",
+                        "Found {0} locations.",
+                        locations.Count);
+            }
+
+            if (locations.Count > 0)
+            {
+                WeatherCityResultsComboBox.SelectedIndex = 0;
+            }
+        }
+        catch (Exception ex)
+        {
+            if (WeatherSearchStatusTextBlock is not null)
+            {
+                WeatherSearchStatusTextBlock.Text = Lf(
+                    "settings.weather.search_failed_format",
+                    "Search failed: {0}",
+                    ex.Message);
+            }
+        }
+        finally
+        {
+            _isWeatherSearchInProgress = false;
+            SetWeatherSearchBusy(isBusy: false);
+        }
+    }
+
+    private static string FormatWeatherLocationDisplayName(WeatherLocation location)
+    {
+        var affiliation = string.IsNullOrWhiteSpace(location.Affiliation)
+            ? string.Empty
+            : $" ({location.Affiliation})";
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"{location.Name}{affiliation} · {location.LocationKey}");
+    }
+
+    private static string BuildWeatherLocationName(WeatherLocation location)
+    {
+        if (string.IsNullOrWhiteSpace(location.Affiliation))
+        {
+            return location.Name;
+        }
+
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"{location.Name} ({location.Affiliation})");
+    }
+
+    private void OnApplyWeatherCitySelectionClick(object? sender, RoutedEventArgs e)
+    {
+        if (WeatherCityResultsComboBox?.SelectedItem is not ComboBoxItem item ||
+            item.Tag is not WeatherLocation location)
+        {
+            if (WeatherSearchStatusTextBlock is not null)
+            {
+                WeatherSearchStatusTextBlock.Text = L(
+                    "settings.weather.search_select_required",
+                    "Please select one location from search results.");
+            }
+
+            return;
+        }
+
+        _weatherLocationMode = WeatherLocationMode.CitySearch;
+        _weatherLocationKey = location.LocationKey.Trim();
+        _weatherLocationName = BuildWeatherLocationName(location);
+        _weatherLatitude = NormalizeLatitude(location.Latitude);
+        _weatherLongitude = NormalizeLongitude(location.Longitude);
+
+        _suppressWeatherLocationEvents = true;
+        try
+        {
+            SelectWeatherLocationModeInUi(_weatherLocationMode);
+            if (WeatherLocationKeyTextBox is not null)
+            {
+                WeatherLocationKeyTextBox.Text = _weatherLocationKey;
+            }
+
+            if (WeatherLocationNameTextBox is not null)
+            {
+                WeatherLocationNameTextBox.Text = _weatherLocationName;
+            }
+
+            if (WeatherLatitudeNumberBox is not null)
+            {
+                WeatherLatitudeNumberBox.Value = _weatherLatitude;
+            }
+
+            if (WeatherLongitudeNumberBox is not null)
+            {
+                WeatherLongitudeNumberBox.Value = _weatherLongitude;
+            }
+        }
+        finally
+        {
+            _suppressWeatherLocationEvents = false;
+        }
+
+        if (WeatherSearchStatusTextBlock is not null)
+        {
+            WeatherSearchStatusTextBlock.Text = Lf(
+                "settings.weather.search_applied_format",
+                "Location applied: {0}",
+                _weatherLocationName);
+        }
+
+        UpdateWeatherLocationModePanels();
+        UpdateWeatherLocationStatusText();
+        PersistSettings();
+    }
+
+    private void OnApplyWeatherCoordinatesClick(object? sender, RoutedEventArgs e)
+    {
+        if (WeatherLatitudeNumberBox is null || WeatherLongitudeNumberBox is null)
+        {
+            return;
+        }
+
+        var latitude = NormalizeLatitude(WeatherLatitudeNumberBox.Value);
+        var longitude = NormalizeLongitude(WeatherLongitudeNumberBox.Value);
+        var keyInput = WeatherLocationKeyTextBox?.Text?.Trim() ?? string.Empty;
+        var nameInput = WeatherLocationNameTextBox?.Text?.Trim() ?? string.Empty;
+
+        _weatherLocationMode = WeatherLocationMode.Coordinates;
+        _weatherLatitude = latitude;
+        _weatherLongitude = longitude;
+        _weatherLocationKey = string.IsNullOrWhiteSpace(keyInput)
+            ? BuildCoordinateLocationKey(latitude, longitude)
+            : keyInput;
+        _weatherLocationName = string.IsNullOrWhiteSpace(nameInput)
+            ? Lf(
+                "settings.weather.coordinates_default_name_format",
+                "Coordinate {0:F4}, {1:F4}",
+                latitude,
+                longitude)
+            : nameInput;
+
+        _suppressWeatherLocationEvents = true;
+        try
+        {
+            SelectWeatherLocationModeInUi(_weatherLocationMode);
+            if (WeatherLocationKeyTextBox is not null && string.IsNullOrWhiteSpace(keyInput))
+            {
+                WeatherLocationKeyTextBox.Text = _weatherLocationKey;
+            }
+
+            if (WeatherLocationNameTextBox is not null && string.IsNullOrWhiteSpace(nameInput))
+            {
+                WeatherLocationNameTextBox.Text = _weatherLocationName;
+            }
+        }
+        finally
+        {
+            _suppressWeatherLocationEvents = false;
+        }
+
+        if (WeatherCoordinateStatusTextBlock is not null)
+        {
+            WeatherCoordinateStatusTextBlock.Text = Lf(
+                "settings.weather.coordinates_saved_format",
+                "Coordinates saved: {0:F4}, {1:F4}",
+                _weatherLatitude,
+                _weatherLongitude);
+        }
+
+        UpdateWeatherLocationModePanels();
+        UpdateWeatherLocationStatusText();
+        PersistSettings();
+    }
+
+    private static string BuildCoordinateLocationKey(double latitude, double longitude)
+    {
+        return string.Create(
+            CultureInfo.InvariantCulture,
+            $"coord:{latitude:F4},{longitude:F4}");
+    }
+
+    private async void OnTestWeatherRequestClick(object? sender, RoutedEventArgs e)
+    {
+        if (_isWeatherPreviewInProgress)
+        {
+            return;
+        }
+
+        if (string.IsNullOrWhiteSpace(_weatherLocationKey))
+        {
+            if (_weatherLocationMode == WeatherLocationMode.Coordinates)
+            {
+                _weatherLocationKey = BuildCoordinateLocationKey(_weatherLatitude, _weatherLongitude);
+            }
+            else
+            {
+                if (WeatherPreviewResultTextBlock is not null)
+                {
+                    WeatherPreviewResultTextBlock.Text = L(
+                        "settings.weather.preview_missing_location",
+                        "Please apply one weather location before testing.");
+                }
+
+                return;
+            }
+        }
+
+        _isWeatherPreviewInProgress = true;
+        SetWeatherPreviewBusy(isBusy: true);
+        try
+        {
+            var query = new WeatherQuery(
+                LocationKey: _weatherLocationKey,
+                Latitude: _weatherLatitude,
+                Longitude: _weatherLongitude,
+                ForecastDays: 3,
+                Locale: ResolveWeatherApiLocale(),
+                IsGlobal: false,
+                ForceRefresh: true);
+
+            var result = await _weatherDataService.GetWeatherAsync(query);
+            if (!result.Success || result.Data is null)
+            {
+                if (WeatherPreviewResultTextBlock is not null)
+                {
+                    WeatherPreviewResultTextBlock.Text = Lf(
+                        "settings.weather.preview_failed_format",
+                        "Test fetch failed: {0}",
+                        result.ErrorMessage ?? result.ErrorCode ?? "Unknown error");
+                }
+
+                return;
+            }
+
+            var snapshot = result.Data;
+            var location = string.IsNullOrWhiteSpace(snapshot.LocationName)
+                ? (!string.IsNullOrWhiteSpace(_weatherLocationName) ? _weatherLocationName : _weatherLocationKey)
+                : snapshot.LocationName;
+            var weather = snapshot.Current.WeatherText ??
+                          L("settings.weather.preview_unknown", "Unknown");
+            var temperature = snapshot.Current.TemperatureC.HasValue
+                ? string.Create(CultureInfo.InvariantCulture, $"{snapshot.Current.TemperatureC.Value:F1}°C")
+                : "--";
+
+            if (WeatherPreviewResultTextBlock is not null)
+            {
+                WeatherPreviewResultTextBlock.Text = Lf(
+                    "settings.weather.preview_success_format",
+                    "Test success: {0} · {1} · {2}",
+                    location,
+                    weather,
+                    temperature);
+            }
+        }
+        catch (Exception ex)
+        {
+            if (WeatherPreviewResultTextBlock is not null)
+            {
+                WeatherPreviewResultTextBlock.Text = Lf(
+                    "settings.weather.preview_failed_format",
+                    "Test fetch failed: {0}",
+                    ex.Message);
+            }
+        }
+        finally
+        {
+            _isWeatherPreviewInProgress = false;
+            SetWeatherPreviewBusy(isBusy: false);
+        }
+    }
+
+    private void SetWeatherSearchBusy(bool isBusy)
+    {
+        if (WeatherSearchButton is not null)
+        {
+            WeatherSearchButton.IsEnabled = !isBusy;
+        }
+
+        if (WeatherSearchProgressRing is not null)
+        {
+            WeatherSearchProgressRing.IsVisible = isBusy;
+        }
+    }
+
+    private void SetWeatherPreviewBusy(bool isBusy)
+    {
+        if (WeatherPreviewButton is not null)
+        {
+            WeatherPreviewButton.IsEnabled = !isBusy;
+        }
+
+        if (WeatherPreviewProgressRing is not null)
+        {
+            WeatherPreviewProgressRing.IsVisible = isBusy;
+        }
+    }
+
+    private string ResolveWeatherApiLocale()
+    {
+        return string.Equals(_languageCode, "zh-CN", StringComparison.OrdinalIgnoreCase)
+            ? "zh_cn"
+            : "en_us";
+    }
+
     private void UpdateAdaptiveTextSystem()
     {
         var isLightBackground = _isSettingsOpen
@@ -1110,6 +1674,15 @@ public partial class MainWindow
             };
         }
 
+        if (WeatherLocationSettingsExpander is not null)
+        {
+            WeatherLocationSettingsExpander.IconSource = new FluentIcons.Avalonia.Fluent.SymbolIconSource
+            {
+                Symbol = Symbol.WeatherSunny,
+                IconVariant = variant
+            };
+        }
+
         if (LanguageSettingsExpander is not null)
         {
             LanguageSettingsExpander.IconSource = new FluentIcons.Avalonia.Fluent.SymbolIconSource
diff --git a/LanMontainDesktop/Views/MainWindow.axaml b/LanMontainDesktop/Views/MainWindow.axaml
index 328f373..30616ee 100644
--- a/LanMontainDesktop/Views/MainWindow.axaml
+++ b/LanMontainDesktop/Views/MainWindow.axaml
@@ -1,4 +1,4 @@
-<Window xmlns="https://github.com/avaloniaui"
+<Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:vm="using:LanMontainDesktop.ViewModels"
         xmlns:ui="using:FluentAvalonia.UI.Controls"
@@ -133,10 +133,10 @@
                                                 <TextBlock x:Name="LauncherTitleTextBlock"
                                                            FontSize="24"
                                                            FontWeight="SemiBold"
-                                                           Text="应用启动台" />
+                                                           Text="App Launcher" />
                                                 <TextBlock x:Name="LauncherSubtitleTextBlock"
                                                            Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
-                                                           Text="按 Windows 开始菜单结构显示所有应用与文件夹" />
+                                                           Text="Apps and folders from Windows Start Menu." />
                                             </StackPanel>
 
                                             <Grid Grid.Row="1"
@@ -183,7 +183,7 @@
                                                                            HorizontalAlignment="Center"
                                                                            VerticalAlignment="Center"
                                                                            FontWeight="SemiBold"
-                                                                           Text="文件夹" />
+                                                                           Text="Folder" />
                                                                 <Button x:Name="LauncherFolderCloseButton"
                                                                         Grid.Column="2"
                                                                         Width="38"
@@ -346,6 +346,7 @@
         </Grid>
 
         <Grid x:Name="SettingsPage"
+              Classes="settings-scope"
               IsVisible="False"
               Opacity="0"
               HorizontalAlignment="Stretch"
@@ -375,14 +376,14 @@
                 </Border.RenderTransform>
 
                 <Border Classes="mica-strong"
-                        CornerRadius="32"
+                        CornerRadius="{DynamicResource DesignCornerRadiusXl}"
                         Padding="18">
                     <Grid ColumnDefinitions="220,*"
                           ColumnSpacing="16">
                         <Border x:Name="SettingsNavPanelBorder"
                                 Classes="glass-panel"
                                 Grid.Column="0"
-                                CornerRadius="28"
+                                CornerRadius="{DynamicResource DesignCornerRadiusLg}"
                                 Padding="10">
                             <Border.Styles>
                                 <Style Selector="ListBox#SettingsNavListBox">
@@ -395,7 +396,7 @@
                                     <Setter Property="BorderThickness" Value="0" />
                                     <Setter Property="Padding" Value="10,8" />
                                     <Setter Property="Margin" Value="0,2" />
-                                    <Setter Property="CornerRadius" Value="12" />
+                                    <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
                                 </Style>
                                 <Style Selector="ListBox#SettingsNavListBox ListBoxItem:pointerover">
                                     <Setter Property="Background" Value="{DynamicResource AdaptiveNavItemHoverBackgroundBrush}" />
@@ -438,6 +439,12 @@
                                             <TextBlock x:Name="SettingsNavStatusBarTextBlock" Text="&#29366;&#24577;&#26639;" VerticalAlignment="Center" />
                                         </StackPanel>
                                     </ListBoxItem>
+                                    <ListBoxItem x:Name="SettingsNavWeatherItem" ToolTip.Tip="&#22825;&#27668;">
+                                        <StackPanel Orientation="Horizontal" Spacing="12">
+                                            <fi:SymbolIcon x:Name="SettingsNavWeatherIcon" Symbol="WeatherSunny" IconVariant="Regular" />
+                                            <TextBlock x:Name="SettingsNavWeatherTextBlock" Text="&#22825;&#27668;" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </ListBoxItem>
                                     <ListBoxItem x:Name="SettingsNavRegionItem" ToolTip.Tip="&#22320;&#21306;">
                                         <StackPanel Orientation="Horizontal" Spacing="12">
                                             <fi:SymbolIcon x:Name="SettingsNavRegionIcon" Symbol="Globe" IconVariant="Regular" />
@@ -456,7 +463,7 @@
 
                         <Border Grid.Column="1"
                                 Classes="glass-panel"
-                                CornerRadius="20"
+                                CornerRadius="{DynamicResource DesignCornerRadiusMd}"
                                 Padding="14">
                             <Grid>
                                     <Grid x:Name="WallpaperSettingsPanel"
@@ -469,7 +476,7 @@
                                                    FontWeight="SemiBold"
                                                    Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                    Margin="0,0,0,24"
-                                                   Text="个性化您的背景" />
+                                                   Text="涓€у寲鎮ㄧ殑鑳屾櫙" />
 
                                         <!-- Left Column: Monitor Preview -->
                                         <Border x:Name="WallpaperPreviewHost"
@@ -520,7 +527,7 @@
                                                                     <Border x:Name="WallpaperPreviewTaskbarFixedActionsHost" Grid.Column="0">
                                                                         <StackPanel x:Name="WallpaperPreviewBackButtonVisual" Orientation="Horizontal" Spacing="3">
                                                                             <fi:SymbolIcon Classes="icon-s" Symbol="Window" />
-                                                                            <TextBlock x:Name="WallpaperPreviewBackButtonTextBlock" Text="回到Windows" VerticalAlignment="Center" />
+                                                                            <TextBlock x:Name="WallpaperPreviewBackButtonTextBlock" Text="鍥炲埌Windows" VerticalAlignment="Center" />
                                                                         </StackPanel>
                                                                     </Border>
                                                                      <StackPanel x:Name="WallpaperPreviewTaskbarDynamicActionsHost"
@@ -532,7 +539,7 @@
                                                                         <StackPanel Orientation="Horizontal" Spacing="3">
                                                                             <StackPanel x:Name="WallpaperPreviewComponentLibraryVisual" IsVisible="False" Orientation="Horizontal" Spacing="3">
                                                                                 <fi:FluentIcon Classes="icon-s" Icon="Apps" />
-                                                                                <TextBlock x:Name="WallpaperPreviewComponentLibraryTextBlock" Text="组件库" VerticalAlignment="Center" />
+                                                                                <TextBlock x:Name="WallpaperPreviewComponentLibraryTextBlock" Text="Widget library" VerticalAlignment="Center" />
                                                                             </StackPanel>
                                                                             <fi:SymbolIcon x:Name="WallpaperPreviewSettingsButtonIcon" Classes="icon-s" Symbol="Settings" />
                                                                         </StackPanel>
@@ -550,22 +557,22 @@
                                                     Margin="16,0,0,0"
                                                     Spacing="16">
                                             <StackPanel Spacing="8">
-                                                <TextBlock Text="预览状态" FontSize="12" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
+                                                <TextBlock Text="Preview status" FontSize="12" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
                                                 <TextBlock x:Name="WallpaperPathTextBlock"
                                                            FontSize="14"
                                                            FontWeight="Medium"
                                                            Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                            TextTrimming="CharacterEllipsis"
-                                                           Text="未选择文件" />
+                                                           Text="鏈€夋嫨鏂囦欢" />
                                                 <TextBlock x:Name="WallpaperStatusTextBlock"
                                                            FontSize="12"
                                                            Foreground="{DynamicResource AdaptiveTextMutedBrush}"
-                                                           Text="就绪" />
+                                                           Text="灏辩华" />
                                             </StackPanel>
 
                                             <Separator Background="{DynamicResource SurfaceStrokeColorDefaultBrush}" Height="1" Margin="0,8" />
 
-                                            <TextBlock Text="选择图片或视频" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
+                                            <TextBlock Text="Choose image or video" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
                                             
                                             <Grid ColumnDefinitions="*, *" ColumnSpacing="12">
                                                 <Button x:Name="PickWallpaperButton"
@@ -574,17 +581,18 @@
                                                         HorizontalAlignment="Stretch"
                                                         Padding="0,10"
                                                         Click="OnPickWallpaperClick"
-                                                        Content="浏览照片" />
+                                                        Content="娴忚鐓х墖" />
                                                 <Button x:Name="ClearWallpaperButton"
                                                         Grid.Column="1"
                                                         HorizontalAlignment="Stretch"
                                                         Padding="0,10"
                                                         Click="OnClearWallpaperClick"
-                                                        Content="重置" />
+                                                        Content="閲嶇疆" />
                                             </Grid>
 
-                                            <ui:SettingsExpander x:Name="WallpaperPlacementSettingsExpander"
-                                                                 Header="选择契合度"
+                                            <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="WallpaperPlacementSettingsExpander"
+                                                                 Header="Placement"
                                                                  Padding="12,8">
                                                 <ui:SettingsExpander.Footer>
                                                     <ComboBox x:Name="WallpaperPlacementComboBox"
@@ -598,6 +606,7 @@
                                                     </ComboBox>
                                                 </ui:SettingsExpander.Footer>
                                             </ui:SettingsExpander>
+</Border>
                                         </StackPanel>
                                     </Grid>
 
@@ -611,7 +620,7 @@
                                                FontWeight="SemiBold"
                                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                Margin="0,0,0,24"
-                                               Text="调整网格布局" />
+                                               Text="璋冩暣缃戞牸甯冨眬" />
 
                                     <!-- Left Column: Grid Preview -->
                                     <Border x:Name="GridPreviewHost"
@@ -657,7 +666,7 @@
                                                             <Border x:Name="GridPreviewTaskbarFixedActionsHost" Grid.Column="0">
                                                                 <StackPanel x:Name="GridPreviewBackButtonVisual" Orientation="Horizontal" Spacing="3">
                                                                     <fi:SymbolIcon Classes="icon-s" Symbol="Window" />
-                                                                    <TextBlock x:Name="GridPreviewBackButtonTextBlock" Text="回到Windows" VerticalAlignment="Center" />
+                                                                    <TextBlock x:Name="GridPreviewBackButtonTextBlock" Text="鍥炲埌Windows" VerticalAlignment="Center" />
                                                                 </StackPanel>
                                                             </Border>
                                                             <StackPanel x:Name="GridPreviewTaskbarDynamicActionsHost"
@@ -669,7 +678,7 @@
                                                                 <StackPanel Orientation="Horizontal" Spacing="3">
                                                                     <StackPanel x:Name="GridPreviewComponentLibraryVisual" IsVisible="False" Orientation="Horizontal" Spacing="3">
                                                                         <fi:FluentIcon x:Name="GridPreviewComponentLibraryIcon" Classes="icon-s" Icon="Apps" />
-                                                                        <TextBlock x:Name="GridPreviewComponentLibraryTextBlock" Text="组件库" VerticalAlignment="Center" />
+                                                                        <TextBlock x:Name="GridPreviewComponentLibraryTextBlock" Text="Widget library" VerticalAlignment="Center" />
                                                                     </StackPanel>
                                                                     <fi:SymbolIcon x:Name="GridPreviewSettingsButtonIcon" Classes="icon-s" Symbol="Settings" />
                                                                 </StackPanel>
@@ -686,7 +695,7 @@
                                     <StackPanel Grid.Row="1" Grid.Column="1"
                                                 Margin="16,0,0,0"
                                                 Spacing="16">
-                                        <TextBlock Text="竖排格数" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
+                                        <TextBlock Text="绔栨帓鏍兼暟" FontSize="16" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
 
                                          <Grid ColumnDefinitions="*,Auto" ColumnSpacing="12">
                                              <Slider x:Name="GridSizeSlider"
@@ -745,7 +754,7 @@
 
                                         <TextBlock x:Name="GridEdgeInsetComputedPxTextBlock"
                                                    Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
-                                                   Text="≈ 0 px" />
+                                                   Text="鈮?0 px" />
 
                                          <Button x:Name="ApplyGridButton"
                                                  HorizontalAlignment="Stretch"
@@ -769,7 +778,8 @@
                                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                Text="Color" />
 
-                                    <ui:SettingsExpander x:Name="ThemeModeSettingsExpander"
+                                    <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="ThemeModeSettingsExpander"
                                                          Header="&#26085;&#22812;&#27169;&#24335;"
                                                          Description="&#20999;&#25442;&#24212;&#29992;&#30340;&#27973;&#33394;&#25110;&#28145;&#33394;&#20027;&#39064;&#12290;">
                                         <ui:SettingsExpander.IconSource>
@@ -783,8 +793,10 @@
                                                           Unchecked="OnNightModeUnchecked" />
                                         </ui:SettingsExpander.Footer>
                                     </ui:SettingsExpander>
+</Border>
 
-                                    <ui:SettingsExpander x:Name="ThemeColorSettingsExpander"
+                                    <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="ThemeColorSettingsExpander"
                                                          Header="&#20027;&#39064;&#33394;"
                                                          Description="&#36873;&#25321;&#24212;&#29992;&#30340;&#20027;&#39064;&#28857;&#32512;&#33394;&#12290;">
                                         <ui:SettingsExpander.IconSource>
@@ -961,6 +973,7 @@
                                             </ui:SettingsExpanderItem.Footer>
                                         </ui:SettingsExpanderItem>
                                     </ui:SettingsExpander>
+</Border>
 
                                     <TextBlock x:Name="ThemeColorStatusTextBlock"
                                                Foreground="{DynamicResource AdaptiveTextMutedBrush}"
@@ -976,7 +989,8 @@
                                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                Text="Status Bar" />
 
-                                    <ui:SettingsExpander x:Name="StatusBarClockSettingsExpander"
+                                    <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="StatusBarClockSettingsExpander"
                                                          Header="&#26102;&#38388;&#32452;&#20214;"
                                                          Description="&#22312;&#39030;&#37096;&#29366;&#24577;&#26639;&#26174;&#31034;&#26102;&#38047;&#12290;"
                                                          IsExpanded="False">
@@ -991,23 +1005,25 @@
                                                           Unchecked="OnStatusBarClockUnchecked" />
                                         </ui:SettingsExpander.Footer>
                                         <StackPanel Margin="0,8,0,0" Spacing="12">
-                                            <TextBlock Text="显示格式" FontSize="14" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
+                                            <TextBlock Text="鏄剧ず鏍煎紡" FontSize="14" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
                                             <StackPanel Orientation="Horizontal" Spacing="8">
                                                 <RadioButton x:Name="ClockFormatHMSSRadio"
-                                                             Content="时分秒 (HH:mm:ss)"
+                                                             Content="鏃跺垎绉?(HH:mm:ss)"
                                                              GroupName="ClockFormat"
                                                              Checked="OnClockFormatChanged"
                                                              Tag="Hms" />
                                                 <RadioButton x:Name="ClockFormatHMRadio"
-                                                             Content="时分 (HH:mm)"
+                                                             Content="鏃跺垎 (HH:mm)"
                                                              GroupName="ClockFormat"
                                                              Checked="OnClockFormatChanged"
                                                              Tag="Hm" />
                                             </StackPanel>
                                         </StackPanel>
                                      </ui:SettingsExpander>
+</Border>
 
-                                    <ui:SettingsExpander x:Name="StatusBarSpacingSettingsExpander"
+                                    <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="StatusBarSpacingSettingsExpander"
                                                          Header="Component spacing"
                                                          Description="Adjust spacing between status bar components."
                                                          IsExpanded="False">
@@ -1054,11 +1070,168 @@
 
                                             <TextBlock x:Name="StatusBarSpacingComputedPxTextBlock"
                                                        Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
-                                                       Text="≈ 0 px" />
+                                                       Text="鈮?0 px" />
                                         </StackPanel>
                                     </ui:SettingsExpander>
+</Border>
                                  </StackPanel>
- 
+                                
+                                <StackPanel x:Name="WeatherSettingsPanel"
+                                            IsVisible="False"
+                                            Spacing="16">
+                                    <TextBlock x:Name="WeatherPanelTitleTextBlock"
+                                               FontSize="24"
+                                               FontWeight="SemiBold"
+                                               Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
+                                               Text="&#22825;&#27668;" />
+
+                                    <Border Classes="settings-expander-shell">
+                                        <ui:SettingsExpander x:Name="WeatherLocationSettingsExpander"
+                                                             Header="Location Source"
+                                                             Description="Choose how weather widgets resolve location.">
+                                            <ui:SettingsExpander.Footer>
+                                                <StackPanel Spacing="10">
+                                                    <ComboBox x:Name="WeatherLocationModeComboBox"
+                                                              Width="220"
+                                                              SelectionChanged="OnWeatherLocationModeSelectionChanged">
+                                                        <ComboBoxItem x:Name="WeatherLocationModeCityItem"
+                                                                      Tag="CitySearch"
+                                                                      Content="City Search" />
+                                                        <ComboBoxItem x:Name="WeatherLocationModeCoordinatesItem"
+                                                                      Tag="Coordinates"
+                                                                      Content="Coordinates" />
+                                                    </ComboBox>
+                                                    <ToggleSwitch x:Name="WeatherAutoRefreshToggleSwitch"
+                                                                  Checked="OnWeatherAutoRefreshToggled"
+                                                                  Unchecked="OnWeatherAutoRefreshToggled"
+                                                                  Content="Auto refresh location on startup" />
+                                                </StackPanel>
+                                            </ui:SettingsExpander.Footer>
+                                        </ui:SettingsExpander>
+                                    </Border>
+
+                                    <Border Classes="settings-expander-shell">
+                                        <ui:SettingsExpander x:Name="WeatherCitySearchSettingsExpander"
+                                                             Header="City Search"
+                                                             Description="Search cities and apply one weather location.">
+                                            <ui:SettingsExpander.Footer>
+                                                <StackPanel Spacing="10">
+                                                    <Grid ColumnDefinitions="*,Auto,Auto"
+                                                          ColumnSpacing="8">
+                                                        <TextBox x:Name="WeatherCitySearchTextBox"
+                                                                 Grid.Column="0"
+                                                                 Watermark="e.g. Beijing" />
+                                                        <ui:ProgressRing x:Name="WeatherSearchProgressRing"
+                                                                         Grid.Column="1"
+                                                                         Width="24"
+                                                                         Height="24"
+                                                                         IsActive="True"
+                                                                         IsVisible="False" />
+                                                        <Button x:Name="WeatherSearchButton"
+                                                                Grid.Column="2"
+                                                                Padding="12,8"
+                                                                Click="OnSearchWeatherCityClick"
+                                                                Content="Search" />
+                                                    </Grid>
+
+                                                    <ComboBox x:Name="WeatherCityResultsComboBox"
+                                                              MinWidth="320" />
+
+                                                    <Button x:Name="WeatherApplyCityButton"
+                                                            HorizontalAlignment="Left"
+                                                            Padding="12,8"
+                                                            Click="OnApplyWeatherCitySelectionClick"
+                                                            Content="Apply City" />
+
+                                                    <TextBlock x:Name="WeatherSearchStatusTextBlock"
+                                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                                               Text="Search by city name and apply one location." />
+                                                </StackPanel>
+                                            </ui:SettingsExpander.Footer>
+                                        </ui:SettingsExpander>
+                                    </Border>
+
+                                    <Border Classes="settings-expander-shell">
+                                        <ui:SettingsExpander x:Name="WeatherCoordinateSettingsExpander"
+                                                             Header="Coordinates"
+                                                             Description="Set latitude/longitude and optional key/name."
+                                                             IsVisible="False">
+                                            <ui:SettingsExpander.Footer>
+                                                <StackPanel Spacing="10">
+                                                    <Grid ColumnDefinitions="*,*"
+                                                          ColumnSpacing="10">
+                                                        <ui:NumberBox x:Name="WeatherLatitudeNumberBox"
+                                                                      Grid.Column="0"
+                                                                      Header="Latitude"
+                                                                      Minimum="-90"
+                                                                      Maximum="90"
+                                                                      SpinButtonPlacementMode="Inline"
+                                                                      SmallChange="0.1"
+                                                                      LargeChange="1"
+                                                                      Value="39.9042" />
+                                                        <ui:NumberBox x:Name="WeatherLongitudeNumberBox"
+                                                                      Grid.Column="1"
+                                                                      Header="Longitude"
+                                                                      Minimum="-180"
+                                                                      Maximum="180"
+                                                                      SpinButtonPlacementMode="Inline"
+                                                                      SmallChange="0.1"
+                                                                      LargeChange="1"
+                                                                      Value="116.4074" />
+                                                    </Grid>
+
+                                                    <TextBox x:Name="WeatherLocationKeyTextBox"
+                                                             Watermark="Location key (optional)" />
+
+                                                    <TextBox x:Name="WeatherLocationNameTextBox"
+                                                             Watermark="Display name (optional)" />
+
+                                                    <Button x:Name="WeatherApplyCoordinatesButton"
+                                                            HorizontalAlignment="Left"
+                                                            Padding="12,8"
+                                                            Click="OnApplyWeatherCoordinatesClick"
+                                                            Content="Apply Coordinates" />
+
+                                                    <TextBlock x:Name="WeatherCoordinateStatusTextBlock"
+                                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
+                                                </StackPanel>
+                                            </ui:SettingsExpander.Footer>
+                                        </ui:SettingsExpander>
+                                    </Border>
+
+                                    <Border Classes="settings-expander-shell">
+                                        <ui:SettingsExpander x:Name="WeatherPreviewSettingsExpander"
+                                                             Header="Connection Test"
+                                                             Description="Send one test request to verify current settings.">
+                                            <ui:SettingsExpander.Footer>
+                                                <StackPanel Spacing="10">
+                                                    <StackPanel Orientation="Horizontal"
+                                                                Spacing="8">
+                                                        <Button x:Name="WeatherPreviewButton"
+                                                                Padding="12,8"
+                                                                Click="OnTestWeatherRequestClick"
+                                                                Content="Test Fetch" />
+                                                        <ui:ProgressRing x:Name="WeatherPreviewProgressRing"
+                                                                         Width="24"
+                                                                         Height="24"
+                                                                         IsActive="True"
+                                                                         IsVisible="False" />
+                                                    </StackPanel>
+
+                                                    <TextBlock x:Name="WeatherPreviewResultTextBlock"
+                                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                                               TextWrapping="Wrap"
+                                                               Text="Use test fetch to verify your weather configuration." />
+                                                </StackPanel>
+                                            </ui:SettingsExpander.Footer>
+                                        </ui:SettingsExpander>
+                                    </Border>
+
+                                    <TextBlock x:Name="WeatherLocationStatusTextBlock"
+                                               Foreground="{DynamicResource AdaptiveTextSecondaryBrush}"
+                                               Text="No city location is configured." />
+                                </StackPanel>
+
                                  <StackPanel x:Name="RegionSettingsPanel"
                                              IsVisible="False"
                                             Spacing="16">
@@ -1068,7 +1241,8 @@
                                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
                                                Text="&#22320;&#21306;" />
 
-                                    <ui:SettingsExpander x:Name="LanguageSettingsExpander"
+                                    <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="LanguageSettingsExpander"
                                                          Header="&#35821;&#35328;"
                                                          Description="&#36873;&#25321;&#35821;&#35328;&#65292;&#31435;&#21363;&#24212;&#29992;&#21040;&#35774;&#32622;&#19982;&#20027;&#35201;&#30028;&#38754;&#12290;">
                                         <ui:SettingsExpander.IconSource>
@@ -1083,9 +1257,11 @@
                                             </ComboBox>
                                         </ui:SettingsExpander.Footer>
                                     </ui:SettingsExpander>
-                                      <ui:SettingsExpander x:Name="TimeZoneSettingsExpander"
-                                                           Header="时区"
-                                                           Description="选择时区，时钟和日历将根据此时区显示时间。">
+</Border>
+                                      <Border Classes="settings-expander-shell">
+<ui:SettingsExpander x:Name="TimeZoneSettingsExpander"
+                                                           Header="Time Zone"
+                                                           Description="Select a time zone. Clock and calendar widgets will follow this zone.">
                                           <ui:SettingsExpander.IconSource>
   
                                           </ui:SettingsExpander.IconSource>
@@ -1095,17 +1271,19 @@
                                                         SelectionChanged="OnTimeZoneSelectionChanged" />
                                           </ui:SettingsExpander.Footer>
                                       </ui:SettingsExpander>
+</Border>
                                 </StackPanel>
 
                                     <StackPanel x:Name="AboutSettingsPanel" IsVisible="False" Spacing="20">
-                                        <TextBlock x:Name="AboutPanelTitleTextBlock" FontSize="24" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" Text="关于" />
-                                        <Border Background="{DynamicResource AdaptiveSurfaceRaisedBrush}" CornerRadius="20" Padding="20">
+                                        <TextBlock x:Name="AboutPanelTitleTextBlock" FontSize="24" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" Text="鍏充簬" />
+                                        <Border Background="{DynamicResource AdaptiveSurfaceRaisedBrush}" CornerRadius="{DynamicResource DesignCornerRadiusMd}" Padding="20">
                                             <StackPanel Spacing="12">
                                                 <TextBlock Text="LanMontainDesktop" FontSize="20" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
-                                                <TextBlock Text="现代化桌面壳层应用" FontSize="13" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
+                                                <TextBlock Text="Modern desktop shell experience." FontSize="13" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
                                                 <Separator Background="{DynamicResource AdaptiveButtonBorderBrush}" Margin="0,8" />
-                                                <TextBlock x:Name="VersionTextBlock" Text="版本号: 1.0.0" FontSize="13" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
-                                                <TextBlock x:Name="CodeNameTextBlock" Text="版本代号: Administrate" FontSize="13" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveAccentBrush}" />
+                                                <TextBlock x:Name="VersionTextBlock" Text="鐗堟湰鍙? 1.0.0" FontSize="13" Foreground="{DynamicResource AdaptiveTextPrimaryBrush}" />
+                                                <TextBlock x:Name="CodeNameTextBlock" Text="鐗堟湰浠ｅ彿: Administrate" FontSize="13" FontWeight="SemiBold" Foreground="{DynamicResource AdaptiveAccentBrush}" />
+                                                <TextBlock x:Name="FontInfoTextBlock" Text="字体: MiSans" FontSize="12" Foreground="{DynamicResource AdaptiveTextSecondaryBrush}" />
                                             </StackPanel>
                                         </Border>
                                     </StackPanel>
@@ -1136,7 +1314,7 @@
                         CornerRadius="36,36,0,0"
                         Padding="16,12">
                     <Grid ColumnDefinitions="*,Auto">
-                        <TextBlock Text="组件设置"
+                        <TextBlock Text="缁勪欢璁剧疆"
                                    FontSize="16"
                                    FontWeight="SemiBold"
                                    Foreground="White"
@@ -1188,7 +1366,7 @@
                                FontSize="16"
                                FontWeight="SemiBold"
                                Foreground="{DynamicResource AdaptiveTextPrimaryBrush}"
-                               Text="小组件" />
+                               Text="Widgets" />
                     <Button x:Name="CloseComponentLibraryButton"
                             Grid.Column="1"
                             Padding="8"
@@ -1320,3 +1498,4 @@
     </Grid>
 
 </Window>
+
diff --git a/LanMontainDesktop/Views/MainWindow.axaml.cs b/LanMontainDesktop/Views/MainWindow.axaml.cs
index 6355d24..0df9eec 100644
--- a/LanMontainDesktop/Views/MainWindow.axaml.cs
+++ b/LanMontainDesktop/Views/MainWindow.axaml.cs
@@ -46,6 +46,12 @@ public partial class MainWindow : Window
         Video
     }
 
+    private enum WeatherLocationMode
+    {
+        CitySearch,
+        Coordinates
+    }
+
     private const int StatusBarRowIndex = 0;
     private const int MinShortSideCells = 6;
     private const int MaxShortSideCells = 96;
@@ -83,12 +89,14 @@ public partial class MainWindow : Window
     private readonly MonetColorService _monetColorService = new();
     private readonly AppSettingsService _appSettingsService = new();
     private readonly LocalizationService _localizationService = new();
-      private readonly TimeZoneService _timeZoneService = new();
+    private readonly TimeZoneService _timeZoneService = new();
+    private readonly IWeatherDataService _weatherDataService = new XiaomiWeatherService();
     private readonly ComponentRegistry _componentRegistry = ComponentRegistry
         .CreateDefault()
         .RegisterExtensions(
             JsonComponentExtensionProvider.LoadProvidersFromDirectory(
                 Path.Combine(AppContext.BaseDirectory, "Extensions", "Components")));
+    private readonly DesktopComponentRuntimeRegistry _componentRuntimeRegistry;
     private readonly FluentAvaloniaTheme? _fluentAvaloniaTheme;
     private readonly HashSet<string> _topStatusComponentIds = new(StringComparer.OrdinalIgnoreCase);
     private readonly HashSet<TaskbarActionId> _pinnedTaskbarActions = [];
@@ -99,6 +107,8 @@ public partial class MainWindow : Window
     private bool _suppressThemeToggleEvents;
     private bool _suppressStatusBarToggleEvents;
     private bool _suppressLanguageSelectionEvents;
+    private bool _suppressTimeZoneSelectionEvents;
+    private bool _suppressWeatherLocationEvents;
     private bool _suppressSettingsPersistence;
     private bool _isUpdatingWallpaperPreviewLayout;
     private bool _isComponentLibraryOpen;
@@ -131,6 +141,15 @@ public partial class MainWindow : Window
     private int _desktopEdgeInsetPercent = DefaultEdgeInsetPercent;
     private string _taskbarLayoutMode = TaskbarLayoutBottomFullRowMacStyle;
     private string _languageCode = "zh-CN";
+    private WeatherLocationMode _weatherLocationMode = WeatherLocationMode.CitySearch;
+    private string _weatherLocationKey = string.Empty;
+    private string _weatherLocationName = string.Empty;
+    private double _weatherLatitude = 39.9042;
+    private double _weatherLongitude = 116.4074;
+    private bool _weatherAutoRefreshLocation;
+    private string _weatherSearchKeyword = string.Empty;
+    private bool _isWeatherSearchInProgress;
+    private bool _isWeatherPreviewInProgress;
     private ClockDisplayFormat _clockDisplayFormat = ClockDisplayFormat.HourMinuteSecond;
 
     private double CurrentDesktopPitch => _currentDesktopCellSize + _currentDesktopCellGap;
@@ -138,6 +157,7 @@ public partial class MainWindow : Window
     public MainWindow()
     {
         InitializeComponent();
+        _componentRuntimeRegistry = DesktopComponentRuntimeRegistry.CreateDefault(_componentRegistry);
         _fluentAvaloniaTheme = Application.Current?.Styles.OfType<FluentAvaloniaTheme>().FirstOrDefault();
         PropertyChanged += OnWindowPropertyChanged;
         InitializeDesktopComponentDragHandlers();
@@ -192,13 +212,14 @@ public partial class MainWindow : Window
         GridSizeSlider.ValueChanged += OnGridSizeSliderChanged;
         GridSizeNumberBox.ValueChanged += OnGridSizeNumberBoxChanged;
 
-        SettingsNavListBox.SelectedIndex = Math.Clamp(snapshot.SettingsTabIndex, 0, 5);
+        SettingsNavListBox.SelectedIndex = Math.Clamp(snapshot.SettingsTabIndex, 0, 6);
         UpdateSettingsTabContent();
 
         WallpaperPlacementComboBox.SelectedIndex = GetPlacementIndexFromSetting(snapshot.WallpaperPlacement);
         _defaultDesktopBackground = DesktopWallpaperLayer.Background;
         ApplyTaskbarSettings(snapshot);
         InitializeLocalization(snapshot.LanguageCode);
+        InitializeWeatherSettings(snapshot);
         InitializeDesktopSurfaceState(snapshot);
         InitializeDesktopComponentPlacements(snapshot);
         InitializeSettingsIcons();
@@ -247,6 +268,10 @@ public partial class MainWindow : Window
         _videoWallpaperPlayer = null;
         _libVlc?.Dispose();
         _libVlc = null;
+        if (_weatherDataService is IDisposable weatherServiceDisposable)
+        {
+            weatherServiceDisposable.Dispose();
+        }
         _wallpaperBitmap?.Dispose();
         _wallpaperBitmap = null;
         PropertyChanged -= OnWindowPropertyChanged;
@@ -1241,14 +1266,15 @@ public partial class MainWindow : Window
         });
     }
 
-      private void InitializeTimeZoneSettings()
-      {
+    private void InitializeTimeZoneSettings()
+    {
         // Populate timezone dropdown items before selecting current timezone.
+        _suppressTimeZoneSelectionEvents = true;
         TimeZoneComboBox.Items.Clear();
         var timeZones = _timeZoneService.GetAllTimeZones();
         foreach (var tz in timeZones)
         {
-            var displayText = _timeZoneService.GetTimeZoneDisplayName(tz);
+            var displayText = GetLocalizedTimeZoneDisplayName(tz);
             var item = new ComboBoxItem
             {
                 Content = displayText,
@@ -1262,11 +1288,12 @@ public partial class MainWindow : Window
                 TimeZoneComboBox.SelectedItem = item;
             }
         }
-      }
+        _suppressTimeZoneSelectionEvents = false;
+    }
 
-      private void OnTimeZoneSelectionChanged(object? sender, SelectionChangedEventArgs e)
-      {
-        if (_suppressLanguageSelectionEvents || TimeZoneComboBox.SelectedItem is not ComboBoxItem item)
+    private void OnTimeZoneSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (_suppressTimeZoneSelectionEvents || TimeZoneComboBox.SelectedItem is not ComboBoxItem item)
         {
             return;
         }
@@ -1279,6 +1306,6 @@ public partial class MainWindow : Window
 
         _timeZoneService.SetTimeZoneById(timeZoneId);
         PersistSettings();
-      }
-  }
+    }
+}
 
diff --git a/LanMontainDesktop/qodana.yaml b/LanMontainDesktop/qodana.yaml
new file mode 100644
index 0000000..f8c5909
--- /dev/null
+++ b/LanMontainDesktop/qodana.yaml
@@ -0,0 +1,46 @@
+#-------------------------------------------------------------------------------#
+#               Qodana analysis is configured by qodana.yaml file               #
+#             https://www.jetbrains.com/help/qodana/qodana-yaml.html            #
+#-------------------------------------------------------------------------------#
+
+#################################################################################
+#              WARNING: Do not store sensitive information in this file,        #
+#               as its contents will be included in the Qodana report.          #
+#################################################################################
+version: "1.0"
+
+#Specify IDE code to run analysis without container (Applied in CI/CD pipeline)
+ide: QDNET
+
+#Specify inspection profile for code analysis
+profile:
+  name: qodana.starter
+
+#Enable inspections
+#include:
+#  - name: <SomeEnabledInspectionId>
+
+#Disable inspections
+#exclude:
+#  - name: <SomeDisabledInspectionId>
+#    paths:
+#      - <path/where/not/run/inspection>
+
+#Execute shell command before Qodana execution (Applied in CI/CD pipeline)
+#bootstrap: sh ./prepare-qodana.sh
+
+#Install IDE plugins before Qodana execution (Applied in CI/CD pipeline)
+#plugins:
+#  - id: <plugin.id> #(plugin id can be found at https://plugins.jetbrains.com)
+
+# Quality gate. Will fail the CI/CD pipeline if any condition is not met
+# severityThresholds - configures maximum thresholds for different problem severities
+# testCoverageThresholds - configures minimum code coverage on a whole project and newly added code
+# Code Coverage is available in Ultimate and Ultimate Plus plans
+#failureConditions:
+#  severityThresholds:
+#    any: 15
+#    critical: 5
+#  testCoverageThresholds:
+#    fresh: 70
+#    total: 50