a:hover {
  text-decoration: none;
}article {
  display: flex;
  
  padding: 30px 0px;
  border-right: 1px solid #e5e5e5;
}@media only screen and (max-width: 469px) {
  article {
    display: inline-block;
    padding: 20px 0px;
    border: none;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  article {
    display: inline-block;
    padding: 20px 0px;
    border: none;
  }
}article:before {
  position: relative;
  top: 4px;
  right: -4px;
  content: "";
  border: 4px solid #daa815;
  height: 1px;
  width: 1px;
  margin-left: 10px;
  border-radius: 50%;
}@media only screen and (max-width: 469px) {
  article:before {
    display: none;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  article:before {
    display: none;
  }
}.image__container .image-inner__container {
  overflow: hidden;
}.image__container:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}.image__container img {
  width: 340px;
  height: 218px;
  transition: all ease 400ms;
}@media only screen and (max-width: 469px) {
  .image__container img {
    width: 100%;
    height: auto;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .image__container img {
    width: 100%;
    height: auto;
  }
}.image__container .detail-header {
  display: flex;
  justify-content: space-between;
  color: #767676;
  font-size: 12px;
  margin-bottom: 10px;
}.image__container .detail-header .header-author {
  display: flex;
}.image__container .detail-header .header-author span {
  padding-left: 15px;
}.image__container .detail-header .header-author span i {
  padding-left: 5px;
  font-size: 15px;
  vertical-align: middle;
}.image__container .detail-header .header-likes {
  direction: ltr;
}@media only screen and (max-width: 469px) {
  .image__container .detail-header .header-likes {
    text-align: left;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .image__container .detail-header .header-likes {
    text-align: left;
  }
}.image__container .detail-header .header-likes span {
  padding-right: 24px;
}@media only screen and (max-width: 469px) {
  .image__container .detail-header .header-likes span {
    padding-right: 10px;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .image__container .detail-header .header-likes span {
    padding-right: 10px;
  }
}.image__container .detail-header .header-likes span i {
  padding-right: 10px;
  font-size: 16px;
  vertical-align: middle;
}@media only screen and (max-width: 469px) {
  .image__container .detail-header .header-likes span i {
    padding-right: 8px;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .image__container .detail-header .header-likes span i {
    padding-right: 8px;
  }
}.detail__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 30px 10px 0;
}@media only screen and (max-width: 469px) {
  .detail__container {
    padding: 10px 0;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .detail__container {
    padding: 10px 0;
  }
}.detail__container .detail-body h2 {
  margin: 20px 0 10px;
  font-size: 15pt;
  font-weight: bold;
  line-height: 1.5;
  text-align: justify;
}.detail__container .detail-body h2 span {
  color: #daa815;
  vertical-align: middle;
  font-size: 20px;
  padding-left: 5px;
}.detail__container .detail-body h2 a {
  color: #333333;
}.detail__container .detail-body p {
  overflow: hidden;
  line-height: 2;
  margin: 0;
  color: #666666;
  text-align: justify;
}@media only screen and (max-width: 469px) {
  .detail__container .detail-body p {
    margin-bottom: 10px;
  }
}@media only screen and (min-width: 469px) and (max-width: 699px) {
  .detail__container .detail-body p {
    margin-bottom: 10px;
  }
}.detail__container .detail-footer {
  display: flex;
  justify-content: space-between;
  color: #767676;
}.detail__container .detail-footer a {
  display: inline-block;
  padding: 10px 12px;
  color: #fff;
  background-color: #0f4d3d;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
}.detail__container .detail-footer a:hover, .detail__container .detail-footer a:focus {
  text-decoration: none;
  filter: brightness(85%);
  
}.detail__container .detail-footer .author {
  align-self: center;
}.detail__container .detail-footer .author i {
  padding-left: 5px;
  font-size: 15px;
  vertical-align: middle;
}.post-special--False {
  display: none;
}.post-special--True {
  display: inline-block;
  background-color: #ffdbd0;
  border: 1px solid #ffc491;
  color: #f37100;
  padding: 0 10px;
  text-align: center;
  border-radius: 4px;
  margin-right: 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  vertical-align: middle;
}article {
  border-right-color: #e7ebf0 !important;
}article::before {
  border-color: #289eff !important;
}.image__container .image-inner__container,
.image__container img {
  border-radius: 20px !important;
}.detail__container .detail-body h2 {
  font-size: 22px !important;
}.detail__container .detail-body h2 span {
  color: #289eff !important;
}.detail__container .detail-body h2 a {
  color: #151963 !important;
}.detail__container .detail-footer a {
  border-radius: 6px !important;
  background-color: #289eff !important;
}.post-special--True {
  border-color: rgba(40, 158, 255, .28) !important;
  border-radius: 12px !important;
  color: #151963 !important;
  background: rgba(40, 158, 255, .12) !important;
}#pb-site .pb-hm-list article:before{display:block!important;content:"";flex:0 0 8px;box-sizing:border-box;width:8px;height:8px;border:0;border-radius:50%;background:#100c43;margin-inline:0 10px;right:-4px;top:5px}#pb-site .pb-hm-list article .detail-footer a{background:#100c43!important;border-color:#100c43!important;color:white!important}#pb-site .pb-hm-list article .detail-footer a:hover,#pb-site .pb-hm-list article .detail-footer a:focus-visible{background:#100c43!important;border-color:#100c43!important;color:white!important;filter:brightness(1.15)}#pb-site .pb-hm-list article .detail-body h2 span,#pb-site .pb-hm-list article .detail-body h2 i,#pb-site .pb-hm-list article .header-likes i{color:#100c43!important}#pb-site .pb-hm-list article .image__container img{max-width:100%;height:auto;aspect-ratio:340/218;object-fit:cover}