From ee4d7df7d01c8d498bb19f9a4f8bb0d18641a4e4 Mon Sep 17 00:00:00 2001
From: sparksfly <wu434425608@163.com>
Date: Tue, 1 Sep 2026 15:29:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=96=B0=E5=A2=9E=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92=E5=8F=98=E9=87=8F=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=98=85=E8=AF=BB=E6=A8=A1=E5=BC=8F=E7=AA=97=E5=8F=A3=E9=98=B4?=
 =?UTF-8?q?=E5=BD=B1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 全局样式新增--radius-window圆角变量
2. 主布局和阅读页面添加对应圆角样式并隐藏溢出内容
3. 进入和退出阅读模式时恢复窗口阴影配置
4. 为阅读段落添加首行全角空格缩进
---
 src/assets/global.css     |  1 +
 src/layout/MainLayout.vue | 12 ++++++++++++
 src/views/Reader.vue      |  9 +++++++--
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/assets/global.css b/src/assets/global.css
index 7aec021..933ecec 100644
--- a/src/assets/global.css
+++ b/src/assets/global.css
@@ -25,6 +25,7 @@
   /* 圆角 */
   --radius-card: 16px;
   --radius-sm: 10px;
+  --radius-window: 12px;
 
   /* 尺寸 */
   --titlebar-height: 38px;
diff --git a/src/layout/MainLayout.vue b/src/layout/MainLayout.vue
index fae77fa..912ff31 100644
--- a/src/layout/MainLayout.vue
+++ b/src/layout/MainLayout.vue
@@ -15,8 +15,18 @@
 <script setup lang="ts">
 import WindowsTitleBar from "@/layout/components/WindowsTitleBar.vue"
 import MacTitleBar from "@/layout/components/MacTitleBar.vue"
+import { getCurrentWindow } from "@tauri-apps/api/window"
+import { useSettingStore } from "@/stores/setting"
 
 const isMacos = navigator.userAgent.includes("Mac OS X")
+
+const appWindow = getCurrentWindow()
+const settingStore = useSettingStore()
+
+onMounted(() => {
+  // 从阅读模式返回时，恢复主窗口的阴影设置（避免停留在阅读器的阴影状态）
+  appWindow.setShadow(settingStore.appearance.showShadow)
+})
 </script>
 
 <style lang="scss" scoped>
@@ -25,6 +35,8 @@ const isMacos = navigator.userAgent.includes("Mac OS X")
   height: 100vh;
   background: var(--color-window-bg);
   backdrop-filter: blur(20px);
+  border-radius: var(--radius-window);
+  overflow: hidden;
   // border: 1px solid var(--color-border);
 
   :deep(.n-layout) {
diff --git a/src/views/Reader.vue b/src/views/Reader.vue
index 2dadf19..9dda5d7 100644
--- a/src/views/Reader.vue
+++ b/src/views/Reader.vue
@@ -100,8 +100,10 @@ const paginate = () => {
       logicalLines.push("")
       continue
     }
-    for (let i = 0; i < para.length; i += charsPerLine) {
-      logicalLines.push(para.slice(i, i + charsPerLine))
+    // 段落首行缩进两格（使用全角空格）
+    const indented = "　　" + para
+    for (let i = 0; i < indented.length; i += charsPerLine) {
+      logicalLines.push(indented.slice(i, i + charsPerLine))
     }
   }
 
@@ -201,6 +203,8 @@ onMounted(() => {
 onUnmounted(() => {
   window.removeEventListener("keydown", onKeydown)
   window.removeEventListener("resize", onResize)
+  // 离开阅读模式时，恢复主窗口的阴影设置
+  appWindow.setShadow(settingStore.appearance.showShadow)
 })
 </script>
 
@@ -211,6 +215,7 @@ onUnmounted(() => {
   width: 100vw;
   height: 100vh;
   background: var(--reader-background-color);
+  border-radius: var(--radius-window);
   /* border: 1px solid rgba(255, 255, 255, 0.2); */
   padding: 10px;
   color: var(--reader-font-color);