/* ============================================================
   标签页样式（标签主页 index_tags / 标签列表页 lists_tags）
   结合站点 CSS 框架编写，品牌色 #009b4c，字体 HSANS 系列
   PC 端 + 移动端（max-width:768px）适配
   ============================================================ */

/* 标签页主容器 */
.tag-main {
    padding-bottom: 60px;
}
.tag-block {
    margin-bottom: 40px;
}

/* 分区标题 */
.tag-title {
    font-size: 22px;
    color: #000;
    font-family: HSANS-B;
    margin-bottom: 24px;
    padding-left: 14px;
    border-left: 4px solid #009b4c;
    line-height: 1.2;
}

/* 标签云 */
.tag-cloud {
    display: flex;
    flex-wrap: wrap;
}
.tag-item {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    margin: 0 14px 14px 0;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    font-size: 15px;
    color: #555;
    background: #fff;
    transition: all .3s;
}
.tag-item em {
    font-style: normal;
    margin-left: 6px;
    font-size: 12px;
    color: #bbb;
}
.tag-item:hover {
    border-color: #009b4c;
    color: #009b4c;
}
.tag-item:hover em {
    color: #009b4c;
}

/* 标签列表页头部说明 */
.tag-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.tag-head h3 {
    font-size: 20px;
    color: #000;
    font-family: HSANS-B;
}
.tag-head h3 i {
    font-style: normal;
    color: #009b4c;
}
.tag-head .tag-total {
    font-size: 14px;
    color: #999;
}

/* 空结果提示 */
.tag-empty {
    padding: 80px 0;
    text-align: center;
    color: #999;
    font-size: 16px;
}

/* ==================== 移动端适配 ==================== */
@media (max-width: 768px) {
    .tag-main {
        padding-bottom: 30px;
    }
    .tag-block {
        margin-bottom: 24px;
    }
    .tag-title {
        font-size: 18px;
        margin-bottom: 16px;
        padding-left: 10px;
        border-left-width: 3px;
    }
    .tag-item {
        padding: 6px 14px;
        margin: 0 10px 10px 0;
        font-size: 14px;
        border-radius: 16px;
    }
    .tag-item em {
        font-size: 11px;
    }
    .tag-head {
        padding: 16px 0;
    }
    .tag-head h3 {
        font-size: 17px;
    }
    .tag-head .tag-total {
        font-size: 12px;
    }
    .tag-empty {
        padding: 50px 0;
        font-size: 14px;
    }
}