style(cockpit): point/device detail adopts the same 3-stop gradient

维护者要求两侧面板与点位面板背景统一做渐变：两侧（CockpitPanel）本就是
三停渐变（top .8 → mid .5 @26% → bot .82），点位详情浮层此前是 mid 单值，
现改为与 CockpitPanel 逐值同构的三停渐变（磨砂 16px 不变）——
两类面板观感完全一致，中段最透、上下收实。

src/modules/cockpit/components/PointDetailCard.vue

@@ -569,10 +569,15 @@ const aggregateDown = computed(() => aggregateUnavailable(sections.value.equipme
     min-height: 0;
     overflow: hidden;
     border: 1px solid var(--panel-line, rgba(1, 171, 234, 0.35));
-    /* 2026-10-23 维护者要求：整块用 --panel-mid（0.5）单值背景 —— 与两侧面板中段
-       同一透明度；渐变（top/bot）会让面板比两侧更实，不符合「同款半透明」的预期。
-       磨砂（点位摘要 + 设备详情两级共用这个根容器，一处生效）16px 与 CockpitPanel 同值。 */
-    background: var(--panel-mid, rgba(0, 53, 156, 0.2));
+    /* 2026-10-23 维护者要求：点位摘要/设备详情与两侧面板**同款三停渐变**
+       （top 0.8 → mid 0.5 @26% → bot 0.82，与 CockpitPanel 逐值一致，磨砂 16px 同值）。
+       此前先后试过纯渐变（偏实）与 mid 单值（无层次），定稿为两侧同款渐变。 */
+    background: linear-gradient(
+        180deg,
+        var(--panel-top, rgba(2, 9, 27, 0.28)) 0%,
+        var(--panel-mid, rgba(0, 53, 156, 0.2)) 26%,
+        var(--panel-bot, rgba(0, 15, 52, 0.38)) 100%
+    );
     backdrop-filter: blur(16px) saturate(115%);
     -webkit-backdrop-filter: blur(16px) saturate(115%);
     box-shadow: inset 0 1px 0 rgba(1, 171, 234, 0.14), var(--shadow, 0 18px 44px rgba(0, 0, 0, 0.55));