style: 统一列表首项留白并添加背景色过渡

src/components/ui/flatTheme.test.ts

@@ -162,6 +162,23 @@ describe('全站平面主题', () => {
         )
     })
 
+    it('斑马纹首项保留统一顶部留白，背景色平滑过渡并遵循减少动态效果设置', () => {
+        // DOM 环境不计算实际内边距，检查共享规则及之前覆盖首项留白的工具类。
+        const css = readFileSync('src/styles.css', 'utf8')
+        expect(css).toMatch(
+            /\.record-list > article\s*\{[^}]*padding:\s*20px;[^}]*transition:\s*background-color 160ms ease;/
+        )
+        expect(css).toMatch(
+            /@media \(prefers-reduced-motion: reduce\)[\s\S]*transition-duration:\s*0\.01ms !important;/
+        )
+        for (const file of [
+            'src/features/breakdown/components/SubjectList.vue',
+            'src/features/create-drama/CreateDramaPage.vue'
+        ]) {
+            expect(readFileSync(file, 'utf8')).not.toContain('first:pt-0')
+        }
+    })
+
     it('所有页面不再通过工具类添加装饰边框或圆角', () => {
         const files = readdirSync('src', { recursive: true, encoding: 'utf8' }).filter(path => path.endsWith('.vue'))
         for (const path of files) {