修复安全码页面子菜单布局与其他安全设置一致并升级版本至V2.10.8

frontend/src/views/components/HomeAside/HomeAside.vue

@@ -57,7 +57,7 @@
           <el-icon><Setting /></el-icon>
           <span class="settings-label">{{ lang.settings }}</span>
         </div>
-        <span class="app-version-badge">V2.10.7</span>
+        <span class="app-version-badge">V2.10.8</span>
       </button>
     </div>
   </div>

frontend/src/views/components/SecuritySettings/SecuritySettings.css

@@ -183,42 +183,6 @@
   user-select: all;
 }
 
-@container settings-content (max-width: 860px) {
-  .security-workspace--recovery {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas:
-      "submenu"
-      "main";
-    gap: 16px;
-  }
-
-  .security-workspace--recovery :deep(.settings-submenu) {
-    position: static;
-    padding: 8px;
-    border: 1px solid var(--pm-border-color);
-    border-radius: var(--pm-radius-sm);
-  }
-
-  .security-workspace--recovery :deep(.settings-submenu-list) {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-  }
-
-  .security-workspace--recovery :deep(.settings-submenu-item) {
-    white-space: nowrap;
-  }
-
-  .security-workspace--recovery :deep(.settings-submenu-item.active::before) {
-    top: auto;
-    bottom: 2px;
-    left: 10px;
-    right: 10px;
-    width: auto;
-    height: 2px;
-  }
-}
-
 @container settings-content (max-width: 720px) {
   .recovery-code-panel {
     grid-template-columns: repeat(2, minmax(0, 1fr));

frontend/src/views/components/SecuritySettings/SecuritySettings.vue

@@ -2,7 +2,6 @@
   <div class="settings-card security-settings-card" v-loading="securityLoading">
     <div
       class="security-workspace"
-      :class="{ 'security-workspace--recovery': selectedSection === 'recovery' }"
     >
       <SettingsSubmenu
         title="安全设置"