.card-item dd,.card-item dl{margin:0}.card-item .img-layer{max-width:33%;width:33%;background:var(--white-gray);border-radius:4px;overflow:hidden;position:relative}.card-item .img-layer dd{line-height:0}.card-item .img-layer img{width:100%;height:180px;object-fit:cover}.card-item .img-layer:hover dt{height:auto;transition:all .1s ease-in;transform:translateY(0)}.card-item .img-layer dt{padding:5px 8px;transform:translateY(30px);height:0;position:absolute;bottom:0;left:0;width:100%;overflow:hidden}.card-item .img-layer dt::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;background:rgba(255,255,255,.4);backdrop-filter:blur(20px) saturate(180%);z-index:-1;border-radius:0 0 4px 4px}.card-item .img-layer dt strong{font-size:14px}.card-item .img-layer dt time{font-size:12px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;display:inline-block}.card-item .content-layer{width:50%;flex:1;padding-left:10px}.card-item .content-layer h5{margin:0;font-size:16px}.card-item .content-layer span.mini{font-size:12px;color:var(--gray)}.card-item .content-layer em{font-style:normal}.card-item .content-layer .el-tag{border-color:transparent}.card-item .el-card__body{display:flex;max-height:220px;font-size:14px}.card-item .card-attrs .el-tag{margin:0 5px 5px 0}.el-card{border-width:1px}@media screen and (-webkit-min-device-pixel-ratio:2){.el-card{border-width:.5px}}@media screen and (-webkit-min-device-pixel-ratio:3){.el-card{border-width:.333333px}}