.sam-PaperDatabase-box {
    padding: 0.35rem 2.15rem 0.25rem;
    margin-top: var(--header-height);
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.oc-PaperDatabase-breadcrumb {
    padding: 0;
    margin-top: 0;
}

.sam-PaperDatabase-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.36rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    padding-top: 0.27rem;
    padding-bottom: 0.3rem;
}

.sam-PaperDatabase-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.73rem;
    position: relative;
}

.sam-PaperDatabase-container .sam-PaperDatabase-left {
    width: calc(100% - 4.16rem);
}

.sam-PaperDatabase-container .sam-PaperDatabase-right {
    width: 4.16rem;
    position: sticky;
    top: 0.9rem;
}

.sam-PaperDatabase-right .publish-btn {
    background: #2F67B3;
    border-radius: 0.06rem;
    padding: 0.14rem 0.75rem;
    color: #FFF;
    text-align: center;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1.33;
    margin-bottom: 0.3rem;
    cursor: pointer;
    border: 1.5px solid #2F67B3;
}

.sam-PaperDatabase-right .publish-btn:hover {
    background: #FFF;
    border: 1.5px solid #2F67B3;
    color: #2F67B3;
}

.sam-PaperDatabase-right .disclaimer-box {
    border-radius: 0.1rem;
    background: #EBEBEB;
    display: flex;
    padding: 0.20rem 0.14rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    align-self: stretch;
    margin-bottom: 0.3rem;
}

.sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child {
    border-radius: 8px;
    background: #FFF;
    display: flex;
    padding: 0.19rem 0.12rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    flex-shrink: 0;
}

.sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child .disclaimer-title {
    width: 100%;
    text-align: left;
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1.28;
    text-transform: uppercase;
}

.sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child .disclaimer-content {
    color: #666;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
}

.sam-PaperDatabase-right .sam-inquiry-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 163.636%;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
}

.sam-PaperDatabase-right .form-item .form-item-label {
    color: #333;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
}

.sam-PaperDatabase-right .form-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.2rem;
}

.sam-PaperDatabase-right .form-item:last-child {
    margin-bottom: 0;
}

.sam-PaperDatabase-right .form-item input {
    border-bottom: 1px solid #868686;
    margin-top: 0.15rem;
    font-size: max(0.16rem 15px);
}

.sam-PaperDatabase-right .form-check {
    color: #868686;
    font-family: Inter;
    font-size: max(0.16rem, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: 142.023%;
    margin-bottom: 0.1rem;
}

.sam-PaperDatabase-right .form-important-reminder {
    color: #868686;
    font-family: Avenir;
    font-size: max(0.16rem, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: 190.523%;
    text-transform: capitalize;
}

.sam-PaperDatabase-right .form-footer-btns-center {
    text-align: center;
}

.sam-PaperDatabase-right .form-footer-btns-center .submit-btn {
    margin-top: 0.5rem;
    padding: 0.18rem 0.32rem;
    border-radius: 0.1rem;
    background: #2F67B3;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: max(0.2rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

.oc-paperDatabase-success {
    display: none;
}

.oc-paperDatabase-success h3 {
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 163.636%;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
}



.sam-PaperDatabase-left .sam-PaperDatabase-left-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.08rem;
    border: 1px solid #B5B5B5;
    background: #FFF;
    margin-bottom: 0.3rem;
}

.sam-PaperDatabase-left .sam-PaperDatabase-left-search input {
    padding-left: 0.24rem;
    width: 100%;
    color: #333;
    font-family: Avenir;
    font-size: max(18px, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sam-PaperDatabase-left .sam-PaperDatabase-left-search .search-btn {
    width: 0.66rem;
    height: 0.46rem;
    background: #2F67B3;
    border-radius: 0px 0.08rem 0.08rem 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sam-PaperDatabase-left .filter-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    gap: 0.32rem;
}

.sam-PaperDatabase-left .filter-item .item-content {
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
}

.sam-PaperDatabase-left .filter-item:hover {
    cursor: pointer;
}

.sam-PaperDatabase-left .filter-item:hover .item-content {
    display: flex;
    box-sizing: border-box;
    padding: 0.24rem 0.1rem;
    /* grid-template-columns: repeat(3, 1fr); */
    max-height: 5.8rem;
    overflow-y: auto;
    gap: 0.12rem;
    align-items: start;
    flex-direction: column;
    flex-wrap: wrap;
}

.sam-PaperDatabase-left .filter-item:hover .year-content {
    display: grid;
    width: 3rem;
    right: 0;
    left: initial;
    transform: translateX(-40%);
    grid-template-columns: repeat(1, 1fr);
}

.sam-PaperDatabase-left .filter-item .item-content .item-content-item label {
    cursor: pointer;
    font-size: max(0.18rem, 15px);
    color: #666;
    font-family: Avenir;
    font-style: normal;
    line-height: 133.023%;
    text-transform: capitalize;
}

.sam-PaperDatabase-left .filter-item:hover .item-content .item-parent {
    font-weight: 800;
}

.sam-PaperDatabase-left .filter-item:hover .item-content .item-children {
    margin-left: 0.24rem;
    font-size: max(0.16rem, 13px);
}

.sam-PaperDatabase-left .filter-item .item-title .arrow-up-icon {
    display: none;
}

.sam-PaperDatabase-left .filter-item:hover .item-title .arrow-up-icon {
    display: block;
}

.sam-PaperDatabase-left .filter-item:hover .item-title .arrow-down-icon {
    display: none;
}

.sam-PaperDatabase-left .sam-PaperDatabase-left-sort {
    margin-top: 0.3rem;
}

.sam-PaperDatabase-left .filter-item .item-title {
    padding: 0.2rem 0.2rem;
    border-radius: 6px;
    border: 1px solid #DADADA;
    background: #FFF;
    min-width: 1.26rem;
    height: 0.49rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sam-PaperDatabase-left .filter-item .item-title .item-title-label {
    padding-right: 0.08rem;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 222.222%;
}

/* Range */
/* 容器样式 */
.range-container {
    position: relative;
    margin: 0.3rem auto;
    user-select: none;
}

/* 滑轨样式 */
.range-track {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    transform: translateY(-50%);
    border-radius: 1px;
}

/* 选中区间样式 */
.range-selected {
    position: absolute;
    height: 1px;
    background: #2F67B3;
    border-radius: 1px;
    cursor: grab;
}

/* 拖动时的光标样式 */
.range-selected:active {
    cursor: grabbing;
}

/* 滑块样式 */
.range-thumb {
    position: absolute;
    width: 0.15rem;
    height: 0.15rem;
    background: #2F67B3;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
    top: 50%;
}

/* 隐藏原生 input */
input[type="range"] {
    position: absolute;
    width: 100%;
    height: 20px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.sam-PaperDatabase-left .year-content .item-content-custom-range .range-title {
    color: #666;
    text-align: left;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 133.023%;
    text-transform: capitalize;
}

.sam-PaperDatabase-left .year-content .item-content-custom-range .year-range {
    display: flex;
    justify-content: space-between;
    padding-top: 0.3rem;

}

.sam-PaperDatabase-left .year-content .item-content-custom-range .year-range .year-range-start,
.sam-PaperDatabase-left .year-content .item-content-custom-range .year-range .year-range-end {
    width: 0.71rem;
    height: 0.4rem;
    flex-shrink: 0;
    border-radius: 6px;
    background: #EBEBEB;
    color: #333;
    text-align: center;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 133.023%;
    text-transform: capitalize;
    padding: 0.08rem 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Sort */
.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.3rem;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by .sort-by-content {
    display: none;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by .sort-by-content {
    background: #FFF;
    color: #333;
    text-align: left;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 133.023%;
    text-transform: capitalize;
    cursor: pointer;
    width: 100%;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by {
    position: relative;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by:hover .sort-by-content {
    display: block;
    position: absolute;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by .sort-by-content .sort-active {
    background: #2F67B3;
    color: #FFF;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by-content-item {
    padding: 0.13rem 0.2rem;
}
.sam-PaperDatabase-left-sort  .sort-by-content-item:hover {
    color: #B7D2EF;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by-active {
    height: 0.4rem;
    flex-shrink: 0;
    border-radius: 6px;
    background: #EBEBEB;
    display: flex;
    gap: 0.1rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.13rem 0.2rem;
    color: #333;
    text-align: center;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 133.023%;
    text-transform: capitalize;
    cursor: pointer;
}

.sam-PaperDatabase-left-sort .sam-PaperDatabase-left-sort-ul .sort-by-active span {
    font-weight: 800;
}

/* Content */
.sam-PaperDatabase-left .sam-PaperDatabase-item {
    padding: 0.2rem 0;
    border-bottom: 1px solid rgba(183, 183, 183, 0.30);
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.sam-PaperDatabase-left .sam-PaperDatabase-item .sam-PaperDatabase-item-title {
    display: flex;
    justify-content: start;
    gap: 0.12rem;
    align-items: flex-start;
}

.sam-PaperDatabase-left .sam-PaperDatabase-item .sam-PaperDatabase-item-title .sam-PaperDatabase-item-title-label {
    /* width: 103px; */
    /* height: 29px; */
    flex-shrink: 0;
    border-radius: 4px;
    background: #2F67B3;
    padding: 0.04rem 0.13rem;
    color: #FFF;
    font-family: Avenir;
    font-size: max(0.18rem, 13px);
    font-style: normal;
    font-weight: 800;
    line-height: 155.556%;
    text-transform: capitalize;
}

.sam-PaperDatabase-left .sam-PaperDatabase-item .sam-PaperDatabase-item-title .sam-PaperDatabase-item-title-content {
    color: #2F67B3;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 127.273%;
    text-transform: capitalize;
}

.sam-PaperDatabase-left .sam-PaperDatabase-item .sam-PaperDatabase-item-author {
    color: #666;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 163.333%;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.sam-PaperDatabase-left .sam-PaperDatabase-item .sam-PaperDatabase-num {
    color: #333;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.18rem;
}

/* Pagination */
.sam-PaperDatabase-left .sam-PaperDatabase-pagination {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.24rem;
}

.sam-PaperDatabase-left .sam-PaperDatabase-pagination button {
    width: 0.4rem;
    height: 0.40rem;
    flex-shrink: 0;
    border-radius: 6px;
    background: #EAF4FF;
    color: #000;
    font-family: Avenir;
    font-size: max(0.2rem, 15px);
    font-style: normal;
    font-weight: 350;
    line-height: 110%;
}

.sam-PaperDatabase-left .sam-PaperDatabase-pagination .active {
    background: #2F67B3;
    color: #FFF;
}

.sam-PaperDatabase-left .sam-PaperDatabase-pagination button[disabled] {
    cursor: not-allowed;
    background: #EBEBEB;
}
.sam-PaperDatabase-left .sam-PaperDatabase-pagination .more {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.sam-PaperDatabase-left .sam-PaperDatabase-pagination span {
    font-size: max(0.2rem, 15px);
    display: flex;
    align-items: center;
    justify-self: center;
    gap: 0.24rem;
}
.sam-PaperDatabase-left .sam-PaperDatabase-pagination span input, 
.sam-PaperDatabase-left .sam-PaperDatabase-pagination .jump {
    width: 0.6rem;
    height: 0.4rem;
    border-radius: 6px;
    border: 1px solid rgba(183, 183, 183, 0.30);
    background: #FFF;
}


/* Filter Result Start*/
.sam-paperDatabase-left-filter-result .filter-result-item {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #EBEBEB;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}
.sam-paperDatabase-left-filter-result .filter-result-item:first-child {
    padding-top: 0;
}
.sam-paperDatabase-left-filter-result .filter-result-item .filter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.09rem;
    color:  #666;
    font-family: Avenir;
    font-size: max(0.18rem,13px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.023%;
}
.sam-paperDatabase-left-filter-result .filter-result-item .reset {
    color:  #2F67B3;
}
.sam-paperDatabase-left-filter-result .filter-result-item .filter-item .close-icon {
    width:  max(0.18rem,13px);
    height:  max(0.18rem,13px);
}
.sam-paperDatabase-left-filter-result .filter-result-item:last-child {
    margin-bottom: 0.3rem;
}
.sam-paperDatabase-left-filter-result  .filter-notice {
    color: #333;
    text-overflow: ellipsis;
    font-family: Avenir;
    font-size: max(0.22rem ,15px);
    font-style: normal;
    font-weight: 800;
    line-height: 145.455%;
    display: flex;
    align-items: center;
}
.sam-paperDatabase-left-filter-result  .filter-type {
    color:  #2F67B3;
    text-overflow: ellipsis;
    font-family: Avenir;
    font-size: max(0.18rem,15px);
    font-style: normal;
    font-weight: 800;
    line-height: 177.778%;
}
/* Filter Result End*/


/* 蒙层 */
.sam-PaperDatabase-box .paper-loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sam-PaperDatabase-box .paper-loading-wrapper .loading-title {
    font-size: max(0.26rem, 15px);
    color: #FFF;
    font-family: Avenir;
}

@media screen and (max-width: 1400px) {
    .sam-PaperDatabase-box {
        padding: 0.35rem 1.2rem;
    }
    /* .sam-PaperDatabase-left .filter-item:hover #topics-item-content {
        grid-template-columns: repeat(2, 1fr);
    } */
}

/* Mobile */
@media  screen and (max-width: 1025px) {
    .sam-PaperDatabase-box {
        padding: 0.1rem 0.3rem 1rem
    }
    .sam-PaperDatabase-title {
        font-size: max(0.24rem,15px);
    }
    .sam-PaperDatabase-container {
        flex-direction: column;
    }
    /* Right */
    .sam-PaperDatabase-container .sam-PaperDatabase-right {
        width: 100%;
    }
    .sam-PaperDatabase-right .publish-btn {
        font-size: max(0.22rem, 15px);
        padding: 0.28rem 1.53rem;
    }
    .sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child .disclaimer-title {
        font-size: max(0.24rem , 15px);
    }
    .sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child {
        gap: 0.2rem;
    }
    .sam-PaperDatabase-right .disclaimer-box .disclaimer-box-child .disclaimer-content {
        font-size: max(0.22rem, 15px);
    }
    .sam-PaperDatabase-right .sam-inquiry-title {
        font-size: max(0.24rem, 15px);
    }
    .oc-main-sam-breadcrumb .breadcrumb-item {
        font-size: max(0.24rem, 15px);
    }
    .sam-PaperDatabase-right .form-item input {
        font-size: 15px;
    }
    /* Left */
    .sam-PaperDatabase-container .sam-PaperDatabase-left {
        width: 100%;
    }
    .sam-PaperDatabase-left .filter-list {
        flex-wrap: wrap;
        gap: 0.2rem;
    }
    .sam-PaperDatabase-left .sam-PaperDatabase-left-search .search-btn {
        height: 0.6rem;
    }
    .sam-PaperDatabase-left .sam-PaperDatabase-left-search input {
        color:#D9D9D9;
        font-family: Avenir;
        font-size: max(0.2rem, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .sam-PaperDatabase-left .sam-PaperDatabase-pagination {
        gap: 0.1rem;
    }
    .sam-PaperDatabase-left .sam-PaperDatabase-pagination span {
        gap: 0.1rem;
    }
    .sam-PaperDatabase-left .sam-PaperDatabase-pagination span {
        font-size: max(0.2rem, 14px)
    }
    .sam-paperDatabase-left-filter-result .filter-result-item {
        gap: 0.24rem;
    }
    .sam-PaperDatabase-left .filter-item:hover .item-content {
        display: grid;
        grid-template-columns: repeat(1 ,1fr)
    }
    .sam-PaperDatabase-left .filter-item:hover .year-content {
        display: grid;
        width: 100%;
        transform: translateX(0%);
        grid-template-columns: repeat(3, 1fr);
    }
}