/* 关键样式。Tailwind 在本地脚本里编译工具类；这里补上脚本注入前也要成立的规则。 */
html,
body {
  margin: 0;
  background: #fff7ed;
  color: #292524;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  -webkit-text-size-adjust: 100%;
}

input,
select,
textarea,
button {
  font-size: 16px;
}

button,
a,
label {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

button:disabled {
  opacity: 0.6;
}

/* Tailwind 运行时注入的边框色会盖过普通选择器，所以选中态用 !important。 */
.opt.is-on {
  border-color: #e11d48 !important;
  background-color: #fff1f2 !important;
}

.dock {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}

.pre {
  white-space: pre-wrap;
  word-break: break-word;
}