/* ============================================
   MK体育在线官网 - TAG聚合页样式
   tags.css
   ============================================ */

.tags-section{padding:80px 0}
.tags-header{text-align:center;margin-bottom:48px}
.tags-header h1{font-size:36px;margin-bottom:12px}
.tags-header p{color:#808080}

.tags-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px}
.tag-lg{padding:10px 24px;font-size:15px}
.tag-md{padding:8px 18px;font-size:14px}
.tag-sm{padding:6px 14px;font-size:13px}

.tag-group{margin-bottom:48px}
.tag-group-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:22px;color:#FFF}
.tag-group-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}
.tag-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tag-group-item{background:#141414;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.05);transition:all .2s;display:flex;justify-content:space-between;align-items:center}
.tag-group-item:hover{border-color:rgba(255,102,0,.2)}
.tag-group-item-title{font-size:15px;font-weight:600;color:#D5D8DC}
.tag-group-item-count{font-size:13px;color:#5D6D7E}

.tags-all{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tags-all-card{background:#141414;border-radius:16px;padding:32px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s}
.tags-all-card:hover{border-color:rgba(255,102,0,.2);transform:translateY(-4px)}
.tags-all-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,102,0,.1);border-radius:14px;margin:0 auto 16px;color:#FF6600}
.tags-all-card h3{font-size:18px;color:#FFF;margin-bottom:8px}
.tags-all-card p{font-size:13px;color:#808080}

@media(max-width:768px){
.tag-group-grid{grid-template-columns:1fr}
.tags-all{grid-template-columns:repeat(2,1fr)}
}