浅色下拉菜单
导航栏右侧加号图标，下拉菜单自然展开；7 个菜单项，每项图标 + 文字
深色下拉菜单
蓝色导航栏右侧加号图标，深色下拉菜单自然展开；图标和文字均为白色
| 属性 | 值 | Token |
|---|
| 宽度 | 160px | --dd-width |
| 高度 | 288px | --dd-height |
| 圆角 | 4px | --dd-radius |
| 菜单项数量 | 最多 7 个 | — |
| 容器内边距 | 8px（四边） | — |
| 菜单项高度 | 32px | --dd-item-height |
| 菜单项间距 | 8px | --dd-item-gap |
| 菜单项内边距 | 8px 12px（上下8px 左右12px） | --dd-item-padding |
| 文字字号 | 14px | --dd-item-font-size |
| 文字字重 | 400 | --dd-item-font-weight |
| 图标尺寸 | 16×16px | --dd-item-icon-size |
| 图标描边 | stroke-width: 1.5 | — |
| 图标与文字间距 | 8px | --dd-item-icon-gap |
| 背景颜色 | #FFFFFF G0 白色 | --dd-bg-light → --G0 |
| 阴影 | 0 4px 20px 0 #0043ca12 | --dd-shadow-light |
| 滤镜 | blur(0) | filter: blur(0) |
| 图标颜色 | #223355 G60 | --G60 |
| 文字颜色 | #223355 G60 | --G60 |
| 背景颜色 | #081126 G70 | --dd-bg-dark → --G70 |
| 背景透明度 | opacity: 0.8 | --dd-bg-dark-opacity |
| 阴影 | 无 | — |
| 图标颜色 | #FFFFFF 白色 | — |
| 文字颜色 | #FFFFFF 白色 | — |
| 触发图标 | 导航栏右侧 + 加号图标 | — |
| 触发图标尺寸 | 36×36px 容器（图标 20×20px） | — |
| 显示方式 | 始终自然展开，位于导航栏下方 | — |
| 菜单定位 | 对齐加号图标下方，右侧 16px | — |