@aura-react-comp/x 0.0.0-stage → 0.1.0

package/esm/style.css

@@ -0,0 +1,1565 @@
+/* ===== @aura-react-comp/x styles — 由 scripts/build-styles.mjs 自动生成，请勿手改 ===== */
+
+/* ---- actions/index.less ---- */
+/* Actions — 消息操作组 */
+.aura-x-actions {
+  display: flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+}
+.aura-x-actions--vertical {
+  flex-direction: column;
+  align-items: stretch;
+}
+.aura-x-actions-item {
+  display: inline-flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+  justify-content: center;
+  padding: var(--aura-spacing-1) var(--aura-spacing-2);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-actions-item:not(:disabled):hover {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-actions-item:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-actions-item--active {
+  color: var(--aura-x-accent);
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-actions-item--danger:not(:disabled):hover {
+  background: rgba(239, 68, 68, 0.12);
+  color: var(--aura-error);
+}
+.aura-x-actions-item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.aura-x-actions--vertical .aura-x-actions-item {
+  justify-content: flex-start;
+}
+
+
+/* ---- attachments/index.less ---- */
+/* Attachments — 附件列表（输入框上方的附件条） */
+.aura-x-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--aura-spacing-2);
+  align-items: stretch;
+}
+.aura-x-attachments--scroll-x {
+  flex-wrap: nowrap;
+  padding-bottom: var(--aura-spacing-1);
+  overflow-x: auto;
+  /* 横滑条与卡片间距，避免遮挡最后一张卡片 */
+  scrollbar-width: thin;
+}
+.aura-x-attachments--empty {
+  color: var(--aura-text-tertiary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+}
+
+
+/* ---- bubble/index.less ---- */
+/* Bubble — AI 对话气泡（玻璃拟态 + 品牌渐变） */
+.aura-x-bubble {
+  display: flex;
+  gap: var(--aura-spacing-3);
+  align-items: flex-start;
+  animation: aura-x-bubble-in var(--aura-duration-normal) var(--aura-easing);
+}
+@keyframes aura-x-bubble-in {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+/* 用户消息在右侧 */
+.aura-x-bubble--end {
+  flex-direction: row-reverse;
+}
+.aura-x-bubble-avatar {
+  flex-shrink: 0;
+  display: grid;
+  place-items: center;
+  width: 36px;
+  height: 36px;
+  border-radius: var(--aura-radius-full);
+  overflow: hidden;
+  border: 1px solid var(--aura-x-bubble-border);
+  background: var(--aura-x-stage-bg);
+}
+.aura-x-bubble-main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aura-spacing-1);
+  min-width: 0;
+  max-width: 100%;
+}
+.aura-x-bubble--end .aura-x-bubble-main {
+  align-items: flex-end;
+}
+.aura-x-bubble-header,
+.aura-x-bubble-footer {
+  font-size: var(--aura-font-size-xs);
+  color: var(--aura-text-tertiary);
+  padding: 0 var(--aura-spacing-1);
+}
+.aura-x-bubble-content {
+  padding: var(--aura-spacing-3) var(--aura-spacing-4);
+  border-radius: var(--aura-radius-lg);
+  font-size: var(--aura-font-size-md);
+  line-height: 1.65;
+  word-break: break-word;
+  white-space: pre-wrap;
+  transition: background var(--aura-duration-normal) var(--aura-easing), box-shadow var(--aura-duration-normal) var(--aura-easing);
+}
+/* 气泡尖角朝向说话者（现代聊天形态） */
+.aura-x-bubble--start .aura-x-bubble-content {
+  border-top-left-radius: var(--aura-radius-sm);
+}
+.aura-x-bubble--end .aura-x-bubble-content {
+  border-top-right-radius: var(--aura-radius-sm);
+}
+/* AI：玻璃拟态 */
+.aura-x-bubble--start.aura-x-bubble--filled .aura-x-bubble-content {
+  background: var(--aura-x-bubble-ai-bg);
+  border: 1px solid var(--aura-x-bubble-border);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+}
+/* 用户：品牌渐变 + 光晕投影 */
+.aura-x-bubble--end.aura-x-bubble--filled .aura-x-bubble-content {
+  background: var(--aura-x-bubble-user-bg);
+  color: var(--aura-x-bubble-user-text);
+  box-shadow: 0 6px 18px -6px rgba(124, 58, 237, 0.55);
+}
+/* outlined：细边框玻璃 */
+.aura-x-bubble--outlined .aura-x-bubble-content {
+  background: var(--aura-x-bubble-ai-bg);
+  border: 1px solid var(--aura-x-bubble-border);
+}
+/* shadow：玻璃 + 光晕 */
+.aura-x-bubble--shadow .aura-x-bubble-content {
+  background: var(--aura-x-bubble-ai-bg);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+  box-shadow: var(--aura-x-glow);
+}
+/* 生成中：品牌色光点 */
+.aura-x-bubble-dots {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+.aura-x-bubble-dots i {
+  width: 6px;
+  height: 6px;
+  border-radius: var(--aura-radius-full);
+  background: var(--aura-x-accent);
+  opacity: 0.35;
+  animation: aura-x-bubble-blink 1.2s infinite ease-in-out;
+}
+.aura-x-bubble-dots i:nth-child(2) {
+  animation-delay: 0.2s;
+}
+.aura-x-bubble-dots i:nth-child(3) {
+  animation-delay: 0.4s;
+}
+@keyframes aura-x-bubble-blink {
+  0%,
+  80%,
+  100% {
+    opacity: 0.2;
+    transform: scale(0.85);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+/* 无障碍：偏好减少动效时关闭入场与打点动画 */
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-bubble {
+    animation: none;
+  }
+  .aura-x-bubble-dots i {
+    animation: none;
+    opacity: 0.6;
+  }
+}
+/* 列表 */
+.aura-x-bubble-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aura-spacing-4);
+  overflow-y: auto;
+}
+
+
+/* ---- code-highlighter/index.less ---- */
+/* CodeHighlighter — 代码高亮（头部 + Prism 着色代码区） */
+.aura-x-code-highlighter {
+  overflow: hidden;
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-code-bg);
+}
+/* ===== 头部 ===== */
+.aura-x-code-highlighter-header {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--aura-spacing-1) var(--aura-spacing-2) var(--aura-spacing-1) var(--aura-spacing-3);
+  border-bottom: 1px solid var(--aura-border);
+  background: var(--aura-x-stage-bg);
+}
+.aura-x-code-highlighter-lang {
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  letter-spacing: 0.4px;
+  text-transform: lowercase;
+}
+.aura-x-code-highlighter-copy {
+  display: inline-flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+  padding: var(--aura-spacing-1) var(--aura-spacing-2);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-code-highlighter-copy:hover {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-code-highlighter-copy:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-code-highlighter-copy > svg {
+  width: 13px;
+  height: 13px;
+}
+/* ===== 代码区 ===== */
+.aura-x-code-highlighter-pre {
+  margin: 0;
+  padding: var(--aura-spacing-3);
+  overflow-x: auto;
+  background: transparent;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: var(--aura-font-size-sm);
+  line-height: 1.65;
+}
+.aura-x-code-highlighter-line {
+  display: block;
+  min-height: 1.65em;
+}
+
+
+/* ---- conversations/index.less ---- */
+/* Conversations — 会话管理列表 */
+.aura-x-conversations-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 0;
+  padding: var(--aura-spacing-1);
+  list-style: none;
+}
+.aura-x-conversations-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: var(--aura-radius-md);
+  transition: background var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-conversations-item:hover,
+.aura-x-conversations-item--active {
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-conversations-item--active .aura-x-conversations-item-label {
+  color: var(--aura-x-accent);
+  font-weight: 500;
+}
+.aura-x-conversations-item-main {
+  display: flex;
+  flex: 1;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  min-width: 0;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: none;
+  background: transparent;
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+}
+.aura-x-conversations-item-icon {
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+}
+.aura-x-conversations-item-label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.aura-x-conversations-item-time {
+  flex-shrink: 0;
+  font-size: var(--aura-font-size-xs);
+  color: var(--aura-text-tertiary);
+}
+.aura-x-conversations-item-menu {
+  position: relative;
+  display: none;
+  flex-shrink: 0;
+}
+.aura-x-conversations-item:hover .aura-x-conversations-item-menu,
+.aura-x-conversations-menu-btn--open {
+  display: inline-flex;
+}
+.aura-x-conversations-menu-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-tertiary);
+  cursor: pointer;
+  letter-spacing: 1px;
+  transition: background var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-conversations-menu-btn:hover,
+.aura-x-conversations-menu-btn--open {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-conversations-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 120px;
+  padding: var(--aura-spacing-1);
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+  box-shadow: var(--aura-x-glow);
+}
+.aura-x-conversations-menu-item {
+  display: block;
+  width: 100%;
+  padding: var(--aura-spacing-1) var(--aura-spacing-3);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-conversations-menu-item:hover {
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-conversations-menu-item--danger {
+  color: var(--aura-error);
+}
+.aura-x-conversations-menu-item--danger:hover {
+  background: rgba(239, 68, 68, 0.1);
+}
+
+
+/* ---- file-card/index.less ---- */
+/* FileCard — 文件卡片（附件 / 引用文件的展示单元） */
+.aura-x-file-card {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: flex-start;
+  width: 264px;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: 1px solid var(--aura-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  transition: border-color var(--aura-duration-fast) var(--aura-easing), box-shadow var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-file-card:hover {
+  border-color: var(--aura-x-bubble-border);
+  box-shadow: var(--aura-shadow-sm);
+}
+.aura-x-file-card-icon {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-file-card-icon > svg {
+  width: 18px;
+  height: 18px;
+}
+.aura-x-file-card-body {
+  flex: 1;
+  min-width: 0;
+}
+.aura-x-file-card-main {
+  display: flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+}
+.aura-x-file-card-name {
+  overflow: hidden;
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  line-height: 1.5;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.aura-x-file-card-check {
+  flex: none;
+  color: var(--aura-success);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+}
+.aura-x-file-card-remove {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-inline-start: auto;
+  padding: 0;
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-tertiary);
+  font-size: var(--aura-font-size-md);
+  line-height: 1;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-file-card-remove:hover {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-file-card-remove:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-file-card-meta {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  margin-top: 2px;
+  color: var(--aura-text-tertiary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+}
+.aura-x-file-card-ext {
+  padding: 0 4px;
+  border-radius: var(--aura-radius-full);
+  background: var(--aura-bg-tertiary);
+  text-transform: uppercase;
+}
+.aura-x-file-card-progress {
+  height: 4px;
+  margin-top: var(--aura-spacing-1);
+  border-radius: var(--aura-radius-full);
+  background: var(--aura-bg-tertiary);
+  overflow: hidden;
+}
+.aura-x-file-card-progress-bar {
+  height: 100%;
+  border-radius: inherit;
+  background: var(--aura-x-accent-gradient);
+  transition: width var(--aura-duration-normal) var(--aura-easing);
+}
+.aura-x-file-card-desc {
+  margin-top: var(--aura-spacing-1);
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+}
+/* 失败态 */
+.aura-x-file-card--error {
+  border-color: var(--aura-error);
+}
+.aura-x-file-card--error .aura-x-file-card-icon {
+  background: var(--aura-error-light);
+  color: var(--aura-error);
+}
+.aura-x-file-card--error .aura-x-file-card-size {
+  color: var(--aura-error);
+}
+.aura-x-file-card-error-tip {
+  margin-top: var(--aura-spacing-1);
+  color: var(--aura-error);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+}
+/* 成功态 */
+.aura-x-file-card--done .aura-x-file-card-icon {
+  background: var(--aura-success-light);
+  color: var(--aura-success);
+}
+
+
+/* ---- folder/index.less ---- */
+/* Folder — 文件树 + 文件预览 */
+.aura-x-folder {
+  display: flex;
+  overflow: hidden;
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  min-height: 240px;
+}
+/* ===== 左侧目录树 ===== */
+.aura-x-folder-directory {
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  border-right: 1px solid var(--aura-border);
+  background: var(--aura-x-stage-bg);
+}
+.aura-x-folder-directory-title {
+  flex: none;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border-bottom: 1px solid var(--aura-border);
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  font-weight: 600;
+  letter-spacing: 0.4px;
+}
+.aura-x-folder-tree {
+  flex: 1;
+  overflow: auto;
+  padding: var(--aura-spacing-2) var(--aura-spacing-1);
+}
+.aura-x-folder-node {
+  display: flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+  padding: var(--aura-spacing-1) var(--aura-spacing-2);
+  border-radius: var(--aura-radius-sm);
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-folder-node:hover {
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-folder-node:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-folder-node--selected,
+.aura-x-folder-node--selected:hover {
+  background: var(--aura-x-accent-gradient);
+  color: var(--aura-text-inverse);
+}
+.aura-x-folder-node--selected .aura-x-folder-node-icon,
+.aura-x-folder-node--selected .aura-x-folder-caret {
+  color: var(--aura-text-inverse);
+}
+.aura-x-folder-caret {
+  flex: none;
+  width: 12px;
+  color: var(--aura-text-tertiary);
+  font-size: 10px;
+  line-height: 1;
+  text-align: center;
+}
+.aura-x-folder-node-icon {
+  flex: none;
+  display: inline-flex;
+  color: var(--aura-text-secondary);
+}
+.aura-x-folder-node-icon > svg {
+  width: 14px;
+  height: 14px;
+}
+.aura-x-folder-node-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+/* ===== 右侧预览 ===== */
+.aura-x-folder-preview {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+.aura-x-folder-preview-header {
+  flex: none;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border-bottom: 1px solid var(--aura-border);
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  font-weight: 600;
+}
+.aura-x-folder-preview-title {
+  display: inline-block;
+  overflow: hidden;
+  max-width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.aura-x-folder-preview-body {
+  flex: 1;
+  overflow: auto;
+  padding: var(--aura-spacing-3);
+}
+/* 预览内嵌的代码块抹平外框，避免与预览区形成双层边框 */
+.aura-x-folder-preview-body .aura-x-code-highlighter {
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+.aura-x-folder-preview-body .aura-x-code-highlighter-pre {
+  padding: 0;
+}
+.aura-x-folder-empty,
+.aura-x-folder-loading {
+  padding: var(--aura-spacing-6) var(--aura-spacing-3);
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  text-align: center;
+}
+.aura-x-folder-error {
+  padding: var(--aura-spacing-3);
+  border: 1px solid var(--aura-error);
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-error-light);
+  color: var(--aura-error);
+  font-size: var(--aura-font-size-sm);
+}
+
+
+/* ---- markdown-content/index.less ---- */
+/* MarkdownContent — AI 消息的 Markdown 排版（科技感微调） */
+.aura-x-markdown {
+  font-size: var(--aura-font-size-md);
+  line-height: 1.7;
+  word-break: break-word;
+  /* 行内代码：品牌色点染 */
+  /* 代码块（highlightCode={false} 时的朴素形态）：暗色科技底 + 细边框 */
+  /* 围栏代码块默认交给 CodeHighlighter 渲染，这里只统一它的外边距，
+     内层留白与底色由 CodeHighlighter 自己负责，避免与上面的 pre 规则打架 */
+  /* 引用块：渐变左边线 + 品牌浅底 */
+}
+.aura-x-markdown > :first-child {
+  margin-top: 0;
+}
+.aura-x-markdown > :last-child {
+  margin-bottom: 0;
+}
+.aura-x-markdown h1,
+.aura-x-markdown h2,
+.aura-x-markdown h3,
+.aura-x-markdown h4,
+.aura-x-markdown h5,
+.aura-x-markdown h6 {
+  margin: var(--aura-spacing-4) 0 var(--aura-spacing-2);
+  font-weight: 600;
+  line-height: 1.4;
+}
+.aura-x-markdown p {
+  margin: var(--aura-spacing-2) 0;
+}
+.aura-x-markdown ul,
+.aura-x-markdown ol {
+  margin: var(--aura-spacing-2) 0;
+  padding-left: var(--aura-spacing-5);
+}
+.aura-x-markdown li {
+  margin: 4px 0;
+}
+.aura-x-markdown code {
+  padding: 2px 6px;
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.92em;
+}
+.aura-x-markdown pre {
+  margin: var(--aura-spacing-3) 0;
+  padding: var(--aura-spacing-3) var(--aura-spacing-4);
+  border-radius: var(--aura-radius-md);
+  border: 1px solid var(--aura-x-bubble-border);
+  background: var(--aura-x-code-bg);
+  overflow-x: auto;
+}
+.aura-x-markdown pre code {
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--aura-text);
+}
+.aura-x-markdown .aura-x-code-highlighter {
+  margin: var(--aura-spacing-3) 0;
+}
+.aura-x-markdown a {
+  color: var(--aura-x-accent);
+  text-decoration: none;
+}
+.aura-x-markdown a:hover {
+  text-decoration: underline;
+}
+.aura-x-markdown blockquote {
+  margin: var(--aura-spacing-3) 0;
+  padding: var(--aura-spacing-2) var(--aura-spacing-4);
+  border-left: 3px solid var(--aura-x-accent);
+  border-radius: 0 var(--aura-radius-sm) var(--aura-radius-sm) 0;
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-text-secondary);
+}
+.aura-x-markdown table {
+  margin: var(--aura-spacing-3) 0;
+  border-collapse: collapse;
+  width: 100%;
+}
+.aura-x-markdown th,
+.aura-x-markdown td {
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: 1px solid var(--aura-x-bubble-border);
+  text-align: left;
+}
+.aura-x-markdown th {
+  font-weight: 600;
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-markdown hr {
+  margin: var(--aura-spacing-4) 0;
+  border: none;
+  border-top: 1px solid var(--aura-x-bubble-border);
+}
+/* 暗色下的局部微调 */
+[data-theme='dark'] .aura-x-markdown blockquote,
+[data-theme='dark'] .aura-x-markdown th {
+  background: rgba(139, 92, 246, 0.08);
+}
+
+
+/* ---- mermaid/index.less ---- */
+/* Mermaid — 图表（头部操作栏 + 图片 / 代码双视图） */
+.aura-x-mermaid {
+  overflow: hidden;
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+}
+/* ===== 头部 ===== */
+.aura-x-mermaid-header {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--aura-spacing-1) var(--aura-spacing-2) var(--aura-spacing-1) var(--aura-spacing-3);
+  border-bottom: 1px solid var(--aura-border);
+  background: var(--aura-x-stage-bg);
+}
+.aura-x-mermaid-views {
+  display: inline-flex;
+  gap: var(--aura-spacing-1);
+}
+.aura-x-mermaid-view-btn {
+  padding: var(--aura-spacing-1) var(--aura-spacing-2);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-mermaid-view-btn--active {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+  font-weight: 600;
+}
+.aura-x-mermaid-view-btn:focus-visible,
+.aura-x-mermaid-action:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-mermaid-actions {
+  display: inline-flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+}
+.aura-x-mermaid-action {
+  padding: var(--aura-spacing-1) var(--aura-spacing-2);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.5;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-mermaid-action:hover:not(:disabled) {
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+}
+.aura-x-mermaid-action:disabled {
+  color: var(--aura-text-tertiary);
+  cursor: default;
+}
+/* ===== 内容区 ===== */
+.aura-x-mermaid-body {
+  padding: var(--aura-spacing-3);
+}
+/* 代码视图下把内嵌 CodeHighlighter 的外框抹平，避免双层边框 */
+.aura-x-mermaid-body--code {
+  padding: 0;
+}
+.aura-x-mermaid-body--code .aura-x-code-highlighter {
+  border: none;
+  border-radius: 0;
+}
+.aura-x-mermaid-graph {
+  overflow: auto;
+  max-height: 420px;
+  background: var(--aura-x-stage-bg);
+  border-radius: var(--aura-radius-sm);
+}
+.aura-x-mermaid-canvas {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--aura-spacing-3);
+  transform-origin: center center;
+  transition: transform var(--aura-duration-normal) var(--aura-easing);
+}
+.aura-x-mermaid-canvas > svg {
+  max-width: 100%;
+  height: auto;
+}
+.aura-x-mermaid-loading {
+  padding: var(--aura-spacing-6) 0;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  text-align: center;
+}
+.aura-x-mermaid-error {
+  padding: var(--aura-spacing-3);
+  border: 1px solid var(--aura-error);
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-error-light);
+}
+.aura-x-mermaid-error-title {
+  margin: 0 0 var(--aura-spacing-1);
+  color: var(--aura-error);
+  font-size: var(--aura-font-size-sm);
+  font-weight: 600;
+}
+.aura-x-mermaid-error-detail {
+  margin: 0;
+  overflow-x: auto;
+  color: var(--aura-text-secondary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-mermaid-canvas {
+    transition: none;
+  }
+}
+
+
+/* ---- prompts/index.less ---- */
+/* Prompts — 提示词集（玻璃卡片 + 渐变图标底座 + 悬停上浮） */
+.aura-x-prompts-title {
+  margin-bottom: var(--aura-spacing-2);
+  font-size: var(--aura-font-size-sm);
+  color: var(--aura-text-secondary);
+}
+.aura-x-prompts-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aura-spacing-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.aura-x-prompts--horizontal .aura-x-prompts-list {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.aura-x-prompts-item {
+  display: flex;
+  gap: var(--aura-spacing-3);
+  align-items: flex-start;
+  width: 100%;
+  padding: var(--aura-spacing-3) var(--aura-spacing-4);
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  color: var(--aura-text);
+  text-align: left;
+  cursor: pointer;
+  transition: border-color var(--aura-duration-normal) var(--aura-easing), background var(--aura-duration-normal) var(--aura-easing), box-shadow var(--aura-duration-normal) var(--aura-easing), transform var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-prompts-item:hover {
+  border-color: var(--aura-x-accent);
+  background: var(--aura-x-accent-soft);
+  box-shadow: var(--aura-x-glow);
+  transform: translateY(-2px);
+}
+.aura-x-prompts-item:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-prompts--horizontal .aura-x-prompts-item {
+  width: auto;
+  min-width: 180px;
+  flex: 1 1 220px;
+}
+/* 图标底座：渐变圆角方块 */
+.aura-x-prompts-item-icon {
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-accent-gradient);
+  color: #fff;
+  font-size: 16px;
+  line-height: 1;
+}
+.aura-x-prompts-item-body {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.aura-x-prompts-item-label {
+  font-size: var(--aura-font-size-sm);
+  font-weight: 500;
+}
+.aura-x-prompts-item-description {
+  font-size: var(--aura-font-size-xs);
+  color: var(--aura-text-secondary);
+}
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-prompts-item:hover {
+    transform: none;
+  }
+}
+
+
+/* ---- sender/index.less ---- */
+/* Sender — 对话输入框（玻璃容器 + 聚焦光晕 + 渐变按钮） */
+.aura-x-sender {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: flex-end;
+  flex-wrap: wrap;
+  padding: var(--aura-spacing-2) var(--aura-spacing-2) var(--aura-spacing-2) var(--aura-spacing-4);
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-lg);
+  background: var(--aura-x-bubble-ai-bg);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+  transition: border-color var(--aura-duration-normal) var(--aura-easing), box-shadow var(--aura-duration-normal) var(--aura-easing);
+}
+.aura-x-sender:focus-within {
+  border-color: var(--aura-x-accent);
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-sender .ant-input {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  resize: none;
+}
+.aura-x-sender .aura-x-sender-actions {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.aura-x-sender .ant-btn {
+  border: none;
+  color: #fff;
+  background: var(--aura-x-accent-gradient);
+  box-shadow: 0 4px 12px -4px rgba(124, 58, 237, 0.5);
+  transition: transform var(--aura-duration-fast) var(--aura-easing), box-shadow var(--aura-duration-fast) var(--aura-easing), opacity var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-sender .ant-btn:not(:disabled):hover {
+  transform: translateY(-1px);
+  box-shadow: 0 6px 16px -4px rgba(124, 58, 237, 0.65);
+}
+.aura-x-sender .ant-btn:not(:disabled):active {
+  transform: translateY(0);
+}
+/* 插槽 */
+.aura-x-sender-header,
+.aura-x-sender-footer {
+  flex-basis: 100%;
+  font-size: var(--aura-font-size-xs);
+  color: var(--aura-text-tertiary);
+}
+.aura-x-sender--disabled {
+  opacity: 0.6;
+}
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-sender .ant-btn:not(:disabled):hover {
+    transform: none;
+  }
+}
+
+
+/* ---- sources/index.less ---- */
+/* Sources — 来源引用（头部摘要 + 有序列表 / 行内上标） */
+.aura-x-sources {
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+}
+/* ===== 头部 ===== */
+.aura-x-sources-header {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  width: 100%;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: none;
+  border-radius: var(--aura-radius-md);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-sources-header:hover {
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-sources-header:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-sources-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  font-weight: 600;
+  color: var(--aura-text);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.aura-x-sources-caret {
+  flex: none;
+  font-size: 10px;
+  line-height: 1;
+}
+/* 折叠图标置于标题之后（右侧） */
+.aura-x-sources-header--end .aura-x-sources-caret {
+  order: 1;
+}
+/* ===== 有序列表 ===== */
+.aura-x-sources-list {
+  margin: 0;
+  padding: 0 var(--aura-spacing-3) var(--aura-spacing-2);
+  list-style: none;
+}
+.aura-x-sources-item {
+  padding: var(--aura-spacing-1) 0;
+}
+.aura-x-sources-item + .aura-x-sources-item {
+  border-top: 1px dashed var(--aura-border);
+}
+.aura-x-sources-item-main {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  width: 100%;
+  padding: var(--aura-spacing-1) 0;
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+}
+a.aura-x-sources-item-main:hover .aura-x-sources-item-title,
+button.aura-x-sources-item-main:hover .aura-x-sources-item-title {
+  color: var(--aura-x-accent);
+  text-decoration: underline;
+}
+.aura-x-sources-item-main:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-sources-item-index {
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--aura-spacing-1);
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1;
+}
+.aura-x-sources-item-icon {
+  flex: none;
+  display: inline-flex;
+  color: var(--aura-text-secondary);
+}
+.aura-x-sources-item-icon > svg {
+  width: 14px;
+  height: 14px;
+}
+.aura-x-sources-item-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.aura-x-sources-item-desc {
+  padding-left: 24px;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.6;
+}
+/* ===== 行内模式 ===== */
+.aura-x-sources--inline {
+  display: inline-flex;
+  gap: var(--aura-spacing-1);
+  align-items: center;
+  border: none;
+  background: transparent;
+}
+.aura-x-sources-inline-wrap {
+  position: relative;
+  display: inline-flex;
+}
+.aura-x-sources-inline-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--aura-spacing-1);
+  border: none;
+  border-radius: var(--aura-radius-sm);
+  background: var(--aura-x-accent-soft);
+  color: var(--aura-x-accent);
+  font-size: 10px;
+  line-height: 1;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-sources-inline-chip--active,
+.aura-x-sources-inline-chip:hover {
+  background: var(--aura-x-accent-gradient);
+  color: var(--aura-text-inverse);
+}
+.aura-x-sources-inline-chip:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-sources-popover {
+  position: absolute;
+  bottom: calc(100% + var(--aura-spacing-1));
+  left: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  gap: var(--aura-spacing-1);
+  max-width: 320px;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-bg);
+  box-shadow: var(--aura-x-glow);
+  text-align: left;
+}
+.aura-x-sources-popover-title {
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  font-weight: 600;
+}
+.aura-x-sources-popover-desc {
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.6;
+}
+.aura-x-sources-popover-url {
+  color: var(--aura-x-accent);
+  font-size: var(--aura-font-size-xs);
+  word-break: break-all;
+}
+
+
+/* ---- suggestion/index.less ---- */
+/* Suggestion — 快捷建议（玻璃下拉 + 品牌高亮） */
+.aura-x-suggestion-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 0;
+  padding: var(--aura-spacing-1);
+  list-style: none;
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+  box-shadow: var(--aura-x-glow);
+}
+.aura-x-suggestion-item {
+  display: block;
+  width: 100%;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: none;
+  border-left: 2px solid transparent;
+  border-radius: var(--aura-radius-sm);
+  background: transparent;
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing), border-color var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-suggestion-item:hover {
+  background: var(--aura-x-accent-soft);
+  border-left-color: var(--aura-x-accent);
+}
+.aura-x-suggestion-item:focus-visible {
+  outline: none;
+  background: var(--aura-x-accent-soft);
+  border-left-color: var(--aura-x-accent);
+}
+
+
+/* ---- think/index.less ---- */
+/* Think — 思考过程（渐变左边线 + 思考中流光标题） */
+.aura-x-think {
+  position: relative;
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+  overflow: hidden;
+}
+/* 品牌渐变左边线 */
+.aura-x-think::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: var(--aura-x-accent-gradient);
+  opacity: 0.8;
+}
+.aura-x-think-trigger {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  width: 100%;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3) var(--aura-spacing-2) var(--aura-spacing-4);
+  border: none;
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+}
+.aura-x-think-trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+  border-radius: var(--aura-radius-sm);
+}
+.aura-x-think-caret {
+  font-size: 10px;
+  line-height: 1;
+}
+/* 思考中：流光渐变文字 */
+.aura-x-think--thinking .aura-x-think-label {
+  background: linear-gradient(90deg, var(--aura-x-accent) 0%, var(--aura-primary-400) 40%, var(--aura-x-accent) 80%);
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: aura-x-think-shimmer 2.2s infinite linear;
+}
+@keyframes aura-x-think-shimmer {
+  from {
+    background-position: 200% 0;
+  }
+  to {
+    background-position: -200% 0;
+  }
+}
+.aura-x-think-content {
+  max-height: 240px;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3) var(--aura-spacing-3) var(--aura-spacing-4);
+  overflow-y: auto;
+  border-top: 1px dashed var(--aura-x-bubble-border);
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  line-height: 1.7;
+  white-space: pre-wrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-think--thinking .aura-x-think-label {
+    animation: none;
+    background: none;
+    color: var(--aura-x-accent);
+  }
+}
+
+
+/* ---- thought-chain/index.less ---- */
+/* ThoughtChain — 思维链（时间线 + 状态节点） */
+.aura-x-thought-chain {
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-md);
+  background: var(--aura-x-bubble-ai-bg);
+}
+.aura-x-thought-chain--plain {
+  border: none;
+  background: transparent;
+}
+/* ===== 折叠头部 ===== */
+.aura-x-thought-chain-header {
+  display: flex;
+  gap: var(--aura-spacing-2);
+  align-items: center;
+  width: 100%;
+  padding: var(--aura-spacing-2) var(--aura-spacing-3);
+  border: none;
+  border-radius: var(--aura-radius-md);
+  background: transparent;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--aura-duration-fast) var(--aura-easing);
+}
+.aura-x-thought-chain-header:hover {
+  background: var(--aura-x-accent-soft);
+}
+.aura-x-thought-chain-header:focus-visible {
+  outline: none;
+  box-shadow: var(--aura-x-focus-ring);
+}
+.aura-x-thought-chain-header:disabled {
+  cursor: default;
+}
+.aura-x-thought-chain-title {
+  flex: none;
+  font-weight: 600;
+  color: var(--aura-text);
+}
+.aura-x-thought-chain-summary {
+  flex: 1;
+  color: var(--aura-text-tertiary);
+  font-size: var(--aura-font-size-xs);
+}
+/* 进行中：摘要文字走品牌渐变流光 */
+.aura-x-thought-chain--running .aura-x-thought-chain-summary {
+  color: var(--aura-x-accent);
+}
+.aura-x-thought-chain-caret {
+  flex: none;
+  font-size: 10px;
+  line-height: 1;
+}
+/* ===== 时间线 ===== */
+.aura-x-thought-chain-list {
+  margin: 0;
+  padding: var(--aura-spacing-1) var(--aura-spacing-3) var(--aura-spacing-2);
+  list-style: none;
+}
+.aura-x-thought-chain-item {
+  position: relative;
+  padding: var(--aura-spacing-1) 0 var(--aura-spacing-2) 24px;
+}
+/* 节点间的衔接线（最后一项不画） */
+.aura-x-thought-chain-item::before {
+  content: '';
+  position: absolute;
+  left: 6px;
+  top: 22px;
+  bottom: -2px;
+  width: 1px;
+  background: var(--aura-border);
+}
+.aura-x-thought-chain-item:last-child::before {
+  display: none;
+}
+.aura-x-thought-chain-node {
+  position: absolute;
+  left: 0;
+  top: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--aura-text-tertiary);
+  border-radius: var(--aura-radius-full);
+  background: var(--aura-bg);
+  font-size: 8px;
+  line-height: 1;
+}
+.aura-x-thought-chain-node--success {
+  border-color: var(--aura-success);
+  background: var(--aura-success-light);
+  color: var(--aura-success);
+}
+.aura-x-thought-chain-node--error {
+  border-color: var(--aura-error);
+  background: var(--aura-error-light);
+  color: var(--aura-error);
+}
+.aura-x-thought-chain-node--thinking {
+  border-color: var(--aura-x-accent);
+  animation: aura-x-thought-chain-pulse 1.6s infinite var(--aura-easing);
+}
+@keyframes aura-x-thought-chain-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+    border-color: var(--aura-x-accent);
+  }
+  50% {
+    transform: scale(1.25);
+    border-color: var(--aura-primary-400);
+  }
+}
+.aura-x-thought-chain-content {
+  min-width: 0;
+}
+.aura-x-thought-chain-item-title {
+  color: var(--aura-text);
+  font-size: var(--aura-font-size-sm);
+  line-height: 1.5;
+}
+.aura-x-thought-chain-item--pending .aura-x-thought-chain-item-title {
+  color: var(--aura-text-tertiary);
+}
+.aura-x-thought-chain-item--error .aura-x-thought-chain-item-title {
+  color: var(--aura-error);
+}
+.aura-x-thought-chain-item-desc {
+  margin-top: 2px;
+  color: var(--aura-text-secondary);
+  font-size: var(--aura-font-size-xs);
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .aura-x-thought-chain-node--thinking {
+    animation: none;
+    border-color: var(--aura-x-accent);
+    border-style: dotted;
+  }
+}
+
+
+/* ---- welcome/index.less ---- */
+/* Welcome — 欢迎区（顶部光晕 + 渐变图标底座） */
+.aura-x-welcome {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aura-spacing-3);
+  padding: var(--aura-spacing-6) var(--aura-spacing-4);
+  text-align: center;
+  overflow: hidden;
+}
+.aura-x-welcome--board {
+  border: 1px solid var(--aura-x-bubble-border);
+  border-radius: var(--aura-radius-lg);
+  background: radial-gradient(560px 180px at 50% -60px, var(--aura-x-accent-soft), transparent 70%), var(--aura-x-bubble-ai-bg);
+  backdrop-filter: var(--aura-x-glass-blur);
+  -webkit-backdrop-filter: var(--aura-x-glass-blur);
+}
+/* 图标底座：渐变圆角方块 + 光晕 */
+.aura-x-welcome-icon {
+  display: grid;
+  place-items: center;
+  width: 56px;
+  height: 56px;
+  border-radius: var(--aura-radius-lg);
+  background: var(--aura-x-accent-gradient);
+  color: #fff;
+  font-size: 28px;
+  line-height: 1;
+  box-shadow: var(--aura-x-glow);
+}
+.aura-x-welcome-title {
+  font-size: var(--aura-font-size-2xl);
+  font-weight: 600;
+  color: var(--aura-text);
+  letter-spacing: 0.2px;
+}
+.aura-x-welcome-description {
+  font-size: var(--aura-font-size-sm);
+  color: var(--aura-text-secondary);
+  max-width: 480px;
+}
+.aura-x-welcome-extra {
+  margin-top: var(--aura-spacing-2);
+  width: 100%;
+}
+