section.main{
    padding-top: calc(30 * var(--rpx));
}

.publication-detail-main {
    padding-top: calc(56 * var(--rpx));
}

.publication-detail-main .wrapper {
    max-width: 1300px;
}

.publication-empty {
    padding: calc(120 * var(--rpx)) 0;
    text-align: center;
    color: rgba(220, 230, 255, 0.75);
}

.publication-breadcrumb {
    color: rgba(190, 202, 236, 0.68);
    font-size: calc(14 * var(--fpx));
    margin-bottom: calc(34 * var(--rpx));
}

.publication-detail-header {
    margin-bottom: calc(90 * var(--rpx-50));
}

.publication-detail-title {
    font-size: calc(54 * var(--fpx-50));
    line-height: 1.15;
    color: #fff;
    width: 100%;
    font-weight: 600;
    margin-top: calc(86 * var(--rpx-50));
}

.publication-detail-date {
    margin-top: calc(28 * var(--rpx));
}

.publication-detail-date .field-name{
    color: #fff9;
}
.publication-detail-date .field-value{
    font-size: calc(24 * var(--fpx-67));
    margin-top: calc(8 * var(--rpx));
}

.publication-main-card {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: calc(30 * var(--rpx));
    padding: calc(32 * var(--rpx)) calc(60 * var(--rpx-50)) calc(50 * var(--rpx));
}

.publication-meta-row {
    padding-bottom: calc(24 * var(--rpx));
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


.publication-meta-row .field{
    display: flex;
    line-height: 1.5em;
    margin-bottom: .25em;
}

.publication-meta-row .field-name {
    width: 4em;
    text-align-last: justify;
    flex: 0 0 auto;
}

.publication-meta-row .field-colon{
    width: 2em;
    flex: 0 0 auto;
}

.publication-meta-row .field-value {
    color: #fff9;
    flex: 1 1 auto;
}

.publication-detail-abs {
    margin-top: calc(28 * var(--rpx));
}

.publication-detail-abs h3 {
    margin: 0 0 calc(14 * var(--rpx));
    font-size: calc(22 * var(--fpx));
    color: #fff;
}

.publication-detail-content {
    color: rgba(224, 232, 255, 0.88);
    line-height: 1.9;
}

.publication-detail-action {
    margin-top: calc(32 * var(--rpx));
}

.btn-read {
    height: calc(60em / 16);
    width: calc(180em / 16);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5em 2em;
    border-radius: calc(15em / 16);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
    text-decoration: none;
    gap: calc(10em / 16);
    position: relative;
}

.btn-read::before{
    content: "";
    width: 1em;
    height: 1em;
    background: url("../images/icon_new_window.svg") center/contain no-repeat;
    order: 999;
}

.detail-pagination {
    margin-top: calc(36 * var(--rpx));
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}


.detail-pagination .nav-item a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: calc(120 * var(--rpx));
}

.detail-pagination .nav-item.nav-next a{
    align-items: flex-end;
    text-align: right;
}

.detail-pagination .nav-prev {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.detail-pagination .nav-item a,
.detail-pagination .nav-item span {
    text-decoration: none;
    padding: calc(20 * var(--rpx)) calc(60 * var(--rpx-50)) calc(40 * var(--rpx));
}

.detail-page-dir{
    font-size: calc(14 * var(--fpx-87));
    margin-bottom: calc(8 * var(--rpx));
    opacity: .6;
}

.detail-page-title{
    font-size: calc(28 * var(--fpx-67));
    line-height: 1.35;
    font-weight: 600;
}

.nav-item a:hover{
    color: var(--theme-blue)
}

.main .btn-ctn{
    margin-top: calc(80 * var(--rpx-50));
    display: flex;
    justify-content: center;
}

@media (max-width: 828px) {
    .publication-main-card{
        padding: calc(40 * var(--rpx));
    }

    .detail-pagination{
        display: block;
    }
    .detail-pagination .nav-prev{
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255,.12);
    }

    .detail-pagination .nav-item a, .detail-pagination .nav-item span{
        padding-left: 0;
        padding-right: 0;
    }
}