From 237286e908679481eabd8a9b9fbc25462aaef33d Mon Sep 17 00:00:00 2001
From: shanqin <45168502@qq.com>
Date: Wed, 26 Aug 2026 20:15:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E6=A8=A1=E5=9D=97=E4=BA=8C?=
 =?UTF-8?q?=E6=AC=A1=E7=A1=AE=E8=AE=A4=E6=94=B9=E6=B0=94=E6=B3=A1=E5=BC=B9?=
 =?UTF-8?q?=E5=B1=82(2026-08-26=20=E7=94=A8=E6=88=B7=E5=AE=9A):=E9=94=9A?=
 =?UTF-8?q?=E5=AE=9A=E9=A1=B5=E5=A4=B4=E5=8F=B3=E4=B8=8B+=E5=B0=8F?=
 =?UTF-8?q?=E4=B8=89=E8=A7=92=E6=8C=87=E5=9B=9E=E8=A7=A6=E5=8F=91=E9=92=AE?=
 =?UTF-8?q?,=E4=B8=89=E5=BF=85=E7=AD=94=E6=94=B6=E7=AB=96=E6=8E=92;L2=20?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8/=E6=BF=80=E6=B4=BB=E4=B8=8E=20L3=20=E7=BB=88?=
 =?UTF-8?q?=E6=AD=A2=E5=90=8C=E7=94=9F=E6=95=88;=E9=A1=B5=E5=A4=B4?=
 =?UTF-8?q?=E5=AE=B9=E5=99=A8=E8=A1=A5=E6=AD=A3=20z-index=20=E7=A0=B4?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=E5=B1=82=E5=8F=A0=E5=9B=B0=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/app/styles/console.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/apps/web/src/app/styles/console.css b/apps/web/src/app/styles/console.css
index 1a7a550..3448ef1 100644
--- a/apps/web/src/app/styles/console.css
+++ b/apps/web/src/app/styles/console.css
@@ -708,6 +708,32 @@
   .g-actid .g-tl-row.current .g-tl-dot { animation: none; box-shadow: 0 0 0 3px var(--tone-soft); }
   .g-actid .g-dh .chips > * { animation: none; }
 }
+
+/* ══ 二次确认改气泡弹层(2026-08-26 用户定:不要瘫在 box 下方的确认带)══
+   锚在页头右下、小三角指回触发钮;三必答从三栏收成竖排三行;
+   阴影只给弹层(§10),危险确认沿用非实心 danger 钮(§11),进场 180ms 从触发点展开(§13) */
+/* 注意:`.g-actvd/.g-actid > *` 的入场动画 forwards 填充会让每个区块长期保持独立层叠上下文,
+   气泡的 z-index 只在页头内部作数 —— 所以页头容器自己要有正 z-index,气泡才盖得住后面的区块 */
+.g-actvd .g-dhwrap, .g-actid .g-dhwrap { position: relative; z-index: 30; }
+.g-actvd .g-ask, .g-actid .g-ask { position: absolute; top: calc(100% + 10px); right: 0; z-index: 40;
+  width: 372px; padding: 13px 15px 12px; gap: 10px;
+  border: 1px solid var(--tone-line, var(--cline)); border-radius: 12px;
+  box-shadow: 0 12px 32px rgba(22, 26, 34, .14), 0 2px 8px rgba(22, 26, 34, .08);
+  animation: actvd-ask .18s cubic-bezier(.3, 0, .2, 1) both; transform-origin: top right; }
+@keyframes actvd-ask { from { opacity: 0; transform: translateY(-4px) scale(.97); } }
+/* 小三角:指回右上方的触发钮(左/上两条边旋转 45° 拼出) */
+.g-actvd .g-ask::before, .g-actid .g-ask::before { content: ""; position: absolute; top: -6px; right: 60px;
+  width: 10px; height: 10px; background: #fff; transform: rotate(45deg);
+  border-left: 1px solid var(--tone-line, var(--cline)); border-top: 1px solid var(--tone-line, var(--cline)); }
+/* 三必答竖排:标签定宽左、内容右,气泡窄也读得顺 */
+.g-actvd .g-impact, .g-actid .g-impact { grid-template-columns: 1fr; border-radius: 8px; }
+.g-actvd .g-impact > div, .g-actid .g-impact > div { flex-direction: row; align-items: baseline; gap: 10px; padding: 7px 10px; }
+.g-actvd .g-impact em, .g-actid .g-impact em { flex: none; width: 52px; }
+.g-actvd .g-impact b, .g-actid .g-impact b { font-weight: 500; }
+.g-actvd .g-ask-a .g-btn, .g-actid .g-ask-a .g-btn { height: 28px; }
+@media (prefers-reduced-motion: reduce) {
+  .g-actvd .g-ask, .g-actid .g-ask { animation: none; }
+}
 .g-fcard .mbtn { flex: none; width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--ink-4); cursor: pointer; }
 .g-fcard .mbtn:hover, .g-fcard .mbtn.on { border-color: var(--cline); background: #f3f6fa; color: var(--ink); }
 .g-fcard .mbtn.bad:hover { border-color: #e6c4c4; background: #fdf2f2; color: var(--danger); }