@charset "utf-8";

:root{
  --m-bg:#f6f7fb;
  --m-panel:rgba(255,255,255,.92);
  --m-line:rgba(17,19,24,.10);
  --m-line2:rgba(17,19,24,.14);
  --m-text:#111318;
  --m-muted:rgba(17,19,24,.60);
  --m-muted2:rgba(17,19,24,.45);
  --m-brand:#6a5cff;
  --m-brand2:#00d4ff;
  --m-accent:#ff2d7d;
  --m-shadow:0 10px 22px rgba(10,20,40,.08);
  --m-shadow2:0 16px 34px rgba(10,20,40,.12);
  --m-radius:16px;
  --m-radius2:20px;
}

.lat_site_link{
  position:relative;
  margin-bottom:10px;
  border:1px solid var(--m-line);
  background:var(--m-panel);
  border-radius:var(--m-radius2);
  box-shadow:var(--m-shadow);
  overflow:hidden;
  width:100%;
  transform:translateZ(0);
}

.lat_site_link:hover{
  border-color:rgba(106,92,255,.18);
  box-shadow:var(--m-shadow2);
}

.lat_site_link .lat_title{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  line-height:54px;
  height:54px;
  padding:0 14px;
  font-size:16px;
  font-weight:900;
  color:var(--m-text);
  border-bottom:1px solid var(--m-line);
  background:linear-gradient(180deg,rgba(106,92,255,.08),rgba(255,255,255,0));
}

.lat_site_link .lat_title a{
  position:relative;
  color:var(--m-text);
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:calc(100% - 44px);
}

.lat_site_link .lat_title img{
  width:26px;
  height:auto;
  vertical-align:middle;
  filter:drop-shadow(0 8px 12px rgba(10,20,40,.10));
}

.lat_site_link .lat_title span{
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lat_site_link ul{
  padding:10px 0;
}

.lat_site_link li{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  line-height:34px;
  margin:0;
  padding:0 14px;
}

.lat_site_link li + li{
  border-top:1px solid rgba(17,19,24,.06);
}

.lat_site_link li img{
  height:20px;
  width:auto;
  line-height:20px;
  vertical-align:middle;
  flex:0 0 auto;
}

.lat_site_link li a{
  font-weight:900;
  font-size:14px;
  line-height:20px;
  vertical-align:middle;
  color:var(--m-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 auto;
  min-width:0;
}

.lat_site_link li a:hover{
  color:var(--m-brand);
}

.lat_site_link li .fa-heart{
  color:#ff2b55;
}

.lat_site_link li .fa-caret-right{
  color:rgba(17,19,24,.30);
  flex:0 0 auto;
}

.lat_site_link li .fa-lock,
.lat_site_link li .new_icon,
.lat_site_link li .hot_icon,
.lat_site_link li .fa-download,
.lat_site_link li .fa-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  line-height:18px;
  font-size:11px;
  border-radius:6px;
  flex:0 0 auto;
}

.lat_site_link li .fa-lock{
  color:#2a5a66;
  background:rgba(0,212,255,.14);
  border:1px solid rgba(0,212,255,.18);
}

.lat_site_link li .new_icon{
  color:#00b86b;
  background:rgba(0,184,148,.14);
  border:1px solid rgba(0,184,148,.18);
  font-weight:900;
}

.lat_site_link li .hot_icon{
  color:#ff2b55;
  background:rgba(255,45,125,.14);
  border:1px solid rgba(255,45,125,.18);
  font-weight:900;
}

.lat_site_link li .fa-download{
  color:#b28400;
  background:rgba(255,122,0,.14);
  border:1px solid rgba(255,122,0,.18);
}

.lat_site_link li .fa-link{
  color:#6a3cff;
  background:rgba(106,92,255,.14);
  border:1px solid rgba(106,92,255,.18);
}

.lat_site_link li:last-child{
  margin-bottom:0;
  border-bottom:0;
}

.lat_site_link .profile_img img{
  border-radius:50%;
}

.lt_info{
  padding:10px 0;
}

.lt_info .lt_date{
  color:rgba(17,19,24,.55);
}

.lat_site_link .empty_li{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:120px;
  height:120px;
  color:rgba(17,19,24,.55);
  text-align:center;
  padding:0;
}

.lat_site_link .empty_li:before{
  background:none;
  padding:0;
}

.lat_site_link .lt_cmt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(106,92,255,.12);
  color:var(--m-brand);
  font-size:11px;
  height:18px;
  line-height:18px;
  padding:0 7px;
  border-radius:999px;
  vertical-align:middle;
  flex:0 0 auto;
}

.lat_site_link .lt_more{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:54px;
  line-height:54px;
  color:rgba(17,19,24,.55);
  border-radius:0;
  text-align:center;
}

.lat_site_link .lt_more:hover{
  color:var(--m-brand);
}

.lat_site_link .lt_more i{
  vertical-align:middle;
}

.top10{
  display:inherit;
}

@media (min-width:320px){
  .lat_site_link{
    width:50%;
  }
  .lat_site_link li{
    padding:0 10px;
  }
  .lat_site_link .lat_title{
    padding:0 10px;
  }
  .top10{
    display:none;
  }
  .lat_site_link:nth-child(2n){
    border-right:none;
  }
}

@media (min-width:600px){
  .lat_site_link{
    width:33.333333%;
  }
  .lat_site_link li{
    padding:0 12px;
  }
  .lat_site_link .lat_title{
    padding:0 12px;
  }
  .top10{
    display:none;
  }
  .lat_site_link:nth-child(2n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(3n){
    border-right:none;
  }
}

@media (min-width:1200px){
  .lat_site_link{
    width:25%;
  }
  .lat_site_link li{
    padding:0 14px;
  }
  .lat_site_link .lat_title{
    padding:0 14px;
  }
  .top10{
    display:inherit;
  }
  .lat_site_link:nth-child(2n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(3n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(4n){
    border-right:none;
  }
}

@media (min-width:1800px){
  .lat_site_link{
    width:20%;
  }
  .lat_site_link li{
    padding:0 14px;
  }
  .lat_site_link .lat_title{
    padding:0 14px;
  }
  .top10{
    display:inherit;
  }
  .lat_site_link:nth-child(2n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(3n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(4n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(5n){
    border-right:none;
  }
}

@media (min-width:2400px){
  .lat_site_link{
    width:10%;
  }
  .lat_site_link li{
    padding:0 14px;
  }
  .lat_site_link .lat_title{
    padding:0 14px;
  }
  .top10{
    display:inherit;
  }
  .lat_site_link:nth-child(2n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(3n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(4n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(5n){
    border-right:1px solid var(--m-line);
  }
  .lat_site_link:nth-child(10n){
    border-right:none;
  }
}