.rel-wrap{
width:var(--pw1);
margin:var(--gap) auto;
}
.rel-grid{
display:grid;
grid-template-columns:1fr;
gap:var(--gd2);
}
.rel-card{
display:grid;
grid-template-columns:70px 1fr;
gap:var(--gd2);
align-items:center;
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
padding:var(--gd2);
color:var(--tx1);
box-shadow:var(--fbs);
}
.rel-card:hover{
background-color:var(--hv0);
text-decoration:underline;
text-decoration-thickness:1px;
}
.rel-card-img{
width:70px;
height:70px;
border-radius:var(--br2);
overflow:hidden;
flex-shrink:0;
background-color:var(--bg3);
}
.rel-card-img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.rel-card-no-img{
width:70px;
height:70px;
border-radius:var(--br2);
background-color:var(--bg3);
display:flex;
align-items:center;
justify-content:center;
}
.rel-card-no-img span{
font-family:var(--ff2);
font-size:22px;
font-weight:800;
color:var(--tx3);
}
.rel-card-title{
font-family:var(--ff1);
font-size:17px;
font-weight:600;
line-height:1.5;
color:var(--tx1);
margin:0;
}
.rel-card:hover .rel-card-title{
color:var(--tx1);
}
.rel-inject-wrapper{
margin:var(--gap) 0;
display:flex;
flex-direction:column;
align-items:center;
gap:var(--gd4);
}
.rel-inject{
padding:var(--gd2);
border-radius:var(--br1);
display:flex;
flex-direction:column;
background-color:var(--bg3);
border:2px solid var(--bc1);
overflow:hidden;
width:360px;
}
.rel-inject a{
cursor:pointer;
}
.rel-inject img,
.post .rel-inject img{
width:100%;
height:250px;
object-fit:cover;
flex-shrink:0;
display:block;
margin:0;
border-radius:var(--br2);
cursor:pointer;
}
.rel-inject h3{
font-size:26px;
font-weight:640;
margin:0;
}
.rel-inject-content{
padding:14px 0 6px;
}
.rel-inject-content>a{
color:var(--tx1);
display:block;
}
.rel-inject-content>a:hover{
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:2px;
}
.rel-inject-content>a:hover h3{
color:var(--tx1);
}
.rel-inject-meta{
margin-top:4px;
font-size:18px;
color:var(--g99);
}
.rel-inject-meta a{
color:#f51;
}