:root {
  --primary-color: rgba(0, 0, 0, 1);
  --primary-color-2:rgba(57, 57, 57, 1);
  --primary-bg-color: rgb(31 150 207);
  --primary-bg-color1: rgba(30, 70, 139, 1);
  --primary-bg-color2: rgb(18 28 79);
  --footer-bg-color: rgba(20, 45, 86, 1);
  --body-bg-color:rgba(255, 255, 255, 1);
  --border-color: rgb(247 247 247);
   --primary-border-color: rgba(30, 70, 139, 1);
  --primary-bg-line-color: rgb(240 240 240);
  --primary-bg-filter-blur: 8px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-36: 36px;
}

html {
  font-family: Microsoft YaHei;
}

body {
  font-size: var(--font-size-15);
  background:var(--body-bg-color);
  max-width: 750px;
  min-width: 310px;
  margin: 0 auto;
  overflow-y: auto;
}
span {
  color: var(--primary-color);
}
p {
  color: var(--primary-color);
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

.font-over-limit-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.font-over-limit-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.font-over-limit-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


/* must end */
.global-cover-image-box .global-cover-image-a{
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16 / 9;
  border-radius: 5px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.global-cover-image-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: filter 0.3s ease;
  filter: blur(var(--primary-bg-filter-blur));
  transform: scale(1.1);
}