优化登录页UI、新增占满布局类

frontend/src/components/attachments/AttachmentList.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card>
+  <div class="attachment-list-panel unified-shell">
     <div class="header">
       <span>{{ headerTitle }}</span>
       <AttachmentUploader
@@ -10,7 +10,7 @@
         @uploaded="load"
       />
     </div>
-    <el-table :data="attachments" v-loading="loading" style="width: 100%">
+    <el-table :data="attachments" v-loading="loading" style="width: 100%" class="attachment-table">
       <el-table-column prop="filename" :label="TEXT.common.labels.filename" min-width="200" />
       <el-table-column :label="TEXT.common.labels.size" width="120">
         <template #default="scope">{{ formatFileSize(scope.row.file_size ?? scope.row.size) }}</template>
@@ -43,7 +43,7 @@
         </template>
       </el-table-column>
     </el-table>
-  </el-card>
+  </div>
 
   <el-dialog append-to=".layout-main .content-wrapper" v-model="previewVisible" :title="previewTitle" width="720px" :close-on-click-modal="false">
     <div v-if="previewError" class="preview-error">
@@ -236,11 +236,23 @@ watch(previewVisible, (visible) => {
 </script>
 
 <style scoped>
+.attachment-list-panel {
+  background: #ffffff;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
 .header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 8px;
+  padding: 10px 16px;
+  border-bottom: 1px solid #eaf0f8;
+}
+
+.attachment-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
 }
 
 .preview-frame {