/* 修改默认样式 */

  body {
    margin: 0;
  }

  /*!tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/
  *,
  :after,
  :before {
    border: 0 solid #d9d9e3;
    box-sizing: border-box
  }

  :after,
  :before {
    --tw-content: ""
  }

  html {
    font-family: Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
    tab-size: 4
  }

  body {
    line-height: inherit;
    margin: 0
  }

  hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
  }

  abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

  a {
    color: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  pre,
  samp {
    font-family: Söhne Mono, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
  }

  button,
  select {
    text-transform: none
  }

  [type=button],
  [type=reset],
  [type=submit],
  button {
    -webkit-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
  }

  :-moz-focusring {
    outline: auto
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  progress {
    vertical-align: baseline
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto
  }

  [type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  summary {
    display: list-item
  }

  blockquote,
  dd,
  dl,
  fieldset,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  pre {
    margin: 0
  }

  fieldset,
  legend {
    padding: 0
  }

  menu,
  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  textarea {
    resize: vertical
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #acacbe
  }

  input::placeholder,
  textarea::placeholder {
    color: #acacbe
  }

  [role=button],
  button {
    cursor: pointer
  }

  :disabled {
    cursor: default
  }

  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    display: block;
  }

  img,
  video {
    height: auto;
    max-width: 100%
  }

  [multiple],
  [type=date],
  [type=datetime-local],
  [type=email],
  [type=month],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url],
  [type=week],
  select,
  textarea {
    --tw-shadow: 0 0 transparent;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #8e8ea0;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem
  }

  [multiple]:focus,
  [type=date]:focus,
  [type=datetime-local]:focus,
  [type=email]:focus,
  [type=month]:focus,
  [type=number]:focus,
  [type=password]:focus,
  [type=search]:focus,
  [type=tel]:focus,
  [type=text]:focus,
  [type=time]:focus,
  [type=url]:focus,
  [type=week]:focus,
  select:focus,
  textarea:focus {
    --tw-ring-inset: var(--tw-empty,
        /*!*/
        /*!*/
      );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #8e8ea0;
    opacity: 1
  }

  input::placeholder,
  textarea::placeholder {
    color: #8e8ea0;
    opacity: 1
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-date-and-time-value {
    min-height: 1.5em
  }

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-meridiem-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
  }

  select {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjOGU4ZWEwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdtNiA4IDQgNCA0LTQnLz48L3N2Zz4=);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  [multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: inherit;
    print-color-adjust: inherit
  }

  [type=checkbox],
  [type=radio] {
    --tw-shadow: 0 0 transparent;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #8e8ea0;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem
  }

  [type=checkbox] {
    border-radius: 0
  }

  [type=radio] {
    border-radius: 100%
  }

  [type=checkbox]:focus,
  [type=radio]:focus {
    --tw-ring-inset: var(--tw-empty,
        /*!*/
        /*!*/
      );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  [type=checkbox]:checked,
  [type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
  }

  [type=checkbox]:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9JyNmZmYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjIwNyA0Ljc5M2ExIDEgMCAwIDEgMCAxLjQxNGwtNSA1YTEgMSAwIDAgMS0xLjQxNCAwbC0yLTJhMSAxIDAgMCAxIDEuNDE0LTEuNDE0TDYuNSA5LjA4Nmw0LjI5My00LjI5M2ExIDEgMCAwIDEgMS40MTQgMHonLz48L3N2Zz4=)
  }

  [type=radio]:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9JyNmZmYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzMnLz48L3N2Zz4=)
  }

  [type=checkbox]:checked:focus,
  [type=checkbox]:checked:hover,
  [type=radio]:checked:focus,
  [type=radio]:checked:hover {
    background-color: currentColor;
    border-color: transparent
  }

  [type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgOGg4Jy8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
  }

  [type=checkbox]:indeterminate:focus,
  [type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
  }

  [type=file] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: inherit;
    line-height: inherit;
    padding: 0
  }

  [type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
  }

  h1 {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  h1,
  h2,
  h3 {
    font-weight: 600
  }

  h2,
  h3 {
    font-size: 1.5rem;
    line-height: 2rem
  }