/*
 * Matrix Collection
 * Category: UI / Layout
 * Function: 折叠式专家卡片样式 (极简单行模式)
 * Last Modified: 2026-05-04 16:18 (UTC+8)
 */

.mx-expert-collapse-wrapper {
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 0; 
    margin: 0 !important; /* 👈 核心修改：将原本的 25px 0 改为 0，彻底干掉模块上下的红框留白 */
    overflow: hidden;
}

/* 去除 details 默认箭头 */
.mx-expert-summary::-webkit-details-marker {
    display: none;
}
.mx-expert-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    cursor: pointer;
    list-style: none;
    outline: none;
}

.mx-summary-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-grow: 1;
}

.mx-summary-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%; /* 50%不改，打破沉闷感（对比之美）
    object-fit: cover;
    background: #eee;
}

.mx-summary-info {
    display: flex;
    flex-direction: column; /* 手机端建议上下排列，PC端可以横向 */
}

.mx-summary-name {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.mx-summary-tag {
    font-size: 11px;
    color: #d32f2f;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 2px;
}

/* 自定义右侧小箭头 */
.mx-summary-arrow::after {
    content: "+";
    font-size: 20px;
    color: #999;
}

.mx-expert-details[open] .mx-summary-arrow::after {
    content: "−";
}

/* 展开后的内容区域 */
.mx-expert-expanded-content {
    padding: 0 15px 15px 15px;
    border-top: 1px solid #f0f0f0;
    animation: mxFadeIn 0.3s ease;
}

.mx-expert-bio {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin: 15px 0;
}

/*
 * @description: 优化后的专家咨询按钮样式
 * @last_modified: 2026-05-04 16:30 (UTC+8)
 */
/* 加上 .mx-expert-expanded-content 限制作用范围 */
.mx-expert-expanded-content .mx-btn-primary {
    display: inline-block; 
    background-color: #d32f2f;
    color: #fff;
    padding: 10px 28px;
    border-radius: 0; /* 修改：将 4px 改为 0 (直角) */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.mx-expert-expanded-content .mx-btn-primary:hover {
    background-color: #0056b3;
}

@keyframes mxFadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* PC 端优化：身份信息可以横着放 */
@media (min-width: 769px) {
    .mx-summary-info {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .mx-summary-tag::before {
        content: "|";
        margin-right: 10px;
        color: #ddd;
    }
}