复用内联选项按钮收口缩放入口

编辑器顶部缩放百分比触发器改为复用 PlatformInlineOptionButton。

保留缩放入口局部尺寸和 hover 视觉覆盖，移除重复混入编辑器图标按钮基础规则。

补充编辑器测试断言共享按钮原语，并更新 TRACKING。

src/components/image-editor/ImageCanvasEditorView.test.tsx

@@ -591,7 +591,9 @@ describe('ImageCanvasEditorView', () => {
   it('adds assets from the sidebar and supports zoom buttons', () => {
     render(<ImageCanvasEditorView />);
 
-    expect(screen.getByRole('button', { name: '当前缩放比例 82%' })).toBeTruthy();
+    expect(
+      screen.getByRole('button', { name: '当前缩放比例 82%' }).className,
+    ).toContain('platform-inline-option-button');
 
     fireEvent.click(screen.getByRole('button', { name: '当前缩放比例 82%' }));
     fireEvent.click(screen.getByRole('menuitem', { name: '放大' }));

src/components/image-editor/ImageCanvasEditorView.tsx

@@ -2431,16 +2431,15 @@ export function ImageCanvasEditorView() {
             <span>画布</span>
           </div>
           <div className="image-canvas-editor__zoom-menu-wrap">
-            <button
-              type="button"
+            <PlatformInlineOptionButton
               className="image-canvas-editor__zoom-trigger"
               aria-label={`当前缩放比例 ${formatPercent(viewport.scale)}`}
               aria-haspopup="menu"
               aria-expanded={isZoomMenuOpen}
               onClick={() => setIsZoomMenuOpen((open) => !open)}
             >
-              <span>{formatPercent(viewport.scale)}</span>
-            </button>
+              {formatPercent(viewport.scale)}
+            </PlatformInlineOptionButton>
             {isZoomMenuOpen ? (
               <PlatformFloatingMenu label="缩放菜单" placement="bottom-end">
                 <PlatformFloatingMenuItem

src/index.css

@@ -3328,7 +3328,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__icon-button,
-.image-canvas-editor__zoom-trigger,
 .image-canvas-editor__floating-toolbar button,
 .image-canvas-editor__bottom-toolbar button,
 .image-canvas-editor__reset-button {
@@ -3346,7 +3345,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__icon-button:hover,
-.image-canvas-editor__zoom-trigger:hover,
 .image-canvas-editor__floating-toolbar button:hover,
 .image-canvas-editor__bottom-toolbar button:hover,
 .image-canvas-editor__reset-button:hover {
@@ -3712,12 +3710,22 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 .image-canvas-editor__zoom-trigger {
   min-width: 4.15rem;
   height: 2.25rem;
+  border: 1px solid #d9dee8;
   border-radius: 0.45rem;
+  background: #ffffff;
   padding: 0 0.65rem;
+  color: #334155;
   font-size: 0.78rem;
   font-weight: 850;
 }
 
+.image-canvas-editor__zoom-trigger:hover {
+  transform: translateY(-1px);
+  border-color: #8fb8ff;
+  background: #eef5ff;
+  color: #1d4ed8;
+}
+
 .image-canvas-editor__zoom-menu-item {
   min-width: 12rem;
   justify-content: flex-start;