| 1 |
- .news-list-container[data-v-e8f39a36]{width:100%;box-sizing:border-box;overflow-x:hidden}.news-list-container .list[data-v-e8f39a36]{display:grid;grid-row-gap:.625rem;grid-column-gap:.5rem;grid-template-columns:repeat(3,1fr);width:100%;box-sizing:border-box}@media screen and (max-width: 768px){.news-list-container .list[data-v-e8f39a36]{grid-template-columns:1fr}}.news-list-container .news-item[data-v-e8f39a36]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.5rem;gap:.375rem;background:#fff;border-radius:.375rem;overflow:hidden;box-shadow:0 .0625rem .25rem rgba(0,0,0,.04),0 .03125rem .0625rem rgba(0,0,0,.06);box-sizing:border-box;transition:all .3s ease;border:.03125rem solid rgba(0,0,0,.03)}.news-list-container .news-item[data-v-e8f39a36]:active{transform:scale(.98);box-shadow:0 .03125rem .125rem rgba(0,0,0,.08)}.news-list-container .news-item[data-v-e8f39a36]:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .75rem rgba(0,0,0,.08),0 .125rem .25rem rgba(0,0,0,.06)}.news-list-container .news-item:hover .img-wrap .cover-img[data-v-e8f39a36]{transform:scale(1.05)}.news-list-container .news-item .img-wrap[data-v-e8f39a36]{width:100%;height:6.875rem;border-radius:.25rem;overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.news-list-container .news-item .cover-img[data-v-e8f39a36]{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.news-list-container .news-item .info[data-v-e8f39a36]{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:3.75rem}.news-list-container .news-item .title[data-v-e8f39a36]{font-size:.53125rem;font-weight:600;color:#1a1a1a;line-height:1.5;margin-bottom:.25rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;letter-spacing:.00938rem}.news-list-container .news-item .subtitle[data-v-e8f39a36]{font-size:.4375rem;color:#666;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.3125rem}.news-list-container .news-item .meta[data-v-e8f39a36]{display:flex;justify-content:flex-start;align-items:center;font-size:.375rem;color:#999;padding-top:.25rem;border-top:.03125rem solid #f0f0f0}.load-more[data-v-e8f39a36]{text-align:center;padding:.3125rem;font-size:.4375rem;color:#999}.empty[data-v-e8f39a36]{text-align:center;padding:3.125rem 0;color:#999;font-size:.4375rem}
|
