修复首页顶部行响应式兼容问题

变更项：

1. 仅调整首页顶部 Hero 行栅格断点配置，替代固定 span 比例。

2. 当前账号卡片改为 xl=7/lg=9/md~xs=24，右侧指标区改为 xl=17/lg=15/md~xs=24。

3. 保证中等屏和移动端自动上下堆叠，提升这一行的响应式表现。

admin/dashboard/templates/index.html

@@ -18,7 +18,7 @@
     </div>
 
     <el-row :gutter="16" class="hero-row">
-        <el-col :span="8">
+        <el-col :xl="7" :lg="9" :md="24" :sm="24" :xs="24">
             <el-card class="hero-card hero-card--profile" shadow="hover">
                 <div v-if="currentUser.success" class="hero-profile">
                     <div class="hero-profile-top">
@@ -53,7 +53,7 @@
             </el-card>
         </el-col>
 
-        <el-col :span="16">
+        <el-col :xl="17" :lg="15" :md="24" :sm="24" :xs="24">
             <el-row :gutter="16" class="metric-grid">
                 <el-col :span="8">
                     <el-card class="metric-card metric-card--primary" shadow="hover">