div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }

    

    body {
      line-height: 1;
      
    }

    blockquote,
    q {
      quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: "";
      content: none;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    a {
      text-decoration: none;
    }

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

    ul {
      list-style-type: square;
    }
    ol {
      /* list-style-type: none; */
    }

    html,body{
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      word-break: break-word;
      background-color: #fff;
      font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont, "Microsoft YaHei",Helvetica Neue,Helvetica,sans-serif;
    }

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

    strong {
      font-weight: 700;
    }

    .draft-container {
      box-sizing: border-box;
      height: 100%;
      line-height: 1.5;
      color: #000;
      font-size: 0.6826666666666656rem;
padding-bottom: 1.066666666666665rem;
padding-left: 1.066666666666665rem;
padding-right: 1.066666666666665rem;
padding-top: 1.066666666666665rem
    }

    .draft-container p {
      margin-bottom: 0.38399999999999945rem;
    }


    .draft-container table {
      width: 100%;
    }

    .draft-container tr {
      text-align: center
    }

    .draft-container td {
      border: 1px solid #e4e4e5;
    }

    .draft-container a {
      color: #3370ff;
    }

    .draft-container a:hover {
      color: #0000EE;
    }

    .draft-container h1,h2,h3,h4,h5,h6 {
      color: #000;
      font-weight: 600;
    }

    .draft-container img {
      
      
    }

    .draft-container video {
      
      
    }


    .draft-container h1 {
      margin-bottom: 0.639999999999999rem;
margin-top: 0.639999999999999rem;
font-size: 0.9386666666666652rem
    }
.draft-container h2 {
      margin-bottom: 0.5546666666666659rem;
margin-top: 0.5546666666666659rem;
font-size: 0.8106666666666654rem
    }
.draft-container h3 {
      margin-bottom: 0.3413333333333328rem;
margin-top: 0.3413333333333328rem;
font-size: 0.7253333333333323rem
    }
.draft-container h4 {
      margin-bottom: 0.3413333333333328rem;
margin-top: 0.3413333333333328rem;
font-size: 0.7253333333333323rem
    }
.draft-container h5 {
      margin-bottom: 0.3413333333333328rem;
margin-top: 0.3413333333333328rem;
font-size: 0.7253333333333323rem
    }
.draft-container h6 {
      margin-bottom: 0.3413333333333328rem;
margin-top: 0.3413333333333328rem;
font-size: 0.7253333333333323rem
    }


    .draft-container ul, .draft-container ol {
      padding-left: 0.6826666666666656rem
    }
.draft-container ul ul, .draft-container ol ol {
      padding-left: 0.6826666666666656rem
    }
.draft-container ul ul ul, .draft-container ol ol ol {
      padding-left: 0.6826666666666656rem
    }
.draft-container ul ul ul ul, .draft-container ol ol ol ol {
      padding-left: 0.6826666666666656rem
    }


    .draft-container ol {
        list-style-type: decimal
    }
    .draft-container ol ol {
        list-style-type: decimal
      }
    .draft-container ol ol ol {
        list-style-type: decimal
      }
    .draft-container ol ol ol ol {
        list-style-type: decimal
  }

    body {
  --font-family: "Capcut Sans Text","PingFang SC", "Helvetica Neue", "Hiragino Sans GB",
    "Helvetica", "Arial", sans-serif;
  --font-weight-normal: 300;
  --font-weight-bold: 600;
  --color-bg: #FFFFFF;
  --color-header: #090C14;
  /** hex color to rgba: http://hex2rgba.devoth.com/ */
  --color-text: #090C14;
  --color-border: rgba(39, 60, 86, 0.2);
  --color-link: #00cae0;
  --color-link-hover: #00a4c2;
}

/* different screen size */
.draft-container {
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-weight: var(--font-weight-normal) !important;
}

h1:first-of-type {
  margin-bottom: 24px !important;
}

@media screen and (max-width: 600px) {
  div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
    font-size: 14px !important;
  }

  h1 {
    font-size: 18px !important;
  }

  .draft-container {
    margin: 20px 16px !important;
  }

  .draft-container::after {
    content: '';
    height: 20px;
    width: 100%;
    position: relative;
    display: block;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
    font-size: 14px !important;
  }
  h1 {
    font-size: 18px !important;
  }
  .draft-container {
    margin: 20px 48px !important;
  }
  .draft-container::after {
    content: '';
    height: 20px;
    width: 100%;
    position: relative;
    display: block;
  }
}

@media (min-width: 900px) and (max-width: 1115px) {
  div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
    font-size: 16px !important;
  }

  h1 {
    font-size: 28px !important;
  }

  .draft-container {
    margin: 48px !important;
  }

  .draft-container::after {
    content: '';
    height: 48px;
    width: 100%;
    position: relative;
    display: block;
  }
}

@media screen and (min-width: 1116px) {
  div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
    font-size: 16px !important;
  }
  
  h1 {
    font-size: 28px !important;
  }

  .draft-container {
    width: 1020px;
    margin: 48px auto !important;
  }

  .draft-container::after {
    content: '';
    height: 48px;
    width: 100%;
    position: relative;
    display: block;
  }
}

/* load external font files */
@font-face {
  font-family: "Capcut Sans Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://sf16-web-login-neutral.capcutstatic.com/obj/capcut-web-login-static/mis/CapCutSansText-Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "Capcut Sans Text";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://sf16-web-login-neutral.capcutstatic.com/obj/capcut-web-login-static/mis/CapCutSansText-Medium.otf")
    format("opentype");
}

@font-face {
  font-family: "Capcut Sans Text";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://sf16-web-login-neutral.capcutstatic.com/obj/capcut-web-login-static/mis/CapCutSansText-Bold.otf")
    format("opentype");
}

* {
  font-family: var(--font-family) !important;
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  line-height: 170% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-header) !important;
  font-weight: var(--font-weight-bold) !important;
}

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

a {
  color: var(--color-link) !important;
}

a:hover {
  color: var(--color-link-hover) !important;
}

td {
  border: 1px solid var(--color-border) !important;
}

strong {
  font-weight: var(--font-weight-bold) !important;
}