/* 主容器 */
.main-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Body 基础样式 */
body {
  position: relative;
}

/* 导航栏 */
.nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 888px;
  border: 0;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box;
}

/* 左侧区 */
.nav-left {
  flex: 0 0 100px;
  text-align: left;
}

/* 中间区 */
.nav-center {
  flex: 1;
  padding: 5px 0 5px 10px;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* 右侧区 */
.nav-right {
  flex: auto;
  text-align: right;
}

/* Logo图标 */
.nav-logo-img {
  width: 30px;
  height: 20px;
  vertical-align: bottom;
}

/* 导航链接间距 */
.nav-right a {
  margin-left: 8px;
}

/* 时钟图标 */
.clock-icon {
  width: 14px;
  height: 14px;
  margin: 0 2px;
  vertical-align: middle;
  color: #666;
}

/* 时区选择下拉框 */
.timezone-select {
  padding: 2px 0;
  font-size: 12px;
  border: none;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  width: fit-content;
  cursor: pointer;
  text-align: center;
}

/* 隐藏滚动条 */
.timezone-select::-webkit-scrollbar {
  display: none;
}

/* 选项样式 */
.timezone-select option {
  background: white;
  color: #333;
}

/* 聚焦样式 */
.timezone-select:focus {
  border: none;
  outline: none;
  box-shadow: none;
}