body * {
  box-sizing: border-box;
  flex-shrink: 0;

}

body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
  margin: 0;
  padding: 0;
}

input {
  background-color: transparent;
  border: 0;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

/* 1200px 安全区：外层 flex 水平居中，不用 margin-left: 360px */
.flex-safe {
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.safe-1200 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  box-sizing: border-box;
}

.topbar-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin-left: auto;
}