用途：该技能用于为手风琴（accordion）、可折叠区域（collapsible）、下拉菜单（dropdown）及展开/收起元素设计动画，让展开与收起过程更平滑、信息呈现更自然。资料以迪士尼动画十二原则为主线说明如何应用到这类元素上。
主要能力与要点：
- 原则应用：挤压拉伸（内容收起时轻微压缩、展开时拉伸，触发的标题可有按下反馈）、预备动作（展开前标题先微沉、箭头先开始旋转）、舞台调度（展开区清晰可见，可弱化其他面板，激活标题保持高亮）、清晰的折叠/展开中/已展开/收起中状态定义、跟随与重叠动作（容器先展开，内容延迟 50–100ms 淡入，箭头旋转可过冲后回稳）、缓动（展开用 ease-out，收起用 ease-in，cubic-bezier(0.4, 0, 0.2, 1)）、弧线（箭头沿弧线缓动旋转）、次级动作（内容显现为主，箭头旋转为次，同级面板收起为第三层）、时间（展开收起 250–350ms，箭头旋转 200–250ms，内容淡入 150–200ms，内部条目错开 30–50ms，点击反馈 50ms）、夸张（重要内容用更明显的时长，FAQ 可更利落）、扎实造型（标题高度一致，高度动画不抖动）与吸引力。
必要用法：资料给出 CSS 片段，例如用 .accordion-content 的 grid-template-rows 从 0fr 过渡到 1fr、.accordion-inner 设 overflow hidden；.accordion-chevron 用 transform 过渡，并在 .accordion-header[aria-expanded="true"] 时 rotate(180deg)。另提供 max-height 方案，从 0 过渡到大于内容的高度。关键属性包括 grid-template-rows、max-height、transform: rotate、opacity 以及过渡期间 overflow: hidden。
适用场景：FAQ、设置面板、导航下拉等需要展开/收起反馈的界面。
限制：资料未提供该技能的安装命令、平台支持范围、收费信息与具体可运行示例，这些暂未提供。上述时长与缓动参数为资料建议值，实际需按项目调整。