docs: Update README and README.zh-CN to enhance descriptions, improve structure, and add screenshots for better user guidance.

Author: gkmz

README.md

@@ -6,26 +6,36 @@ English | [简体中文](README.zh-CN.md)
 [![Swift](https://img.shields.io/badge/Swift-5.9-orange)](#requirements)
 [![License](https://img.shields.io/badge/license-Apache--2.0-green)](LICENSE)
 
-ClearView is a lightweight macOS menu bar app that helps users maintain healthier screen-time rhythms with periodic eye-break reminders and blue-light filter controls.
+![](./docs/img/light-sy.png)
+
+ClearView is a very minimalist macOS app that helps users maintain healthier screen-time rhythms with periodic eye-break reminders and blue-light filter controls.
 
 > Current version: `0.1.0` (`release`)
 
 ## Table of Contents
-- [Features](#features)
-- [Requirements](#requirements)
-- [Quick Start (Xcode)](#quick-start-xcode)
-- [Build and Test](#build-and-test)
-- [DMG Packaging](#dmg-packaging)
-- [Project Structure](#project-structure)
-- [Configuration and Data](#configuration-and-data)
-- [Troubleshooting](#troubleshooting)
-- [Roadmap](#roadmap)
-- [Contributing](#contributing)
-- [Security](#security)
-- [Privacy](#privacy)
-- [License](#license)
+- [ClearView](#clearview)
+  - [Table of Contents](#table-of-contents)
+  - [Features](#features)
+  - [Requirements](#requirements)
+  - [Quick Start (Xcode)](#quick-start-xcode)
+  - [Build and Test](#build-and-test)
+    - [Xcode](#xcode)
+    - [DMG Packaging](#dmg-packaging)
+    - [Install from DMG](#install-from-dmg)
+    - [Unsigned App / Gatekeeper](#unsigned-app--gatekeeper)
+    - [Command Line (SwiftPM)](#command-line-swiftpm)
+  - [Project Structure](#project-structure)
+  - [Configuration and Data](#configuration-and-data)
+  - [Troubleshooting](#troubleshooting)
+  - [Roadmap](#roadmap)
+  - [Contributing](#contributing)
+  - [Security](#security)
+  - [Privacy](#privacy)
+  - [Screens](#screens)
+  - [License](#license)
 
 ## Features
+- Minimalist style, supporting both dark and light modes, following the system.
 - Menu bar based workflow with an independent main panel.
 - Reminder lifecycle: work timer → preparation countdown → break countdown → completion.
 - Reminder actions: complete now, snooze, and restart timing.
@@ -150,5 +160,12 @@ If you discover a vulnerability, please follow [SECURITY.md](SECURITY.md) and re
 - No cloud sync.
 - No telemetry in `v0.1.0`.
 
+## Screens
+
+![](./docs/img/dark-sy.png)
+![](./docs/img/dark-hy.png)
+![](./docs/img/notice.png)
+![](./docs/img/settings.png)
+
 ## License
 Licensed under Apache License 2.0. See [LICENSE](LICENSE).

README.zh-CN.md

@@ -6,26 +6,36 @@
 [![Swift](https://img.shields.io/badge/Swift-5.9-orange)](#环境要求)
 [![License](https://img.shields.io/badge/license-Apache--2.0-green)](LICENSE)
 
-ClearView 是一款轻量的 macOS 菜单栏护眼应用，帮助你通过周期性休息提醒与蓝光过滤控制，建立更健康的屏幕使用节奏。
+![](./docs/img/light-sy.png)
+
+ClearView 是一款极简的 macOS 菜单栏护眼应用，帮助你通过周期性休息提醒与蓝光过滤控制，建立更健康的屏幕使用节奏。
 
 > 当前版本：`0.1.0`（`release`）
 
 ## 目录
-- [功能特性](#功能特性)
-- [环境要求](#环境要求)
-- [快速开始（Xcode）](#快速开始xcode)
-- [构建与测试](#构建与测试)
-- [打包 DMG](#打包-dmg)
-- [项目结构](#项目结构)
-- [配置与数据](#配置与数据)
-- [常见问题](#常见问题)
-- [路线图](#路线图)
-- [贡献](#贡献)
-- [安全](#安全)
-- [隐私](#隐私)
-- [许可证](#许可证)
+- [ClearView](#clearview)
+  - [目录](#目录)
+  - [功能特性](#功能特性)
+  - [环境要求](#环境要求)
+  - [快速开始（Xcode）](#快速开始xcode)
+  - [构建与测试](#构建与测试)
+    - [Xcode](#xcode)
+    - [打包 DMG](#打包-dmg)
+    - [从 DMG 安装](#从-dmg-安装)
+    - [未签名应用与 Gatekeeper](#未签名应用与-gatekeeper)
+    - [命令行（SwiftPM）](#命令行swiftpm)
+  - [项目结构](#项目结构)
+  - [配置与数据](#配置与数据)
+  - [常见问题](#常见问题)
+  - [路线图](#路线图)
+  - [贡献](#贡献)
+  - [安全](#安全)
+  - [隐私](#隐私)
+  - [界面](#界面)
+  - [许可证](#许可证)
 
 ## 功能特性
+- 极简风格，支持深色和浅色两种模式，跟随系统。
 - 菜单栏驱动工作流，配合独立主面板。
 - 提醒流程：工作倒计时 → 准备倒计时 → 休息倒计时 → 完成确认。
 - 提醒操作：立即完成、稍后提醒、重启计时。
@@ -150,5 +160,12 @@ ClearView/
 - 不进行云同步。
 - `v0.1.0` 不包含遥测上报。
 
+## 界面
+
+![](./docs/img/dark-sy.png)
+![](./docs/img/dark-hy.png)
+![](./docs/img/notice.png)
+![](./docs/img/settings.png
+
 ## 许可证
 本项目采用 Apache License 2.0，详见 [LICENSE](LICENSE)。