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

.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);
}

/* ── 語言切換器 ── */
.lang-switcher {
  position: absolute;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 2px;
}

.lang-btn {
  background: none;
  border: none;
  padding: 4px 6px;
  font-size: 12px;
  font-family: inherit;
  color: #aaa;
  cursor: pointer;
  letter-spacing: 0.03em;
  line-height: 1;
  transition: color 0.15s;
}

.lang-btn:hover {
  color: #201F21;
}

.lang-btn.is-active {
  color: #201F21;
  font-weight: 700;
  border-bottom: 1.5px solid #201F21;
}

/* 按鈕之間的分隔線 */
.lang-btn + .lang-btn::before {
  content: '|';
  margin-right: 2px;
  color: #ddd;
  font-weight: 400;
}