:root {
  --tly-blue: #3478f6;
  --tly-blue-deep: #1760e8;
  --tly-ink: #1e2b43;
  --tly-muted: #596980;
  --tly-line: #e4eaf3;
  --tly-soft: #f5f7fb;
  --tly-content: 1200px;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 64px; }
body.tly-ref-site {
  margin: 0;
  background: #fff;
  color: var(--tly-ink);
  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.tly-ref-site a { color: inherit; text-decoration: none; }
.tly-ref-site button, .tly-ref-site input { font: inherit; }
.tly-ref-site img { max-width: 100%; }
.tly-ref-site [hidden] { display: none !important; }
.tly-ref-site :focus-visible { outline: 2px solid var(--tly-blue); outline-offset: 3px; }
.tly-skip {
  position: fixed;
  z-index: 5000;
  top: 8px;
  left: 8px;
  padding: 7px 14px;
  background: #fff;
  transform: translateY(-150%);
}
.tly-skip:focus { transform: translateY(0); }