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

src/features/storyboard/StoryboardPage.vue

@@ -271,7 +271,7 @@ watch(
                                             修改或覆盖上游设计后，后端不会自动使旧状态、旧提示词失效；请按顺序重生成下游内容。自动修复次数仅用于
                                             VisualState。
                                         </p>
-                                        <NCollapse class="mt-3 border-t border-line pt-3"
+                                        <NCollapse class="mt-3 pt-3"
                                             ><NCollapseItem name="details"
                                                 ><template #header>视频提示词批量操作</template>
                                                 <p class="my-3 text-xs leading-6 text-muted">

src/features/storyboard/components/GenerationReceipt.vue

@@ -43,7 +43,7 @@ function exportReceipt() {
                 {{ receipt.result.skippedEpisodes }} · 失败 {{ receipt.result.failedEpisodes }}
             </p>
             <NScrollbar x-scrollable class="table-scroll">
-                <NTable :single-line="false" class="project-table"
+                <NTable :bordered="false" :single-line="true" striped class="project-table"
                     ><thead>
                         <tr>
                             <th>剧集</th>

src/features/storyboard/components/ShotDesign.vue

@@ -40,7 +40,7 @@ defineProps<{ shot: DesignedShot }>()
             >
             <p v-else class="text-sm text-muted">此镜头尚无已保存的导演设计。</p>
         </section>
-        <section class="border-t border-line pt-6">
+        <section class="pt-6">
             <h3 class="mb-4 text-sm font-semibold">
                 即时视觉状态 <span class="ml-2 font-mono text-[10px] font-normal text-muted">VisualState</span>
             </h3>
@@ -60,7 +60,7 @@ defineProps<{ shot: DesignedShot }>()
                 <article
                     v-for="subject in shot.visualState.subjects"
                     :key="subject.subjectId"
-                    class="mt-5 border-l-2 border-line pl-4"
+                    class="mt-5 surface-inset p-4"
                 >
                     <div class="mb-3 flex flex-wrap items-center gap-2">
                         <code class="subject-ref">{{ subject.subjectRef }}</code

src/features/storyboard/components/ShotTools.vue

@@ -152,7 +152,7 @@ function exportResult(kind: 'spec' | 'prompt') {
                 </p>
             </template>
         </section>
-        <section class="border-t border-line pt-6">
+        <section class="pt-6">
             <div class="flex flex-wrap items-center justify-between gap-3">
                 <h3 class="text-sm font-semibold">镜头生成规格</h3>
                 <NButton
@@ -179,7 +179,7 @@ function exportResult(kind: 'spec' | 'prompt') {
                 </NScrollbar>
             </template>
         </section>
-        <section class="border-t border-line pt-6">
+        <section class="pt-6">
             <h3 class="text-sm font-semibold">视频提示词</h3>
             <p class="mt-2 text-xs leading-6 text-muted">
                 已有提示词可直接复用，没有则依据 GenerationSpec 与参考图调用模型生成。此处只处理

src/features/storyboard/directory.test.ts

@@ -52,7 +52,7 @@ describe('Beat 两级镜头目录', () => {
         // happy-dom 不计算吸顶位置，保护 CSS 边界，实际滚动仍需浏览器验收。
         const css = readFileSync('src/admin.css', 'utf8')
         expect(css).toMatch(
-            /\.directory-group-heading\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*background:\s*var\(--app-subtle\)/
+            /\.directory-group-heading\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*background:\s*var\(--app-control\)/
         )
         expect(css).toMatch(/\.directory-mobile-beat\s*\{\s*display:\s*none/)
         const mobile = css.slice(css.lastIndexOf('@media (max-width: 760px)'))