style(web): 薰衣草主题背景下沉与卡片阴影、面板紧凑度微调

- 主区背景下沉至约 92% 明度，卡片/KPI 改用更明显的紫色投影并上浮
- 修复 Dashboard 在 route-page flex 下被压扁导致快捷入口被裁切
- 车辆监控面板紧凑化

Co-authored-by: Cursor <cursoragent@cursor.com>

frontends/apps/simple-platform-vue/src/views/admin/DashboardView.vue

@@ -697,6 +697,12 @@ onUnmounted(() => {
   flex-direction: column;
   gap: 18px;
 }
+/* AppShell 给路由页加了 .route-page{flex:1;min-height:0}，会把本页高度钉死在视口。
+ * 若不锁定，纵向 flex 会按默认 flex-shrink:1 压扁各区块——hero-banner 又是
+ * overflow:hidden，快捷入口就被裁掉。这里固定各区块自然高度，溢出交给 .main 滚动。 */
+.dashboard > * {
+  flex-shrink: 0;
+}
 
 /* ───────────── Hero Banner（深色沉浸背景跨主题响应） ─────────────
  * 设计策略：Hero 区始终是深色（参考 SaaS Dashboard 标杆），但色调跟随主题切换。
@@ -977,11 +983,11 @@ onUnmounted(() => {
   border-radius: 12px;
   /* 浅紫白底 + 左侧紫色色条 + 明显紫色描边阴影（视觉跳出主区背景） */
   background: linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%);
-  border: 1px solid #d8d0e8;
+  border: 1px solid #ddd5ec;
   border-left: 3px solid #7c3aed;
   box-shadow:
-    0 1px 3px rgba(45, 27, 105, 0.06),
-    0 4px 14px rgba(124, 58, 237, 0.08);
+    0 1px 2px rgba(45, 27, 105, 0.05),
+    0 8px 22px rgba(108, 71, 200, 0.10);
   color: #1a0f3d;
   font-size: 13px;
 }
@@ -1078,10 +1084,10 @@ onUnmounted(() => {
   position: relative;
   border-radius: 14px;
   background: #ffffff;
-  border: 1px solid #e8e1f0;
+  border: 1px solid #e2dbf0;
   box-shadow:
-    0 1px 3px rgba(45, 27, 105, 0.04),
-    0 4px 12px rgba(124, 58, 237, 0.04);
+    0 1px 2px rgba(45, 27, 105, 0.05),
+    0 10px 26px rgba(108, 71, 200, 0.10);
   color: #2d1b69;
   transition: transform .25s cubic-bezier(.25,.8,.25,1), box-shadow .25s, border-color .25s;
   overflow: hidden;
@@ -1090,8 +1096,8 @@ onUnmounted(() => {
   transform: translateY(-2px);
   border-color: #c4b5fd;
   box-shadow:
-    0 4px 12px rgba(45, 27, 105, 0.08),
-    0 12px 28px rgba(124, 58, 237, 0.12);
+    0 4px 14px rgba(45, 27, 105, 0.10),
+    0 18px 40px rgba(108, 71, 200, 0.16);
 }
 
 /* el-card 默认 padding 被我们包含 */