diff --git a/dashboard/src/components/chat/LiveMode.vue b/dashboard/src/components/chat/LiveMode.vue
index c4b73365b..b7ee8b94f 100644
--- a/dashboard/src/components/chat/LiveMode.vue
+++ b/dashboard/src/components/chat/LiveMode.vue
@@ -1,13 +1,18 @@
 <template>
     <div class="live-mode-container">
-        <v-btn icon="mdi-close" @click="handleClose" flat variant="text" />
+        <div class="header-controls">
+            <v-btn icon="mdi-close" @click="handleClose" flat variant="text" />
+            <v-btn :icon="isCodeMode ? 'mdi-code-tags-check' : 'mdi-code-tags'" @click="toggleCodeMode" flat
+                variant="text" :color="isCodeMode ? 'primary' : ''" />
+        </div>
 
         <div class="live-mode-content">
             <div class="center-circle-container" @click="handleCircleClick">
                 <!-- 爆炸效果层 -->
                 <div v-if="isExploding" class="explosion-wave"></div>
 
-                <SiriOrb :energy="orbEnergy" :mode="isActive ? orbMode : 'idle'" :is-dark="isDark" class="siri-orb" />
+                <SiriOrb :energy="orbEnergy" :mode="isActive ? orbMode : 'idle'" :is-dark="isDark" :code-mode="isCodeMode"
+                    class="siri-orb" />
             </div>
             <div class="status-text">
                 {{ statusText }}
@@ -62,6 +67,7 @@ const vadRecording = useVADRecording();
 // 状态
 const isActive = ref(false);  // Live Mode 是否激活
 const isExploding = ref(false); // 是否正在展示爆炸动画
+const isCodeMode = ref(false); // 是否开启代码模式
 // 使用 VAD 提供的 isSpeaking 状态
 const isSpeaking = computed(() => vadRecording.isSpeaking.value);
 const isListening = ref(false);  // 是否在监听
@@ -513,6 +519,10 @@ function handleClose() {
     emit('close');
 }
 
+function toggleCodeMode() {
+    isCodeMode.value = !isCodeMode.value;
+}
+
 // 监听用户打断
 watch(isSpeaking, (newVal) => {
     if (newVal && isPlaying.value) {
@@ -539,6 +549,12 @@ onBeforeUnmount(() => {
     background: linear-gradient(135deg, rgba(103, 58, 183, 0.05) 0%, rgba(63, 81, 181, 0.05) 100%);
 }
 
+.header-controls {
+    display: flex;
+    padding: 8px;
+    gap: 8px;
+}
+
 .live-mode-content {
     flex: 1;
     display: flex;
diff --git a/dashboard/src/components/chat/LiveOrb.vue b/dashboard/src/components/chat/LiveOrb.vue
index 7ca851eb7..1425edfa2 100644
--- a/dashboard/src/components/chat/LiveOrb.vue
+++ b/dashboard/src/components/chat/LiveOrb.vue
@@ -1,6 +1,29 @@
 <template>
-    <div class="live-orb-container" :class="{ 'dark': isDark }" :style="styleVars">
-        <div class="live-orb"></div>
+    <div class="live-orb-container" ref="containerRef" :class="{ 'dark': isDark }" :style="styleVars">
+        <div class="live-orb">
+        </div>
+        <div class="eyes-container">
+            <div class="eye" :class="{ 'blink': isBlinking }">
+                <!-- Code Mode Layer -->
+                <transition name="fade">
+                    <div v-if="codeMode" class="code-rain-container">
+                        <div v-for="(col, i) in codeColumns" :key="i" class="code-column" :style="col.style">
+                            {{ col.content }}
+                        </div>
+                    </div>
+                </transition>
+            </div>
+            <div class="eye" :class="{ 'blink': isBlinking }">
+                <!-- Code Mode Layer -->
+                <transition name="fade">
+                    <div v-if="codeMode" class="code-rain-container">
+                        <div v-for="(col, i) in codeColumns" :key="i" class="code-column" :style="col.style">
+                            {{ col.content }}
+                        </div>
+                    </div>
+                </transition>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -11,13 +34,21 @@ const props = defineProps<{
     energy: number; // 0.0 - 1.0
     mode: 'idle' | 'listening' | 'speaking' | 'processing';
     isDark?: boolean;
+    codeMode?: boolean;
 }>();
 
 // 内部状态
+const containerRef = ref<HTMLElement | null>(null);
 const currentAngle = ref(Math.random() * 360);
 const smoothedSpeed = ref(0.2); // 初始速度
 const currentScale = ref(1.0);  // 当前缩放
+const isBlinking = ref(false);  // 是否正在眨眼
+// 眼睛注视偏移
+const eyeOffset = ref({ x: 0, y: 0 });
+const targetEyeOffset = { x: 0, y: 0 };
+
 let animationFrameId: number;
+let blinkTimeoutId: any;
 
 // 颜色配置
 const colorConfigs = {
@@ -50,16 +81,16 @@ const animate = () => {
     if (props.mode === 'processing') targetSpeed = 0.3; // 思考时稍微活跃
     else if (props.mode === 'listening') targetSpeed = 0.2; // 倾听时轻微波动
     else if (props.mode === 'speaking') targetSpeed = 0.4; // 说话时稍快
-    
+
     // 能量影响速度：能量越高转得越快，但也减弱影响系数
     targetSpeed += (props.energy * 0.4);
 
     // 速度平滑插值 (Lerp)，避免旋转速度突变
     smoothedSpeed.value += (targetSpeed - smoothedSpeed.value) * 0.05;
-    
+
     // 让角度无限累加，不要取模
     currentAngle.value = currentAngle.value + smoothedSpeed.value;
-    
+
     // 计算目标缩放
     let targetScale = 1.0;
     const e = Math.max(0, Math.min(1, props.energy));
@@ -74,19 +105,106 @@ const animate = () => {
     // 缩放平滑插值
     currentScale.value += (targetScale - currentScale.value) * 0.1;
 
+    // 眼睛偏移平滑插值
+    eyeOffset.value.x += (targetEyeOffset.x - eyeOffset.value.x) * 0.1;
+    eyeOffset.value.y += (targetEyeOffset.y - eyeOffset.value.y) * 0.1;
+
     animationFrameId = requestAnimationFrame(animate);
 };
 
+const handleMouseMove = (e: MouseEvent) => {
+    if (!containerRef.value) return;
+
+    const rect = containerRef.value.getBoundingClientRect();
+    const centerX = rect.left + rect.width / 2;
+    const centerY = rect.top + rect.height / 2;
+
+    // 鼠标相对于中心的偏移
+    const dx = e.clientX - centerX;
+    const dy = e.clientY - centerY;
+
+    // 计算距离和角度
+    const dist = Math.sqrt(dx * dx + dy * dy);
+    const maxDist = Math.min(window.innerWidth, window.innerHeight) / 2;
+
+    // 限制最大移动范围（像素）
+    const maxEyeMove = 20;
+
+    // 归一化距离因子 (0 ~ 1)
+    const factor = Math.min(dist / maxDist, 1);
+
+    const angle = Math.atan2(dy, dx);
+
+    targetEyeOffset.x = Math.cos(angle) * factor * maxEyeMove;
+    targetEyeOffset.y = Math.sin(angle) * factor * maxEyeMove;
+};
+
+// Code Mode Helpers
+const codeColumns = ref<Array<{ content: string, style: any }>>([]);
+
 onMounted(() => {
     animationFrameId = requestAnimationFrame(animate);
+    scheduleBlink();
+    window.addEventListener('mousemove', handleMouseMove);
+
+    // Code Rain Generator
+    const chars = '01{}<>;/[]*+-~^QWERTYUIOPASDFGHJKLZXCVBNM';
+    const cols = 10;
+    for (let i = 0; i < cols; i++) {
+        let content = '';
+        for (let j = 0; j < 20; j++) {
+            // 有概率生成空行，增加呼吸感
+            if (Math.random() > 0.7) {
+                content += '\n';
+            } else {
+                content += chars[Math.floor(Math.random() * chars.length)] + '\n';
+            }
+        }
+        // Repeat once to make it seamless
+        content += content;
+
+        // Partition distribution to avoid overlap
+        const section = 100 / cols;
+        // Randomly in the respective areas, leaving some margin
+        const left = i * section + Math.random() * (section * 0.6);
+
+        codeColumns.value.push({
+            content,
+            style: {
+                left: `${left}%`,
+                animationDuration: `${0.5 + Math.random() * 2.2}s`,
+                animationDelay: `-${Math.random() * 2}s`,
+                fontSize: `${8 + Math.random() * 4}px`, // 8-12px
+                opacity: 0.3 + Math.random() * 0.5,
+            }
+        });
+    }
 });
 
 onBeforeUnmount(() => {
     cancelAnimationFrame(animationFrameId);
+    clearTimeout(blinkTimeoutId);
+    window.removeEventListener('mousemove', handleMouseMove);
 });
 
+// 眨眼逻辑
+const scheduleBlink = () => {
+    const delay = Math.random() * 4000 + 2000; // 2s - 6s 随机间隔
+    blinkTimeoutId = setTimeout(() => {
+        triggerBlink();
+        scheduleBlink();
+    }, delay);
+};
+
+const triggerBlink = () => {
+    isBlinking.value = true;
+    setTimeout(() => {
+        isBlinking.value = false;
+    }, 150); // 眨眼持续 150ms
+};
+
 const styleVars = computed(() => {
-    const baseSize = 250; 
+    const baseSize = 250;
     const blurAmount = Math.max(baseSize * 0.04, 10);
     const contrastAmount = Math.max(baseSize * 0.003, 1.2);
     const colors = colorConfigs[props.mode] || colorConfigs.idle;
@@ -100,6 +218,8 @@ const styleVars = computed(() => {
         '--c3': colors.c3,
         '--blur-amount': `${blurAmount}px`,
         '--contrast-amount': contrastAmount,
+        '--eye-x': `${eyeOffset.value.x}px`,
+        '--eye-y': `${eyeOffset.value.y}px`,
     } as Record<string, string | number>;
 });
 
@@ -110,17 +230,19 @@ const styleVars = computed(() => {
 @property --c1 {
     syntax: "<color>";
     inherits: true;
-    initial-value: rgba(0,0,0,0);
+    initial-value: rgba(0, 0, 0, 0);
 }
+
 @property --c2 {
     syntax: "<color>";
     inherits: true;
-    initial-value: rgba(0,0,0,0);
+    initial-value: rgba(0, 0, 0, 0);
 }
+
 @property --c3 {
     syntax: "<color>";
     inherits: true;
-    initial-value: rgba(0,0,0,0);
+    initial-value: rgba(0, 0, 0, 0);
 }
 
 /* --angle 不需要注册为 property 也能在 JS 中更新，但注册更规范 */
@@ -139,10 +261,10 @@ const styleVars = computed(() => {
     justify-content: center;
     transform: scale(var(--scale));
     /* 增加 transition 时间，让缩放更柔和 */
-    transition: transform 0.2s ease-out, 
-                --c1 1s ease,
-                --c2 1s ease,
-                --c3 1s ease;
+    transition: transform 0.2s ease-out,
+        --c1 1s ease,
+        --c2 1s ease,
+        --c3 1s ease;
 }
 
 .live-orb {
@@ -153,22 +275,18 @@ const styleVars = computed(() => {
     overflow: hidden;
     border-radius: 50%;
     position: relative;
-    background: radial-gradient(
-        circle,
-        rgba(0, 0, 0, 0.05) 0%,
-        rgba(0, 0, 0, 0.02) 30%,
-        transparent 70%
-    );
+    background: radial-gradient(circle,
+            rgba(0, 0, 0, 0.05) 0%,
+            rgba(0, 0, 0, 0.02) 30%,
+            transparent 70%);
     transition: all 0.5s ease;
 }
 
 .dark .live-orb {
-    background: radial-gradient(
-        circle,
-        rgba(255, 255, 255, 0.1) 0%,
-        rgba(255, 255, 255, 0.05) 30%,
-        transparent 70%
-    );
+    background: radial-gradient(circle,
+            rgba(255, 255, 255, 0.1) 0%,
+            rgba(255, 255, 255, 0.05) 30%,
+            transparent 70%);
 }
 
 .live-orb::before {
@@ -181,47 +299,35 @@ const styleVars = computed(() => {
     /* 使用 CSS 变量，这里的颜色会自动跟随父容器的 transition */
     background:
         /* 层1：慢速逆时针 - 基底 */
-        conic-gradient(
-            from calc(var(--angle) * -0.5 + 45deg) at 40% 55%,
+        conic-gradient(from calc(var(--angle) * -0.5 + 45deg) at 40% 55%,
             var(--c3) 0deg,
             transparent 60deg 300deg,
-            var(--c3) 360deg
-        ),
+            var(--c3) 360deg),
         /* 层2：中速顺时针 - 纹理 */
-        conic-gradient(
-            from calc(var(--angle) * 0.8) at 60% 45%,
+        conic-gradient(from calc(var(--angle) * 0.8) at 60% 45%,
             var(--c2) 0deg,
             transparent 45deg 315deg,
-            var(--c2) 360deg
-        ),
+            var(--c2) 360deg),
         /* 层3：快速逆时针 - 扰动 */
-        conic-gradient(
-            from calc(var(--angle) * -1.2 + 120deg) at 35% 65%,
+        conic-gradient(from calc(var(--angle) * -1.2 + 120deg) at 35% 65%,
             var(--c1) 0deg,
             transparent 80deg 280deg,
-            var(--c1) 360deg
-        ),
+            var(--c1) 360deg),
         /* 层4：慢速顺时针 - 补色 */
-        conic-gradient(
-            from calc(var(--angle) * 0.6 + 200deg) at 65% 35%,
+        conic-gradient(from calc(var(--angle) * 0.6 + 200deg) at 65% 35%,
             var(--c2) 0deg,
             transparent 50deg 310deg,
-            var(--c2) 360deg
-        ),
+            var(--c2) 360deg),
         /* 层5：微弱的旋转底纹 */
-        conic-gradient(
-            from calc(var(--angle) * 0.3 + 90deg) at 50% 50%,
+        conic-gradient(from calc(var(--angle) * 0.3 + 90deg) at 50% 50%,
             var(--c1) 0deg,
             transparent 120deg 240deg,
-            var(--c1) 360deg
-        ),
+            var(--c1) 360deg),
         /* 核心高光 - 稍微偏离中心 */
-        radial-gradient(
-            ellipse 120% 100% at 45% 55%,
+        radial-gradient(ellipse 120% 100% at 45% 55%,
             var(--c3) 0%,
-            transparent 50%
-        );
-    
+            transparent 50%);
+
     filter: blur(var(--blur-amount)) contrast(var(--contrast-amount)) saturate(1.5);
     /* 移除 animation，改用 JS 驱动 --angle */
     transform: translateZ(0);
@@ -236,13 +342,83 @@ const styleVars = computed(() => {
     width: 100%;
     height: 100%;
     border-radius: 50%;
-    background: radial-gradient(
-        circle at 45% 55%,
-        rgba(255, 255, 255, 0.4) 0%,
-        rgba(255, 255, 255, 0.1) 30%,
-        transparent 60%
-    );
+    background: radial-gradient(circle at 45% 55%,
+            rgba(255, 255, 255, 0.4) 0%,
+            rgba(255, 255, 255, 0.1) 30%,
+            transparent 60%);
     mix-blend-mode: overlay;
     pointer-events: none;
 }
+
+.eyes-container {
+    position: absolute;
+    display: flex;
+    gap: 55px;
+    z-index: 5;
+    /* Center it */
+    top: 42%;
+    left: 50%;
+    transform: translate(calc(-50% + var(--eye-x)), calc(-50% + var(--eye-y)));
+    pointer-events: none;
+}
+
+.eye {
+    width: 28px;
+    height: 60px;
+    background-color: #7d80e4;
+    border-radius: 20px;
+    opacity: 0.8;
+    transition: transform 0.1s ease-in-out;
+    transform-origin: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.eye.blink {
+    transform: scaleY(0.1);
+}
+
+.code-rain-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    pointer-events: none;
+    mix-blend-mode: hard-light;
+}
+
+.code-column {
+    position: absolute;
+    top: 0;
+    color: rgba(180, 255, 255, 0.9);
+    font-family: 'Courier New', monospace;
+    font-weight: bold;
+    line-height: 1.2;
+    white-space: pre;
+    text-align: center;
+    animation: scrollUp linear infinite;
+    text-shadow: 0 0 5px rgba(100, 200, 255, 0.8);
+}
+
+@keyframes scrollUp {
+    from {
+        transform: translateY(0);
+    }
+
+    to {
+        transform: translateY(-50%);
+    }
+}
+
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+    opacity: 0;
+}
 </style>