.site-platform-icons{display:flex;gap:6px;align-items:center}
.site-platform-icons i{font-size:14px;opacity:.8}
.site-platform-icons i:hover{opacity:1}
.site-platform-icons.has-app{gap:8px}
.site-platform-icons .app-badge{font-size:11px;font-weight:600;color:#fff;background:#ff4d4f;padding:2px 6px;border-radius:10px;line-height:1}
.posts-item.sites-item .title-flex .site-platform-icons .app-badge{margin-right:4px}
.sites-item .sites-tags{display:flex;align-items:center}
.sites-item .sites-tags .site-platform-icons{margin-left:auto}

.posts-item.sites-item .title-flex{display:flex;align-items:center;gap:8px}
.posts-item.sites-item .title-flex .item-title{flex:1;min-width:0}
.posts-item.sites-item .title-flex .site-platform-icons{margin-left:auto}

.sites-item.style-sites-min .title-flex .site-platform-icons i{font-size:12px}
.sites-item.style-sites-default .title-flex .site-platform-icons i{font-size:14px}
.sites-item.style-sites-max .title-flex .site-platform-icons i{font-size:14px}

@media (max-width:480px){
  .posts-item.sites-item .title-flex{gap:6px;flex-wrap:wrap}
  .posts-item.sites-item .title-flex .item-title{flex:1 0 100%}
  .posts-item.sites-item .title-flex .site-platform-icons{flex:0 0 auto;width:100%}
  .posts-item.sites-item .title-flex .site-platform-icons i{font-size:12px}
}
.site-name .site-platform-icons{display:inline-flex;margin-left:8px}
@media (max-width:480px){.site-name .site-platform-icons{display:inline-flex;margin-left:6px;margin-top:0}}
@media (min-width:1200px){.site-name .site-platform-icons i{font-size:16px}}
@media (min-width:1600px){.site-name .site-platform-icons i{font-size:18px}}