|  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .link { | 
 |  |  |   color: #1aad19; | 
 |  |  |   color: #1890FF; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .project-info { | 
 |  |  | 
 |  |  |   bottom: 40rpx; | 
 |  |  |   width: 100%; | 
 |  |  |   text-align: center; | 
 |  |  |   font-size: 28rpx; | 
 |  |  |   color: #999; | 
 |  |  |   font-size: 32rpx; | 
 |  |  |   padding: 16rpx 0; | 
 |  |  |   background-color: rgba(255, 255, 255, 0.8); | 
 |  |  |   backdrop-filter: blur(5px); | 
 |  |  |   box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .project-info text { | 
 |  |  |   display: inline-block; | 
 |  |  |   padding: 8rpx 24rpx; | 
 |  |  |   color: #fff; | 
 |  |  |   border-radius: 30rpx; | 
 |  |  |   font-weight: 500; | 
 |  |  |   box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.2); | 
 |  |  |   background: linear-gradient(45deg, #1890FF, #36a9fc); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .project-info.mq text { | 
 |  |  |   background: linear-gradient(45deg, #18c063, #36d486); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | image { |