From c45e8b0d43645b4cb4b3e67dfa145573000dd2c8 Mon Sep 17 00:00:00 2001
From: Yuhang Wu <YuhangWu@orbitmes.com>
Date: Tue, 25 Aug 2026 10:04:21 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4UI=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=BB=86=E8=8A=82=E5=B9=B6=E7=BB=9F=E4=B8=80=E5=9C=86=E8=A7=92?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 注释掉全局和布局的边框圆角、边框样式
2. 给标题栏圆点按钮统一使用radius-sm变量
3. 为卡片项添加右侧外边距
---
 index.html                                | 2 +-
 src/layout/MainLayout.vue                 | 2 +-
 src/layout/components/MacTitleBar.vue     | 2 +-
 src/layout/components/WindowsTitleBar.vue | 2 +-
 src/views/Home.vue                        | 1 +
 5 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index b4fc607..4004b24 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
         margin: 0;
         padding: 0;
         overflow: hidden;
-        border-radius: 10px;
+        /* border-radius: 10px; */
       }
     </style>
   </head>
diff --git a/src/layout/MainLayout.vue b/src/layout/MainLayout.vue
index 61c7a3f..fae77fa 100644
--- a/src/layout/MainLayout.vue
+++ b/src/layout/MainLayout.vue
@@ -25,7 +25,7 @@ const isMacos = navigator.userAgent.includes("Mac OS X")
   height: 100vh;
   background: var(--color-window-bg);
   backdrop-filter: blur(20px);
-  border: 1px solid var(--color-border);
+  // border: 1px solid var(--color-border);
 
   :deep(.n-layout) {
     background: transparent;
diff --git a/src/layout/components/MacTitleBar.vue b/src/layout/components/MacTitleBar.vue
index a66f3b4..98b13da 100644
--- a/src/layout/components/MacTitleBar.vue
+++ b/src/layout/components/MacTitleBar.vue
@@ -53,7 +53,7 @@ function close() {
       width: 12px;
       height: 12px;
       padding: 0;
-      border-radius: 50%;
+      border-radius: var(--radius-sm);
       border: 0.5px solid rgba(0, 0, 0, 0.15);
       display: flex;
       align-items: center;
diff --git a/src/layout/components/WindowsTitleBar.vue b/src/layout/components/WindowsTitleBar.vue
index 22705b8..1332854 100644
--- a/src/layout/components/WindowsTitleBar.vue
+++ b/src/layout/components/WindowsTitleBar.vue
@@ -51,7 +51,7 @@ function close() {
     .dot {
       width: 8px;
       height: 8px;
-      border-radius: 50%;
+      border-radius: var(--radius-sm);
       background: var(--color-accent-gradient);
     }
   }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8e684d5..cc66a43 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -336,6 +336,7 @@ onMounted(() => {
   box-shadow: var(--shadow-card);
   cursor: pointer;
   transition: color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+  margin-right: 10px;
 
   &:hover {
     color: var(--color-accent);