.home-content-container { background var(--background-color) .home-article-list { .home-article-item { position relative keep-container(true, 1.015, 1.015, 28px, 38px) .top-icon { position absolute top 10px right 12px color var(--third-text-color) font-size 1.2rem transform rotate(45deg) +keep-tablet() { font-size 1.16rem } } .home-article-title { position relative margin 0 color var(--second-text-color) font-weight 600 font-size 1.4rem line-height 1.5 +keep-tablet() { font-size 1.3rem } +keep-mobile() { font-size 1.2rem } } .home-article-content { margin 20px 0 color var(--default-text-color) text-align justify word-wrap break-word } .home-article-meta-info-container { display flex align-items center justify-content space-between color var(--third-text-color) font-size 0.92rem .home-article-meta-info { letter-spacing 0.5px span { margin-right 10px &:last-child { margin-right 0 } ul li { display inline } } .home-article-category { +keep-mobile() { display none } } .home-article-tag { +keep-tablet() { display none } } } hr { flex 1 height 1px margin 0 10px background var(--border-color) border none } a { color var(--third-text-color) &:hover { color var(--primary-color) } } } } } }