/* 创场创业 CMS V8 Patch 32：知识解读 */
.interpretation-layout{
    align-items:flex-start;
}

.interpretation-index{
    margin-top:0;
}

.interpretation-count{
    font-size:13px;
    color:#9299a3;
}

.interpretation-list{
    display:grid;
    gap:0;
    border-top:1px solid #edf0f3;
}

.interpretation-list-item{
    padding:24px 4px;
    border-bottom:1px solid #edf0f3;
}

.interpretation-list-category{
    display:inline-flex;
    align-items:center;
    margin-bottom:9px;
    padding:4px 9px;
    border-radius:999px;
    color:#8a6500;
    background:#fff4c2;
    font-size:12px;
    font-weight:600;
}

.interpretation-list-item h2{
    margin:0 0 10px;
    font-size:21px;
    line-height:1.45;
}

.interpretation-list-item h2 a{
    color:#20242b;
    text-decoration:none;
}

.interpretation-list-item h2 a:hover{
    color:#d99d00;
}

.interpretation-list-item p{
    margin:0 0 13px;
    color:#68717d;
    font-size:15px;
    line-height:1.8;
}

.interpretation-list-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    color:#9aa1aa;
    font-size:13px;
}

.interpretation-list-meta a{
    margin-left:auto;
    color:#bc8700;
    text-decoration:none;
    font-weight:600;
}

.interpretation-detail{
    padding:30px 34px 34px;
    background:#fff;
    border:1px solid #edf0f3;
    border-radius:12px;
    box-shadow:0 3px 18px rgba(31,39,48,.045);
}

.interpretation-detail-header{
    padding-bottom:24px;
    border-bottom:1px solid #edf0f3;
}

.interpretation-detail-header h1{
    margin:0 0 18px;
    color:#222;
    font-size:30px;
    font-weight:700;
    line-height:1.42;
}

.interpretation-detail-meta{
    display:flex;
    flex-wrap:wrap;
    gap:22px;
    color:#8b939d;
    font-size:14px;
}

.interpretation-answer{
    padding-top:30px;
}

.interpretation-answer > h2{
    margin:0 0 18px;
    color:#242830;
    font-size:18px;
    font-weight:700;
}

.interpretation-summary{
    margin-bottom:24px;
    padding:15px 18px;
    color:#5f6670;
    background:#fafbfc;
    border-left:3px solid #f5b800;
    border-radius:0 8px 8px 0;
    font-size:15px;
    line-height:1.85;
}

.interpretation-body{
    color:#2f3339;
    font-size:16px;
    line-height:1.95;
}

.interpretation-body h2{
    margin:30px 0 12px;
    font-size:22px;
}

.interpretation-body h3{
    margin:24px 0 10px;
    font-size:18px;
}

.interpretation-body p{
    margin:0 0 17px;
}

.interpretation-body ul,
.interpretation-body ol{
    margin:0 0 18px;
    padding-left:1.65em;
}

.interpretation-body li{
    margin:7px 0;
}

.interpretation-body blockquote{
    margin:20px 0;
    padding:14px 18px;
    color:#626a75;
    background:#f8f9fa;
    border-left:4px solid #f5b800;
}

.interpretation-disclaimer{
    margin:30px 0 0;
    color:#9a9fa6;
    font-size:14px;
    line-height:1.75;
}

.interpretation-related{
    margin-top:28px;
}

.interpretation-related-list{
    display:grid;
    gap:0;
    border-top:1px solid #edf0f3;
}

.interpretation-related-list a{
    display:grid;
    grid-template-columns:86px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:17px 4px;
    border-bottom:1px solid #edf0f3;
    color:#252a31;
    text-decoration:none;
}

.interpretation-related-list a:hover strong{
    color:#d99d00;
}

.interpretation-related-tag{
    color:#936e00;
    font-size:12px;
}

.interpretation-related-list strong{
    min-width:0;
    font-size:15px;
    line-height:1.55;
}

.interpretation-related-list small{
    color:#9aa1aa;
    font-size:12px;
}

.empty-card{
    padding:45px 20px;
    color:#9299a3;
    text-align:center;
    background:#fafbfc;
    border-radius:10px;
}

@media(max-width:767px){
    .interpretation-detail{
        padding:23px 18px 28px;
        border-radius:8px;
    }

    .interpretation-detail-header h1{
        font-size:24px;
    }

    .interpretation-detail-meta{
        gap:12px;
        font-size:13px;
    }

    .interpretation-body{
        font-size:16px;
        line-height:1.9;
    }

    .interpretation-list-item{
        padding:20px 0;
    }

    .interpretation-list-item h2{
        font-size:19px;
    }

    .interpretation-list-meta a{
        width:100%;
        margin-left:0;
    }

    .interpretation-related-list a{
        grid-template-columns:1fr;
        gap:5px;
    }
}