.badge.badge-essence,
.badge.badge-top {
    width: 1.4em;
    line-height: 1.4em;
    padding: 0;
    border-radius: 7px 3px;
}

.question-badge {
    background: linear-gradient(135deg, #4d5fcd 30%, #806AA9 85%)
}

.essential-badge {
    background: linear-gradient(135deg, #EC5528 30%, #F0903A 85%)
}

.ete-forum-main {
    display: flex;
}

.ete-forum-main .forum-main-column {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    width: calc(100% - 20rem);
}

.ete-forum-main .forum-main-column.index-page {
    width: calc(100% - 20rem - 12rem);
}

.ete-forum-main .forum-right-column {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-start;
    margin-left: 1rem;
    max-width: unset !important;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.forum-main-column .column-page {
    position: relative;
}

.forum-main-column .column-page > .ete-nav {
    display: none;
    position: sticky;
    top: calc(50px + var(--main-margin) * 2);
    z-index: 13;
}

.forum-main-column #log-comments-area {
    margin-bottom: 0;
}

.forum-left-side {
    position: relative;
    display: block;
}

.forum-left-side .side-box {
    width: 11rem;
    position: sticky;
    top: var(--main-margin);
    z-index: 13;
    margin-right: 1rem;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
}

@media (min-width: 1024px) {
    [data-header-hide="false"] .forum-left-side .side-box {
        top: calc(105px + var(--main-margin) * 2);
    }
}

.forum-left-side .cover-img img {
    height: 20px;
    width: 20px;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

@media (max-width: 767px) {
    .ete-forum-main {
        display: block;
    }

    .ete-forum-main .forum-main-column,
    .ete-forum-main .forum-main-column.index-page{
        width: 100%;
    }
    .forum-main-column .column-page > .ete-nav {
        display: block;
    }
    .forum-left-side {
        position: fixed;
        z-index: 122;
        transform: translateX(calc(-100%));
        transition: transform .6s cubic-bezier(.28, .9, .34, .99);
    }
    .forum-left-side.show {
        transform: none;
        transition-delay: .1s;
    }

    .forum-left-side .side-box {
        position: unset;
    }

    .forum-fixed-body {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        background: rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        opacity: 0;
        transition: .3s;
        z-index: 121;
    }

    .forum-left-side.show ~ .forum-fixed-body {
        visibility: unset;
        opacity: 1;
    }

    .forum-left-side.show + .forum-side-menu-btn {
        opacity: 0;
        transform: translateX(-40px);
        transition-delay: 0s;
    }
}

.forum-right-column .right-component {
    width: 19rem;
}

.forum-site-info {
    margin-bottom: .625rem;
}

.forum-site-info > * {
    color: var(--muted-color);
    font-size: .75rem;

}

.forum-site-info .side-logo img {
    height: 22px;
    margin-bottom: 6px;
}

.forum-site-info .cont {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.forum-site-info .cont .more i {
    color: var(--theme-color);
}

.cover-img {
    line-height: 1;
}
.widget-board .cover-img img,
.forum-inner .cover-img img {
    height: 3rem;
    width: 3rem;
    border-radius: 12px;
    z-index: 2;
}

.forum-inner .cover-img {
    position: relative;
    z-index: 9;
}

.forum-inner .cover-img img {
    height: 5rem;
    width: 5rem;
}

.section-board .cover-img img {
    height: 60px;
    width: 60px;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .section-board .cover-img img {
        height: 40px;
        width: 40px;
    }
}
.section-board .section-board-inner:not(.section-board .section-board-inner:last-child) {
    border-bottom: 1px solid var(--muted-border-color);
}

.section-board .section-board-inner .child-boards:not(.section-board .section-board-inner:last-child .child-boards) {
    padding-bottom: 1rem;
}

.forum-main-column .abs-menus:not(.ete-log-area .abs-menus) {
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    padding: 3px 6px;
    border-radius: 0 var(--main-radius);
}

.forum-main-column .inner-top .avatar {
    vertical-align: -5px;
    border: 1px solid #ccc;
}

.forum-right-column.sidebar .widget h3 i {
    color: var(--main-color);
}

.child-board .board-name {
    font-size: .938rem
}

@media (max-width: 1000px) {
    .child-board .board-name {
        font-size: 1.125rem
    }
}

.side-nav li {
    position: relative;
    display: block;
    padding: 6px 10px;
    border-radius: var(--main-radius);
    transition: all .2s;
}

.side-nav li i {
    margin-right: 6px;
}
.side-nav li:hover {
    color: var(--theme-color);
}
.side-nav li.active {
    color: var(--theme-color);
    background-color: var(--theme-color-bg);
}

.forum-side-menu-btn {
    position: fixed;
    z-index: 110;
    left: 0;
    top: 25dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 35px;
    height: 80px;
    font-size: 0.92rem;
    line-height: 1;
    opacity: 1;
    background: var(--blur-bg);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    border-radius: 0 var(--main-radius) var(--main-radius) 0;
    box-shadow: var(--music-shadow-border);
    border: 1px solid var(--menu-bg-color);
    transition: all 0.5s, right 0s;
}
.boards-list .cover-img img,
.items-list .cover-img img,
.modal .cover-img img{
    height: 3.9rem;
    width: 3.9rem;
}

.boards-list .cover-img .wd-100 img {
    width: 100%;
}
/*发帖*/
.draft-select > div {
    align-items: center;
}
.draft-select .cover-img,
.draft-select .cover-img img {
    height: 30px;
    width: 30px;
}

.draft-select h2 {
    font-size: 0.85rem;
}

.draft-select .type-data,
.draft-select .but.choose,
[data-append] .but.remove{
    display: none!important;
}

.data-append-main .but.remove{
    display: block!important;
}

.item-locked::after, .item-locked::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: var(--main-radius);
}

.item-locked::before {
    font-family: 'remixicon' !important;
    content: "\EECE 无权限";
    z-index: 999;
    font-size: 0.85rem;
    color: #f69;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-locked::after {
    background: var(--card-bg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    z-index: 99;
    border: 1px solid var(--muted-box-color);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

/*帖子列表*/
.post-single {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-bottom: 1px solid var(--muted-border-color);
    padding-bottom: var(--main-margin);
    margin-bottom: var(--main-margin);
}
.ajax-item-list .post-single.ajax-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.ajax-item-list .post-single.bone:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.ajax-item-list .post-single:first-of-type:not(.post-single:first-of-type,.post-single.bone:first-of-type,.no-btn-group .post-single:first-of-type) {
    padding-top: var(--main-margin);
    border-top: 1px solid var(--muted-border-color);
}
.post-single .img-icon {
    height: 1.3em;
}

.post-single .ete-drop .sub-item {
    background: var(--main-bg-color);
}

.post-single .single-cover {
    width: 100%;
}
.post-attr {
    display: flex;
    flex-flow: wrap;
    gap: var(--main-margin-5);
    position: relative;
    max-height: 150px;
    font-size: 0.85rem;
    overflow: auto;
}

.post-attr .attr-item {
    display: inline-flex;
    background: var(--body-bg-color);
    color: var(--main-color);
    border-radius: 99px;
    line-height: 14px;
    padding: 3px;
    border: 1px solid var(--muted-light-color);
    transition: all 0.2s ease-in-out;
}

.post-attr .attr-item:hover {
    cursor: pointer;
    box-shadow: none;
    background: var(--theme-color-bg);
    color: var(--theme-color);
    border: 1px solid var(--theme-color-bg);
}

.post-attr > span {
    display: block;
}

.post-attr .attr-icon {
    border-radius: 99px;
    padding: 3px;
}

.post-attr .attr-name {
    padding: 3px;
    margin-left: 3px;
}

.post-media {
    position: relative;
}

.post-media .item {
    align-items: center;
    display: flex;
    height: 7rem;
    width: 7rem;
    justify-content: center;
    margin-right: .25rem;
    overflow: hidden;
    position: relative;
}

.post-media .item-more {
    align-items: center;
    background-color: var(--card-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: .375rem;
    bottom: .5rem;
    display: flex;
    font-size: .75rem;
    height: 1.125rem;
    justify-content: center;
    min-width: 1.875rem;
    position: absolute;
    right: .5rem;
    z-index: 1;
}

.post-media .item:first-child {
    border-bottom-left-radius: var(--main-radius);
    border-top-left-radius: var(--main-radius);
}

.post-media .item:last-of-type {
    border-bottom-right-radius: var(--main-radius);
    border-top-right-radius: var(--main-radius);
    margin-right: 0;
}

.top-posts {
    max-height: 200px;
}
/*投票设计*/
[data-type="pk"] .vote-options {
    flex-direction: row!important;
    gap: 0.6rem!important;
    position: relative;
    height: auto;
}

[data-type="pk"] .vote-options-data {
    color: #107ffd;
    margin-top: calc(var(--main-margin-5) + 10px);
}

[data-type="pk"] .progress_inside {
    flex: 1;
}

[data-type="pk"]  .chr-log-progress .rail {
    background: transparent;
    border-radius: 0;
}
[data-type="pk"] .chr-log-progress .track {
    position: absolute;
    left: 0;
    -webkit-animation: unset;
    animation:unset;
    max-width: calc(100% - 20px);
    min-width: 20px;
    height: 10px;
    border-radius: 30px 0 0 30px;
    border-right: 1px solid var(--main-bg-color);
    background: linear-gradient(135deg, #107ffd 15%, #50d4e5 85%);
}

[data-type="pk"] .vote-options .progress_inside:last-of-type .track {
    left: auto;
    right: 0;
    background: linear-gradient(90deg, #ff967e 0%, #ff6699 50%);
    border-left: 1px solid var(--main-bg-color);
    border-right: 0;
    border-radius: 0 30px 30px 0;
}

[data-type="pk"] .vote-options .progress_inside:last-of-type .vote-options-data {
    color: #ff6699;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.vote_users {
    display: flex;
    align-items: center;
}

.vote_users .user-item,
.limit-users .user-item {
    margin-right: -10px;
}

.vote_users .user-item img,
.limit-users .user-item img {
    border: 1px solid #ddd;
}
.vote_users .user-item:last-child,
.limit-users .user-item:last-child{
    margin-right: 0;
}

/*推荐版块*/
.recommend-boards li {
    background: var(--body-bg-color);
    border-radius: var(--main-radius);
}

.recommend-boards li > div {
    border-radius: var(--main-radius);
    height: 100%;
    width: 100%;
}

.recommend-boards .inner {
    cursor: pointer;
    position: relative;
    background: var(--body-bg-color);
    border-radius: var(--main-radius);
}