feat: 添加 Mermaid 图表拖拽和提示功能

- 添加鼠标左键拖拽移动图表
- 拖拽时显示 grabbing 光标，平时显示 grab 光标
- 添加底部提示文本：按住 Ctrl+滚轮缩放 | 拖拽移动
- 提示文本鼠标悬停时显示，支持夜间模式
- 防止拖拽时选中文本

argontheme.js

@@ -5198,6 +5198,12 @@ void 0;
 
 			container.appendChild(controls);
 
+			// 创建提示文本
+			const hint = document.createElement('div');
+			hint.className = 'mermaid-hint';
+			hint.textContent = '按住 Ctrl+滚轮缩放 | 拖拽移动';
+			container.appendChild(hint);
+
 			// 缩放状态
 			let scale = 1;
 			const minScale = 0.5;
@@ -5243,6 +5249,54 @@ void 0;
 					}
 				}
 			}, { passive: false });
+
+			// 拖拽功能
+			let isDragging = false;
+			let startX = 0;
+			let startY = 0;
+			let scrollLeft = 0;
+			let scrollTop = 0;
+
+			inner.addEventListener('mousedown', (e) => {
+				// 只响应左键
+				if (e.button !== 0) return;
+				
+				isDragging = true;
+				inner.classList.add('dragging');
+				
+				startX = e.pageX - inner.offsetLeft;
+				startY = e.pageY - inner.offsetTop;
+				scrollLeft = inner.scrollLeft;
+				scrollTop = inner.scrollTop;
+				
+				e.preventDefault();
+			});
+
+			document.addEventListener('mousemove', (e) => {
+				if (!isDragging) return;
+				
+				e.preventDefault();
+				
+				const x = e.pageX - inner.offsetLeft;
+				const y = e.pageY - inner.offsetTop;
+				const walkX = (x - startX) * 2;
+				const walkY = (y - startY) * 2;
+				
+				inner.scrollLeft = scrollLeft - walkX;
+				inner.scrollTop = scrollTop - walkY;
+			});
+
+			document.addEventListener('mouseup', () => {
+				if (isDragging) {
+					isDragging = false;
+					inner.classList.remove('dragging');
+				}
+			});
+
+			// 防止拖拽时选中文本
+			inner.addEventListener('dragstart', (e) => {
+				e.preventDefault();
+			});
 		},
 
 		// ---------- 主题切换监听 ----------

style.css

@@ -988,6 +988,43 @@ html.darkmode .mermaid-zoom-level {
 	color: #aaa;
 }
 
+/* 提示文本 */
+.mermaid-hint {
+	position: absolute;
+	bottom: 10px;
+	left: 50%;
+	transform: translateX(-50%);
+	background: rgba(0, 0, 0, 0.7);
+	color: white;
+	padding: 6px 12px;
+	border-radius: 4px;
+	font-size: 12px;
+	pointer-events: none;
+	opacity: 0;
+	transition: opacity 0.3s;
+	white-space: nowrap;
+	z-index: 9;
+}
+
+.mermaid-container:hover .mermaid-hint {
+	opacity: 1;
+}
+
+html.darkmode .mermaid-hint {
+	background: rgba(255, 255, 255, 0.15);
+	backdrop-filter: blur(10px);
+}
+
+/* 拖拽时的光标 */
+.mermaid-container-inner.dragging {
+	cursor: grabbing !important;
+	user-select: none;
+}
+
+.mermaid-container-inner:not(.dragging) {
+	cursor: grab;
+}
+
 /* Mermaid 淡入动画 */
 @keyframes mermaidFadeIn {
 	from {