fix(HEL-104): 修复第四批P3a八处返工——引导胶囊入消息区/导师胶囊置顶/问师返回与空态/选股三视图按策略过滤/入选日列/空态切策略按钮

Co-authored-by: multica-agent <github@multica.ai>

app/frontend/m/css/features.css

@@ -2172,17 +2172,19 @@
   padding: 12px 12px 4px;
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 0;
 }
 
 .m-chat-msg {
   display: flex;
   max-width: 82%;
-  margin-top: 8px;
+  margin-top: 12px;
   word-break: break-word;
   white-space: pre-wrap;
 }
 .m-chat-msg:first-child { margin-top: 12px; }
+.m-chat-msg--user + .m-chat-msg--user,
+.m-chat-msg--ai + .m-chat-msg--ai { margin-top: 4px; }
 
 .m-chat-msg--user { align-self: flex-end; }
 .m-chat-msg--ai { align-self: flex-start; }
@@ -2304,10 +2306,11 @@
   30% { transform: translateY(-3px); opacity: 1; }
 }
 
-/* 引导问题 / 继续追问胶囊 */
+/* 引导问题胶囊（空态时渲染在消息区内，横滑） */
 .m-chat-presets {
   flex: 0 0 auto;
-  padding: 4px 12px 0;
+  width: 100%;
+  margin-top: 8px;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
@@ -2630,17 +2633,30 @@
   color: var(--text-primary);
 }
 .m-screener-drawer-row:active { background: var(--surface-hover); }
+.m-screener-drawer-main {
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
 .m-screener-drawer-name {
   font-size: 14px;
   font-weight: 600;
-  flex: 1 1 auto;
-  display: inline-flex;
+  display: flex;
   align-items: center;
   gap: 6px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.m-screener-drawer-sub {
+  font-size: 11.5px;
+  color: var(--text-tertiary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .m-strategy-status { font-size: 12px; color: var(--text-primary); }
 .m-strategy-status--warn { color: var(--warning); }
 .m-strategy-status--muted { color: var(--text-secondary); }