/* Fappic 图片组：电脑端四列 */
.wp-posts-content .image-gallery.metpic-gallery-fixed,
.wp-posts-content .image-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 每张图片链接占满一个网格单元 */
.wp-posts-content .image-gallery > a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 2 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 3px solid #ccc !important;
    border-radius: 10px !important;
    background: #202326 !important;
    box-sizing: border-box !important;
    line-height: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* 兼容子比主题懒加载图片 */
.wp-posts-content .image-gallery > a > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* 手机端两列 */
@media (max-width: 767px) {
    .wp-posts-content .image-gallery.metpic-gallery-fixed,
    .wp-posts-content .image-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}



/* 标题下方的分类与标签 */
.custom-title-taxonomy {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 8px 0 14px;
}

.custom-title-taxonomy a {
    text-decoration: none;
}



/* 子比主题专题头像 */
.topic-card-center {
    width:100% !important;
    display:block !important;
    text-align:center !important;
    margin:15px 0 !important;
}


/* 图片+文字整体 */
.topic-card-center .topic-link {

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    width:100% !important;

    text-decoration:none !important;

}


/* 圆形图片 */
.topic-card-center .topic-img {

    display:block !important;

    width:80px !important;

    height:80px !important;

    border-radius:50% !important;

    object-fit:cover !important;

    margin:0 auto !important;

}


/* 名字 */
.topic-card-center .topic-title {

    display:block !important;

    width:100% !important;

    clear:both !important;

    margin:5px 0 0 0 !important;

    padding:0 !important;

    font-size:14px !important;

    line-height:16px !important;

    text-align:center !important;

}

/* 强制缩小专题头像文字间距 */
.topic-card-center .topic-img {
    margin-bottom:0 !important;
    vertical-align:top !important;
}


.topic-card-center .topic-title {
    margin-top:1px !important;
    padding:0 !important;
    line-height:14px !important;
    height:14px !important;
}


/* 清除子比文章内容默认间距 */
.topic-card-center a,
.topic-card-center span {
    margin-bottom:0 !important;
}


/* 防止内容区域 p 标签影响 */
.topic-card-center p {
    margin:0 !important;
    padding:0 !important;
}



/* 禁止专题头像图片触发灯箱 */
.topic-card-center .topic-img {
    pointer-events:auto !important;
}


/* 防止子比图片放大 */
.topic-card-center a img {
    cursor:pointer !important;
}

.topic-card-center .fancybox,
.topic-card-center [data-fancybox] {
    pointer-events:none !important;
}




/* 强制专题信息左右排列 */

.quote_q .topic-card-left,
.quote_q .topic-detail{
    display:block;
}


.quote_q .topic-intro-flex{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    width:100%;
}


/* 左侧头像 */
.quote_q .topic-card-left{
    width:120px;
    flex:none;
    text-align:center;
}


/* 右侧文字 */
.quote_q .topic-detail{
    flex:1;
    margin-left:30px;
}



/* 防止p标签破坏布局 */
.quote_q .topic-detail p{
    margin:0;
}



/* 手机 */
@media(max-width:768px){

.quote_q .topic-intro-flex{
    flex-direction:column !important;
}


.quote_q .topic-detail{
    margin-left:0;
    margin-top:20px;
}

}

/* 左侧专题头像圆形恢复 */
.topic-card-left .topic-img{
    width:90px !important;
    height:90px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    overflow:hidden;
    display:block;
    margin:0 auto;
}


/* 图片外层也裁剪 */
.topic-card-left .topic-link{
    display:block;
    width:90px;
    height:90px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}


/* 防止a标签影响图片 */
.topic-card-left img{
    max-width:none;
}



/* =========================
   左侧专题头像间距优化
========================= */


/* 左侧整体 */
.quote_q .topic-card-left{
    width:100px !important;
    text-align:center !important;
}


/* 头像链接 */
.quote_q .topic-card-left .topic-link{
    display:block !important;
    width:90px !important;
    height:90px !important;
    margin:0 auto !important;
    padding:0 !important;
    line-height:0 !important;
}


/* 圆形头像 */
.quote_q .topic-card-left .topic-img{

    width:90px !important;
    height:90px !important;

    display:block !important;

    border-radius:50% !important;

    object-fit:cover !important;

    margin:0 auto !important;

}


/* 人物名称 */
.quote_q .topic-card-left .topic-title{

    display:block !important;

    margin:3px auto 0 !important;

    padding:0 !important;

    height:auto !important;

    line-height:18px !important;

    font-size:14px !important;

    text-align:center !important;

}

/* 专题头像禁止灯箱 */
.topic-card-left .topic-img{
    pointer-events:none !important;
}


/* 防止WordPress自动p影响 */
.topic-card-left p{
    margin:0 !important;
    padding:0 !important;
}