fix: 取消设置卡片左侧色条

src/styles/__tests__/settingCardAppearance.spec.ts

@@ -0,0 +1,14 @@
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { cwd } from 'node:process'
+import { describe, expect, it } from 'vitest'
+
+describe('setting card appearance', () => {
+  it('does not render an accent strip on colorful setting cards', () => {
+    const styleFiles = ['src/styles/common.scss', 'src/styles/themes/glass.scss', 'src/styles/themes/transparent.scss']
+    const styles = styleFiles.map(file => readFileSync(resolve(cwd(), file), 'utf8')).join('\n')
+
+    expect(styles).not.toContain('.app-card-colorful::before')
+    expect(styles).not.toContain('--app-card-stripe-opacity')
+  })
+})

src/styles/common.scss

@@ -968,7 +968,7 @@ html[data-theme-radius='extra'] {
   block-size: 100%;
 }
 
-// 设置项强调卡片：复用通知模板入口的弱强调条、轻渐变与悬浮反馈。
+// 设置项卡片：保留图标主色的轻渐变与悬浮反馈，不额外添加边缘色条。
 .app-card-colorful {
   overflow: hidden;
   border-radius: var(--app-surface-radius);
@@ -992,7 +992,6 @@ html[data-theme-radius='extra'] {
   --app-card-accent-end-opacity: 0.012;
   --app-card-border-opacity: 0.08;
   --app-card-hover-border-opacity: 0.16;
-  --app-card-stripe-opacity: 0.22;
   --app-card-surface-opacity: 0.92;
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--app-card-accent-rgb), var(--app-card-border-opacity));
@@ -1000,18 +999,6 @@ html[data-theme-radius='extra'] {
   --app-surface-shadow: var(--app-card-rest-shadow);
 }
 
-.app-card-colorful::before {
-  position: absolute;
-  background: rgb(var(--app-card-accent-rgb));
-  block-size: 100%;
-  content: '';
-  inline-size: 0.125rem;
-  inset-block: 0;
-  inset-inline-start: 0;
-  opacity: var(--app-card-stripe-opacity);
-  pointer-events: none;
-}
-
 .app-card-colorful:hover {
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--app-card-accent-rgb), var(--app-card-hover-border-opacity));
@@ -1040,7 +1027,6 @@ html[data-theme='transparent'] .app-card-colorful,
   --app-card-accent-end-opacity: 0.01;
   --app-card-border-opacity: var(--app-surface-border-opacity);
   --app-card-hover-border-opacity: var(--app-surface-border-opacity);
-  --app-card-stripe-opacity: 0.16;
   --app-card-surface-opacity: var(--transparent-opacity-light, 0.2);
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--v-theme-on-surface), var(--app-surface-border-opacity));

src/styles/themes/glass.scss

@@ -1000,7 +1000,6 @@ html[data-theme='glass'] {
     --app-card-accent-end-opacity: 0.008;
     --app-card-border-opacity: 0.15;
     --app-card-hover-border-opacity: 0.28;
-    --app-card-stripe-opacity: 0.12;
     --app-card-surface-opacity: 0.08;
 
     -webkit-backdrop-filter: var(--glass-surface-backdrop-filter);