.file-link.active {
      background: #2980b9;
      color: white;
  }
  ul.wy-breadcrumbs .wy-breadcrumbs-aside{display: none;}
#toolbar #menu > li.icon {
    padding-left: 0;
}
.footer-list {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}
.footer-last {
    display: unset;
    align-items: unset;
    justify-content: unset;
    gap: unset;
    padding: unset;
    background-color: unset;
}
#page-footer .wrapper #footer{
    display: none;
}
#app {
    display: flex;
    padding-top: 0;
    background-color: #f0f4ff;
}
/*#toolbar #menu > li.lange_change > div.dropdown {*/
/*    left:unset;*/
/*    bottom: unset;*/
/*    top: 30px;*/
/*}*/
/*#toolbar #menu > li.search-box div.dropdown{*/
/*    left:unset;*/
/*    bottom: unset;*/
/*    top: 0;*/
/*}*/
#cse .gsc-control {
    width: 100%;
}
#cse input[type=text]{
    box-shadow: unset;
}
#user_form div.login {
    padding-top: 62px;
    margin: 0 0 0 34px;
    width: 250px;
    float: unset;
}
.logo{
    background:unset;
}

.wy-grid-for-nav {
    position: relative;
    width: 1140px;
    height: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 0 auto;
    gap: 4rem;
}
.wy-nav-side {
    position: relative;
}
.wy-side-scroll {
    width: 320px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}
.wy-nav-content-wrap {
    margin-left: unset;
}
.wy-nav-content {
    padding: 0;
    height: 100%;
    max-width: 100%;
    width: 776px;
}
.wy-nav-content-wrap {
    background: unset;
}

/* 修改网格容器样式 */
.wy-grid-for-nav {
    position: relative;
    width: 1140px;
    min-height: calc(100vh - 450px); /* 减去头部和底部的高度 */
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 0 auto;
    gap: 1rem;
    padding-bottom: 50px; /* 添加底部间距 */
}

/* 修改侧边栏容器样式 */
.wy-nav-side {
    position: relative;
    width: 320px;
    height: 100%;
    /*display: none;*/
}

/* 修改滚动区域样式 */
.wy-side-scroll {
    width: 100%;
    position: sticky; /* 改为sticky定位 */
    top: 20px; /* 距离顶部距离 */
    height: calc(100vh - 500px); /* 可视区域高度减去头部和底部 */
    overflow-y: auto; /* 需要时显示滚动条 */
}

/* 修改侧边栏内容样式 */
.sidebar {
    height: auto; /* 改为自适应高度 */
    max-height: 100%; /* 最大高度100% */
    overflow-y: auto;
}

/* 美化滚动条 */
.wy-side-scroll::-webkit-scrollbar {
    width: 6px;
}

.wy-side-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.wy-side-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.wy-side-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 调整主内容区域样式 */
.wy-nav-content {
    padding: 0;
    height: auto;
    max-width: 100%;
    width: 776px;
}
/* 页面整体布局 */
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* 顶部导航 */
#toolbar {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 主要内容区域 */
.wy-grid-for-nav {
    flex: 1;
    display: flex;
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px 0;
    gap: 30px;
    min-height: 0; /* 重要：允许内容区域收缩 */
}

/* 左侧导航 */
.wy-nav-side {
    width: 300px;
    flex-shrink: 0;
    position: relative;
    z-index: unset;
    padding-bottom: 0;
}

.wy-side-scroll {
    position: sticky;
    top: 20px;
    height: calc(100vh - 72px); /* 减去头部和底部的高度 */
    overflow-y: auto;
    /*background: #f5f5f5;*/
    /*border-radius: 4px;*/
}

/* 右侧内容区域 */
.wy-nav-content-wrap {
    flex: 1;
    min-width: 0; /* 重要：防止内容溢出 */
}

.wy-nav-content {
    max-width: 800px;
    /*padding: 20px;*/
    /*background: #fff;*/
    /*border-radius: 4px;*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/
}

/* 美化滚动条 */
.wy-side-scroll::-webkit-scrollbar {
    width: 6px;
}

.wy-side-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.wy-side-scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.wy-side-scroll::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 页脚 */
#page-footer {
    margin-top: auto; /* 推到底部 */
    background: #efefef;
    padding: 20px 0;
}

/* 导航菜单样式 */
.sidebar {
    padding: 15px;
}

.letter-group {
    margin-bottom: 15px;
}

.letter-header {
    /*padding: 8px 12px;*/
    /*background: #e0e0e0;*/
    border-radius: 4px;
    cursor: pointer;
}

.letter-content {
    /*padding: 8px 0 8px 20px;*/
}

.file-link {
    display: block;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.file-link:hover {
    background: #e9e9e9;
}

.file-link.active {
    background: #2980b9;
    color: white;
}
.wy-nav-content-wrap,.wy-body-for-nav {
    overflow: hidden;
}

.wy-menu.wy-menu-vertical {
    overflow-y: auto;
}
.wy-side-nav-search .wy-dropdown>a.icon, .wy-side-nav-search>a.icon{
    color: white;
}
.wy-nav-side a:link, .wy-nav-side a:visited{
    color: white;
}
#page .wy-breadcrumbs a:link, #page .wy-breadcrumbs a:visited{
    color: #9b59b6;
}
#page .wy-grid-for-nav .wy-nav-content {
    padding: 0;
}
#page #module-ActiveSlide h1{
    color: #333;
}
#module-ActiveSlide p{
    margin-top: 0;
}
body {
    font-size: 16px;
    line-height: 150%;
    position: relative;
}
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
    border-color: unset;
    outline: unset;
}
#search-results a:link, #search-results a:visited {
    color: #2980b9;
}

@media screen and (max-width: 1140px) {
    .wy-nav-side {
        left: unset;
        width: 30%;
    }
    .wy-nav-content-wrap{
        width: 60%;
        min-width: unset;
        /*padding-right: 20px;*/
    }
    .wy-nav-content{
        width: 100%;
        max-width: 100%;
    }
    .wy-grid-for-nav{
        width: 100%;
        max-width: 100%;
    }
    #module-VideoData dl{
        padding-left: 0;
    }
    html.writer-html5 .rst-content dl.citation, html.writer-html5 .rst-content dl.field-list, html.writer-html5 .rst-content dl.footnote {
        display: grid;
        grid-template-columns: unset;
    }
    .wy-menu-vertical a {
        word-break: break-all;
    }
    .wy-nav-top{display: none;}
    .wy-grid-for-nav{
        padding-left: 20px;
        padding-right: 20px;
    }
    #toolbar{
        padding: 0 20px !important;
    }
    #toolbar .wrapper div.logo{
        padding-left: 0;
    }
}