用途：该技能面向 Tailwind CSS 高级布局，帮助构建复杂、响应式的页面与组件结构，重点覆盖 CSS Grid 与 Flexbox 的进阶模式。
主要能力：
- CSS Grid：圣杯布局、grid-template-areas 命名区域、auto-fill/auto-fit 自适应卡片网格、subgrid 子网格对齐。
- Flexbox：justify-between/around/evenly 的间距分配、flex-1 与 flex-[n] 弹性比例、固定加弹性组合、min-w-0 处理溢出与截断、基于列换行的类瀑布流。
- 容器查询：通过 @plugin "@tailwindcss/container-queries" 启用，支持 @container、命名容器（如 @container/sidebar）与容器查询单位（cqw、cqi）。
- 定位与层级：sticky、fixed、自定义 z-index 变量与工具类。
- 溢出与滚动：自定义滚动条、snap 横向轮播与整页滚动、scroll-mt 锚点偏移。
- 比例与对象适配：aspect-video、aspect-square、自定义比例与 object-position。
- 间距与分栏：逻辑属性（ps/pe/ms）、divide 分隔线、负外边距出血、columns 多栏与 break-inside-avoid。
- 响应式与打印：容器查询与媒体查询混用、断点可见性、clamp 流体尺寸、print 系列样式。
使用方式：在 HTML 中直接使用 Tailwind 工具类；部分能力需自定义 @utility 或 @theme 变量，容器查询需引入插件。
适用场景：复杂仪表盘、后台管理界面、内容阅读页、卡片列表、响应式导航与打印排版。
限制：具体安装方式、版本要求、性能与浏览器兼容性细节暂未提供；实际效果需按项目环境验证。