让动效"对味"：目的、时长、缓动与克制讓動效「對味」：目的、時長、緩動與克制Motion that feels right: purpose, duration, easing, restraintしっくりくるモーション：目的・時間・イージング・抑制자연스러운 모션: 목적, 시간, 이징, 절제Gerakan yang terasa betul: tujuan, tempoh, easing, kawalanChuyển động đúng cảm giác: mục đích, thời lượng, easing, tiết chếUn mouvement juste : intention, durée, easing, retenueMovimiento que se siente bien: propósito, duración, easing, contenciónBewegung, die sich richtig anfühlt: Zweck, Dauer, Easing, Zurückhaltung

走查并修正 <组件或页面> 里的动效。
对你找到的每个动画或过渡：
1. 说出它的用途：定位、反馈还是愉悦。没有用途，或者这个操作一天会发生很多次（切标签、折叠侧栏、命令面板），就删掉，或改成几乎瞬间（<100ms）。
2. 时长：小界面 150–250ms，大面 300–400ms；退出比进入快约 30%。
3. 缓动：进入和响应用 ease-out（如 cubic-bezier(0.16,1,0.3,1)）；响应绝不用 ease-in。
4. 只动 transform 和 opacity。替换掉 width/height/top/box-shadow 动画。
5. 加一段 prefers-reduced-motion，保留透明度、去掉位移。
6. 页面最多保留一个装饰性"高光"特效，其余改为静态。
输出：先给一张表（元素 · 用途 · 修改前 · 修改后），再给代码 diff。不要新增动画。

走查并修正 <组件或页面> 里的动效。
对你找到的每个动画或过渡：
1. 说出它的用途：定位、反馈还是愉悦。没有用途，或者这个操作一天会发生很多次（切标签、折叠侧栏、命令面板），就删掉，或改成几乎瞬间（<100ms）。
2. 时长：小界面 150–250ms，大面 300–400ms；退出比进入快约 30%。
3. 缓动：进入和响应用 ease-out（如 cubic-bezier(0.16,1,0.3,1)）；响应绝不用 ease-in。
4. 只动 transform 和 opacity。替换掉 width/height/top/box-shadow 动画。
5. 加一段 prefers-reduced-motion，保留透明度、去掉位移。
6. 页面最多保留一个装饰性"高光"特效，其余改为静态。
输出：先给一张表（元素 · 用途 · 修改前 · 修改后），再给代码 diff。不要新增动画。

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.

Review and fix the motion in <component or page>.
For every animation or transition you find:
1. Name its job: orientation, feedback or delight. If it has none, or the action happens many times a day (tabs, sidebar toggle, command palette), remove it or make it near-instant (<100ms).
2. Durations: 150–250ms for small UI, 300–400ms for large surfaces; exits ~30% faster than entries.
3. Easing: ease-out (e.g. cubic-bezier(0.16,1,0.3,1)) for entering/responding; never ease-in for responses.
4. Animate only transform and opacity. Replace width/height/top/box-shadow animations.
5. Add a prefers-reduced-motion block that keeps opacity and removes movement.
6. Keep at most one decorative "hero" effect on the page; make the rest static.
Output: a table (element · job · before · after) and then the code diff. Do not add new animations.