/* ============================================
   公共基础样式：舞台 980x568 自适应缩放
   所有页面按 980x568 设计，外层 transform:scale 铺满视口
   ============================================ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #dcebfd;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

/* 设计基准舞台 */
#stage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 980px;
  height: 568px;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  overflow: hidden;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  outline: none;
}

button:active {
  opacity: 0.85;
}

input,
select {
  font-family: inherit;
  outline: none;
}

/* 通用细滚动条 */
.thin-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.thin-scroll::-webkit-scrollbar-thumb {
  background: #b9d2f2;
  border-radius: 3px;
}

.thin-scroll::-webkit-scrollbar-track {
  background: transparent;
}