style(ui): 优化页面布局和样式细节

- admid页面将主区域拆分为两栏布局，调整新增用户按钮颜色统一为primary
- admid页面生成邀请码区域样式微调，增加标题字体大小并统一边距
- 全局主色从#409eff更改为#2563eb，更新顶部加载条颜色
- class页和learningPlan页整体布局调整，包含容器内间距、面板样式统一及按钮样式修改
- uploadpng页布局调整，容器添加内边距，使用panel-shell统一面板样式
- header组件logo图片添加width和height属性，调整导航栏最小高度及z-index提升层级
- 修改CSS变量定义，统一主色调、圆角和背景样式，实现暗黑模式和浅色模式背景渐变效果
- 移除一些多余的class名和调整padding，统一整体界面空间分布和层次感

enlish-vue/src/pages/uploadpng.vue

@@ -5,19 +5,19 @@
                 <Header></Header>
             </el-header>
 
-            <el-container>
-                <el-aside width="200px" class="pt-4">
+            <el-container class="pt-4">
+                <el-aside width="200px" class="">
                     <Sidebar />
                 </el-aside>
-                <el-main class="p-4">
+                <el-main class="">
                     <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+                        <div class="panel-shell p-6">
                             <div class="text-lg font-semibold mb-4">上传图片</div>
                             <el-upload :show-file-list="false" :http-request="doUpload" accept="image/*">
                                 <el-button type="primary">选择图片并上传</el-button>
                             </el-upload>
                         </div>
-                        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+                        <div class="panel-shell p-6">
                             <div class="text-lg font-semibold mb-4">结果集</div>
                             <el-form :inline="true" class="mb-4">
                                 <el-form-item label="班级">