.app-articles{width:100%}.app-articles .item:not(:last-child){border-bottom:1px solid #f4f4f4}.app-articles .item{display:flex;padding:12px 0}.app-articles .item .user{min-width:42px;width:42px}.app-articles .item .article{display:flex;flex-direction:column;gap:8px;padding:0 12px;width:100%}.app-articles .item .article a{display:inline-flex}.app-articles .item .article .time{opacity:.92}.app-articles .item .article .time time{font-size:12px}.app-articles .item .article .title{font-size:14px;font-weight:500}.app-articles .item .article .description{opacity:.9}.app-articles .item .article .cover img{border-radius:4px;max-width:100%}.app-articles .item .article .video{display:inline-flex;max-width:100%;position:relative}.app-articles .item .article .video:hover .overlay{opacity:1}.app-articles .item .article .video img{border-radius:4px;max-width:100%}.app-articles .item .article .video i{color:#ffffffb8;font-size:40px;left:50%;position:absolute;top:50%;transform:translateY(-50%) translate(-50%)}.app-articles .item .article .video .overlay{background-color:#0003;border-radius:4px;inset:0;opacity:0;position:absolute;transition:.3s}.app-articles .item .article .music{display:inline-flex;height:180px;position:relative;width:180px}.app-articles .item .article .music:hover .overlay{opacity:1}.app-articles .item .article .music img:first-child{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:2}.app-articles .item .article .music img:nth-child(2){animation:spin 2s linear infinite;height:120px;left:calc(100% - 60px);position:absolute;top:calc(50% - 60px);width:120px;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.app-articles .item .article .music i{color:#ffffffb8;font-size:40px;left:50%;position:absolute;top:50%;transform:translateY(-50%) translate(-50%);z-index:3}.app-articles .item .article .music .overlay{background-color:#0003;border-radius:4px;inset:0;opacity:0;position:absolute;transition:.3s;z-index:3}.app-articles .item .article .counts{align-items:center;display:flex;justify-content:space-between;opacity:.9;width:100%}.app-articles .item .article .counts .count-item{align-items:center;display:flex;gap:30px;margin-block-start:8px}.app-articles .item .article .counts .count-item .num{align-items:center;display:flex;gap:4px}.app-articles .item .article .counts .menu{font-size:12px}