@charset "UTF-8";

/* ===== TAG聚合页样式 tags.css ===== */

.tags-page{padding:50px 0}

/* === G1标签云+列表 === */
.tags-cloud{background:#f8f5fb;border-radius:16px;padding:35px;margin-bottom:40px;text-align:center}
.tags-cloud h2{font-size:24px;color:#2D1F3D;margin-bottom:25px;font-weight:700}
.tags-cloud-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tag-cloud-item{display:inline-block;padding:10px 20px;background:#fff;border-radius:25px;font-size:14px;color:#2D1F3D;box-shadow:0 2px 8px rgba(45,31,61,.06);transition:all .3s;border:1px solid #e0d5e8}
.tag-cloud-item:hover{background:#7C5C8C;color:#fff;border-color:#7C5C8C;transform:translateY(-2px);box-shadow:0 5px 15px rgba(124,92,140,.2)}
.tag-cloud-item .count{font-size:12px;color:#999;margin-left:4px}
.tag-cloud-item:hover .count{color:rgba(255,255,255,.8)}

/* === TAG文章列表 === */
.tag-section{margin-bottom:40px}
.tag-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #DDD0E6}
.tag-section-title h3{font-size:20px;color:#2D1F3D;font-weight:600;margin:0}
.tag-section-title .count{padding:3px 10px;background:#7C5C8C;color:#fff;font-size:12px;border-radius:10px}
.tag-articles-list{background:#fff;border-radius:12px;overflow:hidden}
.tag-article-item{display:flex;align-items:center;padding:18px 25px;border-bottom:1px solid #f0ebf4;transition:all .3s}
.tag-article-item:hover{background:#faf8fc}
.tag-article-item:last-child{border-bottom:none}
.tag-article-date{font-size:13px;color:#999;min-width:90px}
.tag-article-title{flex:1;font-size:15px;color:#2D1F3D;margin:0 20px}
.tag-article-title:hover{color:#7C5C8C}
.tag-article-meta{font-size:12px;color:#999;min-width:80px;text-align:right}

/* === 热门TAG === */
.hot-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.hot-tag-card{background:#fff;border-radius:12px;padding:25px;border:1px solid #f0ebf4;transition:all .3s}
.hot-tag-card:hover{border-color:#7C5C8C;box-shadow:0 8px 25px rgba(45,31,61,.08)}
.hot-tag-card h4{font-size:16px;color:#2D1F3D;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.hot-tag-card h4::before{content:'#';color:#7C5C8C;font-weight:700}
.hot-tag-card p{font-size:13px;color:#666;line-height:1.7;margin:0}

@media(max-width:991px){
.hot-tags{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.tags-cloud{padding:25px 20px}
.hot-tags{grid-template-columns:1fr}
.tag-article-item{flex-direction:column;align-items:flex-start;gap:8px}
.tag-article-title{margin:0}
.tag-article-meta{text-align:left}
}