fix: 回退PHP模板 + CSS Grid布局重排

- 回退20个PHP文件到原始结构 (aside-menu先, inner container包含top-menu+el-main)
- 用CSS Grid + display:contents实现布局重排:
  - 外层容器: grid, 两列(auto+1fr), 两行(auto+1fr)
  - 内层容器: display:contents (消失,子元素直接参与grid)
  - el-header: grid-column: 1/-1 跨两列全宽
  - el-aside: grid第二行左列
  - el-main: grid第二行右列

clientarea/hgcloud/css/dark-override.css

@@ -25,18 +25,37 @@ html, body {
   display: none;
 }
 
-/* ============ 布局容器 ============ */
-/* 外层容器：垂直排列（顶栏 + 下方内容） */
+/* ============ 布局容器 — CSS Grid 重排 ============ */
+/* 外层容器：用 Grid 把 aside 和内层 container 重排 */
 .template > .el-container {
-  flex-direction: column !important;
-  width: 100% !important;
+  display: grid !important;
+  grid-template-columns: auto 1fr !important;
+  grid-template-rows: auto 1fr !important;
   min-height: 100vh !important;
+  width: 100% !important;
 }
 
-/* 内层容器：水平排列（侧边栏 + 主内容） */
+/* 顶栏（在内层 container 中的 el-header）：跨两列占满全宽 */
 .template > .el-container > .el-container {
-  flex-direction: row !important;
-  flex: 1 !important;
+  display: contents !important;
+}
+
+/* el-header 跨两列 */
+.template > .el-container .el-header {
+  grid-column: 1 / -1 !important;
+  grid-row: 1 !important;
+}
+
+/* aside 在第二行左列 */
+.template > .el-container > .el-aside {
+  grid-column: 1 !important;
+  grid-row: 2 !important;
+}
+
+/* el-main 在第二行右列 */
+.template > .el-container .el-main {
+  grid-column: 2 !important;
+  grid-row: 2 !important;
 }
 
 /* ============ 侧边栏 ============ */
@@ -142,7 +161,6 @@ html, body {
   position: sticky !important;
   top: 0 !important;
   z-index: 100 !important;
-  width: 100% !important;
 }
 
 .el-header .search-value,