/* ===== PAGE BANNER ===== */
.page-banner{background:linear-gradient(135deg,<?= h($config['theme_color'] ?? '#0050a9') ?> 0%,#003d82 100%);padding:3rem 1rem;text-align:center; background:url(/public/images/albg.jpg)}
.page-banner h1{font-size:2.25rem;font-weight:700;color:#003d82;margin-bottom:0.375rem}
.page-banner p{font-size:1rem;color:rgba(0, 61, 130,.8);max-width:600px;margin:0 auto}

/* ===== PAGE WRAP ===== */
.page-wrap{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--muted);margin-bottom:1.5rem}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb span{color:#ccc}

/* ===== ALBUM GRID ===== */
.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.album-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.album-card:hover{box-shadow:0 10px 28px rgba(0,80,169,.2);transform:translateY(-3px)}
.album-photo{width:100%;height:260px;overflow:hidden;position:relative;cursor:pointer}
.album-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.album-card:hover .album-photo img{transform:scale(1.06)}
.album-photo::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:40px;height:40px; background:rgba(0,80,169,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .3s;background-image: url("/public/images/search2.png"); /* 你的图片路径 */ background-repeat: no-repeat;  background-size: contain;  pointer-events:none;}
.album-card:hover .album-photo::after{transform:translate(-50%,-50%) scale(1)}
.album-info{padding:0.75rem 1rem;text-align:center}
.album-name{font-size:0.9375rem;font-weight:600;color:var(--text);margin-bottom:0.25rem}
.album-tag{font-size:0.75rem;color:var(--blue);background:#eef3fb;padding:0.125rem 0.625rem;border-radius:10px;display:inline-block}

/* 无图占位 */
.album-photo-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#dde8ff)}
.album-photo-placeholder span{font-size:3rem;opacity:.35}

/* 灯箱 */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column}
.lightbox.show{display:flex}
.lightbox img{max-width:90vw;max-height:80vh;border-radius:4px}
.lightbox .lb-close{position:absolute;top:20px;right:30px;font-size:2rem;color:#fff;cursor:pointer;background:none;border:none}
.lightbox .lb-title{color:#fff;margin-top:1rem;font-size:1rem}

/* 空状态 */
.empty-state{grid-column:1/-1;text-align:center;padding:60px 0;color:#999}

/* ===== CONSULT STRIP ===== */
.consult-strip{background:linear-gradient(135deg,var(--blue) 0%,#003d82 100%);padding:2.5rem 1rem;text-align:center;margin-top:2rem;border-radius:var(--r)}
.consult-strip p{color:rgba(255,255,255,.9);font-size:1rem;margin-bottom:0.75rem}
.consult-strip .tel{color:#7fbe26;font-size:2rem;font-weight:700;margin-bottom:1.25rem}
.consult-strip a{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 2rem;background:#fff;color:var(--blue);border-radius:30px;font-size:1rem;font-weight:600;transition:opacity .2s}
.consult-strip a:hover{opacity:0.9}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .album-grid{grid-template-columns:repeat(3,1fr)}
  .top_center_left{min-width:200px;max-width:280px;height:44px}
}
@media(max-width:767px){
  .top_center{height:60px}
  .top_center_left{min-width:100px;max-width:160px;height:36px;background:url(/public/images/logo_m.jpg) no-repeat;background-size:contain;background-position:left center;flex-shrink:0}
  .rexian span{display:none}
  .rexian strong{font-size:1.25rem}
  .menu{padding:0}
  .nav{display:none}
  .mbtn{display:flex}
  .album-grid{grid-template-columns:repeat(2,1fr)}
  .album-photo{height:140px}
  .album-photo-placeholder{height:140px}
  .page-banner{padding:2rem 1rem}
  .page-banner h1{font-size:1.75rem}
  footer{display:none}
  .float-btn{right:10px;bottom:60px}
  .float-btn a{width:42px;height:42px}
}