👉 NOTE: Please resize your browser to mobile width (less than 768px) to see the toggle.
👉 注意：请将浏览器缩放至移动端宽度（小于 768px）以查看效果。
Crawlable: Because we don't use display: none on the menu for crawlers (we move it off-screen), search engines like Baidu can follow these links easily.
Zero-JS Resilience: If a user is on a slow connection and the JS fails to load, the site remains usable. This is "Progressive Enhancement."
可抓取性： 我们不通过 display: none 隐藏菜单（而是将其移出屏幕外），百度等搜索引擎可以轻松抓取这些链接。
无 JS 韧性： 如果用户连接较慢导致 JS 加载失败，网站依然可用。这就是“渐进增强”的理念。
Google and Baidu prioritize the mobile version of your site. If your mobile menu requires heavy JS to function, crawlers might see a "broken" navigation if scripts fail to execute. This CSS-only burger menu ensures your navigation is robust and indexable even in low-bandwidth scenarios.
谷歌和百度优先索引网站的移动版本。如果您的移动端菜单需要沉重的 JS 才能运行，一旦脚本执行失败，爬虫可能会看到一个“断裂”的导航。这种纯 CSS 汉堡菜单确保您的导航在低带宽场景下依然稳健且可索引。
By using the :checked pseudo-class, we eliminate the need for "Event Listeners."
This keeps the "Code-to-Content" ratio lean. The less time a bot spends parsing script logic,
the more time it spends indexing your actual content.
通过使用 :checked 伪类，我们消除了对“事件监听器”的需求。这保持了精简的“代码内容比”。机器人花在解析脚本逻辑上的时间越少，花在索引您实际内容上的时间就越多。