body{
background:#111;
color:#eee;
font-family:sans-serif;
margin:0;
}

.header{
padding:40px;
text-align:center;
}

.gallery-section{
padding:20px;
max-width:1400px;
margin:auto;
}

#gallery{
columns:4 250px;
column-gap:15px;
}

.art-card{
break-inside:avoid;
margin-bottom:15px;
background:#1a1a1a;
border-radius:10px;
overflow:hidden;
}

.art-card img{
width:100%;
display:block;
cursor:pointer;
}

.art-info{
padding:10px;
font-size:14px;
}

footer{
text-align:center;
padding:40px;
opacity:0.6;
font-size:13px;
}
/* 燈箱背景設定 */
#lightbox {
  position: fixed; /* 固定在畫面上 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85); /* 半透明黑色背景 */
  display: flex;
  justify-content: center; /* 圖片水平置中 */
  align-items: center; /* 圖片垂直置中 */
  z-index: 1000; /* 確保它蓋在所有東西最上面 */
  cursor: zoom-out; /* 滑鼠移過去變成「縮小」的放大鏡，提示使用者點擊可關閉 */
}

/* 燈箱內的圖片設定 */
#lightbox img {
  max-width: 90%;
  max-height: 90vh; /* 確保長條圖不會超出螢幕高度 */
  border-radius: 8px; /* 加一點圓角比較好看 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); /* 加一點陰影增加立體感 */
}