/* ===================================================================
 *  ↓↓↓ Algolia 列表页样式表 (针对错误HTML结构的修复版) ↓↓↓
 * ===================================================================
*/

/*
 * --- 核心卡片布局 ---
 * 我们将整个 <a> 标签作为卡片的基础
*/
a.t1-research--item {
    display: block !important;
    position: relative !important;
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04) !important;
    height: 220px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    text-decoration: none !important;
}

a.t1-research--item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08) !important;
}

/*
 * --- 布局修复核心 ---
 * 由于 HTML 结构错误，我们不能使用 Flexbox。
 * 新策略：使用绝对定位。
*/

/* 1. 父容器（照片区），作为定位的基准 */
a.t1-research--item .t1-research--photo {
    position: relative !important; /* 确保它是定位上下文 */
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    /* 清除它自己身上可能带有的flex和position内联样式干扰 */
    flex: none !important;
}

/* 2. 真正的图片，让它占据左侧固定宽度 */
a.t1-research--item .t1-research--photo-image {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 280px !important; /* 定义左侧图片的宽度，您可以按需调整 */
    height: 100% !important;
    object-fit: cover !important;
}

/* 图片上的文字覆盖层 */
a.t1-research--item .t1-research--photo-overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 280px; /* 宽度和图片保持一致 */
    padding: 10px 12px;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    box-sizing: border-box;
}
a.t1-research--item .t1-research--photo-overlay.top { top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }

/* 3. 右侧内容区，用绝对定位“飞”到右边 */
a.t1-research--item .t1-research--main {
    position: absolute !important;
    top: 0 !important;
    left: 280px !important; /* <<<<< 关键：从左侧图片宽度的位置开始 */
    right: 0 !important;
    bottom: 0 !important;

    /* 让其内部可以垂直排列内容 */
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 24px !important;
    overflow-y: auto; /* 如果内容过多可以滚动 */

    /* 清除它自己身上可能带有的flex和min-width内联样式干扰 */
    flex: none !important;
    min-width: 0 !important;
}

/* --- 内容区文字样式 (保持不变) --- */
.t1-research--title { font-size: 19px; font-weight: 600; color: #2c3e50; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.t1-research--cite { font-size: 14px; color: #7f8c8d; margin-top: 4px; line-height: 1.5; white-space: normal; } /* 允许换行 */
.t1-research--summary { font-size: 14px; color: #555; line-height: 1.6; margin-top: 12px; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.t1-research--info { margin-top: auto; padding-top: 10px; border-top: 1px solid #f0f2f5; font-size: 13px; color: #95a5a6; display: flex; align-items: center; }

/* 隐藏外层的 li 默认样式 */
li.ais-Hits-item {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}