fix(ui): 展开态图标轨横向排布居底(折叠态保持纵向居中)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/components/session/SessionRail.vue

@@ -36,12 +36,12 @@ const emit = defineEmits(['open', 'goto-kg', 'goto-settings']);
 /* 兜底样式（类名按 UI_SPEC §3 / §7） */
 .collapsed-rail {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;  /* 展开态：图标靠左（原样图标，14px 对齐内容边距） */
+  flex-direction: row;       /* 展开态：三个图标横向一排 */
+  align-items: center;
   gap: 14px;
   width: 100%;
-  padding: 0 0 14px 14px;
-  margin-top: auto;          /* 沉底：与折叠态同一元素，切换时 Y 高度不变 */
+  padding: 0 14px 14px;
+  margin-top: auto;          /* 居底：与折叠态同一元素，切换时 Y 高度不变 */
 }
 .rail-item {
   display: inline-flex;

ui/src/styles/base.css

@@ -174,8 +174,9 @@ html.drawer-open { overflow: hidden; }
 .session-panel .inner { display: flex; flex-direction: column; min-height: 0; width: 260px; flex: 1; transition: opacity .2s var(--pa-ease); }
 .side-collapsed .session-panel .inner { opacity: 0; pointer-events: none; }
 .side-collapsed .session-panel .collapsed-rail {
-  align-items: center;   /* 折叠态：64px 轨内居中，图标原样 */
-  padding: 0 0 14px;     /* 折叠态：去掉展开态的左 14px（底 14px 两态一致） */
+  flex-direction: column; /* 折叠态：64px 窄轨纵向排布 */
+  align-items: center;    /* 折叠态：轨内居中，图标原样 */
+  padding: 0 0 14px;      /* 折叠态：去掉展开态的水平 14px（底 14px 两态一致） */
 }
 .rail-item {
   display: inline-flex; align-items: center; justify-content: center;