style: 优化个人中心和偏好设置弹窗样式，重构工作入口为精致分屏布局并移除首字徽标

frontend/src/components/WebLayout.vue

@@ -2485,9 +2485,15 @@ useDesktopShortcuts(
 }
 
 :global(.profile-settings-dialog) {
-  border-radius: 16px;
-  overflow: hidden;
-  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
+  /* 移除外层卡片外壳，只保留容器行为 */
+  --el-dialog-bg-color: transparent !important;
+  --el-dialog-box-shadow: none !important;
+  --el-dialog-border-radius: 0 !important;
+  overflow: visible !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  border-radius: 0 !important;
+  border: none !important;
 }
 
 :global(.profile-settings-dialog .el-dialog__header) {
@@ -2496,11 +2502,19 @@ useDesktopShortcuts(
 
 :global(.profile-settings-dialog .el-dialog__body) {
   padding: 0;
+  background: transparent;
 }
 
 :global(.desktop-preferences-dialog) {
-  border-radius: 14px;
-  overflow: hidden;
+  /* 移除外层卡片外壳，内容区自带圆角阴影 */
+  --el-dialog-bg-color: transparent !important;
+  --el-dialog-box-shadow: none !important;
+  --el-dialog-border-radius: 0 !important;
+  overflow: visible !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  border-radius: 0 !important;
+  border: none !important;
 }
 
 :global(.desktop-preferences-dialog .el-dialog__header) {
@@ -2509,6 +2523,6 @@ useDesktopShortcuts(
 
 :global(.desktop-preferences-dialog .el-dialog__body) {
   padding: 0;
-  background: #ffffff;
+  background: transparent;
 }
 </style>