body {
    padding-top: 75px;   /* for skipping the top navbar */
}

.lil-gui {
    opacity: 0.8
}

.lil-gui .title {
    background-color: #0f5962;
}

/* 子文件夹样式：为层级结构增加缩进和视觉标识 */
.lil-gui .lil-gui {
    margin-left: 12px;            /* 缩进以体现层级 */
    padding-left: 8px;            /* 与左边框留空 */
    border-left: 2px solid #405442; /* 父/子分隔线 */
}
.lil-gui .lil-gui .title {
    background-color: #145e66;    /* 子文件夹标题略有差异 */
}
.lil-gui .lil-gui .title::before {
    content: '↳ ';                /* 子文件夹箭头标识 */
    color: #8fd3d0;
}

#load {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: #000;
    z-index: 9999;
    opacity: 0.6;
}

#contactQR {
    position: fixed;
    z-index: 100;
    opacity: 1;
    top: 80px;
    left: 15px;
}

#contactQR button {
    font-size: 0.75rem;
    padding: 0.2rem;
}

#statsPanel {
    max-width: 20%;
    max-height: 60%;
    position: fixed;
    left: 15px;
    bottom: 0;
    z-index: 1001;
    opacity: 0.7;
    overflow: auto;
}

/* bootstrap table */
table {
    font-size: 12px
}

.accordion {
    /* overall accordion background color */
    --bs-accordion-bg: #212529;

    /* accordion button background and text*/
    --bs-accordion-active-color: white;
    --bs-accordion-btn-color: white;
    --bs-accordion-btn-bg: #405442;
    --bs-accordion-active-bg: #405442;
}
.accordion-button {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.accordion-button:focus {
    outline: none;
    box-shadow: none;
}