.scard[data-v-5fcabff8]{background:#fff;border:.5px solid #0000001a;border-radius:4px;color:inherit;cursor:pointer;display:flex;margin-bottom:12px;overflow:hidden;text-decoration:none;transition:background .15s ease,border-color .15s ease}.scard[data-v-5fcabff8]:hover{background:#00000005;border-color:#0003}.scard__img-wrap[data-v-5fcabff8]{flex-shrink:0;height:65px;margin:8px 0 0 8px;position:relative;width:100px}.scard__img[data-v-5fcabff8]{height:100%;object-fit:cover;width:100%}.scard__rank[data-v-5fcabff8]{background:#dc9ca9e6;border-bottom-right-radius:4px;color:#fff;font-size:11px;font-weight:700;left:0;padding:2px 6px;position:absolute;top:0}.scard__body[data-v-5fcabff8]{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;min-width:0;padding:12px}.scard__title[data-v-5fcabff8]{-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:12px!important;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.scard__meta[data-v-5fcabff8]{margin-top:8px}.scard__meta[data-v-5fcabff8],.scard__user[data-v-5fcabff8]{align-items:center;display:flex}.scard__user[data-v-5fcabff8]{gap:6px;min-width:0}.scard__user-img[data-v-5fcabff8]{border-radius:50%;height:18px;object-fit:cover;width:18px}.scard__user-name[data-v-5fcabff8]{color:#666;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard__date[data-v-5fcabff8]{color:#999;font-size:11px}.article-details[data-v-7490aa6d]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:2rem 1rem}