@charset "UTF-8";
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290e72c196.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290e8cf4fb.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290e9c3cc9.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290eab2ee0.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290eb9bf4c.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290ec86ced.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://oss.matchpages.cn/matchpages/common/2021/0330/606290efe1720.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@view-transition {
  navigation: auto;
}
:root {
  --ui-color-primary: #EE4036;
  --ui-color-secondary: #F7682D;
  --ui-color-bg-primary: #F0F2F4;
  --ui-color-bg-secondary: #1F1F1F;
  --ui-color-bg-thirdly: #949494;
  --ui-color-bg-fourthly: #F9F9FB;
  --ui-color-gradient-from: #3A6DB7FF;
  --ui-color-gradient-to: #F14F44;
  --ui-color-font-primary: #333333;
  --ui-color-font-secondary: #D9D9D9;
  --ui-color-font-thirdly: #6B6B6B;
  --bg-color: #ffffff;
  --bs-body-line-height: 1.2;
  --font-family: '';
  --f-s-12: 1.2rem;
  --f-s-13: 1.3rem;
  --f-s-14: 1.4rem;
  --f-s-16: 1.6rem;
  --f-s-17: 1.7rem;
  --f-s-18: 1.8rem;
  --f-s-20: 2.0rem;
  --f-s-22: 2.2rem;
  --f-s-24: 2.4rem;
  --f-s-26: 2.6rem;
  --f-s-28: 2.8rem;
  --f-s-30: 3.0rem;
  --f-s-32: 3.2rem;
  --f-s-36: 3.6rem;
  --f-s-40: 4.0rem;
  --f-s-42: 4.2rem;
  --f-s-46: 4.6rem;
  --f-s-48: 4.8rem;
  --f-s-50: 5.0rem;
  --f-s-55: 5.5rem;
  --f-s-56: 5.6rem;
  --f-s-60: 6.0rem;
  --f-s-64: 6.4rem;
  --f-s-67: 6.7rem;
  --f-s-70: 7.0rem;
  --f-s-74: 7.4rem;
  --f-s-75: 7.5rem;
  --f-s-80: 8.0rem;
  --f-s-85: 8.5rem;
  --f-s-96: 9.6rem;
  --f-s-100: 10rem;
  --f-s-130: 13rem;
  --f-s-150: 15rem;
  --f-s-200: 20rem;
}

@media (max-width: 992px) {
  :root {
    --f-s-12: 1.2rem;
    --f-s-14: 1.4rem;
    --f-s-16: 1.6rem;
    --f-s-18: 1.8rem;
    --f-s-20: 2rem;
    --f-s-24: 2.4rem;
    --f-s-26: 2.6rem;
    --f-s-28: 2.8rem;
    --f-s-30: 3rem;
    --f-s-32: 3.2rem;
    --f-s-36: 3.6rem;
    --f-s-40: 4rem;
    --f-s-42: 4.2rem;
    --f-s-46: 4.6rem;
    --f-s-48: 4.8rem;
    --f-s-60: 6rem;
    --f-s-64: 6.4rem;
    --f-s-80: 8rem;
    --f-s-96: 9.6rem;
  }
}
html {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

body {
  margin: 0;
  padding: 0 !important;
  font-size: var(--f-s-16);
  font-family: "Roboto", sans-serif;
  color: var(--ui-color-font-primary);
  width: 100vw;
  max-width: 100%;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}
body ul {
  list-style: none;
}
body a {
  display: block;
  text-decoration: unset;
  color: inherit;
}

.layout_content_css {
  min-height: 50rem;
  line-height: 1.2;
  font-size: var(--f-s-18);
  width: 100%;
}
.layout_content_css img {
  width: fit-content;
  max-width: 100%;
}
.layout_content_css * {
  margin: revert;
  padding: revert;
  font-size: inherit;
  font-weight: revert;
}
.layout_content_css table {
  border-collapse: collapse;
}
.layout_content_css table td, .layout_content_css table th {
  border: 0.1rem solid #ccc;
  padding: 0.4rem;
}
.layout_content_css figure {
  display: table;
  margin: 1rem auto;
}
.layout_content_css figure figcaption {
  color: #999;
  display: block;
  margin-top: 0.25rem;
  text-align: center;
}
.layout_content_css hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 0.1rem 0 0 0;
}
.layout_content_css code {
  background-color: #e8e8e8;
  border-radius: 0.3rem;
  padding: 0.1rem 0.2rem;
}
.layout_content_css blockquote {
  border-left: 0.2rem solid #ccc;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
.layout_content_css ul {
  list-style: inherit;
}
.layout_content_css li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0rem !important;
  text-align: start !important;
  text-align-last: start !important;
}
.layout_content_css a {
  display: unset;
}
.layout_content_css iframe, .layout_content_css video {
  width: revert-layer;
  height: revert-layer;
  max-width: 100% !important;
  display: unset;
}

img {
  overflow: hidden;
  transition-duration: 300ms;
}
img::before {
  border: 2px dashed gray;
  content: "(；´д｀)ゞ failed to load";
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--ui-color-bg-primary);
  color: grey;
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  border-radius: 0.3rem;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(161, 163, 169, 0.7);
  border-radius: 0.3rem;
}

.iconfont {
  font-size: var(--f-s-16);
}

*::selection {
  background-color: var(--ui-color-primary);
  color: white;
}

img, video {
  height: 100%;
  width: 100%;
  display: block;
}

img {
  object-fit: cover;
}

.owl-carousel {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.owl-carousel.owl-loaded {
  opacity: 1;
}

/*# sourceMappingURL=common.css.map */