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

src/features/breakdown/components/SubjectList.vue

@@ -30,7 +30,7 @@ const filtered = computed(() =>
                 ></NInput>
             </div>
         </div>
-        <div v-if="filtered.length" class="divide-y divide-line">
+        <div v-if="filtered.length" class="record-list">
             <article v-for="subject in filtered" :key="subject.profileId" class="py-5 first:pt-0">
                 <div class="mb-3 flex flex-wrap items-center gap-3">
                     <h3 class="font-semibold">{{ subject.name }}</h3>
@@ -66,7 +66,7 @@ const filtered = computed(() =>
                         <div
                             v-for="form in forms.filter(item => item.profileId === subject.profileId)"
                             :key="form.formId"
-                            class="mt-3 border-l-2 border-line pl-4"
+                            class="mt-3 surface-inset p-4"
                         >
                             <p class="text-sm font-medium">
                                 {{ form.formName || form.name