feat: 收口组件样式并调整移动端侧栏

src/features/breakdown/components/SubjectList.vue

@@ -117,3 +117,35 @@ const filtered = computed(() =>
         />
     </div>
 </template>
+
+<style>
+/* 本组件专属布局与 Naive 内部结构覆盖。 */
+@reference "../../../styles/styles.css";
+.subject-record-list > article:nth-child(odd) {
+    @apply bg-(--app-control);
+}
+.subject-form-card {
+    @apply mt-3 p-4 min-w-0 wrap-anywhere bg-(--app-subtle);
+}
+.subject-record-list > article:nth-child(even) .subject-form-card {
+    @apply bg-(--app-control);
+}
+.subject-details summary {
+    @apply inline-flex items-center gap-[5px] text-ink text-[11px] list-none;
+}
+.subject-details summary::-webkit-details-marker {
+    @apply hidden;
+}
+.subject-details[open] summary svg {
+    @apply rotate-180;
+}
+.subject-list-toolbar {
+    @apply flex flex-wrap items-center justify-start gap-y-2.5 gap-x-3 mb-5;
+}
+.subject-list-search.n-input {
+    @apply flex-[0_1_260px] min-w-0 max-w-full;
+}
+.subject-list-count {
+    @apply shrink-0 text-muted text-xs whitespace-nowrap;
+}
+</style>