style: 调整UI样式细节并统一圆角变量使用

1. 注释掉全局和布局的边框圆角、边框样式
2. 给标题栏圆点按钮统一使用radius-sm变量
3. 为卡片项添加右侧外边距

index.html

@@ -14,7 +14,7 @@
         margin: 0;
         padding: 0;
         overflow: hidden;
-        border-radius: 10px;
+        /* border-radius: 10px; */
       }
     </style>
   </head>

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;

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;

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);
     }
   }

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);