:root {
  --buttonColor: #007bff;
  --buttonHoverColor: #0056b3;
  --mainBackgroundColor: #f0f0f0;
  --mainTextColor: #000000;
  --modalTextColor: #f0f0f0;
  --screenInfoBackgroundColor: #bbb;
  --screenInfoTextColor: #000;
}

.dark-mode {
  --mainTextColor: #a4a4a4;
  --mainBackgroundColor: #000;
  --buttonColor: #090974;
  --modalTextColor: #a4a4a4;
  --screenInfoBackgroundColor: #000;
  --screenInfoTextColor: #a4a4a4;
}

body {
  font-family: Arial, sans-serif;
  background-color: var(--mainBackgroundColor);
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
  color: var(--mainTextColor);
}

#accelerometerDisplay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: var(--modalTextColor);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  display: none;
}

#permissionButton {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

.deviceinfo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  font-size: 1.5em;
  color: var(--modalTextColor);
  /* 垂直居中 */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
  z-index: 16;
}

.deviceinfo input {
  font-size: 1em;
  padding: 10px;
  margin: 30px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

input.error {
  background-color: #ffd4cf;
}

.popup {
  position: fixed;
  top: 0%;
  left: 0;
  width: 100%;
  margin-top: 8px;
  padding: 10px;
  background-color: #e74c3c;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  display: none;
  z-index: 1000;
}

.popup::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #e74c3c transparent;
}

.deviceinfo #privateStation {
  width: 20px;
  height: 20px;
  font-size: 1em;
  padding: 0px;
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.btn-group div {
  padding: 10px 20px;
  margin: 10px;
  background-color: var(--buttonColor);
  color: var(--modalTextColor);
  border-radius: 5px;
  cursor: pointer;
}

#saveButton {
  background-color: #28a745;
}

#closeButton {
  background-color: #dc3545;
}

#refreshButton {
  background-color: #227cd6;
}

#saveButton:hover {
  background-color: #218838;
}

#closeButton:hover {
  background-color: #ff4d4d;
}

.locationinfo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  font-size: 1.2em;
  color: var(--modalTextColor);
  /* 垂直居中 */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
  z-index: 16;
}

.locationinfo input {
  font-size: 0.75em;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#debug {
  position: fixed;
  top: 0;
  left: 0;
  color: #000;
}

.settings-group {
  display: flex;
  justify-content: space-between;
  /* 控制子元素间距 */
  align-items: flex-start;
  /* top: 0px; */
  position: fixed;
  top: 0;
  width: 100%;
}

.settings-group .box {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 等比例分配宽度 */
  flex: 1;
  height: 75px;
  line-height: 20px;
  margin: 0 5px;
  /* 子元素间距（可选） */
  text-align: center;
  padding: 10px 15px;
  box-sizing: border-box;
  /* 包括 padding */
  font-size: 15px;
  cursor: pointer;
  background-color: var(--buttonColor);
  color: var(--modalTextColor);
  border-radius: 5px;
  transition: background-color 0.3s ease;
  /* 不换行 */
  /* white-space: nowrap; */
}

.settings-group .box:hover {
  background-color: var(--buttonHoverColor);
}

dialog {
  background: #222;
  outline: none;
  border: none;
  box-shadow: 3px 3px 5px #000;
  border-radius: 8px;
  text-align: center;
  color: var(--modalTextColor);
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.deviceCalibration {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  font-size: 1.2em;
  color: var(--modalTextColor);
  /* 垂直居中 */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 16;
  display: none;
}

.suijun {
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  transform: translate(-50%, 10%);
  left: 50%;
}

.suijun::before,
.suijun::after {
  content: "";
  position: absolute;
  background-color: #bbb;
}

/* 垂直线 */
.suijun::before {
  top: 0;
  bottom: 0;
  left: 50%;
  /* 水平居中 */
  width: 2px;
  transform: translateX(-50%);
}

/* 水平线 */
.suijun::after {
  left: 0;
  right: 0;
  top: 50%;
  /* 垂直居中 */
  height: 2px;
  transform: translateY(-50%);
}

#Suijunpoint {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #227cd6;
  z-index: 15;
}

.success {
  display: none;
  position: absolute;
  width: 70px;
  background: #5ad14a;
  color: #000;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  z-index: 16;
}

#calibrationBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: var(--buttonColor);
  color: var(--modalTextColor);
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  cursor: pointer;
}

#calibrationBtn:hover {
  background-color: var(--buttonHoverColor);
}

#ScreenKeepAlive {
  position: fixed;
  top: 70px;
  left: 0;
  padding: 15px 5px;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}

#NotSupportScreenKeepAlive {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  padding: 10px 20px;
  font-size: 12px;
  background-color: #bbb;
}

#screenInfo {
  position: fixed;
  bottom: 0px;
  padding: 10px 20px;
  font-size: 14px;
  background-color: var(--screenInfoBackgroundColor);
  color: var(--screenInfoTextColor);
  text-align: center;
  display: none;
}

#Darkmode {
  position: fixed;
  top: 70px;
  right: 0;
  padding: 15px 5px;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

#fullScreen {
  position: fixed;
  top: 120px;
  right: 0;
  padding: 5px 5px;
  font-size: 16px;
  cursor: pointer;
  display: none;
  -webkit-user-select: none;
  user-select: none;
}

#fullDark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
  z-index: 19;
}

.fullDarkTips {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  background-color: #000;
  color: #fff;
  display: none;
  z-index: 20;
  /* display: flex; */
  /* 启用 flex 布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  text-align: center;
}

.fullDarkTips span {
  transition: opacity 0.5s ease-in-out;
}

#exitFullDark {
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  font-size: 18px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

#exitFullDark:hover {
  background-color: #ddd;
}

.hidden {
  opacity: 0;
}

.intDisplayContainer {
  display: flex;
  justify-content: space-around;
  /* 根据宽度自动分配 */
  align-items: center;
  flex-wrap: wrap;
  /* 自动换行以适应较窄屏幕 */
}

.intItem {
  display: flex;
  flex-direction: column;
  /* 文字在上，数值在下 */
  align-items: center;
  justify-content: center;
  margin: 1px;
  /* 保持每个块之间有间距 */
}

.intLabel {
  font-size: 12px;
  margin-bottom: 5px;
  /* 与数值保持间距 */
  text-align: center;
}

.intValue {
  background-color: #5ad14a;
  border-radius: 5px;
  width: 90%;
  height: 70px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 70px;
}

.mainDisplay {
  position: relative;
  background-color: var(--mainBackgroundColor);
  border: 2px solid #a4a4a4;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
  text-align: center;
}

.mainDisplay .item {
  position: relative;
  display: flex;
  height: 20px;
  align-items: center;
  margin: 3px 0;
}

.item .text {
  position: absolute;
  left: 5px;
  color: var(--mainTextColor);
  -webkit-text-stroke: 0.5px var(--mainBackgroundColor);
  font-weight: bold;
  font-size: 18px;
  z-index: 2;
}

.gradientColor {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to right, #5ad14a, #f5a623, #e63946);
  border-radius: 5px;
  position: relative;
  z-index: 0;
}

.block {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 20px;
  background-color: var(--mainBackgroundColor);
  z-index: 1;
  /* border-radius: 5px; */
  transition: 0.15s linear;
}

.shindo5lower span,
.shindo6lower span {
  font-size: 35px;
  position: relative;
  top: -7px;
  left: -1px;
}

.shindo5upper span,
.shindo6upper span {
  font-size: 30px;
  position: relative;
  top: -7px;
  left: -1px;
}

.privateText {
  display: none;
  color: var(--mainTextColor);
}

.PrivatePolicy {
  display: none;
  color: var(--mainTextColor);
  position: absolute;
  font-size: 12px;
  width: 85%;
  height: 100%;
  text-align: center;
  margin-top: 10px;
  border: 1px solid #000;
  z-index: 10000;
  overflow: hidden;
  margin: 0px 10px;
}

#popupinner {
  /* 上下左右居中 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 绝对定位 */
  position: fixed;
  border-radius: 20px;
  width: 85%;
  min-width: 300px;
  height: 80%;
  background-color: var(--mainBackgroundColor);
  border: 1px solid var(--mainTextColor);
}

#popuptitle {
  /* 弹窗标题 */
  width: 100%;
  height: 50px;
  background-color: #454d5c;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 20px 20px 0 0;
}

#popupclose {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 50px;
  height: 50px;
  background: 100%/100% no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAACuFBMVEXs7djs7djs5djs7djs7djs7djs5dhHcEzs7djs7djs7djs7djs5djs7djs7djs7djs5tjs7djs7djs7djs5tjs5djs59js6Njs5tjs7djs59js7djs7Njs7djs6djs5tjs6djs7djs6tjs7djs5djs7djs5djs7djs59js5tjs7djs5tjs7djs7djs7djs5tjs7djs7djs7djs7djs5djs5djs7djs69js7djs7djs7djs7djs7Njs69js6djs7djs7djs7djs7djs6Njs7djs7djs6Njs7djs69js59js7Njs6tjs6djs7Njs5tjs6Njs7djs5tjs7djs5tjs59js7djs7djs7djs5djs6tjs7djs7djs7djs7djs7djs7djs6djs59js6Njs5djs5tjs7djs7djs7djs6djs6tjs7djs5djs7djs7djs7djs5djs6djs6tjs7djs7Njs5tjs6Njs5djs5dhKU2ZLVGZVXW5SWmzr5Nfr5Njp4tZbYnLNycJeZXRiaHfOysOKjJNUXG3q49fm4NRNVmhOV2lhaHZ/g4uIi5LKx8CHipHLx8Hn4NTm39Tj3dKDho5cZHPp49bh29C9u7fa1Mvl39OzsbDQzMS3tbJobntMVWd2e4VWXm6uraxgZnXIxL+Nj5V4fIZLVGfCv7rMyMKKjZNZYXGysa9mbHq2tLLRzcXZ1Mu0s7G3tbO8ubbAvbmEiI/Tz8ff2c/DwLvGw73Py8RudH+BhY3TzsaQkpfk3tLHw76ysK98gIl0eYSBhIxlbHmMj5SGiZCUlpqgoKJaYXFPWGqoqKhXXm9iaXddZHObnJ9ZYHDBvrqFiJC/vLjg2tClpaZgZ3Z6f4hXX2+qqapvdIBnbXpcY3PMyMF3fIZ/g4yLjpTIxb9SWmuJjJK4trNscn65t7Rtcn9PFKUfAAAAd3RSTlNmBP1dGhb+AGVoZGH7Uz4U3g1KYuX2s6HfSLAOcCKU4o5aiF7vXPhWv8g23FQ6P+AGBU0z6e49e1EyGCxsfZkXXww1nURYnBN8vmt9mm/NoyHhB8eyY0kq6oc5KVc4GUeVtJ/33UZqCI9/VexFNBX0i4BLauaa9WiuL6YAAAYTSURBVGje7Vn3VxNLFE4gCRpRmvQmRUBB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);
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

#popupclose:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAACl1BMVEVHcEz////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////s5dj///9KU2ZLVGZVXW5SWmzr5Nfr5Njv6d749vHp4tZbYnL9/PvNycJeZXRWXm5iaHfOysOKjJNLVGfy7eX59/Py7uVUXG3v6t/m4NTq49ezsbBcZHO3tbPl39PQzMRNVmhhaHZOV2lgZnXt59p/g4v08Ont5tnt5trw6+H6+PTIxb+Ii5L+/fzKx8D59/Tm39Tk3tKHipHp49bLx8Hn4NT8+/iDho54fIbCv7rh29BZYHC9u7fTz8fa1MuFiJBmbHqBhY3g2tBobntudIB2e4Wurazu59z///7+/v7MyMKKjZONj5Xy7eSMj5Tu6N3u6Nz9/fz+/f22tLK5t7TRzcXAvbnZ1Mu0s7G8ubb18etscn7DwLvGw72QkpfHw76ysa98gIllbHl0eYSgoKKGiZCUlppZYXFPWGqbnJ+oqKhiaXddZHO/vLilpaZ6f4iqqarz7+d/g4xSWmvz7uWerdQXAAAAaHRSTlMAAwUTBgcPAgQBCTMKDRUIKCIbJhYMEEURHBclFCoYOQs4Hm8/pjLlQkhzRvkn291BPXs2Iy83LiCGMGs7ISwrSi0+TE3xHxmCDt9AV95w7KC07R3nutKazXKurfehg1SrpVb2mJez/HbN/NQAAAegSURBVGje7VlnWxNZFF5SZtJJIwEChF5FwA5YQBAVC/auu666OzMJgYChBFFAuiIgiIAoohQFK2LvHXvv+2P2TnphQhIInzzP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);
}

#popupclose:active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEXx26H///////////////////////9HcEz////////////////////////////////////////////////////+/Pj//vz////////////x3KLx26L////////////////y3afy3KX////////////////89uj////////////////////////////////////////////////////////258H257///vz9+vP////////////15r/////////////z4a///////vz//////////////////////////vzx3KP47tL+/fn15r3+/fn///7//v7+/Pj+/fry3af////////////8+O3////////////z4K/////////////////////////////////////////////////15r7y3ab89un26MP258H////////////////////////////////y3qjy36v89+v89+n+/frx3KT368v04rTy3qn368r89+r+/vv+/fn///7z4K79+fD++/X47c/579X+/fnz4bL58dn////////36sj//vz79OL+/Pf///779ub258D58Nn47c/9+fD////258Dz4K3x3KP68dr04bL79OP047X//v3+/Pb36sj68t3x3KT8+Oz+/fn//////v7////257/y3qn15r3////////////z4K3////////47dD+/Pb15bz15br36cf26cX9+vP04rX47dH37Mz89+r9+/T8+O7z4a/79OP8+Ov8+Oz15br79eX68t39+vH58Nn79uf+/Pf+/Pb//v7+/vv47tPy36r26cT68+D+/fr68dr36sj9+vP58Nf+/fv9+e7++/b68dv047by36r15bz////689/79eT8+O3//vz26cX68t7//v768+Dy3qr89uj47M3y36v//v379uf8+O336sn79OH+/Pf8+O3////37Mz368r9+fD47M7258D9+/T047f////////68t7689/58dry3KX///+cD56iAAAA/3RSTlOABQsKAwQIAAECDhMGFAc1ES4MGjnt+U8jHIGAKCVaN4SCKSBJUM1FDxUJGGZfFx9bJkJjFpqY93E7EB2YISpGgDH4ThlLMGo49oGt8Zbw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);
}

#popupcontainer {
  color: var(--mainTextColor);
  margin: 0px 15px;
  height: calc(100% - 50px);
  overflow-y: auto;
  font-size: 16px;
  text-align: center;
}

#popupcontainer ul {
  padding-left: 10px;
}

#PrivatePolicyOpen {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 16px;
  color: var(--modalTextColor);
  text-decoration: underline;
  cursor: pointer;
}