.reading-ranking-section{
    margin-top:40px;
}

.reading-ranking-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.reading-rank-item{
    display:flex;
    align-items:center;
    gap:15px;

    background:#fff;
    padding:14px;
    border-radius:10px;

    box-shadow:0 1px 6px rgba(0,0,0,.06);
}

.rank-number{
    width:50px;
    font-size:20px;
    font-weight:700;
    color:#ff6600;
    text-align:center;
}

.reading-rank-item .thumb{
    width:80px;
    flex-shrink:0;
}

.reading-rank-item .thumb img{
    width:100%;
    height:110px;
    object-fit:cover;
    border-radius:8px;
}

.reading-rank-item .info{
    flex:1;
    min-width:0;
}

.reading-rank-item h3{
    margin:0 0 8px;
    font-size:16px;
}

.reading-rank-item h3 a{
    color:#222;
    text-decoration:none;
}

.reader-count{
    font-size:14px;
    color:#666;
}

@media (max-width:768px){

    .reading-rank-item{
        align-items:flex-start;
    }

    .rank-number{
        width:auto;
        font-size:16px;
    }

}