/* ==================================================
   K7 FRONTEND FINAL 1.0
   ================================================== */


/* --------------------------------------------------
   首页 / 分类 / 搜索
   -------------------------------------------------- */

.k7-card-data{
    display:none!important;
}


#posts .k7-card-grid{
    display:grid!important;
    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    align-items:start!important;

    gap:14px!important;

    width:100%!important;

    margin:0!important;
    padding:0!important;
}


#posts .k7-card-grid
> .post-item.post-item-card{
    width:100%!important;
    max-width:none!important;

    min-width:0!important;
    min-height:0!important;

    flex:none!important;
    align-self:start!important;

    margin:0!important;
    padding:0!important;
}


#posts .k7-resource-card
.post-item-block,
#posts .k7-resource-card
.p-block{
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    background:#ffffff!important;

    border:1px solid
        rgba(15,23,42,.08)!important;

    border-radius:13px!important;

    box-shadow:
        0 5px 18px
        rgba(15,23,42,.07)!important;
}


#posts .k7-resource-card
.thumbnail{
    position:relative!important;

    width:100%!important;

    aspect-ratio:16 / 10!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:
        12px 12px 0 0!important;

    background:#e5e7eb!important;
}


#posts .k7-resource-card
.thumbnail > a{
    display:block!important;

    width:100%!important;
    height:100%!important;
}


#posts .k7-resource-card
.thumbnail img{
    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;

    object-fit:cover!important;

    margin:0!important;
    padding:0!important;
}


#posts .k7-card-cover-ui{
    position:absolute!important;

    top:8px!important;
    left:8px!important;
    right:8px!important;

    z-index:5!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:6px!important;

    pointer-events:none!important;
}


#posts .k7-card-cover-no,
#posts .k7-card-cover-price{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:0!important;

    padding:4px 7px!important;

    border-radius:7px!important;

    color:#ffffff!important;

    font-size:11px!important;
    font-weight:700!important;
    line-height:1.25!important;

    white-space:nowrap!important;

    box-shadow:
        0 3px 10px
        rgba(0,0,0,.18)!important;

    backdrop-filter:
        blur(6px)!important;
}


#posts .k7-card-cover-no{
    background:
        rgba(37,99,235,.92)!important;
}


#posts .k7-card-cover-price{
    max-width:62%!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;

    background:
        rgba(225,29,72,.92)!important;
}


#posts .k7-card-cover-price.is-free{
    background:
        rgba(5,150,105,.94)!important;
}


#posts .k7-resource-card
.post-info{
    height:auto!important;
    min-height:0!important;

    margin:0!important;

    padding:
        9px 10px 8px!important;

    background:#ffffff!important;

    color:#111827!important;
}


#posts .k7-resource-card
.info-title{
    display:block!important;

    min-height:0!important;

    margin:0 0 6px!important;
    padding:0!important;

    line-height:1.45!important;
}


/*
 * 分类已经在底部信息区显示，
 * 标题前的小分类Badge在双列卡片里太挤。
 */
#posts .k7-resource-card
.info-title > .badge{
    display:none!important;
}


#posts .k7-resource-card
.info-title .a-link,
#posts .k7-resource-card
.info-title .puock-text{
    display:-webkit-box!important;

    overflow:hidden!important;

    -webkit-box-orient:
        vertical!important;

    -webkit-line-clamp:
        2!important;

    color:#111827!important;

    -webkit-text-fill-color:
        #111827!important;

    opacity:1!important;

    font-size:14px!important;
    font-weight:700!important;
    line-height:1.45!important;

    text-decoration:none!important;

    overflow-wrap:anywhere!important;
}


#posts .k7-resource-card
.info-meta{
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    color:#64748b!important;
}


#posts .k7-resource-card
.info-meta .text-2line{
    display:block!important;

    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;

    color:#64748b!important;

    font-size:11px!important;
    line-height:1.45!important;
}


#posts .k7-resource-card
.k7-card-meta{
    margin:0!important;
    padding:0!important;

    color:#64748b!important;

    -webkit-text-fill-color:
        #64748b!important;

    opacity:1!important;

    font-size:11px!important;
    font-weight:500!important;
    line-height:1.45!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


#posts .k7-resource-card
.info-footer{
    min-height:0!important;

    margin:7px 0 0!important;

    padding:6px 0 0!important;

    border-top:
        1px solid #eef2f7!important;

    color:#8b95a5!important;

    -webkit-text-fill-color:
        #8b95a5!important;

    opacity:1!important;

    font-size:10px!important;
    line-height:1.4!important;
}


#posts .k7-resource-card
.info-footer a,
#posts .k7-resource-card
.info-footer span{
    color:#8b95a5!important;

    -webkit-text-fill-color:
        #8b95a5!important;

    opacity:1!important;
}


#posts .k7-card-clickable{
    cursor:pointer!important;
}


/* 加载更多 */

.k7-load-more-row{
    width:100%!important;

    margin:14px 0!important;
    padding:0!important;
}


.k7-load-more-row
#load-more-btn{
    min-height:42px!important;

    border-radius:9px!important;
}


/* --------------------------------------------------
   手机双列
   -------------------------------------------------- */

@media(max-width:767px){

    #posts .k7-card-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:8px!important;
    }


    #posts .k7-resource-card
    .post-item-block,
    #posts .k7-resource-card
    .p-block{
        border-radius:11px!important;
    }


    #posts .k7-resource-card
    .thumbnail{
        border-radius:
            10px 10px 0 0!important;
    }


    #posts .k7-card-cover-ui{
        top:6px!important;
        left:6px!important;
        right:6px!important;

        gap:4px!important;
    }


    #posts .k7-card-cover-no,
    #posts .k7-card-cover-price{
        padding:3px 6px!important;

        border-radius:6px!important;

        font-size:10px!important;
    }


    #posts .k7-resource-card
    .post-info{
        padding:
            8px 8px 7px!important;
    }


    #posts .k7-resource-card
    .info-title{
        margin-bottom:5px!important;
    }


    #posts .k7-resource-card
    .info-title .a-link,
    #posts .k7-resource-card
    .info-title .puock-text{
        font-size:13px!important;
        line-height:1.42!important;
    }


    #posts .k7-resource-card
    .k7-card-meta{
        font-size:10px!important;
    }


    #posts .k7-resource-card
    .info-footer{
        margin-top:6px!important;
        padding-top:5px!important;

        font-size:9px!important;
    }


    .k7-load-more-row{
        margin:10px 0!important;
    }


    .k7-load-more-row
    #load-more-btn{
        width:100%!important;
    }
}


/* --------------------------------------------------
   K7 源码详情页
   -------------------------------------------------- */

html body .k7-resource-panel{
    margin:20px 0 24px!important;

    padding:14px!important;

    background:#24292f!important;

    border:
        1px solid #3b424a!important;

    border-radius:14px!important;

    box-shadow:
        0 8px 24px
        rgba(0,0,0,.18)!important;

    color:#f8fafc!important;
}


html body
.k7-resource-panel
.k7-resource-grid{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:9px!important;
}


html body
.k7-resource-panel
.k7-resource-item{
    display:block!important;

    min-width:0!important;
    min-height:0!important;

    margin:0!important;

    padding:12px!important;

    background:#30363d!important;

    border:
        1px solid #414952!important;

    border-radius:10px!important;

    color:#ffffff!important;
}


html body
.k7-resource-panel
.k7-resource-item > span{
    display:block!important;

    margin:0 0 5px!important;
    padding:0!important;

    color:#aeb8c4!important;

    -webkit-text-fill-color:
        #aeb8c4!important;

    opacity:1!important;

    font-size:13px!important;
    font-weight:500!important;
    line-height:18px!important;
}


html body
.k7-resource-panel
.k7-resource-item > strong{
    display:block!important;

    min-width:0!important;

    margin:0!important;
    padding:0!important;

    color:#f8fafc!important;

    -webkit-text-fill-color:
        #f8fafc!important;

    opacity:1!important;

    font-size:16px!important;
    font-weight:700!important;
    line-height:22px!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
}


html body
.k7-resource-panel
.k7-resource-item-no > strong{
    color:#60a5fa!important;

    -webkit-text-fill-color:
        #60a5fa!important;
}


html body
.k7-resource-panel
.k7-resource-item-price > strong{
    color:#fb7185!important;

    -webkit-text-fill-color:
        #fb7185!important;

    font-size:19px!important;
}


html body
.k7-resource-panel[data-free="1"]
.k7-resource-item-price > strong{
    color:#34d399!important;

    -webkit-text-fill-color:
        #34d399!important;
}


/*
 * 参数是奇数时：
 * 最后一项自动横跨两列。
 */
html body
.k7-resource-panel
.k7-resource-item:last-child:nth-child(odd){
    grid-column:
        1 / -1!important;
}


html body
.k7-resource-panel
.k7-resource-actions{
    display:flex!important;
    align-items:center!important;

    width:100%!important;

    gap:9px!important;

    margin:12px 0 0!important;
    padding:0!important;
}


html body
.k7-resource-panel
.k7-resource-button,
html body
.k7-resource-panel
.k7-resource-demo{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    min-height:46px!important;

    padding:0 22px!important;

    border-radius:9px!important;

    opacity:1!important;

    font-size:15px!important;
    font-weight:700!important;

    text-decoration:none!important;
}


html body
.k7-resource-panel
.k7-resource-button{
    background:#1683ff!important;

    border:0!important;

    color:#ffffff!important;

    -webkit-text-fill-color:
        #ffffff!important;

    box-shadow:
        0 5px 16px
        rgba(22,131,255,.25)!important;
}


html body
.k7-resource-panel
.k7-resource-demo{
    background:#353c44!important;

    border:
        1px solid #4b5563!important;

    color:#e5edf8!important;

    -webkit-text-fill-color:
        #e5edf8!important;
}


html body
.k7-resource-panel
.k7-resource-offline{
    background:#525a64!important;

    color:#ffffff!important;

    -webkit-text-fill-color:
        #ffffff!important;

    box-shadow:none!important;
}


/* --------------------------------------------------
   详情页手机
   -------------------------------------------------- */

@media(max-width:767px){

    html body
    .k7-resource-panel{
        margin:
            18px 0 22px!important;

        padding:11px!important;

        border-radius:12px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-grid{
        gap:7px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-item{
        padding:10px!important;

        border-radius:9px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-item > span{
        margin-bottom:4px!important;

        font-size:12px!important;
        line-height:17px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-item > strong{
        font-size:15px!important;
        line-height:21px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-item-price > strong{
        font-size:17px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-actions{
        flex-direction:column!important;

        gap:8px!important;
    }


    html body
    .k7-resource-panel
    .k7-resource-button,
    html body
    .k7-resource-panel
    .k7-resource-demo{
        width:100%!important;

        min-height:46px!important;

        padding:0 16px!important;
    }
}