/* Links Shortcode - All Themes v1.0.1 */

/* --- 基础和通用样式 --- */
.lsc-container {
    display: grid;
    gap: 15px; /* 卡片之间的间距 */
}

.lsc-card {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.lsc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.lsc-card a {
    text-decoration: none;
    color: inherit;
    display: flex; /* 默认使用flex布局，方便对齐 */
    align-items: center; /* 默认垂直居中 */
}

.lsc-title {
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.lsc-description {
    font-size: 13px;
    color: #777;
    line-height: 1.5;
}


/* --- 样式 1 (Style 1): 图片在左，文字在右 --- */
.lsc-container.style1 {
    grid-template-columns: 1fr; /* 每行一个 */
}

.lsc-container.style1 .lsc-card a {
    flex-direction: row; /* 水平排列 */
    height: 90px;
}

.lsc-container.style1 .lsc-avatar {
    width: 90px;
    height: 90px;
    flex-shrink: 0; /* 防止图片被压缩 */
}

.lsc-container.style1 .lsc-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lsc-container.style1 .lsc-content {
    padding: 10px 15px;
    overflow: hidden;
}

.lsc-container.style1 .lsc-description {
    /* 多行文字溢出显示省略号 (需要浏览器支持) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    white-space: normal;
}

/* 当 Style 1 没有图片时 */
.lsc-container.style1 .lsc-card.no-avatar .lsc-content {
    padding-left: 20px;
}


/* --- 样式 1 方形变体 (Style 1 Square) --- */
.lsc-container.style1.square .lsc-card {
    border-radius: 4px;
}
.lsc-container.style1.square .lsc-avatar img {
    /* style1 默认就是方的，这里可以添加其他方形特定样式 */
}


/* --- 样式 2 (Style 2): 图片在上，文字在下 (卡片网格) --- */
.lsc-container.style2 {
    /* 响应式网格布局 */
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.lsc-container.style2 .lsc-card a {
    flex-direction: column; /* 垂直排列 */
    align-items: stretch; /* 让子元素宽度撑满 */
    text-align: center;
}

.lsc-container.style2 .lsc-avatar {
    height: 120px;
    width: 100%;
}
.lsc-container.style2 .lsc-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lsc-container.style2 .lsc-content {
    padding: 15px;
}
.lsc-container.style2 .lsc-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}
/* 当 Style 2 没有图片时，内容区增加内边距使其饱满 */
.lsc-container.style2 .lsc-card.no-avatar a {
    padding: 20px 15px;
}


/* --- 样式 2 圆形变体 (Style 2 Circle) --- */
.lsc-container.style2.circle .lsc-card a {
    align-items: center; /* 头像需要居中 */
    padding-top: 20px;
}
.lsc-container.style2.circle .lsc-avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}
.lsc-container.style2.circle .lsc-card.no-avatar a {
    justify-content: center;
    min-height: 120px; /* 给没有头像的卡片一个最小高度，使其协调 */
}