我正在做一个象棋机器人项目，并在CodePen项目中努力实现UI。这是代码笔的链接:https://codepen.io/tag4-21/pen/jOeojXW

我面临的主要问题是子菜单。由于我使用单选按钮，嵌套项目变得复杂和混乱。我已经尝试了各种方法，但我似乎不能让子菜单正确地出现在主菜单中，以及它们各自的选项。

以下是用户界面的理想结构:

Main Menu: "Chess BOT"
Sub Menu for Main Menu: "Game Settings"
Enable auto run
Enable auto move
Enable Suboptimal Moves
Enable Random Time
Auto Next Game

Sub Menu for Main Menu: "Game Stats"
Total Games: 0
Total Won: 0
Your win probability is: %

Sub Menu for Main Menu: "Recommendations"
Recommended Move:
Suboptimal Move:

Sub Menu for Main Menu: "Timing"
Auto Run Delay (Seconds): "[Text Input]"
Minimum Time (Seconds): "[Text Input]"
Maximum Time (Seconds): "[Text Input]"

Sub Menu for Main Menu: "AI Strength"
Depth Strength: "[Slider ranging from a minimum of 0 and max of 20]"
Suboptimal Moves Percentage: "[Slider ranging from a minimum of 0 and max of 100]"

Sub Menu for Main Menu: "Debug Settings"
Enable Debug Mode
Start Next Game
Save Settings
Load Settings

我已经尝试了多种解决方案，但都没有预期的效果。我将非常感谢任何关于如何在CodePen项目中正确实现嵌套子菜单和选项的帮助或指导。

此外，为了表示感谢，我可以提供象棋机器人的测试版以供测试之用。

提前感谢您的帮助！