mirror of
https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git
synced 2026-05-15 22:30:38 +08:00
Click anywhere on the notice content area to toggle between compact and detailed (normal) display modes. A subtle hint label '▸ 简洁' / '▸ 详细' appears on hover. CSS transitions animate the layout switch: - Content area: max-width + opacity crossfade (280ms cubic-bezier) - Message text: max-height expand/collapse + opacity fade (280ms) - Actions: max-height + margin collapse + opacity fade (260ms) - Container: grid-template-columns + padding + border-radius morph (260ms) The switch uses a two-phase animation: content fades out (180ms), layout changes via CSS transition, then content fades back in (60ms delay). This prevents jarring content jumps during the layout shift.