style: enlarge floating toolbar icons to 32px

README.md

@@ -97,4 +97,4 @@ API 测试使用本机临时后端和独立前端进程，检查会话 Cookie、
 
 ## 悬浮栏尺寸
 
-左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 16px，图标按钮 28×24px，主文字 12px，容器内边距 4px，间隙 2px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。
+左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 32px，图标按钮 44×40px，主文字 14px，容器内边距 4px，间隙 2px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。

VALIDATION.md

@@ -76,3 +76,9 @@
 - 删除 canvas 工具栏的 content-box 与 8px/9px 内边距覆盖，缩放文字和帮助按钮采用同一高度、字号及容器；下方和右侧距屏幕边缘统一 12px。
 - 沿用不访问浏览器的安排，本次验证以类型检查、生产构建和现有接口回归为准，未进行浏览器视觉验收。
 - 本次类型检查、隔离 Webpack 生产构建和完整 API/品牌资源冒烟检查均通过。
+
+## 悬浮栏 32px 图标试用（2026-11-06）
+
+- 按用户要求将共享悬浮栏图标、Logo 和头像改为 32×32px，按钮改为 44×40px，主文字 14px；保留 4px 容器内边距，整体高度 50px。
+- Logo 切换到 32/64/128px 原始资源，账户与帮助弹出框偏移同步调整，窄屏工具栏允许横向滚动。
+- 类型检查和差异检查通过。本次为尺寸试调，未重复生产构建，未访问浏览器。

src/app/dashboard/dashboard.tsx

@@ -155,9 +155,9 @@ export default function DashboardSidebar() {
             transition={{ duration: reduceMotion ? 0 : 0.14 }}>
             <IconButton ref={expandButton} icon={PanelLeftOpen} label="展开侧边栏" aria-expanded={false} aria-controls="workspace-sidebar" onClick={() => toggleSidebar(false)} />
             <Link href="/" className={styles.logoLink} aria-label="啡跃 Endoleap 主页" title="返回主页">
-              <img src="/brand/png/logo-light/endoleap-16.png"
-                srcSet="/brand/png/logo-light/endoleap-16.png 1x, /brand/png/logo-light/endoleap-32.png 2x, /brand/png/logo-light/endoleap-48.png 3x"
-                width={16} height={16} alt="" />
+              <img src="/brand/png/logo-light/endoleap-32.png"
+                srcSet="/brand/png/logo-light/endoleap-32.png 1x, /brand/png/logo-light/endoleap-64.png 2x, /brand/png/logo-light/endoleap-128.png 4x"
+                width={32} height={32} alt="" />
             </Link>
             <h1 className={styles.floatingTitle} title={currentTitle}>{currentTitle}</h1>
             <button type="button" className={styles.floatingAvatarButton} popoverTarget="workspace-account" aria-label="账户和工作空间">

src/components/canvas/canvas.module.css

@@ -14,18 +14,20 @@
 .toolbar button:disabled { cursor: not-allowed; }
 .divider { flex: 0 0 1px; width: 1px; height: 16px; margin: 0 2px; background: #ece6df; }
 .topRight { position: absolute; top: 12px; right: 12px; z-index: 10; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
-.toolbar .zoomValue { box-sizing: border-box; width: 40px; height: 24px; padding: 0; border-radius: 5px; font: inherit; font-variant-numeric: tabular-nums; }
+.toolbar .zoomValue { box-sizing: border-box; flex: 0 0 48px; width: 48px; height: var(--toolbar-control-height, 40px); padding: 0; border-radius: 5px; font: inherit; font-variant-numeric: tabular-nums; }
 .toolbar .zoomValue:hover { background: #e9e7e3; }
 .saveStatus { padding-right: 5px; font-size: 10px; color: #a59b90; }
 .bottomToolbar { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 10; }
-.helpPopup { position: fixed; inset: auto 12px 54px auto; margin: 0; width: 330px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 110px); overflow-y: auto; padding: 18px; border: 1px solid #e2dcd3; border-radius: 12px; background: white; color: #6d6054; box-shadow: 0 8px 30px #32251a14; font-size: 12px; line-height: 1.7; }
+.helpPopup { position: fixed; inset: auto 12px 70px auto; margin: 0; width: 330px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 110px); overflow-y: auto; padding: 18px; border: 1px solid #e2dcd3; border-radius: 12px; background: white; color: #6d6054; box-shadow: 0 8px 30px #32251a14; font-size: 12px; line-height: 1.7; }
 .helpPopup strong { color: #49372e; font-size: 13px; }
 .helpPopup p { margin-top: 9px; }
-.error { position: absolute; top: 62px; left: 50%; transform: translateX(-50%); max-width: min(500px, calc(100vw - 32px)); padding: 10px 14px; border: 1px solid #e5c7b8; border-radius: 8px; color: #a25439; background: #fff9f3; font-size: 12px; z-index: 15; }
+.error { position: absolute; top: 78px; left: 50%; transform: translateX(-50%); max-width: min(500px, calc(100vw - 32px)); padding: 10px 14px; border: 1px solid #e5c7b8; border-radius: 8px; color: #a25439; background: #fff9f3; font-size: 12px; z-index: 15; }
 .helpToolbar { position: absolute; right: 12px; bottom: 12px; z-index: 10; }
 @media (max-width: 700px) {
-  .topRight { top: 54px; right: 12px; }
-  .bottomToolbar { bottom: 12px; max-width: calc(100vw - 68px); }
+  .topRight { top: 70px; right: 12px; }
+  .bottomToolbar { left: 12px; bottom: 12px; transform: none; max-width: calc(100vw - 92px); overflow-x: auto; overscroll-behavior-x: contain; }
 }
 
 .handMode .node textarea, .handMode .node img { pointer-events: none; }
+
+.topRight .toolbar { max-width: calc(100vw - 24px); overflow-x: auto; }

src/components/ui/toolbar.module.css

@@ -1,7 +1,7 @@
 .surface {
-  --toolbar-icon-size: 16px;
-  --toolbar-control-width: 28px;
-  --toolbar-control-height: 24px;
+  --toolbar-icon-size: 32px;
+  --toolbar-control-width: 44px;
+  --toolbar-control-height: 40px;
   display: flex;
   align-items: center;
   gap: 2px;
@@ -13,6 +13,6 @@
   box-shadow: 0 3px 14px #32251a0a;
   backdrop-filter: blur(12px);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
-  font-size: 12px;
+  font-size: 14px;
   line-height: 20px;
 }

src/components/workspace/workspace.module.css

@@ -119,8 +119,8 @@
 
 .floatingAvatarButton { display: grid; place-items: center; flex: 0 0 auto; box-sizing: border-box; width: var(--toolbar-control-width, 28px); height: var(--toolbar-control-height, 24px); border-radius: 5px; }
 .floatingAvatarButton:hover { background: #e9e7e3; }
-.accountPopup[data-floating="true"] { inset: 56px auto auto 12px; max-height: calc(100dvh - 70px); transform-origin: top left; }
+.accountPopup[data-floating="true"] { inset: 70px auto auto 12px; max-height: calc(100dvh - 84px); transform-origin: top left; }
 
-.floatingAvatarButton .avatar { flex-basis: var(--toolbar-icon-size, 16px); width: var(--toolbar-icon-size, 16px); height: var(--toolbar-icon-size, 16px); font-size: 9px; }
-.floatingTitle { flex: 1 1 auto; min-width: 0; max-width: 240px; margin: 0 4px; color: #37352f; font-size: 12px; line-height: 24px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.floatingAvatarButton .avatar { flex-basis: var(--toolbar-icon-size, 16px); width: var(--toolbar-icon-size, 16px); height: var(--toolbar-icon-size, 16px); font-size: 14px; }
+.floatingTitle { flex: 1 1 auto; min-width: 0; max-width: 240px; margin: 0 4px; color: #37352f; font-size: 14px; line-height: var(--toolbar-control-height, 40px); font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
 @media (max-width: 700px) { .floatingTitle { max-width: 180px; } }