.header {
  position: relative;
  display: flex;
  justify-content: center;   /* 讓 Logo 在中間 */
  align-items: center;
  padding: 10px 20px;
  background: #222;
  color: white;
}

.header .logo img {
  height: 40px;
  cursor: pointer;
}

.header-icons {
  position: absolute;  /* 固定在右邊 */
  right: 20px;
}

.header-icons img.setting-icon {
  height: 24px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.header-icons img.setting-icon:hover {
  transform: scale(1.1); /* hover 時微微放大 */
}