<style>
.bd_gal-wrap {
    width: 100%;
    height: 600px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;}

.bd_gal-row {
    display: flex;
    transform-origin: center center;}

.bd_gal-item {
    position: relative;
    height: 300px;
    overflow: hidden;
    cursor: pointer;}

.bd_gal-item img {
    height: 100%;
    width: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
    border: 0;}

.bd_gal-item:hover img {
    transform: scale(1.08);}

.bd_gal-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(0,0,0,0.75));
    color: #fff;
    padding: 14px 12px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    box-sizing: border-box;}
.bd_gal-item:hover .bd_gal-mask {
    transform: translateY(0);}
.bd_gal-title {
    font-size: 15px;
    margin-bottom: 4px;}
.bd_gal-time {
    font-size: 12px;
    opacity: 0.8;}

/* 移动端适配 */
@media screen and (max-width:768px){
    .bd_gal-wrap{
        height: auto;
        min-height: 260px;}
}
</style>
