style: 全站使用背景分层替代装饰边框并统一直角

src/admin.css

@@ -5,6 +5,8 @@
     --app-body: #ededed;
     --app-surface: #ffffff;
     --app-subtle: #f7f7f7;
+    --app-control: #f0f0f0;
+    --app-control-hover: #e5e5e5;
     --app-border: #e5e5e5;
     --app-inverse: #ffffff;
     --app-accent: #07c160;
@@ -22,6 +24,8 @@
     --app-body: #111111;
     --app-surface: #191919;
     --app-subtle: #232323;
+    --app-control: #2b2b2b;
+    --app-control-hover: #353535;
     --app-border: #333333;
     --app-inverse: #111111;
     --app-accent-text: #5cd693;
@@ -100,6 +104,21 @@ body {
     padding: 0 20px;
     gap: 12px;
 }
+/* 图标按钮保留原有方形点击热区；仅取消 circle 属性产生的圆形外观。 */
+.n-button {
+    border-radius: 0;
+}
+.admin-sider .n-menu-divider {
+    height: 12px;
+    background: transparent;
+}
+.workspace-tools-drawer .n-drawer-header,
+.workspace-tools-drawer .n-drawer-footer {
+    background: var(--app-subtle);
+}
+.workspace-tools-drawer .n-drawer-body {
+    background: var(--app-body);
+}
 .theme-select {
     width: 120px;
 }
@@ -121,7 +140,6 @@ body {
     flex-shrink: 0;
     padding: 9px 20px;
     background: var(--app-surface);
-    border-bottom: 1px solid var(--app-border);
 }
 .project-header .n-page-header__main,
 .project-header .n-page-header__title {
@@ -267,8 +285,7 @@ body {
     gap: 8px 16px;
     padding: 7px 12px;
     flex-shrink: 0;
-    border: 1px solid var(--app-border);
-    border-radius: 4px;
+    border-radius: 0;
     background: var(--app-subtle);
     font-size: 12px;
 }
@@ -446,7 +463,6 @@ body {
     gap: 10px;
     padding: 0 12px 12px;
     flex-shrink: 0;
-    border-bottom: 1px solid var(--app-border);
 }
 .directory-filters > * {
     min-width: 0;
@@ -470,8 +486,7 @@ body {
     gap: 12px;
     flex-shrink: 0;
     padding: 10px 14px;
-    border-block: 1px solid var(--app-border);
-    background: var(--app-subtle);
+    background: var(--app-control);
     font:
         600 11px/1.6 ui-monospace,
         monospace;
@@ -533,13 +548,12 @@ body {
     flex: 1;
 }
 .identity-subject-list-content {
-    gap: 0;
+    gap: 2px;
     padding: 0 0 8px;
 }
 .n-button.identity-subject-item {
     min-height: 86px;
     padding: 10px 14px;
-    border-bottom: 1px solid var(--app-border);
 }
 .n-button.identity-subject-item:not(.selected) {
     background: var(--app-surface);
@@ -616,8 +630,8 @@ body {
     align-items: center;
     gap: 5px;
     padding: 1px 5px;
-    border: 1px solid var(--app-border);
-    border-radius: 3px;
+    border-radius: 0;
+    background: var(--app-control);
 }
 .directory-status svg {
     flex-shrink: 0;
@@ -746,7 +760,6 @@ body {
     min-height: 0;
     min-width: 0;
     background: var(--app-subtle);
-    border-right: 1px solid var(--app-border);
 }
 .reader-directory-heading {
     display: flex;
@@ -827,7 +840,6 @@ body {
 }
 .reader-chapter + .reader-chapter {
     margin-top: 48px;
-    border-top: 1px solid var(--app-border);
     padding-top: 36px;
 }
 .reader-chapter:last-child {
@@ -1026,6 +1038,7 @@ body {
     height: auto;
     padding: 6px;
     white-space: normal;
+    background: var(--app-subtle);
 }
 .n-button.image-history-item.selected {
     background: var(--app-selected);
@@ -1066,7 +1079,6 @@ body {
     gap: 12px;
     margin-top: 24px;
     padding-top: 20px;
-    border-top: 1px solid var(--app-border);
 }
 .n-button.casting-item {
     width: 100%;
@@ -1076,7 +1088,7 @@ body {
     padding: 12px 14px;
     white-space: normal;
     text-align: left;
-    background: var(--app-surface);
+    background: var(--app-subtle);
 }
 .n-button.casting-item.selected {
     background: var(--app-selected);
@@ -1223,7 +1235,6 @@ body {
     .directory-panel {
         height: 100%;
         border-right: 0;
-        border-bottom: 1px solid var(--app-border);
     }
     .directory-heading {
         padding: 12px 14px 8px;