.nexlink-skin-bar {
border-left: 3px solid #16a34a;
padding-left: 6px;
text-decoration: none;
font-weight: 500;
}
.nexlink-skin-bar:hover {
border-left-color: #15803d;
} .nexlink-skin-box {
border: 1px solid #16a34a;
background-color: #dcfce7;
color: #15803d;
padding: 1px 7px;
border-radius: 5px;
text-decoration: none;
font-weight: 500;
transition: background-color 0.2s ease, color 0.2s ease;
}
.nexlink-skin-box:hover {
background-color: #16a34a;
color: #ffffff;
} .nexlink-card {
display: block;
margin: 20px 0;
text-decoration: none;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
}
.nexlink-card .nexlink-label {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #757575;
margin-bottom: 4px;
font-weight: 500;
}
.nexlink-card .nexlink-link {
font-size: 16px;
font-weight: 600;
color: #212121;
text-decoration: none;
transition: color 0.2s ease;
}
.nexlink-card .nexlink-link:hover {
color: #16a34a;
text-decoration: none;
} .nexlink-card.minimal {
border: 1px solid #E0E0E0;
padding: 16px;
border-radius: 6px;
background-color: #FFFFFF;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.nexlink-card.minimal:hover {
border-color: #16a34a;
box-shadow: 0 2px 4px rgba(30, 136, 229, 0.1);
} .nexlink-card.modern {
background-color: #dcfce7;
border-left: 4px solid #16a34a;
padding: 16px 20px;
border-radius: 0 6px 6px 0;
transition: background-color 0.2s ease;
}
.nexlink-card.modern:hover {
background-color: #bbf7d0;
}
.nexlink-card.modern .nexlink-label { 
color: #15803d;
}
.nexlink-card.modern .nexlink-link { 
color: #166534;
} .nexlink-card.paper {
background-color: #FFFFFF;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
padding: 20px;
border-radius: 8px;
border: 1px solid #F5F5F5;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.nexlink-card.paper:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
} .nexlink-card.outline {
border: 2px solid #16a34a;
padding: 16px;
border-radius: 6px;
background-color: #FFFFFF;
transition: background-color 0.2s ease;
}
.nexlink-card.outline:hover {
background-color: #dcfce7;
}
.nexlink-card.outline .nexlink-label {
color: #16a34a;
}
.nexlink-card.outline .nexlink-link {
color: #15803d;
}