移动优先

采用移动优先的设计理念，先设计移动端布局，再适配大屏幕。

断点设置

@media (max-width: 768px) { /* 平板和手机 */ }
@media (max-width: 576px) { /* 手机 */ }

触摸优化

按钮尺寸至少48x48px，避免hover效果，支持手势操作。