/* 卡片外觀 */
#author_list .author-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    text-align: center; /* 讓整張卡的按鈕、段落置中 */
    margin-bottom: 24px;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);

    display: flex;
    flex-direction: column;
}

/* 上方左右欄：垂直置中，欄距適當 */
#author_list .author-card .author-header {
    align-items: center; /* 讓右欄內容與頭像垂直對齊 */
    /*gap: 16px;             !* 若你想用 Tocas 內建 gap，可改 is-2-gaps *!*/
}

/* 右欄的文字不要被卡片的 text-align: center 影響 */
#author_list .author-card .author-meta {
    text-align: left;
}

/* 頭像（用內層容器裁切，避免列高影響） */
#author_list .author-card .author-avatar {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto; /* 在自己的欄內水平置中 */
}

#author_list .author-card .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 文字樣式 */
#author_list .author-card .author-name {
    font-size: 24px;
    font-weight: bold;
    margin: 0; /* 拿掉原本的 margin-bottom */
    color: #00918C;
    line-height: 1.2;
}

#author_list .author-card .author-title {
    font-size: 14px;
    color: #707070;
    margin: 0; /* 避免多餘間距 */
}

#author_list .author-card .author-intro {
    font-size: 14px;
    color: #6A6A6A;
    margin-top: 24px;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;

    flex-grow: 1; /* 關鍵：讓這段把剩餘高度撐開 */
}

#author_list .author-card .author-link {
    display: inline-block;
    padding: 12px 24px;
    background-color: #0EC8BF;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;

    margin-top: auto; /* 關鍵：把按鈕推到底部 */
}

#author_list .paginator {
    text-align: center;
}

#author_list .paginator .current-page {
    text-decoration: underline;
}

/* 手機上縮小頭像，避免 2 欄太擠或 1 欄太高 */
@media (max-width: 480px) {
    #author_list .author-card .author-avatar {
        width: 96px;
        height: 96px;
    }
}