feat: 调整微信风格明暗主题并完整展示详情图片

src/admin.css

@@ -1,25 +1,34 @@
 /* 管理后台视口边界：document 不滚动，各个工作区和面板独立滚动。 */
 :root {
-    --app-ink: #202020;
-    --app-muted: #737373;
+    --app-ink: #191919;
+    --app-muted: #707070;
+    --app-body: #ededed;
     --app-surface: #ffffff;
-    --app-subtle: #f5f5f5;
+    --app-subtle: #f7f7f7;
     --app-border: #e5e5e5;
     --app-inverse: #ffffff;
+    --app-accent: #07c160;
+    --app-accent-hover: #2dcb79;
+    --app-accent-text: #087c42;
+    --app-on-accent: #082b17;
+    --app-selected: #e4f4e9;
     --app-shadow: #00000018;
-    --app-danger: #b42318;
-    --app-success: #447454;
+    --app-danger: #a93232;
+    --app-success: #087c42;
 }
 :root[data-theme='dark'] {
-    --app-ink: #ededed;
+    --app-ink: #d9d9d9;
     --app-muted: #a3a3a3;
-    --app-surface: #1c1c1c;
-    --app-subtle: #252525;
-    --app-border: #363636;
-    --app-inverse: #171717;
+    --app-body: #111111;
+    --app-surface: #191919;
+    --app-subtle: #232323;
+    --app-border: #333333;
+    --app-inverse: #111111;
+    --app-accent-text: #5cd693;
+    --app-selected: #173527;
     --app-shadow: #00000055;
-    --app-danger: #ee8b83;
-    --app-success: #91ba9b;
+    --app-danger: #fa7373;
+    --app-success: #5cd693;
 }
 html,
 body,
@@ -30,7 +39,7 @@ body,
     overflow: hidden;
 }
 html {
-    background: var(--app-surface);
+    background: var(--app-body);
 }
 body {
     margin: 0;
@@ -515,11 +524,11 @@ body {
     flex-shrink: 0;
 }
 .n-button.directory-item.selected {
-    background: var(--app-surface);
-    box-shadow: inset 3px 0 var(--app-ink);
+    background: var(--app-selected);
+    box-shadow: inset 3px 0 var(--app-accent);
 }
 .n-button.directory-item:focus-visible {
-    outline: 2px solid var(--app-ink);
+    outline: 2px solid var(--app-accent);
     outline-offset: -2px;
 }
 /* Tabs 的默认整行宽度限制在左侧网格内，导出按钮始终处于同一行右端。 */
@@ -695,9 +704,9 @@ body {
     overflow-wrap: anywhere;
 }
 .n-button.reader-episode-link.active {
-    background: var(--app-surface);
-    color: var(--app-ink);
-    box-shadow: inset 3px 0 var(--app-ink);
+    background: var(--app-selected);
+    color: var(--app-accent-text);
+    box-shadow: inset 3px 0 var(--app-accent);
 }
 .reader-page {
     min-width: 0;
@@ -706,7 +715,7 @@ body {
     background: var(--app-surface);
 }
 .reader-scroll .n-scrollbar-container:focus-visible {
-    outline: 2px solid var(--app-ink);
+    outline: 2px solid var(--app-accent);
     outline-offset: -3px;
 }
 .reader-content {
@@ -922,8 +931,8 @@ body {
     white-space: normal;
 }
 .n-button.image-history-item.selected {
-    background: var(--app-subtle);
-    box-shadow: inset 0 0 0 2px var(--app-ink);
+    background: var(--app-selected);
+    box-shadow: inset 0 0 0 2px var(--app-accent);
 }
 .n-button.image-history-item .n-button__content {
     display: block;
@@ -973,8 +982,8 @@ body {
     background: var(--app-surface);
 }
 .n-button.casting-item.selected {
-    background: var(--app-subtle);
-    box-shadow: inset 3px 0 0 var(--app-ink);
+    background: var(--app-selected);
+    box-shadow: inset 3px 0 0 var(--app-accent);
 }
 .n-button.casting-item .n-button__content {
     display: flex;
@@ -1043,7 +1052,7 @@ body {
     background: #080808;
 }
 .button-primary {
-    color: var(--app-inverse);
+    color: var(--app-on-accent);
 }
 .skip-link:focus {
     z-index: 3000;