.link-items{--link-item-height: 81px;--link-item-gap: 6px;display:flex;flex-wrap:wrap;margin:0 calc(var(--link-item-gap)*-1);overflow:hidden;position:relative}.link-item{width:16.66666%;box-sizing:border-box;padding:0 var(--link-item-gap) calc(var(--link-item-gap)*2);position:relative}.link-item .ri-star-line{font-size:14px;color:var(--text-color-light);display:none;position:absolute;right:15px;top:9px;z-index:10}.link-item .link-icon{width:40px;height:40px;border:1px solid #f1f1f1;border-radius:22px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.link-item .link-icon i{font-size:22px}.link-item .link-icon img{border-radius:999px}.link-item .link-icon .el-icon-error{color:#f56c6c}[data-theme=dark] .link-item .link-icon{border-color:rgba(103,103,103,.2)}.link-item .link-info{margin-left:10px;flex:1;width:0}.link-item .link-info h3,.link-item .link-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item .link-info h3{height:22px;line-height:22px;white-space:nowrap;margin-right:15px;font-weight:500;font-size:15px;color:var(--text-color-darker);width:100%}.link-item .link-info h3 .iconfont{flex-shrink:0;color:rgba(170,170,170,.6);font-size:15px;margin-left:5px}.link-item .link-info p{height:20px;line-height:20px;margin-top:1px;font-size:12px;color:var(--text-color-light)}.link-item a{border-radius:6px;padding:13px 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#fff;transition:box-shadow .3s cubic-bezier(0.175, 0.885, 0.32, 1),transform .3s cubic-bezier(0.175, 0.885, 0.32, 1);box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02)}.link-item a:hover{background:#fcfcfc}.link-item a:hover .info h3{color:var(--primary-color)}[data-theme=dark] .link-item a:hover{background:rgba(42,42,42,.8)}.link-item:hover .ri-star-line{display:block}@media screen and (max-width: 1750px){.link-items.rows-1{max-height:var(--link-item-height)}.link-items.rows-2{max-height:calc(var(--link-item-height)*2)}.link-items.rows-3{max-height:calc(var(--link-item-height)*3)}.link-items.rows-4{max-height:calc(var(--link-item-height)*4)}.link-item{width:20%}}@media screen and (max-width: 1460px){.link-items.rows-1,.link-items.rows-2,.link-items.rows-3,.link-items.rows-4{max-height:none}.link-item{width:25%}}@media screen and (max-width: 760px){.link-items.rows-1,.link-items.rows-2,.link-items.rows-3,.link-items.rows-4{max-height:none}.link-item{width:100%}.link-item .link-action-btn{display:none}}/*# sourceMappingURL=link-item.css.map */
