/* =====================
   全局设置
===================== */

* {
  box-sizing: border-box;
}


body {

  margin:0;

  background:#ffffff;

  font-family:Arial, Helvetica, sans-serif;

  color:#000;

}



/* =====================
   页面容器
===================== */

.wrap {

  width:100%;

  min-height:100vh;

}



/* =====================
   固定顶部区域
===================== */

.header {

  position:fixed;

  top:0;

  left:0;

  width:100%;

  height:105px;

  background:#ffffff;

  z-index:1000;

  display:flex;

  flex-direction:column;

  align-items:center;

}



/* =====================
   Logo
===================== */

.logo {

  margin-top:5px;

  display:flex;

  justify-content:center;

  align-items:center;

}



.logo img {

  width:130px;

  height:auto;

  display:block;

}



/* =====================
   Slogan
===================== */

.slogan {

  margin-top:-8px;

  font-size:10px;

  letter-spacing:3px;

  line-height:1.2;

  text-align:center;

  text-transform:uppercase;

  color:#555;

  white-space:nowrap;

}



/* =====================
   图片墙 Grid布局
===================== */

.gallery {

  width:92%;

  max-width:1600px;

  margin:0 auto;

  padding-top:125px;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:24px;

}



/* 图片 */

.gallery img {

  width:100%;

  height:auto;

  display:block;

  cursor:pointer;

}



/* =====================
   图片放大层
===================== */

#lightbox {

  display:none;

  position:fixed;

  inset:0;

  background:rgba(255,255,255,0.96);

  z-index:2000;

  justify-content:center;

  align-items:center;

}



#lightbox img {

  max-width:90%;

  max-height:90%;

  object-fit:contain;

}



/* =====================
   手机适配
===================== */
/* =====================
   手机适配
===================== */

@media(max-width:768px){


  .header {

    position:-webkit-sticky;

    position:sticky;

    top:0;

    height:110px;

  }



  .logo {

    margin-top:5px;

  }



  .logo img {

    width:110px;

  }



  .slogan {

    margin-top:2px;

    font-size:9px;

    letter-spacing:2px;

    padding:0 15px;

  }



  .gallery {

    width:90%;

    padding-top:25px;

    grid-template-columns:1fr;

    gap:20px;

  }


}