/* album.asp 企业相册 */

/* 左侧分类导航 */
.album-side-cats{padding:10px 12px;}
.album-side-cats ul li{list-style:none;}
.album-side-cats ul li a{display:flex;align-items:center;gap:8px;padding:12px 10px;font-size:14px;color:#555;border-bottom:1px dashed #eee;transition:all .25s ease;}
.album-side-cats ul li:last-child a{border-bottom:none;}
.album-side-cats ul li a i{color:#990000;font-size:15px;width:18px;text-align:center;}
.album-side-cats ul li a:hover{color:#990000;padding-left:16px;background:#fafafa;}

/* 右侧分类区块 */
.album-section{margin-bottom:30px;}
.album-sec-title{margin-bottom:18px;border-bottom:2px solid #990000;padding-bottom:10px;position:relative;}
.album-sec-title h2{font-size:20px;color:#333;font-weight:bold;margin:0;}
.album-sec-title h2 small{font-size:12px;color:#999;font-weight:normal;margin-left:10px;letter-spacing:1px;}
.album-sec-title .ast-line{display:none;}

/* 图片网格 */
.album-grid{display:flex;flex-wrap:wrap;gap:16px;}
.album-item{width:calc(25% - 12px);background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;transition:box-shadow .25s ease, transform .25s ease;}
.album-item:hover{box-shadow:0 8px 22px rgba(153,0,0,.18);transform:translateY(-3px);}
.album-item .alb-link{display:block;position:relative;width:100%;height:170px;overflow:hidden;background:#f5f5f5;}
.album-item .alb-link img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .35s ease;}
.album-item:hover .alb-link img{transform:scale(1.05);}
.album-item .alb-mask{position:absolute;inset:0;background:rgba(153,0,0,.55);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease;}
.album-item:hover .alb-mask{opacity:1;}
.album-item .alb-mask i{color:#fff;font-size:26px;}
.album-item .alb-caption{padding:8px 12px;font-size:13px;color:#444;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 合作客户: 图片框底色与 logo 白底一致 */
#cat-1 .alb-link{background:#fff;}

/* 合作客户 logo 统一与其他分类，不做特殊处理 */

/* 空状态 */
.album-empty{width:100%;text-align:center;padding:50px 20px;color:#bbb;border:1px dashed #ddd;border-radius:6px;background:#fafafa;}
.album-empty i{font-size:48px;margin-bottom:12px;display:block;color:#ddd;}
.album-empty p{margin:0;font-size:14px;}

/* 灯箱 */
.alb-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;}
.alb-lb-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:86vh;text-align:center;}
.alb-lb-inner img{max-width:90vw;max-height:78vh;border-radius:4px;box-shadow:0 0 40px rgba(0,0,0,.6);}
.alb-lb-title{color:#fff;margin-top:12px;font-size:14px;}
.alb-lb-close{position:absolute;top:20px;right:24px;color:#fff;font-size:28px;cursor:pointer;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:background .2s;}
.alb-lb-close:hover{background:rgba(153,0,0,.8);}
.alb-lb-prev,.alb-lb-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:36px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;}
.alb-lb-prev{left:24px;}.alb-lb-next{right:24px;}
.alb-lb-prev:hover,.alb-lb-next:hover{background:rgba(153,0,0,.8);}
@media(max-width:768px){
    .album-item{flex:1 1 45%;min-width:140px;}
    .album-item .alb-link{height:130px;}
}