/**
 * Minified by jsDelivr using clean-css v4.2.1.
 * Original file: /gh/spencerwooo/Substats@a5dbafea730dc41afd7c9cf57c0943152171ffd4/styles/default.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
html {
  padding: 0;
  margin: 0
}

body {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 700px;
  font-family: 'Fira Code',Consolas,Monaco,monospace,Noto Sans CJK SC,Sarasa Gothic SC,Microsoft YaHei,monospace,Apple Color Emoji,Segoe UI Emoji;
  background-color: #fafaff
}

@media only screen and (max-width:700px) {
  body {
      height: 100%;
      padding: 2.5rem 1rem;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start
  }

  #banner {
      max-width: 100%
  }

  #code-banner-container {
      max-width: 100%
  }
}

.h1 {
  font-size: 4.8em;
  /* line-height: 1em; */
  color: #1e1005;
  font-weight: 600;
  text-align: center; /*让div内部文字居中*/
	/* background-color: #fff; */
	border-radius: 20px;
	/* width: 300px;
	height: 350px; */
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
  bottom: 0;
  text-shadow: 0px 20px 30px rgb(0 0 0 / 25%), 2px 4px 15px rgb(0 0 0 / 24%);
}

h6 {
  font-size: .85em;
  color: #6a737d;
  font-weight: 600;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#code-banner-container {
  perspective: 180px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

#code-banner {
  position: relative;
  padding: 1rem 2rem 2rem 1.5rem;
  margin: 2rem 0;
  overflow: auto;
  font-size: .9em;
  line-height: 1.45;
  background-color: #282c34;
  box-shadow: 2em 4em 6em -2em rgba(0,0,0,.5),1em 2em 3.5em -2.5em rgba(0,0,0,.5);
  border-radius: .5em;
  -webkit-transition: transform .3s ease,box-shadow .3s ease;
  -moz-transition: transform .3s ease,box-shadow .3s ease;
  -o-transition: transform .3s ease,box-shadow .3s ease;
  transition: transform .3s ease,box-shadow .3s ease
}

#code-banner a:hover {
  text-decoration: none
}

#code-banner code {
  font-family: 'Fira Code',Consolas,Monaco,monospace;
  color: #fff;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  overflow-wrap: normal
}

#code-banner code span {
  color: #fff
}

#code-banner code span.accent {
  color: #f48120
}

#code-banner code span.source-highlight {
  color: #00b0d8
}

#code-banner code span.query-highlight {
  color: #01ad9f
}

#code-banner code span.mu-highlight {
  color: #ff7700;
}

#code-banner code span.token {
  transition: opacity .3s ease;
  opacity: .7
}

#code-banner:hover code span.token {
  opacity: 1
}

#code-banner code em {
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: .75em;
  color: hsla(0,0%,100%,.4)
}

#code-banner #code-class {
  position: absolute;
  bottom: 0;
  right: 0;
  color: hsla(0,0%,100%,.4);
  font-size: .75rem;
  margin: 0 1rem 1rem 0
}

em,strong {
  font-weight: 600
}

footer {
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: center;
  font-size: .75em;
  color: #6a737d
}

tab {
  margin: auto;
  margin-top: 0rem;
  margin-bottom: 0rem;
  text-align: center;
}

.first-line {
  /* margin: auto; */
  margin-top: 3rem;
  text-align: center;
}

.second-line {
  margin-top: .4rem;
  text-align: center;
}

a {
  color: #faad3f;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}
/*# sourceMappingURL=/sm/738caf4c1ff94c0baf191948badbe8a8dbd68b3ae55a7310448e90e334e269a0.map */