/* left */
 #UI_Left {
     width: 100%;
 }

 #UI_Right {
     flex-grow: 1;
     padding-right: 10px;
 }

 #UI_Central {
     width: 35%;
 }

 /*  div  */
 #leftDiv {
     /* background-color: rgba(0, 0, 0, 0.5); */
     height: 100vh;
     padding: 0;
     margin-right: 10px;
     width: 240px;
     padding-right: 10px;
     min-width: 240px;

 }

 #rightDiv {
     /* background-color: lightcoral; */
     height: 100vh;
     flex-grow: 1;
 }

 #toggleBtn {
     display: none;
     position: absolute;
     top: 70px;
     left: 10px;
     z-index: 9999;
     background: none;
     /* color: #fff; */
     color: #FF0;
     border: none;

 }

 /* 自定义导航栏高度 */
 .navbar-custom {
     height: 60px;
     margin-bottom: 10px;
     /* border-bottom: 1px solid #ccc; */
 }

 /* 确保Logo自适应导航栏高度 */
 .navbar-brand img {
     height: 40px;
 }

 /* 默认按钮样式 */
 .navbar .btn {
     display: flex;
     flex-direction: column;
     /* 图标在上，文字在下 */
     align-items: center;
     justify-content: center;
     height: 100%;
     padding: 0 10px;
     font-size: 0.8rem;
     color: #fff;
     /* 默认灰色字体 */
     background-color: transparent;
     /* 无底色 */
     border: none;
     /* 无边框 */
     transition: color 0.3s, background-color 0.3s;
     /* 添加过渡效果 */
 }

 /* 鼠标悬停时变金黄色 */
 .navbar .btn:hover {
     color: #FF0;
     /* 金黄色字体 */
 }

 /* 按钮样式 */
 .btn-custom {
     font-size: 0.8rem;
     height: 100%;
     padding: 0 10px;
     /* 统一按钮内边距 */
 }

 /* 按钮图标样式 */
 .btn i {
     font-size: 1.2rem;
     /* 图标大小 */
     margin-bottom: 8px;
     /* 图标与文字的间距 */
 }

 /* 调整按钮的字体和图标垂直居中 */
 .btn span {
     line-height: 1.2;
     /* 设置行高以调整文字位置 */
 }

 /* 描述信息框样式 */
 .description-box {
     display: none;
     /* 默认隐藏 */
     position: absolute;
     /* 绝对定位 */
     top: 48px;
     /* 在导航栏下方显示 */
     right: 0;
     /* 右对齐 */
     background-color: white;
     /* 白色背景 */
     border: 1px solid #ccc;
     /* 灰色边框 */
     border-radius: 5px;
     /* 圆角 */
     padding: 15px;
     /* 内边距 */
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     /* 阴影效果 */
     z-index: 1000;
     /* 确保在其他元素之上 */
     text-align: center;
     /* 文字居中 */
 }

 /* 描述框按钮样式 */
 .description-box .btn {
     margin: 5px 0;
     /* 按钮间距 */
     width: 100%;
     /* 按钮宽度 */
     color: #666;
 }

 .description-box .btn:hover {

     color: #6b87f5;
 }