/* --- CSS 样式部分 (直接覆盖) --- */
    
    /* 1. 模块整体容器 */
    .ny-r-ly-doctor {
        width: 100%;
        max-width: 100%; 
        margin: 0 auto;
        background: #fff;
        padding: 15px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden; /* 隐藏超出的部分 */
    }

    /* 2. 头部标题和按钮区域 */
    .ny-r-sr-width.ny-r-htss {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .ny-r-sr-width a strong {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        position: relative;
        padding-bottom: 8px;
        display: inline-block;
    }
    
    /* 标题下方的蓝线装饰 */
    .ny-r-sr-width a strong::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #0056b3; /* 医疗蓝 */
    }

    /* 左右箭头按钮 */
    .n-rt {
        display: flex;
        gap: 5px;
    }
    .n-rt a {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #ddd;
        color: #999;
        text-decoration: none;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
    }
    .n-rt a:hover {
        background-color: #f5f5f5;
        color: #333;
    }

    /* 3. 滚动视口区域 */
    .doctor-scroll-view {
        width: 100%;
        overflow: hidden; /* 关键：隐藏滚动条 */
    }

    /* 4. 实际滚动的长条容器 */
    .doctor-list-track {
        display: flex;
        transition: transform 0.5s ease-in-out; /* 平滑过渡动画 */
        width: 100%; 
    }

    /* 5. 单个医生卡片容器 */
    .doctor-item {
        /* 默认双列模式：每个占50% */
        min-width: 50%; 
        box-sizing: border-box;
        padding: 0 10px; /* 卡片左右间距 */
        display: flex;
        flex-direction: column; /* 默认上下结构（双列时） */
        align-items: center;
        text-align: center;
    }

    /* --- 响应式/单列模式修复 (针对你截图的情况) --- */
    /* 当屏幕较窄，或者你强制只想显示一列时，应用以下样式 */
    @media (max-width: 768px) {
        .doctor-item {
            min-width: 100%; /* 单列模式：占满宽度 */
            flex-direction: row; /* 改为左右布局：左图右文 */
            text-align: left; /* 文字左对齐 */
            align-items: flex-start; /* 顶部对齐 */
            padding: 10px 0;
            border-bottom: 1px dashed #eee; /* 分割线 */
        }
        
        /* 图片样式调整 */
        .doctor-item img {
            width: 120px !important; /* 固定图片宽度 */
            height: 150px !important; /* 固定图片高度，防止变形 */
            object-fit: cover; /* 裁剪图片以适应框 */
            margin-right: 20px; /* 图片和文字的间距 */
            border-radius: 4px;
            flex-shrink: 0; /* 防止图片被压缩 */
        }

        /* 文字内容区域 */
        .doc-info {
            flex: 1; /* 占据剩余空间 */
            padding-top: 5px;
        }
    }

    /* 图片通用样式 */
    .doctor-item img {
        width: 100%;
        height: auto;
        border-radius: 4px;
        margin-bottom: 10px;
        display: block;
    }

    /* 名字 */
    .doc-name {
        font-size: 18px;
        color: #d9333f; /* 医疗红 */
        font-weight: bold;
        margin-bottom: 5px;
        display: block;
    }
    
    /* 职称 */
    .doc-title {
        font-size: 14px;
        color: #666;
        margin-bottom: 8px;
        display: block;
    }

    /* 科室和擅长 */
    .doc-desc {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        text-align: left; /* 始终左对齐描述 */
    }
    
    .doc-desc p {
        margin: 5px 0;
    }

    /* 擅长内容的省略号处理 */
    .doc-desc-good {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* 最多显示3行 */
        overflow: hidden;
    }